2010-01-18 9 views
3

J'ai des images sur une page Web que je veux avoir liée à un autre site Web, mais dans une nouvelle fenêtre d'une certaine taille. Dans Dreamweaver, j'ai utilisé Fenêtre> Comportements> onMouseClick, mais pour une raison quelconque, cela ne fonctionne pas. L'image n'est pas reconnue comme un lien.Comment puis-je ouvrir un lien dans une nouvelle petite fenêtre?

Existe-t-il un autre moyen pour que je puisse ouvrir un lien dans une nouvelle fenêtre d'une taille définie, et le faire fonctionner cette fois-ci?

Voici le code produit par Dreamweaver:

<script language="JavaScript"> 
<!-- 

function MM_openBrWindow(theURL,winName,features) { //v2.0 
window.open(theURL,winName,features); 
} 
//--> 
</script> 

Le lien:

<img src="images/portfolio/featured1.jpg" alt="Google" width="241"  height="200" border="0" onclick="MM_openBrWindow('http://www.google.com','google','scrollbars=yes,width=650,height=500')" /> 
+0

Quelle est la sortie html/js réelle de Dreamweaver? Que se passe-t-il lorsque vous cliquez sur l'image? –

+0

rien, il ne me laissera pas cliquer dessus. – user208987

+0

D'accord. Nous devrons voir le html et javascript réels avant que n'importe qui puisse diagnostiquer. –

Répondre

8

Eh bien, cela fonctionne pour moi dans Opera. C'est aussi du HTML valide.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd"> 
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 
<title>Test popup</title> 
</head> 

<body> 

<script type="text/javascript"> 
<!-- 

function MM_openBrWindow(theURL,winName,features) { //v2.0 
window.open(theURL,winName,features); 
} 
//--> 
</script> 

<p>the link: 
<img src="notice.png" 
    alt="Google" 
    width="241" height="200" 
    style="border: 0;" 
    onclick="MM_openBrWindow('http://www.google.com','google','scrollbars=yes,width=650,height=500')"> 


</body> 
</html> 

Et ce qui est mieux:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd"> 
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 
<title>Test popup</title> 
</head> 

<body> 

<script type="text/javascript"> 
<!-- 

function MM_openBrWindow(theURL,winName,features) { //v2.0 
    window.open(theURL,winName,features); 
} 
//--> 
</script> 

<p>the link: 
<a href="http://www.google.com" onclick="MM_openBrWindow('http://www.google.com','google','scrollbars=yes,width=650,height=500'); return false;"> 

<img src="notice.png" 
    alt="Google" 
    width="241" height="200" 
    style="border: 0;"></a> 


</body> 
</html> 

Il vaut mieux parce que (a) il y a un lien, vous verrez l'icône « main » pour la souris; et (b) le lien va quelque part, donc les gens avec javascript désactivé peuvent toujours accéder au contenu. (Le "return false" sur l'attribut "onclick" signifie que les gens avec javascript activé n'acquièrent que le lien popup.Le "faux" arrête le navigateur en suivant le lien normal.)

+0

oui, cela a fonctionné. Je ne sais pas pourquoi le code réel de dreamweaver n'a pas fonctionné cependant. Merci beaucoup. – user208987

+0

J'ai ajouté une deuxième version depuis que vous avez fait votre commentaire. La seconde est, je pense, mieux. – TRiG

+0

oui, je pense que je vais utiliser la deuxième version. Merci de votre aide. – user208987

Questions connexes