Utilisation d'une variable Javascript en html

**Crazynoss** · 28/10/2005, 15h18

Bonjour,

Le but recherch� est de r�alis� un diaporama sur une page web statique. Le probl�me que je rencontre actuellement est le suivant:
Peut-on r�cup�rer la valeur contenu dans une variable en javascript et l'utiliser en html?
Plus concretement, je n'arrive pas � r�cup�rer la source de l'image qui est contenu dans variable javascript

.
Si quelqu'un � une id�e je suis preneur!!

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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<form name="form1" method="post" action="">
<script language="JavaScript">
	window[num]=1;
	window[nbr_photo]=8;
	window[source]="photo/1.jpg";	
 
	function bonne_source()
	{
		var photo_source = new Array;
		photo_source[1]="photo/1.jpg";
		photo_source[2]="photo/2.jpg";
		photo_source[3]="photo/3.jpg";
		photo_source[4]="photo/4.jpg";
		photo_source[5]="photo/5.jpg";
		photo_source[6]="photo/6.jpg";
		photo_source[7]="photo/7.jpg";
		photo_source[8]="photo/8.jpg";
		source=photo_source[num];
	}
 
	function prem_photo() 
	{
		num=1;
		bonne_source();
	}
 
	function pred_photo() 
	{
		if (num != 1)
		{
		num=num-1;
		bonne_source();
		}
	}
 
	function suiv_photo() 
	{
		if (num != nbr_photo)
		{
		num=num+1;
		bonne_source();
		}
	}
 
	function fin_photo() 
	{
		num=nbr_photo;
		bonne_source();
	}
</script>
</head>
<body>
  <div align="center">
    <p><img name="Photo" src=??? width="640" height="480" alt="" style="background-color: #00FFCC"></p>
    <p><label>truc</label>&nbsp;</p>
    <p>
      <input name="prem" type="submit" id="prem" value="D&eacute;but" onClick="prem_photo();">
      <input name="pred" type="submit" id="pred" value="Pr&eacute;cedent" onClick="pred_photo();">
      <input name="suiv" type="submit" id="suiv" value="Suivant" onClick="suiv_photo();">
      <input name="fin" type="submit" id="fin" value="Fin" onClick="fin_photo();">
    </p>
  </div>
</form>
</body>
</html>

Merci d'avance

**denisC** · 28/10/2005, 15h27

Dans ta fonction bonne_source, il faut changer l'attribut source de ton �lement HTML img.

Pour cela, affecte lui un id (un nom unique), et fais:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
document.getElementById('idImage').src=source;

Pense � executer la fonction une premi�re fois au chargement de la page, ou initialise l'attribut src de ton document � ta premi�re photo.

Bonne chance.

**Mr N.** · 28/10/2005, 15h28

Essaie un truc du genre :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
var diap = new Image;
diap.src = 'photo/1.jpg';

puis

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<img src="diap" />

**Crazynoss** · 28/10/2005, 16h43

Le probl�me persiste, je n'arrive pas � changer de diapo � l'aide des boutons!! Peut �tre ai-je fait aussi une erreur � ce nivo!!

Utilisation d'une variable Javascript en html

JavaScript

Vue hybride

Discussions similaires

Partager

Partager