SUPER TEXTE DÉFILANT VERTICALEMENT ET DISPARAISSANT AVEC DÉGRADÉ

Signaler
Messages postés
2
Date d'inscription
mardi 13 mai 2003
Statut
Membre
Dernière intervention
16 mai 2003
-
Messages postés
1
Date d'inscription
vendredi 11 mars 2011
Statut
Membre
Dernière intervention
11 mars 2011
-
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.

https://codes-sources.commentcamarche.net/source/16169-super-texte-defilant-verticalement-et-disparaissant-avec-degrade

Messages postés
1
Date d'inscription
vendredi 11 mars 2011
Statut
Membre
Dernière intervention
11 mars 2011

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
Messages postés
5
Date d'inscription
lundi 13 mars 2006
Statut
Membre
Dernière intervention
25 mai 2009

Marche pas sous firefox 1.5, au boulot !
Messages postés
106
Date d'inscription
lundi 20 septembre 2004
Statut
Membre
Dernière intervention
23 janvier 2010

ah oui au fait le tab hexcolor sert à rien ;) c une ommission en voulant faire plus compliqué !
Messages postés
106
Date d'inscription
lundi 20 septembre 2004
Statut
Membre
Dernière intervention
23 janvier 2010

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>
Afficher les 7 commentaires