[DOM] Insérer un javascript

Version imprimable

bjr..
je bute sur un problème

je veur insérer ce javascript pour ouvrir une nouvelle fenêtre en cliquant sur une image..
le java est celui ci;
Code:

1 2 3 4 5 6 7 8 9 10 11 <div align="center"> <script language="javascript"> function ouvrirPage....() { window.open("adresse du site", "que mais je ici?", "scrollbars=yes, menubar=no, resizable=yes, status=no, location=no, top=10,left=100, width=600, height=600"); } </script> <a href="javascript:ouvrirPage....()">Que mais je ici?</a><br /> </div>
je voudrais en cliquant sur l'image que le site s'ouvre sur une nouvelle page
ou doit je placer l'adresse de l'image en admettons que l'image se nomme spirou.jpeg

pouvez vous m'aidez à compléter le script?
en vous remerçiant par avance

12/07/2008, 15h33
htr999

Code:

<a href="javascript:ouvrirPage....()">Que mais je ici?</a><br />

à la place de "Que mais je ici?", mets

Code:

<img src="chemin-relatif-eventuel/spirou.jpeg" alt="" />

si sans bordure

Code:

<img src="chemin-relatif-eventuel/spirou.jpeg" alt="" border="0" />

merci

mais je crois que j'ai du faire une erreur quelque part
Code:

1 2 3 4 5 6 7 8 <script language="javascript"> function ouvrirPageMyl() { window.open("http://pagesperso-orange.fr/tout.spirou/index.htm", "site_de_bd/spirou.JPG", "scrollbars=yes, menubar=no, resizable=yes, status=no, location=no, top=10,left=100, width=600, height=600"); } </script> <a href="spirou.JPG">site_de_bd/spirou.JPG</a><br />
si vous pouvez rectifier

et dans ce qui est en rouge le mot "Myl" que dois je y mettre?

pouvez vous me corriger, comme cela par après je saurais la faute que j'ai fait
merci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<div align="center">
<script language="javascript">
function ouvrirPage() {
window.open("http://pagesperso-orange.fr/tout.spirou/index.htm", "le nom de ta popup", "scrollbars=yes, menubar=no, resizable=yes, status=no, location=no, top=10,left=100, width=600, height=600");
}
 
 
</script>
<a href="javascript:ouvrirPage()"><img src="chemin-relatif-eventuel/spirou.jpeg" alt="" border="0" /></a><br />
 
 
</div>

ou sinon pour éviter de créer une page hml...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<div align="center">
<script language="javascript">
function ouvrirPage() {
mafen = window.open("about:blank", "le nom de ta popup", "scrollbars=yes, menubar=no, resizable=yes, status=no, location=no, top=10,left=100, width=600, height=600");

 
mafen.document.innerHTML="contenu_html"
}
 
 
</script>
<a href="javascript:ouvrirPage()"><img src="chemin-relatif-eventuel/spirou.jpeg" alt="" border="0" /></a><br />
 
 
</div>

12/07/2008, 17h33
Auteur

petite précision : ne mettez pas d'espace dans le second argument de la méthode open()

supersnail : j'avoue que ta méthode pour inclure du code dans une pop-up me déplait (innerHTML :?)
Je préfère de loin ouvrir une page existante et la compléter ensuite si nécessaire avec des méthode DOM (createElement(), getElementById(), etc.)
12/07/2008, 17h47
supersnail

moui mais si c'est juste pour afficher une image,innerHTML suffit amplement... (j'arrête là sinon ça dégénère en troll...)
12/07/2008, 17h48
SpaceFrog

y'a quand même mieux que le innerHTML :
http://www.developpez.net/forums/sho...d.php?t=535848

pour htr999

ça fonctionnes,
j'ai testé en local, mais ça fonctionne sur firefox, mais pas sur IE

je l'ai placé comme cela

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<div align="center">
<script language="javascript">
function ouvrirPage() {
window.open("http://pagesperso-orange.fr/tout.spirou/index.htm", "le site de spirou", "scrollbars=yes, menubar=no, resizable=yes, status=no, location=no, top=10,left=100, width=600, height=600");
}
 
 
</script>
<a href="javascript:ouvrirPage()"><img src="spirou.JPG" alt="" border="0" /></a><br />
 
 
</div>

EDIT

ça y est..
j'ai oublié ceci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<div align="center">
<script language="javascript">
function ouvrirPageSpi() {
window.open("http://pagesperso-orange.fr/tout.spirou/index.htm", "spi", "scrollbars=yes, menubar=no, resizable=yes, status=no, location=no, top=10,left=100, width=600, height=600");
}
 
 
</script>
<a href="javascript:ouvrirPageSpi()"><img src="spirou.JPG" alt="" border="0" /></a><br />
 
 
</div>

12/07/2008, 17h57
SpaceFrog

pense déja pour le forum aux balises [ CODE ] ... boutno # de l'editeur ...
je commence à fatiguer de passer derrière les rajouter à chaque fois :aie: