script incompatible MOZ/FIREFOX

script incompatible MOZ/FIREFOX - HTML/CSS - Programmation

Marsh Posté le 27-06-2005 à 10:18:59    

bonjour,  
 
j'ai modifié à mon besoin un javascript qui marche bien sous IE mais apparement pas sous Moz/firefox : http://site.voila.fr/framu  
 
voici le code , est ce que vous pouvez m'aider pour le rendre compatible ou me dire ou je peu trouver un code qui donne ce genre d'effet . Je veux mettre dans un calque un message attirant l'attention du visiteur et je préfére travailler sur du texte pour pouvoir changer le message en fonction de l'info à faire passée .  
 
javascript:  
<html>  
<head>  
<script>  
<!--  
var divs = new Array();  
var da = document.all;  
var start;  
 
//vitesse de pulsation  
var speed = 80;  
 
function initVars(){  
if (!document.all)  
return  
addDiv(msg0,"red",2,5);  
addDiv(msg1,"red",4,9);  
 
startGlow();  
}  
 
function addDiv(id,color,min,max)  
{  
var j = divs.length;  
divs[j] = new Array(5);  
divs[j][0] = id;  
divs[j][1] = color;  
divs[j][2] = min;  
divs[j][3] = max;  
divs[j][4] = true;  
}  
 
function startGlow()  
{  
if (!document.all)  
return 0;  
 
for(var i=0;i<divs.length;i++)  
{  
divs[0].style.filter = "Glow(Color=" + divs[1] + ", Strength=" + divs[2] + " )";  
divs[0].style.width = "100%";  
}  
 
start = setInterval('update()',speed);  
}  
 
function update()  
{  
for (var i=0;i<divs.length;i++)  
{  
if (divs[4])  
{  
divs[0].filters.Glow.Strength++;  
if (divs[0].filters.Glow.Strength == divs[3])  
divs[4] = false;  
}  
 
if (!divs[4])  
{  
divs[0].filters.Glow.Strength--;  
if (divs[0].filters.Glow.Strength == divs[2])  
divs[4] = true;  
}  
}  
}  
-->  
</script>  
 
<title>Document sans-titre</title>  
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">  
</head>  
 
<body bgcolor="#FFFFFF" body onLoad="initVars()">  
<div id="Layer1" style="position:absolute; width:141px; height:53px; z-index:1; left: 255px; top: 206px">  
<div id="msg0" style="color: white">  
<div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="4" color="#FFFFFF"><b><font color="#CCFFCC"><i>!!  
Offre !! </i></font></b></font><i><br>  
</i></div>  
</div>  
<div id="msg1" style="color: lime">  
<div align="center"><i><b><font face="Verdana, Arial, Helvetica, sans-serif" size="4" color="#FFFF99">!!  
Spéciale !! </font></b></i></div>  
</div>  
</div>  
 
</body>  
</html>  

Reply

Marsh Posté le 27-06-2005 à 10:18:59   

Reply

Marsh Posté le 27-06-2005 à 10:49:33    

Ton code est assez moche, et faire apparaitre un truc en pop up ca sert a rien si l'utilisateur s'y attend pas, de plus ca risque d'etre bloqué par un anti popup meme si c'est utile.
 
Les font ca doit plus être utilisé, et plutot que de mettre des style="" partout, mets ca dans un beau css a part.
 
Et ton "offre spéciale" mets le dans une couleur qui ressort plutot que dans un pop up désagréable.


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 27-06-2005 à 11:03:23    

Je suis pas spécialiste ,c'est pas un code généré par Dream + un script en libre utilisation .
La page est juste un exemple pour montrer ce que ça donne , mais mon intention n'est pas de créer un popup . Je veux placer le texte dans un calque comme sur cette page afin de pouvoir le positionner sur n'importe quelle page d'un site en mettant un lien sur le calque afin que le visiteur interessé puisse ouvrir sur une page spécifique et lire l'info .
 
Pour les css , j'ai pas encore étudié la chose .

Reply

Marsh Posté le 27-06-2005 à 11:04:44    

"c'est pas un code généré par Dream "
 
petite coquille , c'est un code généré par Dreamweaver .

Reply

Marsh Posté le 27-06-2005 à 11:06:12    

Ok, mais ca ne marche pas non plus sous ie 5 :D


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 27-06-2005 à 11:11:47    

bizar , suis sous IE5 et le lien s'ouvre sans probléme  
 
http://site.voila.fr/framu

Reply

