[DOM] utilisation d'une variable

Version imprimable

03/10/2008, 06h26
koKoTis

[DOM] utilisation d'une variable

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

Code:

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 ?
03/10/2008, 07h47
bigboomshakala

Code:

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

Bonjour et merci beaucoup ;)
03/10/2008, 11h48
SpaceFrog

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 ... :vomi:
03/10/2008, 11h50
koKoTis

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 ;)
03/10/2008, 11h54
SpaceFrog

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

Code:

document.createElement('img')
03/10/2008, 11h59
koKoTis

si je modifi le script ne marche plu :(
03/10/2008, 12h06
SpaceFrog

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

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

Code:

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>');
   }

Code:

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>

03/10/2008, 12h58
koKoTis

merci beaucoup ;)
05/10/2008, 08h56
koKoTis

maintenant je voudrai utiliser la variable dans un lien html:

Code:

<a href=\"" + vrDomainLunnatick + "\"> <img src=\"" + vrDomainLunnatick + "images/ban-pub-site.jpg\" /> </a>"

pourrait tu m'aider ?

j'ai trouver:

Code:

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;"

05/10/2008, 18h09
SpaceFrog
Code:

document.write

:vomi:
Code:

1 2 document.createElement('a')
:yaisse2:
05/10/2008, 18h10
koKoTis

ok merci encore ;) ;) ;)

Citation:

Envoyé par SpaceFrog

Code:

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 :(

06/10/2008, 11h22
koKoTis

bizzarement ce lien de marche pas:

Code:

<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 ?
06/10/2008, 13h13
bigboomshakala

Citation:

Envoyé par koKoTis

bizzarement ce lien de marche pas:

Code:

<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 8O
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
06/10/2008, 13h15
koKoTis

pour ten sur une autre page ca marche