compatibilité IE et FFX

**MortDansLAme** · 20/06/2008, 14h18

Bonjour à tous, je serai clair.

j'ai un super script qui me permet de générer des couleures que voici :

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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
 
<html>
  <head>
 
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>Générateur de couleures hexadecimales</title>
    <script language="javascript">
      var rouge=255;
	  var vert=255;
	  var bleu=255;
 
	  function converti(dec)
	  {
		var hexa="0123456789ABCDEF";
		var hex="";
		while (dec>15) 
		{
			tmp=dec-(Math.floor(dec/16))*16;
			hex=hexa.charAt(tmp)+hex;
			dec=Math.floor(dec/16);
		}
		hex=hexa.charAt(dec)+hex;
		if(hex.length==1)hex="0"+hex;
		return(hex); 
	  }
		function bouge(element,evt)
		{
			element.style.position='relative';
			if (navigator.appName=="Microsoft Internet Explorer")
			{
				if(evt.x-15<256&&evt.x-15>=0)
				{
					element.style.left=evt.x-15;
					document.getElementById(element.name).value=evt.x-15;
				}
			}
			else
			{
				if(evt.clientX-15<256&&evt.clientX-15>=0)
				{
					element.style.left=evt.clientX-15;
					document.getElementById(element.name).value=evt.clientX-15;
				}
			}
			maj('1');
		}
		function maj(ent)
		{
			if(ent==1)
			{
				rouge=document.getElementById("rouge").value;
				vert=document.getElementById("vert").value;
				bleu=document.getElementById("bleu").value;
				document.getElementById('hexa').value='#'+converti(rouge)+converti(vert)+converti(bleu);
				document.getElementById("division").style.backgroundColor='#'+converti(rouge)+converti(vert)+converti(bleu);
 
			}
		}
		var up=true;
 
	</script>
  </head>
	<body>
	<table><tr><td>
    <div style="width:100px;height:50px;background-color:rgb(0,0,0);" id="division"></div>
	</td><td>
	<font size="2"><b>Faites glisser les ascenceurs pour faire varier la couleure</b></font>
	</td></tr></table>
	<br>
	<span>
		<font color="red">
			<b>Rouge</b>
		</font><br>
		<input type="text" readonly value="0" id="rouge" maxlength="3">
		<br>
		<div style="border:2px solid #DDD;background-color:#EEE;width:271px;" >
			<button style="width:15px;" name="rouge" onmousemove="javascript:bouge(this,event);" onmousedown="javascript:bouge(this,event);" onmouseout="javascript:bouge(this,event);" style="width:10px;">|</button>
		</div>
	</span>
	<br>
	<span>
		<font color="green">
			<b>Vert</b>
		</font><br>
		<input type="text" readonly value="0" id="vert" maxlength="3">
		<br>
		<div style="border:2px solid #DDD;background-color:#EEE;width:271px;">
			<button style="width:15px;" name="vert" onmousemove="javascript:bouge(this,event);" onmousedown="javascript:bouge(this,event);" onmouseout="javascript:bouge(this,event);" style="width:10px;">|</button>
		</div>
	</span>
	<br>
	<span>
		<font color="blue">
			<b>Bleu</b>
		</font><br>
		<input type="text" readonly value="0" id="bleu" maxlength="3">
		<br>
		<div style="border:2px solid #DDD;background-color:#EEE;width:271px;">
			<button style="width:15px;" name="bleu" onmousemove="javascript:bouge(this,event);" onmousedown="javascript:bouge(this,event);" onmouseout="javascript:bouge(this,event);" style="width:10px;">|</button>
		</div>
	</span>
	<br>
	<input type="text" value="#FFFFFF" id="hexa" readonly>
	</body>
</html>

je vous inivite à le tester, il fonctionne très bien sous FFX (dumoins sur ma machine) mais sous IE il y a comme un couack. les bouton ne suivent pas la souris...

quelqu'un à une idée pour résoudre ce probleme ?

merci d'avance !

**E.Bzz** · 20/06/2008, 14h32

Bonjour,
essaye d'ajouter les "px" aux coordonnées dans tes fonctions ...

... et enlève ces "javascript:" dans les évènements (je vais finir par mettre ça dans ma signature

)

A+

**MortDansLAme** · 20/06/2008, 14h43

j'ai ajouté px, enlevé "javascript:" mais c'est toujours la même chose, IE ne détexte aucune erreur mais mes boutons bougent bizarement.

je comprend vraiment pas car ils sont simplement sensé adopter l'abscisse de la souris...

compatibilité IE et FFX

JavaScript

Discussions similaires

Partager

Partager