Création d'un document HTML

**stemariej** · 02/01/2010, 22h17

Bonjour,

Je dois créer un document HTML dans lequel il y a une séquence de huit images qui défile à chaque clique de souris. Présentement, je suis seulement capable de cliquer une fois car après il ne se passe plus rien. Voici mon code :

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
18
19
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<HTML>
<HEAD>
<TITLE>Changer une image lorsqu'on clique dessus</TITLE>
<SCRIPT language="JavaScript">
<!--
function change_img(source, indice) {
	document.images[indice].src = source;
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<H4>Cliquez sur l'image pour la changer</H4>
<A HREF="JavaScript:change_img('guepard8.gif',0)">
<IMG SRC="guepard1.gif"></A>
</BODY>
</HTML>

Merci beaucoup

Jonathan

**ngpub** · 02/01/2010, 22h32

Tu t'es trompé de boutique, t'es sur un forum Java ici (rien à voir avec JavaScript), tu auras plus d'aide sur le forum JavaScript.

**ZeRevo** · 11/01/2010, 19h00

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
18
19
20
21
22
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<HTML>
<HEAD>
<TITLE>Changer une image lorsqu'on clique dessus</TITLE>
<SCRIPT language="JavaScript">
<!--
var num_image = 0;
function next_image() {
	if (num_image < 8) { // limite à 8 images
		num_image += 1;
		document.getElementById("image").src = "img_" + num_image + ".gif";
	}
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<H4>Cliquez sur l'image pour la changer</H4>
<A HREF="javascript:next_image()"><IMG SRC="img_0.gif" id="image"></A>
</BODY>
</HTML>

Je préfère utiliser getElementById parce que le tableau document.images[] peut évoluer avec le contenu de la page. Si on ajoute une image les indices évoluées et la script ne fonctionne plus

**polymorphisme** · 13/01/2010, 14h35

Bonjour,

que de confusion entre Java et Javascript !!!

Code :

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

1
2
<A HREF="JavaScript:change_img('guepard8.gif',0)">
<IMG SRC="guepard1.gif"></A>

Bon après, ton code ne fait que ce que tu lui demande : tu commence par afficher l'image guepard1.gif. Lors d'un clique de souris sur le lien, un appel à la fonction change_img est effectué. Ta fonction change_img affiche l'image guepard8.gif. Si tu clique à nouveau sur l'image guepard8.gif. tu fait un appel à la fonction change_img ... qui t'affiche toujours la même image !

**Farçous** · 13/01/2010, 17h38

Polymorphisme a raison

Utilise une variable dans ta page pour indiquer à quelle image tu en es.

Création d'un document HTML

avec Java

Discussions similaires

Partager

Partager