Insérer script pour texte déroulant
canvas
-
canavs -
canavs -
Bonjour,
Je souhaiterai insérer un script afin d'avoir un texte déroulant sur ma page mais je n'y arrive pas.
Comment insérer un code javascript.
Je vous transmets les fichiers à insérer:
1/
<body>
<div id="defil1" style="z-index:1;position:relative;width:300px;border:1px solid #C0C0C0;overflow:hidden" onmouseover="Pause1();" onmouseout="Defile1();" >
<div id="contenu1" style="z-index:1;position:relative;white-space:nowrap;display:inline;float:left;padding:5px" >
123456789 <a href="http://jlmconsultant.fr" target="_blank">JLM Consultant</a>
</div>
</div>
</body>
2/
<script type="text/javascript">
// DEFIL TEXTE HORIZONTAL
var Timer1 ;
var Vitesse1 = 20 ;
var Scroll1 = 0 ;
var P1 = 0 ;
var Intro1 = true ;
var Boucle1 = false ;
// Texte1 peut être renseigné par une variable php
var Texte1 = '123456789 <a href="http://jlmconsultant.fr" target="_blank">JLM Consultant</a>' ;
// La séparation entre chaque texte
Texte1 = Texte1 + ' ... ' ;
var Contenu1 = document.getElementById("contenu1") ;
Contenu1.innerHTML = Texte1 ;
var LargC = Contenu1.clientWidth ;
var Defil1 = document.getElementById("defil1") ;
var LargD = Defil1.clientWidth ;
Contenu1.style.left = LargD + "px" ;
function Defile1()
{
while ( LargC <= LargD )
{
Texte1 += Texte1 ;
Contenu1.innerHTML += Texte1 ;
LargC = Contenu1.clientWidth ;
}
if ( P1 == 0 )
{
Contenu1.innerHTML += Texte1 ;
P1 = 1 ;
}
Scroll1++ ;
if ( Intro1 == true && Scroll1 == LargD )
{
Scroll1 = 0 ;
Contenu1.style.left = 0 + 'px' ;
Intro1 = false ;
Boucle1 = true ;
}
if ( Boucle1 == true && Scroll1 == LargC-10 ) // -10 compense le padding de 5px du div contenu1
{
Scroll1 = 0 ;
Contenu1.style.left = 0 + 'px' ;
}
Contenu1.style.left = ( Contenu1.offsetLeft - 1 ) + 'px' ;
Timer1 = setTimeout('Defile1()', Vitesse1) ;
}
function Pause1()
{
clearTimeout(Timer1) ;
}
</script>
Je ne comprends pas ou placer ces deux éléments. Merci pour votre aide.
Canvas
Je souhaiterai insérer un script afin d'avoir un texte déroulant sur ma page mais je n'y arrive pas.
Comment insérer un code javascript.
Je vous transmets les fichiers à insérer:
1/
<body>
<div id="defil1" style="z-index:1;position:relative;width:300px;border:1px solid #C0C0C0;overflow:hidden" onmouseover="Pause1();" onmouseout="Defile1();" >
<div id="contenu1" style="z-index:1;position:relative;white-space:nowrap;display:inline;float:left;padding:5px" >
123456789 <a href="http://jlmconsultant.fr" target="_blank">JLM Consultant</a>
</div>
</div>
</body>
2/
<script type="text/javascript">
// DEFIL TEXTE HORIZONTAL
var Timer1 ;
var Vitesse1 = 20 ;
var Scroll1 = 0 ;
var P1 = 0 ;
var Intro1 = true ;
var Boucle1 = false ;
// Texte1 peut être renseigné par une variable php
var Texte1 = '123456789 <a href="http://jlmconsultant.fr" target="_blank">JLM Consultant</a>' ;
// La séparation entre chaque texte
Texte1 = Texte1 + ' ... ' ;
var Contenu1 = document.getElementById("contenu1") ;
Contenu1.innerHTML = Texte1 ;
var LargC = Contenu1.clientWidth ;
var Defil1 = document.getElementById("defil1") ;
var LargD = Defil1.clientWidth ;
Contenu1.style.left = LargD + "px" ;
function Defile1()
{
while ( LargC <= LargD )
{
Texte1 += Texte1 ;
Contenu1.innerHTML += Texte1 ;
LargC = Contenu1.clientWidth ;
}
if ( P1 == 0 )
{
Contenu1.innerHTML += Texte1 ;
P1 = 1 ;
}
Scroll1++ ;
if ( Intro1 == true && Scroll1 == LargD )
{
Scroll1 = 0 ;
Contenu1.style.left = 0 + 'px' ;
Intro1 = false ;
Boucle1 = true ;
}
if ( Boucle1 == true && Scroll1 == LargC-10 ) // -10 compense le padding de 5px du div contenu1
{
Scroll1 = 0 ;
Contenu1.style.left = 0 + 'px' ;
}
Contenu1.style.left = ( Contenu1.offsetLeft - 1 ) + 'px' ;
Timer1 = setTimeout('Defile1()', Vitesse1) ;
}
function Pause1()
{
clearTimeout(Timer1) ;
}
</script>
Je ne comprends pas ou placer ces deux éléments. Merci pour votre aide.
Canvas
A voir également:
- Insérer script pour texte déroulant
- Insérer liste déroulante excel - Guide
- Insérer video powerpoint - Guide
- Texte de chanson gratuit pdf - Télécharger - Vie quotidienne
- Insérer signature word - Guide
- Script vidéo youtube - Guide
3 réponses
Salut,
La partie html (balise div) doit se situer entre les balises body de ton document html à l'endroit où tu souhaites afficher le texte défilant.
La partie javascript (balise script) soit dans l'entête du document html (juste avant la balise de fermeture </head>), soit à la fin du document html (juste avant la balise de fermeture </body>).
N'hésite pas à regarder la console de développement de ton navigateur (raccourci F12) afin de vérifier qu'il n'y ai pas d'erreur javascript.
Bonne journée
La partie html (balise div) doit se situer entre les balises body de ton document html à l'endroit où tu souhaites afficher le texte défilant.
La partie javascript (balise script) soit dans l'entête du document html (juste avant la balise de fermeture </head>), soit à la fin du document html (juste avant la balise de fermeture </body>).
N'hésite pas à regarder la console de développement de ton navigateur (raccourci F12) afin de vérifier qu'il n'y ai pas d'erreur javascript.
Bonne journée
On peut le faire simplement en HTML :p. Avec la balise <marquee>
Petite remarque : marquee est obsolète et ne devrait plus être utilisée https://developer.mozilla.org/en-US/docs/Web/HTML/Element/marquee