Sujet Précédent Sujet Suivant

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:

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 524
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
1
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>
0
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
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
0
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 !
0
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
0

Discussions similaires

Formule Excel : "SI" une cellule contient un mot, alors ?
Tonio5933 -
Mike-31 -

9 réponses
Trouver le mot réellement écrit en lettres capitales PIX
ETHAN -
kirikou -

4 réponses
Excel si cellule contient texte alors...
caba_44 -
RENOU -

41 réponses