Marsh Posté le 27-06-2005 à 11:13:34    

1- Ca fait vraiment kevin comme truc, ultra cheap et tout [:pingouino]
2- Un gif animé est tout aussi minable et beaucoup plus simple à générer, en consommant moins de CPU [:pingouino]
3- Ton machin immonde ne fonctionne pas sous autre chose qu'MSIE à cause de

if (!document.all)  


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 27-06-2005 à 11:17:18    

Sous ie 5 je ne vois qu'un texte enflammé au survol ...


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 27-06-2005 à 11:17:53    

attend , j'ai peut être mal compris , c'est la page que tu n'arrive pa à voir sous IE ou tu cherches à cliquer sur un lien qui serait sur le calque du texte qui clignote " Offre Spéciale " ; si c'est ça qui marche pas , c'est normal car je n'ai pas encore mis de lien vers une autre page dans cet exemple . Je l'ai mise  pour savoir si il y a un moyen de faire s'ouvrir à l'identique sous mozilla/firefoxe .

Reply

Marsh Posté le 27-06-2005 à 11:21:04    

ah. Mais le gif est moche quand meme ^^'
 
sinon, si tu ne mets pas le script ouvrant une pop up en route, c'est moins pratique pour voir ce que mozilla firefox ne reconnait pas :D


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 27-06-2005 à 11:21:04   

Reply

Marsh Posté le 27-06-2005 à 11:23:13    

Code :
  1. if (!document.all) 
  2. return


 
Ces lignes de code veulent dire : Si vous n'ètes pas sous IE, passez votre chemin !
 
Le pire, c'est que la propriété document.all n'est utilisée à aucun moment. c'est juste là pour limiter l'usage à IE...
 
Je comprend pas tout au code mais apparemment il y a une histoire d'ajout d'un filtre "Glow" et j'imagine que c'est du pur IE...
 
[EDIT]


Message édité par Bidem le 27-06-2005 à 11:27:26
Reply

Marsh Posté le 27-06-2005 à 11:24:43    

ca marche pas sous mon mozilla 1.7.2.
j'ai seulement offre speciale d'ecrit


Message édité par shikra le 27-06-2005 à 11:25:22

---------------
L'abus de programmation est dangereux pour la sante!!
Reply

Marsh Posté le 27-06-2005 à 11:31:26    

plainsofpain a écrit :

ah. Mais le gif est moche quand meme ^^'


Le truc qui tue c'est que c'est pas un GIF, les flames à la con c'est l'effet de son script JS [:pingouino]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 27-06-2005 à 11:35:47    

donc c'est le filtre "Glow" qui fait l'effet sur le texte et qui ne fonctionne qu'avec IE , si je saisi bien .

Reply

Marsh Posté le 27-06-2005 à 11:37:10    

Non, c'est toute la fonction startGlow qui jette les gens n'utilisant pas IE [:pingouino]
Mais perso ça me gène pas, c'est pas une grande perte [:pingouino]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 27-06-2005 à 11:38:06    

un js pour ca ? Oula .... :pt1cable:


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 27-06-2005 à 11:47:50    

un js pour ca ? Oula ....  
 
dites moi

Reply

Marsh Posté le 27-06-2005 à 12:39:29    

Bah un gif


---------------
!== Force et honneur ==!
Reply

Marsh Posté le 27-06-2005 à 12:50:51    

oui , mais il faut créer un nouveau gif pour chaque message d'accroche .  
 
Prix spécial , promo , solde , infos etc...
 
c'est pour ça que je m'orientais vers du texte annimés , voir un cadre annimé , pour pouvoir rapidement mettre à jour le message . Y'a t il d'autres méthodes simples à mettre en oeuvre ?

Reply

Marsh Posté le 27-06-2005 à 13:16:07    

Ben tu ne mets pas d'animations à deux francs de 1995, et tu te contentes d'un texte légèrement mis en évidence, par une couleur, une taille, ou un style différent (gras ou italique).
 
Enfin meme, un gif par texte, avec gimp, c'est fait en quelques clics ...


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 27-06-2005 à 19:50:56    

c'est bon , j'ai réussi à adapter avec du texte ou des gifs et ça marche sous IE / Moz / firefoxe ; le filtre blow est bien une commande IE pour faire rougeoyer un texte , je me contenterai d'un clignotement et le lien sur le texte ou la gif qui clignote marche vers une fenétre qui s'ouvre à la dimension du message et que je peux positionner . Y'a pu qu'à essayer d'améliorer le graphisme .

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed