Alors je vais vous exposer mon problème, j'ai récupéré le code pour une bannière défilante dans "vos collaborations",
ce code étant très bien ne me satisfait pas, donc je voudrais savoir comment on pourrait le modifier.
Voici le code(un peu modifié) :
Code : Tout sélectionner
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<script type="text/javascript">
<!--
var defile;// l'element a deplacer
var psinit = 350; // position horizontale de depart
var pscrnt = psinit;
function texteDefile() {
if (!defile) defile = document.getElementById('defile');
if (defile)
{
if(pscrnt < ( - defile.offsetWidth))
{
pscrnt = psinit;
} else
{
pscrnt+= -1; // pixel par deplacement
}
defile.style.left = pscrnt+"px";
}
}
var timer = setInterval("texteDefile()",30); // delai de deplacement
-->
</script>
<style type="text/css">
<!--
#conteneur_defil {
width:850px;
margin:0 auto;
overflow:hidden;
line-height:normal;
}
#cadre_defil {border: double #A01146;
background-color: none ;
position:relative;
width:850px;
height:23px;
overflow:hidden;
}
#defile {
position:absolute;
width:1328px;
font-family: Verdana;
font-size:14px;
color:#E02B78;
}
#defile .liens {
text-decoration:underline;
color:#E02B78;
}
-->
</style>
</head>
<body>
<div id="conteneur_defil">
<div id="cadre_defil" onmouseover='clearInterval(timer)' onmouseout='timer=setInterval("texteDefile()",30)'>
<div id="defile">amincissement-palper rouler-ultrasons-bilan minceur-épilations-ongles-soins corps visage-bronzage-compléments nutritionels-maquillage permanent-hommes-plateau vibrant</div>
</div>
</div>
</body>c'est à dire quand par exemple j'ouvre ma barre des favoris
(sur le coté gauche), ben la bannière au lieu de se rétracter,
elle agrandi la page.Donc cela me gène beaucoup parce que
sur mon site il va y avoir un menu sur la gauche,
et certaines personne n'auront pas le problème d'agrandissement,
mais d'autre si car on n'a pas tous les même écrans.
J'avais utilisé un autre code pour faire un texte qui défile,
et celui ce rétracté, mais ne me convenait pas,
le voilà pour ceux que ça intéresse:
Code : Tout sélectionner
<!-- PLF - http://www.jejavascript.net/ //-->
<STYLE TYPE="text/css">
.txt_defil {font-size:11px;font-family:Verdana;color:#000000;;text-decoration:none}
.txt_defil:link {font-size:11px;font-family:Verdana;color:#FFFFFF;;text-decoration:none}
.txt_defil:visited {font-size:11px;font-family:Verdana;color:#FFFFFF;;text-decoration:none}
.txt_defil:hover {font-size:11px;font-family:Verdana;color:#FFCCFF;;text-decoration:underline}
</STYLE>
<script language="JavaScript">
<!--
//PLF - http://www.jejavascript.net/
var txt_defil_width = 450; //largeur
var txt_defil_height = 100; //hauteur
var txt_defil_bgcolor = '#9966FF'; //couleur de fond
var txt_defil_background = ""; //image de fond
var txt_defil_info = new Array;
txt_defil_info[0]='<a href="page1.htm" CLASS=txt_defil>lien1</a> texte 1';
txt_defil_info[1]='<a href="page2.htm" CLASS=txt_defil>lien2</a> texte 2';
txt_defil_info[2]='<a href="page3.htm" CLASS=txt_defil>lien3</a> texte 3';
txt_defil_info[3]='<iframe src="mon_iframe.htm" width="468" height="60" scrolling="no" frameborder="0"></iframe>';
txt_defil_info[4]='<a href="http://www.jejavascript.net" target="_blank" CLASS=txt_defil> Je JavaScript</a><br>'+
'<a href="http://www.jejavascript.net" target="_blank" CLASS=txt_defil> Je JavaScript</a><br>'+
'<a href="http://www.jejavascript.net" target="_blank" CLASS=txt_defil> Je JavaScript</a><br>';
//-->
</script>
<script language="JavaScript">
function writext(texdef)
{
document.write(texdef);
}
writext('<DIV ID=txt_defil_relativ onMouseOver="txt_defil_stop()" onMouseOut="txt_defil_rstart()" STYLE="position:relative;width:'+txt_defil_width +';height:'+txt_defil_height+';background-color:'+txt_defil_bgcolor+';background-image:url('+txt_defil_background+')">');
writext('<DIV ID=txt_defil_cadre STYLE="position:absolute;width:'+(txt_defil_width -8)+';height:'+(txt_defil_height-8)+';top:4;left:4;clip:rect(0 '+(txt_defil_width -8)+' '+(txt_defil_height-8)+' 0)">');
writext('<div id=txt_defiler_1 style="position:absolute;width:'+(txt_defil_width -8)+';left:0;top:0;" CLASS=txt_defil >'+txt_defil_info[0]+'</DIV>');
writext('<div id=txt_defiler_2 style="position:absolute;width:'+(txt_defil_width -8)+';left:'+txt_defil_width+';top:0;" CLASS=txt_defil >'+txt_defil_info[1]+'</DIV>');
writext('</DIV></DIV>');
txt_defil_1 =1;
txt_defil_2 = 0;
stop_mouss=0;
function txt_defil_f1()
{
if(txt_defil_1 == 1)
{
txt_defil_haut = "txt_defiler_1";
txt_defil_bas = "txt_defiler_2";
txt_defil_1 = 0;
}
else
{
txt_defil_bas = "txt_defiler_1";
txt_defil_haut = "txt_defiler_2";
txt_defil_1 = 1;
}
txt_defil_nb_info = txt_defil_info.length-1;
if(txt_defil_2 == txt_defil_nb_info)
txt_defil_next = 0;
else
txt_defil_next = txt_defil_2+1;
if(document.getElementById)
document.getElementById(txt_defil_bas).innerHTML = txt_defil_info[txt_defil_next];
txt_defil_left = 0;
if(document.getElementById)
txt_defil_f2 ()
}
function txt_defil_f2 ()
{
if (stop_mouss == 0)
{
txt_defil_left -= 2;
document.getElementById(txt_defil_haut).style.left = txt_defil_left;
document.getElementById(txt_defil_bas).style.left = txt_defil_left+txt_defil_width;
if((txt_defil_left+txt_defil_width) > 0)
move2=setTimeout("txt_defil_f2 ()",5)
else
txt_defil_f3()
}
else move1=setTimeout("txt_defil_f2 ()",1000)
}
function txt_defil_f3()
{
txt_defil_2 = txt_defil_next;
txt_defil_f1()
}
function txt_defil_stop()
{
stop_mouss=1;
}
function txt_defil_rstart()
{
stop_mouss=0;
}
window.onload = txt_defil_f1;</script>
<!-- PLF - http://www.jejavascript.net/ //-->Le deuxième est que je voudrais, après que le texte est défilé,
au lieu d'avoir un grand blanc jusqu'à ce que la fin du texte arrive a
droite, je voudrais que le premier mot du texte soit mis automatiquement derrière le dernier mot du texte.
Un texte qui défile en continu en clair (sur le deuxième code que j'ai donné, cela y est.)
Voilà, j'espère que vous pourrez m'aider s'il vous plait.
Sinon bonne journée et merci déjà pour tous ce qu'il y a sur le forum
Ps: désolé pour le déformement de la page,
mais je ne sais pas comment modifier les codes pour que cela ne dérenge pas .