texte qui défile

manudeparis

6 Mars 2004 21:02:06

salut !
je souhaiterai avoir un texte qui défile ds une page html
jai trouvé un script mais je ne sais pas comment introduire mon txt dedans, pourriez-vous m'aider ?
Voila le script, je sais il est tres long mais bon

avoir un txt défilant verticalement
Ajoutez les lignes de code qui suivent entre les balises <BODY> et </BODY> de votre page.
<script language="javascript">

//Vertical Scroller v1.2- by Brian of www.ScriptAsylum.com
//Updated for bug fixes
//Visit JavaScript Kit (http://javascriptkit.com) for script

//---------------------------------------------------------------------------

//CI-DESSOUS LE TEXTE DU SCROLL.

var content='<p>Visitez <a href="http://www.geocities.com/colora0">http://www.geocities.com/colora0</a> vous trouverez sur ce site une collection de scripts <font color="#FF0000">gratuits.</font> C\'est simple il y a une démo pour chaque script, vous devez seulement copier et coller le code dans votre page... </p>';

var boxheight=150; // Hauteur du fond d'écran en pixels.
var boxwidth=150; // Largeur du fond d'écran en pixels.
var boxcolor="#FFF6e9"; // Couleur du fond d'écran.
var speed=50; // Vitesse du scroll (1 SECONDE=1000)
var pixelstep=2; // PIXELS "STEPS" PER REPITITION.
var godown=false; // De haut en bas=TRUE , De bas en haut=FALSE

//---------------------------------------------------------------------------

// NE MODIFIEZ PAS LE CODE CI-DESSOUS.

var outer,inner,elementheight,ref,refX,refY;
var w3c=(document.getElementById)?true:false;
var ns4=(document.layers)?true:false;
var ie4=(document.all && !w3c)?true:false;
var ie5=(document.all && w3c)?true:false;
var ns6=(w3c && navigator.appName.indexOf("Netscape")>=0)?true:false;
var txt='';
if(ns4){
txt+='<table cellpadding=0 cellspacing=0 border=0 height='+boxheight+' width='+boxwidth+'><tr><td>';
txt+='<ilayer name="ref" bgcolor="'+boxcolor+'" width='+boxwidth+' height='+boxheight+'></ilayer>';
txt+='</td></tr></table>'
txt+='<layer name="outer" bgcolor="'+boxcolor+'" visibility="hidden" width='+boxwidth+' height='+boxheight+'>';
txt+='<layer name="inner" width='+(boxwidth-4)+' height='+(boxheight-4)+' visibility="hidden" left="2" top="2" >'+content+'</layer>';
txt+='</layer>';
}else{
txt+='<div id="ref" style="position:relative; width:'+boxwidth+'; height:'+boxheight+'; background-color:'+boxcolor+';" ></div>';
txt+='<div id="outer" style="position:absolute; width:'+boxwidth+'; height:'+boxheight+'; visibility:hidden; background-color:'+boxcolor+'; overflow:hidden" >';
txt+='<div id="inner" style="position:absolute; visibility:visible; left:2px; top:2px; width:'+(boxwidth-4)+'; overflow:hidden; cursor

efault;">'+content+'</div>';
txt+='</div>';
}
document.write(txt);

function getElHeight(el){
if(ns4)return (el.document.height)? el.document.height : el.clip.bottom-el.clip.top;
else if(ie4||ie5)return (el.style.height)? el.style.height : el.clientHeight;
else return (el.style.height)? parseInt(el.style.height)

arseInt(el.offsetHeight);
}

function getPageLeft(el){
var x;
if(ns4)return el.pageX;
if(ie4||w3c){
x = 0;
while(el.offsetParent!=null){
x+=el.offsetLeft;
el=el.offsetParent;
}
x+=el.offsetLeft;
return x;
}}

function getPageTop(el){
var y;
if(ns4)return el.pageY;
if(ie4||w3c){
y=0;
while(el.offsetParent!=null){
y+=el.offsetTop;
el=el.offsetParent;
}
y+=el.offsetTop;
return y;
}}

function scrollbox(){
if(ns4){
inner.top+=(godown)? pixelstep: -pixelstep;
if(godown){
if(inner.top>boxheight)inner.top=-elementheight;
}else{
if(inner.top<2-elementheight)inner.top=boxheight+2;
}}else{
inner.style.top=parseInt(inner.style.top)+((godown)? pixelstep: -pixelstep)+'px';
if(godown){
if(parseInt(inner.style.top)>boxheight)inner.style.top=-elementheight+'px';
}else{
if(parseInt(inner.style.top)<2-elementheight)inner.style.top=boxheight+2+'px';
}}}

window.onresize=function(){
if(ns4)setTimeout('history.go(0)', 400);
else{
outer.style.left=getPageLeft(ref)+'px';
outer.style.top=getPageTop(ref)+'px';
}}

window.onload=function(){
outer=(ns4)?document.layers['outer']

ie4)?document.all['outer']

ocument.getElementById('outer');
inner=(ns4)?outer.document.layers['inner']

ie4)?document.all['inner']

ocument.getElementById('inner');
ref=(ns4)?document.layers['ref']

ie4)?document.all['ref']

ocument.getElementById('ref');
elementheight=getElHeight(inner);
if(ns4){
outer.moveTo(getPageLeft(ref),getPageTop(ref));
outer.clip.width=boxwidth;
outer.clip.height=boxheight;
inner.top=(godown)? -elementheight : boxheight-2;
inner.clip.width=boxwidth-4;
inner.clip.height=elementheight;
outer.visibility="show";
inner.visibility="show";
}else{
outer.style.left=getPageLeft(ref)+'px';
outer.style.top=getPageTop(ref)+'px';
inner.style.top=((godown)? -elementheight : boxheight)+'px';
inner.style.clip='rect(0px, '+(boxwidth-4)+'px, '+(elementheight)+'px, 0px)';
outer.style.visibility="visible";
}
setInterval('scrollbox()',speed);
}
</script>

des idées ? si vous avez un autre script, je prends !!

Autres pages sur : texte defile

| Etre averti des réponses
| Alerter

Répondre à manudeparis

ffomnislash

6 Mars 2004 21:03:31

var content='<p>Visitez <a href="http://www.geocities.com/colora0">http://www.geocities.com/colora0</a> vous trouverez sur ce site une collection de scripts <font color="#FF0000">gratuits.</font> C\'est simple il y a une démo pour chaque script, vous devez seulement copier et coller le code dans votre page... </p>';

c'est sa le texte
var content = ' ton texte ';
enfin je pense

| Alerter

Répondre à ffomnislash

manudeparis

6 Mars 2004 21:34:29

non, dsl jy ai dj pensé ça ne marche pas !! cest assez curieux comme script mais comme le résultat est terrible, jessaie de le faire fonctionner

merci si vous avez dautres idées