|
| mik0084 |  Posté le 11/09/2006 @ 02:16 |
Astucien
1170 Messages
| bonjours tout le monde voila mon petit souci j'ai un script permetant de faire défiler du texte de haut en bas.
Je peux modifié la largeur du font de ce script en modifiant la variable "scrollerwidth" mais seulement en modifiant cela le texte ne prend pas toute la largeur du script
en gros si je mets "var scrollerwidth=250" je voudrais que mon texte prenne toute cette largeur coment faire ???
merci d'avance
voici le script->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<script language="JavaScript1.2">
// Copyright Peter Gehrig and Urs Dudli at www.24fun.ch/
// If you add this script to a script-library or script-archive
// you have to add a hyperlink to www.24fun.ch on the webpage
// Le titre | le texte|le lien des messages
var message= new Array()
message[0]="titre du message1 | fgjdhuiohouihzeergazehthkhazjhterhjtkljkerjykjkt | lien associé au titre du message1"
message[1]="titre du message2 | texte du message2 | lien associé au titre du message2"
message[2]="titre du message3 | texte du message3 | lien associé au titre du message3"
// La hauteur de la boite de messages.
var scrollerheight=150
// La largeur de la boite de messages.
var scrollerwidth=250
// La distance par rapport au bord supérieur de la fenêtre.
var scrollertop=56
// La distance par rapport au bord gauche de la fenêtre.
var scrollerleft=500
// La distance entre le bord et le texte.
var scrollerpadding=5
// La largeur du bord de la boite de messages.
var backgroundborder=0
// La couleur de l'arrière-plan de la boite de messages.
var scrollerbgcolor="FFFFcc"
// Les attributs de la police du titre.
var font_titleface="Verdana"
var font_titlecolor="FF0000"
var font_titlesize=1
// Les attributs de la police du texte;
var font_copyface="Verdana"
var font_copycolor="660000"
var font_copysize=1
// Le temps de pause entre les message (en millisecondes).
var standstillfix=3000
////////////////////////////////////////////////
var cliptop=0
var clipbottom=scrollerheight-2*scrollerpadding
var clipleft=0
var clipright=scrollerheight
var i_message=0
var mes_joined
var mes_split
var contenttext
var contentbg
var totalheight=scrollerheight*(message.length)
var i_height=0
var step=1
var pause=20
var standstillflex=0
function initiate(){
contenttext="<table cellpadding=0 cellspacing=0 border=0 width="+(scrollerwidth-2*scrollerpadding)+">"
contenttext+="<tr valign='top'><td height='"+scrollerheight+"'><br></td></tr>"
for (i=0;i<=message.length-1;i++) {
mes_joined=message[i]
mes_split=mes_joined.split("|")
contenttext+="<tr valign='top'><td height='"+scrollerheight+"'><a href='"+mes_split[2]+"'><font face='"+font_titleface+"' color='"+font_titlecolor+"' size='"+font_titlesize+"'>"+mes_split[0]+"</font></a><br><font face='"+font_copyface+"' color='"+font_copycolor+"' size='"+font_copysize+"'>"+mes_split[1]+"</font></td></tr>"
}
contenttext+="</table>"
contentbg="<table cellpadding=0 cellspacing=0 border="+backgroundborder+" width='"+scrollerwidth+"'><tr><td height='"+scrollerheight+"' bgcolor="+scrollerbgcolor+"> </td></tr></table>"
if (document.all) {
scrollertext.innerHTML=contenttext
scrollerbg.innerHTML=contentbg
document.all.scrollertext.style.posTop=scrollertop
document.all.scrollertext.style.posLeft=scrollerleft
document.all.scrollerbg.style.posTop=scrollertop-scrollerpadding
document.all.scrollerbg.style.posLeft=scrollerleft-scrollerpadding
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
}
if (document.layers) {
document.scrollertext.document.write(contenttext)
document.scrollertext.document.close()
document.scrollerbg.document.write(contentbg)
document.scrollerbg.document.close()
document.scrollertext.top=scrollertop
document.scrollertext.left=scrollerleft
document.scrollerbg.top=scrollertop-scrollerpadding
document.scrollerbg.left=scrollerleft-scrollerpadding
document.scrollertext.clip.left=clipleft
document.scrollertext.clip.right=clipright
document.scrollertext.clip.top=cliptop
document.scrollertext.clip.bottom=clipbottom
}
scroll()
}
function scroll(){
standstillflex=standstillfix
if (document.all){
if (i_height<scrollerheight) {
i_height+=step
cliptop+=step
clipbottom+=step
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.scrollertext.style.posTop-=step
var timer=setTimeout("scroll()",pause)
}
else {
if (document.all.scrollertext.style.posTop<=-(totalheight)) {
document.all.scrollertext.style.posTop=scrollertop
cliptop=0
clipbottom=scrollerheight-2*scrollerpadding
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
standstillflex=0
}
i_height=0
clearTimeout(timer)
var timer=setTimeout("scroll()",standstillflex)
}
}
if (document.layers){
if (i_height<scrollerheight) {
i_height+=step
cliptop+=step
clipbottom+=step
document.scrollertext.clip.left=clipleft
document.scrollertext.clip.right=clipright
document.scrollertext.clip.top=cliptop
document.scrollertext.clip.bottom=clipbottom
document.scrollertext.top-=step
var timer=setTimeout("scroll()",pause)
}
else {
if (document.scrollertext.top<=-(totalheight)) {
document.scrollertext.top=scrollertop
cliptop=0
clipbottom=scrollerheight-2*scrollerpadding
document.scrollertext.clip.left=clipleft
document.scrollertext.clip.right=clipright
document.scrollertext.clip.top=cliptop
document.scrollertext.clip.bottom=clipbottom
standstillflex=0
}
i_height=0
clearTimeout(timer)
var timer=setTimeout("scroll()",standstillflex)
}
}
}
</script>
</head>
<body onLoad="initiate()"> >
</body>
<div id="scrollerbg" style="position:absolute;top:-1000px"> </div>
<div id="scrollertext" style="position:absolute;top:-1000px"> </div>
</html>
|
| |
| |
| Publicité |
|
|
| elle | Posté le 11/09/2006 à 02:48 |
 Maîtresse astucienne
