probleme avec une animation javascript
probleme avec une animation javascript
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)
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)
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 :
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.
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>
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 !!)
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 !!)
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.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 .
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

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 fairelich01 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 !!)

Qui est en ligne ?
Utilisateurs parcourant ce forum : Semrush [Bot] et 2 invités