Page 1 sur 1

probleme avec une animation javascript

Publié : 16 févr. 2005, 03:28
par lich01
salut tous ,

je suis embeter car mon script marche sous Exploreur classic et pas sous
MOZILLA FIREFOX ...

Voila le sript :

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<meta name="generator" content="WebExpert 6">
<Script Language="Javascript">
function netie(net, ie) {
if ((navigator.appVersion.substring(0,3) >= net && navigator.appName == 'Netscape' && net != -1) || (navigator.appVersion.substring(0,3) >= ie && navigator.appName.substring(0,9) == 'Microsoft' && ie != -1))
return true;
else return false;
}

function createHexArray(n) {
this.length = n;
for (var i = 1; i <= n; i++)
this = i - 1;

this[11] = "A";
this[12] = "B";
this[13] = "C";
this[14] = "D";
this[15] = "E";
this[16] = "F";
return this;
}
hx = new createHexArray(16);

function convertToHex(x) {
if (x < 17) x = 16;
var high = x / 16;
var s = high+"";
s = s.substring(0, 2);
high = parseInt(s, 10);
var left = hx[high + 1];
var low = x - high * 16;
if (low < 1) low = 1;
s = low + "";
s = s.substring(0, 2);
low = parseInt(s, 10);
var right = hx[low + 1];
var string = left + "" + right;
return string;
}

function makeRainbow(text) {
text = text.substring(0, text.length);
color_d1 = 255;
mul = color_d1 / text.length;
for(var i = 0; i < text.length; i++) {
color_d1 = 255*Math.sin(i / (text.length / 3));
color_h1 = convertToHex(color_d1);
color_d2 = mul * i;
color_h2 = convertToHex(color_d2);

k = text.length;
j = k - i;
if (j < 0) j = 0;
color_d3 = mul * j;
color_h3 = convertToHex(color_d3);

document.write("<FONT COLOR=\"#" + color_h3 + color_h1 + color_h2 + "\">" + text.substring(i, i + 1) + "</FONT>");
}
}
</Script>
</head>
<body> <br><br>
<div align="center"><a href="#" onMouseOver="netie(-1,4)?this.style.fontSize='24pt':null" onMouseOut="netie(-1,4)?this.style.fontSize='10pt':null"><strong><u><script>makeRainbow("MON SITE");</script></u></strong></a></div>
</body>
</html>

faite un copier coler dans une page HTML vide

en fait ses l'effet du changement de lien qui se fait pas ?????????

alors si vous avez la soluce merci d'avance ..

pour mon site je ferai pas de pub mais voullez voir pour comparer
entre Exploreur internet et Mozilla Furefox je donnerai le lien sur demande

merci du coup de main ...................
8)

Publié : 16 févr. 2005, 09:46
par calimo
Il y a des erreurs dans la console Javascript ?
Tu peux nous donner l'adresse de ton site, ce ne sera pas considéré comme de la publicité abusive et au contraire ça peut s'avérer très utile :wink:

Publié : 16 févr. 2005, 10:05
par bobo
Primo, tu fais du reniflage de navigateur, pas étonnant que ça marche mal avec certains navigateur ! (c.f. fonction netie() )
Secundo, que c'est compliqué pour l'effet dynamique, alors qu'avec un peu de CSS, tu obtiens le même effet sans JavaScript :

Code : Tout sélectionner

CSS :
a.toto {
  font-size: 10pt;
  font-weight: bold;
  text-decoration: underline;
}
a.toto:hover {
  font-size: 24pt;
}

HTML :
<a class="toto"><script>makeRainbow("MON SITE");</script></a>
Tertio, il vaut mieux éviter des changements de tailles sur le survol des liens pour éviter une réorganisation de la page qui peut être perturbante.

Publié : 16 févr. 2005, 16:49
par lich01
voici le site : tilt85.free.fr

pour le CSS merci ses bien que si l'ont les memes tailes sur tous les leins .

pour ma part ses pas valable

donc ,

ouvrer le site avec Exploreur normal

et avec Mozilla

et vous verrez la difference .

et si vous avez une soluce merci d'avance.

PS:
j'ai remarquer qu'il y a beaucoup de chose que l'on peut plus faire , comme empecher un clic droit qui marche plus .

(enfin de toute facon empecher un clic droit n'a jamais marcher sur aucun avec la touche ECH !!)

Publié : 16 févr. 2005, 17:37
par calimo
lich01 a écrit :voici le site : tilt85.free.fr

pour le CSS merci ses bien que si l'ont les memes tailes sur tous les leins .

pour ma part ses pas valable

donc ,

ouvrer le site avec Exploreur normal

et avec Mozilla

et vous verrez la difference .
La seule différence flagrante que je vois c'est ces liens qui ne s'agrandissent pas, mais si tu insères le code donné par bobo à la place du script (ou au moins d'une partie) ça marchera.
Il y a aussi la bande marquee qui ne défile pas mais il me semble que j'ai du les désactiver donc c'est normal. Sinon je vois rien de différent, et à vrai dire c'est nettement plus agréable comme ça :wink:
lich01 a écrit :et si vous avez une soluce merci d'avance.

PS:
j'ai remarquer qu'il y a beaucoup de chose que l'on peut plus faire , comme empecher un clic droit qui marche plus .

(enfin de toute facon empecher un clic droit n'a jamais marcher sur aucun avec la touche ECH !!)
Eh bien c'est pas plus mal, moi j'aime pouvoir faire ce que je veux et je n'aime pas qu'on m'empêche de le faire :wink: