Discussion :

[pascal67]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[htr999]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

si sans bordure

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[pascal67]

merci

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[htr999]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[supersnail]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[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.)

[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...)

[SpaceFrog]

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

[pascal67]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[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