[DOM] texte défilant à 2 endroits différents

**laurentSc** · 01/05/2008, 12h21

Bonjour,

pour réaliser un texte défilant, j'utilise le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<script
language="JavaScript1.2">
/*
Cross browser Marquee script- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and Terms Of Use, visit http://www.dynamicdrive.com
Credit MUST stay intact
*/
//Specify the marquee's width (in pixels)
var marqueewidth="765px"
//Specify the marquee's height
var marqueeheight="35px"
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed=1
//configure background color:
var marqueebgcolor="#FFFFFF"
//Pause marquee onMousever (0=no. 1=yes)?
var pauseit=1
//Specify the marquee's content (don't delete <nobr> tag)
//Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):
var mon_texte='11\/04\/2008 \&ndash; Pi\&egrave;ce de th\&eacute\&acirc;tre Voil\&agrave; \&nbsp;\&nbsp;\&nbsp;\&nbsp;Travail global autour de l\&rsquo;alcool';
var marqueecontent='<nobr><b><font face="Arial" color="#FF6666">' + mon_texte + '</b></font></nobr>'
////NO NEED TO EDIT BELOW THIS LINE////////////
marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-200px;left:-9000px">'+marqueecontent+'</span>')
var actualwidth=''
var cross_marquee, ns_marquee
function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
cross_marquee.innerHTML=marqueecontent
actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.left=parseInt(marqueewidth)+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualwidth=ns_marquee.document.width
}
lefttime=setInterval("scrollmarquee()",10)
}
window.onload=populate
function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+"px"
else
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
}
else if (document.layers){
if (ns_marquee.left>(actualwidth*(-1)+8))
ns_marquee.left-=copyspeed
else
ns_marquee.left=parseInt(marqueewidth)+8
}
}
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
var position1 = (marqueewidth)+350+"px"
// width:'+position1+';
if (iedom){
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
// write('<div style="position:absolute;height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;left:0px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>

Mais je voudrais mettre un texte défilant à 2 endroits de la même page ; or, si je remets le même code, il n'y a plus de texte défilant du tout. Y a-t-il une solution ?

**Auteur** · 01/05/2008, 12h34

bonjour,

tu ne pourrais pas utiliser plus simplement la balise marquee ?

**laurentSc** · 01/05/2008, 17h16

Je préfère éviter "marquee", car avec celle-ci le texte défilant tremblote, au lieu de défiler d'une façon lisse...

**SpaceFrog** · 02/05/2008, 15h27

ben là le script fait un document.write ...
Il faut le modifier pour créer les elements avec le DOM

**laurentSc** · 02/05/2008, 16h29

désolé, mais ça ne me parle pas du tout (je n'y connais rien en javascript ; je ne fais qu'utiliser des codes tout fait ds le html).

**SpaceFrog** · 02/05/2008, 16h52

Alors il va soit falloir t'y mettre sérieusement ou alors trouver un autre script ...

ou encore attendre une ame charitable qui aura du temps pour refaire tout le code ...

**Barsy** · 02/05/2008, 16h55

utiliser des codes tout fait c'est bien si l'on souhaite gagner du temps, mais il faut un minimum de connaissance pour réussir à l'adapter à sa page.

Je te conseille de commencer par le début de Javascript. C'est un peu comme un jeu de rôle la programmation, on commence lvl 1 et on evolue au fur et à mesure que l'on prend de l'XP.

**SpaceFrog** · 02/05/2008, 16h57

Il n'y en a pas dans les contributions ou les sources de ce forum... au moins ce serait codé proprement ..

**laurentSc** · 02/05/2008, 17h21

Je pense que le mieux est d'apprendre le javascript (il y a moins de 2 ans, je ne connaissais pas le html ; je l'ai appris et me suis aussi auto-formé au php avec un bouquin (et au SQL avec un copain qui connaissait déjà) ; pouvez-vous me conseiller un bon moyen ? (Ca n'a pas l'air très compliqué ; je connais bien le langage C, et je me suis habitué au code objet du php).

**SpaceFrog** · 02/05/2008, 17h25

Commence par les tutoriels et la doc proposées sur ce forum ...

Dans l'ordre

http://javascript.developpez.com/cours/
http://javascript.developpez.com/faq/
http://javascript.developpez.com/sources/

**laurentSc** · 04/05/2008, 15h18

Je ne retrouve pas les liens que m'avait passé "Auteur". Je les avais vus juste avoir répondu à Spacefrog ; je les avais suivis, mais n'avais rien trouvé, si ce n'est d'autres posts de ce forum... Sinon, je vais effectivement me mettre au javascript. J'ai un peu regardé les tutoriels, mais je préfère étudier avec un bouquin : pour ce faire, j'ai commandé "javascript, la référence, 5e édition" de David Flanagan, sur Amazon ; j'espère qu'il est bien, car il coûtait près de 59 EUR...

**Auteur** · 04/05/2008, 18h29

Envoyé par laurentSc

Je ne retrouve pas les liens que m'avait passé "Auteur". Je les avais vus juste avoir répondu à Spacefrog ; je les avais suivis, mais n'avais rien trouvé, si ce n'est d'autres posts de ce forum...

C'était effectivement des liens vers d'autres discussions où j'ai déposé des pièces jointes (défilement horizontal et vertical de textes et d'images).

Mais comme il s'agit de scripts qui permettent le défilement de texte et d'images j'ai supprimé mon message considérant qu'il était hors sujet

. Tu peux essayer d'adapter ces scripts.

**Sacha999** · 05/05/2008, 00h28

Tu n'as qu'a recopier le script, mais en changeant les noms des variable en mettant un "2" apres par exemple, tu change les ID (par exemple "temp2")
Enfin tu adapte pour que ca gere un 2eme quoi

Je ne vois pas pourquoi ca ne marcherait pas

[DOM] texte défilant à 2 endroits différents

JavaScript

Discussions similaires

Partager

Partager