15897 Messages
| Salut mik0084,
Pour la police du texte et du titre, c'est ici :
// Les attributs de la police du titre.
var font_titleface="Verdana"
var font_titlecolor="FF0000"
var font_titlesize=1
// Les attributs de la police du texte;
var font_copyface="Verdana"
var font_copycolor="660000"
var font_copysize=1
Modifie la valeur 1...
|
| |
|
| mik0084 | Posté le 11/09/2006 à 10:34 |
Astucien
1170 Messages
| salut ces valeur là son pour la grosseur du texte mais ce n'est pas ca qui me pose problème le problème est que si la fenetre du script je peux l'agrandir le texte lui ne s'agrandit pas (si j'ecrit une phrase un peu longue mais qui devrai rentrer dans la fenetre du script et bien elle est coupée),
meme si la fenetre du script fait 10cm le texte ne s'affiche que sur 5
J'espère m'etre fait comprendre...
sinon fait un copié coller du script tu comprendra dessuite
@+
Modifié par mik0084 le 11/09/2006 10:34 |
| |
|
| jeanpierre949 | Posté le 11/09/2006 à 12:30 |
Petit astucien
737 Messages
| pour un resultat identique utilise la balise <marquee></marquee>
2 fois plus simple que ton script |
| |
|
| Dreamer | Posté le 11/09/2006 à 12:55 |
Astucien
4286 Messages
| Salut
Un peu de lecture : [url]http://fr.selfhtml.org/html/texte/proprietaire.htm[/url] et lis bien .
A + |
| |
|
| mik0084 | Posté le 11/09/2006 à 12:59 |
Astucien
1170 Messages
| genial je te remercie je débute alors je connais que le minimun de balise ....
Pourais tu me dire a quoi sert l'attribut "Behaviour" car je l'ai essayé avec alternate, scroll et slide mais je ne vois pas de difference
merci d'avance |
| |
|
| mik0084 | Posté le 11/09/2006 à 14:41 |
Astucien
1170 Messages
| Bon ben pas grave je marque le sujet comme résolu car je suis satisfait de cette balise merci encore... |
| |
|
|
| Haut de la page |
aide pour un script
