[DOM] utilisation d'une variable

**koKoTis** · 03/10/2008, 06h26

Bonjour, je vopoudrai utiliser la variable vrLunnatickImgMongolfiere dans cette ligne:

Code :

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

   document.write('<img src="vrLunnatickImgMongolfiere" style="border:0px" name="tete" alt="Cliquez ici pour faire disparaître" />');

mais la ca ne marche pas, que dois-je faire ?

**bigboomshakala** · 03/10/2008, 07h47

Code :

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

   document.write("<img src=\"" + vrLunnatickImgMongolfiere + "\" style=\"border:0px\" name=\"tete\" alt=\"Cliquez ici pour faire disparaître\" />");

**koKoTis** · 03/10/2008, 07h48

Bonjour et merci beaucoup

**SpaceFrog** · 03/10/2008, 11h48

Koko depuis le temps que l'on te le dit tu devrais te pencher sur le DOM ...
parce que créer une image avec document.write ...

**koKoTis** · 03/10/2008, 11h50

c'est un script que j'ai récupérer je ne l'est pas écrir, le script complet faite qu'une image sui le curseur

**SpaceFrog** · 03/10/2008, 11h54

et alors y'a pour dix minutes à l'adapter pour en faire un code propre avec

Code :

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

document.createElement('img')

**koKoTis** · 03/10/2008, 11h59

si je modifi le script ne marche plu

**SpaceFrog** · 03/10/2008, 12h06

forcément il faut tout modifier en conséquence ...

fait peter le script que je regarde ça ...

**koKoTis** · 03/10/2008, 12h09

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
 
 
/*
Image qui suit et regarde la souris
RIPT EDITE SUR L'EDITEUR JAVASCRIPT
 
*/
var x = 0;
var y = 0;
 
if (document.getElementById)
   {
   if(navigator.appName.substring(0,3) == "Net")
      document.captureEvents(Event.MOUSEMOVE);
   document.onmousemove = Pos_Souris;
   window.onload = Bouge_Image;
   }
 
function Pos_Souris(e)
   {
   x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
   y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
   }
 
posX = 0;
posY = 0;
anim = true;
oldpos =vrDomainLunnatick + 'images/m1.gif';
 
function Bouge_Image()
   {
   if (document.getElementById && anim)
      {
      posX = posX+(((x-posX)+20)/15);
      posY = posY+(((y-posY)+20)/15);
      if(posX<x)
         newpos=vrDomainLunnatick + 'images/m1.gif';
      else
         newpos=vrDomainLunnatick + 'images/m1.gif';
	  if(newpos!=oldpos)
	  	{
		document.tete.src=newpos;
		oldpos=newpos;
		}
      document.getElementById("teteronde").style.top = posY+"px";
      document.getElementById("teteronde").style.left = posX+"px";
      tempo = setTimeout("Bouge_Image()", 15)
      }
   }
 
if(document.getElementById)
   {
   document.write('<div id="teteronde" style="position: absolute">');
   document.write("<img src=\"" + vrLunnatickImgMongolfiere + "\" style=\"border:0px\" name=\"tete\" alt=\"Cliquez ici pour faire disparaître\" />");
   document.write('</a>');
   document.write('</div>');
   }

**SpaceFrog** · 03/10/2008, 12h57

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
73
74
 
<html>
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
 
<script type='text/javascript'>
/*
Image qui suit et regarde la souris
*/
var x = 0;
var y = 0;
   var vrLunnatickImgMongolfiere =''
   vrDomainLunnatick=''
if (document.getElementById)
   {
   if(navigator.appName.substring(0,3) == "Net")
      document.captureEvents(Event.MOUSEMOVE);
   document.onmousemove = Pos_Souris;
 
   }
 
function Pos_Souris(e)
   {
   x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
   y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
   }
 
posX = 0;
posY = 0;
anim = true;
oldpos =vrDomainLunnatick + 'images/m1.gif';
 
function Bouge_Image()
   {
   if (document.getElementById && anim)
      {
      posX = posX+(((x-posX)+20)/15);
      posY = posY+(((y-posY)+20)/15);
      if(posX<x)
         newpos=vrDomainLunnatick + 'images/m1.gif';
      else
         newpos=vrDomainLunnatick + 'images/m1.gif';
	  if(newpos!=oldpos)
	  	{
		document.tete.src=newpos;
		oldpos=newpos;
		}
      document.getElementById("teteronde").style.top = posY+"px";
      document.getElementById("teteronde").style.left = posX+"px";
      tempo = setTimeout("Bouge_Image()", 15)
      }
   }
 
