probleme avec une animation javascript

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
lich01

probleme avec une animation javascript

Message 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)
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message 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:
bobo
Iguane
Messages : 764
Inscription : 18 août 2003, 11:04

Message 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.
Les standards c'est bon, mangez en !
Flore & Sébastien
Unité dans la diversité.
lich01

Message 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 !!)
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message 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:
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Semrush [Bot] et 2 invités