Insérer script pour texte déroulant

Fermé

canvas - 17 févr. 2016 à 11:28
canavs - 18 févr. 2016 à 14:34

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

A voir également:

Insérer script pour texte déroulant
Insérer liste déroulante excel - Guide
Script vidéo youtube - Guide
Insérer une vidéo dans powerpoint - Guide
Insérer signature word - Guide
Insérer une image dans word sans bouger le texte - Guide

3 réponses

Réponse 1 / 3

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
17 févr. 2016 à 16:43

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

Réponse 2 / 3

Nintendotesteurl Messages postés 37 Date d'inscription lundi 7 septembre 2015 Statut Membre Dernière intervention 17 septembre 2017
17 févr. 2016 à 13:54

On peut le faire simplement en HTML :p. Avec la balise <marquee>

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
17 févr. 2016 à 15:06

Petite remarque : marquee est obsolète et ne devrait plus être utilisée https://developer.mozilla.org/en-US/docs/Web/HTML/Element/marquee

Nintendotesteurl Messages postés 37 Date d'inscription lundi 7 septembre 2015 Statut Membre Dernière intervention 17 septembre 2017
17 févr. 2016 à 15:36

Ahh, merci pour l'info !

Réponse 3 / 3

canavs
18 févr. 2016 à 14:34

J'ai demandé à mon hébergeur et ce javascript n'est pas autorisé. Voilà pourquoi il ne fonctionne pas.

De plus il semblerait que ce script est très mal codé ... (moi je ne m'y conné pas donc ...)

En tout cas merci pour votre aide

Discussions similaires

adele