function init()
//if(document.getElementById)
   {
   var TRonde=document.createElement('div');
   TRonde.style.position="absolute";
   TRonde.id="teteronde"
   var Pic=document.createElement('<img name="tete" />');
   Pic.src=vrLunnatickImgMongolfiere;
   Pic.style.border="0";
   Pic.alt="Cliquez ici pour faire disparaître"
   TRonde.appendChild(Pic);
   document.body.appendChild(TRonde);
  Bouge_Image()
   }
</script>
</head>
<body onload="init()">
</body>
 
</html>

**koKoTis** · 03/10/2008, 12h58

merci beaucoup

**koKoTis** · 05/10/2008, 08h56

maintenant je voudrai utiliser la variable dans un lien html:

Code :

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

&lt;a href=\"" + vrDomainLunnatick + "\"&gt; &lt;img src=\"" + vrDomainLunnatick + "images/ban-pub-site.jpg\" /&gt; &lt;/a&gt;"

pourrait tu m'aider ?

**koKoTis** · 05/10/2008, 09h10

j'ai trouver:

Code :

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

1
2
3
4
5
&lt;a href="
                      <script language="javascript"> document.write(vrDomainLunnatick); </script>
                      " target&quot;blank&quot; &gt; &lt;img src="
                      <script language="javascript"> document.write(vrDomainLunnatick); </script>
                    images/ban-pub-site.jpg" /&gt; &lt;/a&gt;"

**SpaceFrog** · 05/10/2008, 18h09

Code :

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

document.write

Code :

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

1
2
 
document.createElement('a')

**koKoTis** · 05/10/2008, 18h10

ok merci encore

**koKoTis** · 05/10/2008, 18h14

Envoyé par SpaceFrog

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
73
74
 
<html>
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
 
<script type='text/javascript'>
/*
Image qui suit et regarde la souris
*/
var x = 0;
var y = 0;
   var vrLunnatickImgMongolfiere =''
   vrDomainLunnatick=''
if (document.getElementById)
   {
   if(navigator.appName.substring(0,3) == "Net")
      document.captureEvents(Event.MOUSEMOVE);
   document.onmousemove = Pos_Souris;
 
   }
 
function Pos_Souris(e)
   {
   x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
   y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
   }
 
posX = 0;
posY = 0;
anim = true;
oldpos =vrDomainLunnatick + 'images/m1.gif';
 
function Bouge_Image()
   {
   if (document.getElementById && anim)
      {
      posX = posX+(((x-posX)+20)/15);
      posY = posY+(((y-posY)+20)/15);
      if(posX<x)
         newpos=vrDomainLunnatick + 'images/m1.gif';
      else
         newpos=vrDomainLunnatick + 'images/m1.gif';
	  if(newpos!=oldpos)
	  	{
		document.tete.src=newpos;
		oldpos=newpos;
		}
      document.getElementById("teteronde").style.top = posY+"px";
      document.getElementById("teteronde").style.left = posX+"px";
      tempo = setTimeout("Bouge_Image()", 15)
      }
   }
 
function init()
//if(document.getElementById)
   {
   var TRonde=document.createElement('div');
   TRonde.style.position="absolute";
   TRonde.id="teteronde"
   var Pic=document.createElement('<img name="tete" />');
   Pic.src=vrLunnatickImgMongolfiere;
   Pic.style.border="0";
   Pic.alt="Cliquez ici pour faire disparaître"
   TRonde.appendChild(Pic);
   document.body.appendChild(TRonde);
  Bouge_Image()
   }
</script>
</head>
<body onload="init()">
</body>
 
</html>

Comme ceci ca ne marche plu dans IE

**koKoTis** · 06/10/2008, 11h22

bizzarement ce lien de marche pas:

Code :

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

<a href="<script language="javascript"> document.createElement(vrDomainLunnatick); </script>/phpBB2/viewforum.php?f=25">vous pouvez me le demander</a>

qu'est ce qui cloche ?

**bigboomshakala** · 06/10/2008, 13h13

Envoyé par koKoTis

bizzarement ce lien de marche pas:

Code :

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

<a href="<script language="javascript"> document.createElement(vrDomainLunnatick); </script>/phpBB2/viewforum.php?f=25">vous pouvez me le demander</a>

qu'est ce qui cloche ?

à peu près tout en fait

dans un href tu mets soit une url (href = "http://www.google.com"), soit du javascript (href = "javascript:alert('toto')")

là tu as mis une balise script suivi d'un morceau d'url... et pour finir une mauvaise utilisation des double-quote

**koKoTis** · 06/10/2008, 13h15

pour ten sur une autre page ca marche

[DOM] utilisation d'une variable

JavaScript

Discussions similaires

Partager

Partager