SUPER TEXTE DÉFILANT VERTICALEMENT ET DISPARAISSANT AVEC DÉGRADÉ
neobad
Messages postés2Date d'inscriptionmardi 13 mai 2003StatutMembreDernière intervention16 mai 2003
-
16 mai 2003 à 15:38
cs_goltar
Messages postés1Date d'inscriptionvendredi 11 mars 2011StatutMembreDernière intervention11 mars 2011
-
11 mars 2011 à 12:46
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.
cs_goltar
Messages postés1Date d'inscriptionvendredi 11 mars 2011StatutMembreDernière intervention11 mars 2011 11 mars 2011 à 12:46
Salut à tous,
Je suis sérieusement intéressé par ce ch'ti bout de code qui fonctionne parfaitement sous IE, mais malheureusement n'est pas compatible Firefox.
Je vois plusieurs incompatibilités, mais malheureusement je n'ai pas les connaissances nécessaire pour le modifier.
CSS - Opacity - Incompatible
teletext.innerHTML = to_print; - Incompatible
Quelqu'un peut m'aider ?
Merci
Akeela
Messages postés5Date d'inscriptionlundi 13 mars 2006StatutMembreDernière intervention25 mai 2009 19 mars 2006 à 00:47
Marche pas sous firefox 1.5, au boulot !
SgtKabukinan
Messages postés106Date d'inscriptionlundi 20 septembre 2004StatutMembreDernière intervention23 janvier 2010 13 janv. 2005 à 17:35
ah oui au fait le tab hexcolor sert à rien ;) c une ommission en voulant faire plus compliqué !
SgtKabukinan
Messages postés106Date d'inscriptionlundi 20 septembre 2004StatutMembreDernière intervention23 janvier 2010 13 janv. 2005 à 17:33
hum.... bon bah après mure reflexion, je l'ai quand même fait, après tout meme si le message est tres ancien ca peut en aider d'autres ;)
<html>
<head>
<title>Text défilant</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type=text/css>BODY {
SCROLLBAR-FACE-COLOR: #6699cc; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #ffcc00; SCROLLBAR-TRACK-COLOR: #baddff; SCROLLBAR-DARKSHADOW-COLOR: #000000
}
.telestyle {
position:absolute;
visibility:visible;
font-size:10pt;
font-family:Arial;
font-weight:normal;
color:#000066;
top:96px;
left:110px;
height:32px;
width:560px;
filter:alpha(opacity=100);
}
A:visited { color: #765741; text-decoration: none; font: bold 10pt Arial, Helvetica, sans-serif; }
A:link { color: #a73636; text-decoration: none; font: bold 10pt Arial, Helvetica, sans-serif; }
A:hover { color: #9820C6; text-decoration: underline; font: bold 10pt Arial, Helvetica, sans-serif; }
</style>
</head>
<script LANGUAGE="JavaScript">
<!--
var character = 0;
var to_print = "";
var ypos = 96;
var iMsg = 0 ;
var fade 100 ; var iFade 0 ;
var next_message = new Array("Bienvenue", "merci", "c'est trop cool") ;
var hexColor = ["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"];
function doText(text)
{
if (character <= text.length - 1)
{
to_print += text.charAt(character);
teletext.innerHTML = to_print;
character++;
}
else { scrollIt(); }
setTimeout("doText(next_message[iMsg])", 20);
}
function scrollIt()
{
if (ypos >= 0)
{
ypos -= 1;
fade -= 3;
iFade ++;
if (ypos < 5) { teletext.innerHTML = "" ; }
}
else
{
ypos = 96;
character = 0;
to_print = "";
nextMessage();
fade = 100;
iFade = 0 ;
}
getCrossBrowserStyle('teletext').top = ypos;
if (teletext.filter) { teletext.filters.alpha.opacity = fade; }
else { Fade(0,0,96,255,255,255,64,iFade) ; }
}
function nextMessage()
{
if (iMsg next_message.length) { iMsg 0; return; }
iMsg++ ;
}
function getCrossBrowserStyle(id)
{
if (document.getElementById)
element_style = document.getElementById(id).style ;
else if (document.all)
element_style = document.all[id].style ;
else if (document.layers)
element_style = document.layers[id] ;
return element_style ;
}
function Fade(StartRed, StartGreen, StartBlue, EndRed, EndGreen, EndBlue, Step, i)
{
R = Math.floor(StartRed * ((Step-i)/Step) + EndRed * (i/Step));
G = Math.floor(StartGreen * ((Step-i)/Step) + EndGreen * (i/Step));
B = Math.floor(StartBlue * ((Step-i)/Step) + EndBlue * (i/Step));
getCrossBrowserStyle('teletext').color = "rgb(" + R + "," + G + "," + B + ")" ;
}
// -->
</script>
</html>
SgtKabukinan
Messages postés106Date d'inscriptionlundi 20 septembre 2004StatutMembreDernière intervention23 janvier 2010 13 janv. 2005 à 15:55
ce qui est marrant c'est que si on regarde bien le code, y'a une disctinction très clair (test DOM) pour un portage
mais la suite ne suit pas ;)
si kk'un est interessé par ce code version cross-browser, qu'il me fasse signe, je me ferais un plaisir de prendre 1-2 minutes pour le faire
bien a vous
SgtK
markachat
Messages postés17Date d'inscriptionjeudi 12 juin 2003StatutMembreDernière intervention13 avril 2005 20 nov. 2003 à 23:38
Avant d'essayer d'afficher autre chose, il faudrait penser à la portabilité du code sur autre chose que internet explorer....
Netscape et Opera au minimum....
neobad
Messages postés2Date d'inscriptionmardi 13 mai 2003StatutMembreDernière intervention16 mai 2003 16 mai 2003 à 15:38
heu ce code ne marche pas sur netscape .. est ce ke klk1 pourrais m'aider a le modifier ?.. pask javascript et moi ca f 2
badcrakers@hotmail.com
11 mars 2011 à 12:46
Je suis sérieusement intéressé par ce ch'ti bout de code qui fonctionne parfaitement sous IE, mais malheureusement n'est pas compatible Firefox.
Je vois plusieurs incompatibilités, mais malheureusement je n'ai pas les connaissances nécessaire pour le modifier.
CSS - Opacity - Incompatible
teletext.innerHTML = to_print; - Incompatible
Quelqu'un peut m'aider ?
Merci
19 mars 2006 à 00:47
13 janv. 2005 à 17:35
13 janv. 2005 à 17:33
13 janv. 2005 à 15:55
mais la suite ne suit pas ;)
si kk'un est interessé par ce code version cross-browser, qu'il me fasse signe, je me ferais un plaisir de prendre 1-2 minutes pour le faire
bien a vous
SgtK
20 nov. 2003 à 23:38
Netscape et Opera au minimum....
16 mai 2003 à 15:38
badcrakers@hotmail.com