11548 sujets

JavaScript, DOM et API Web HTML5

salut

j'ai trouvé il y a longtemps deja cette news
je voudrais l'installé elle fonctionne tres bien
par contre je voudrais y mettre de la couleur(je vous joint le code complet)
messages[0]="Message 1<br><br> bienvenue à tous et merci"
messages[1]="Message 2"
messages[2]="Message 3"


les balises BR fonctionne très bien par contre je voudrais Message 1 en surligné et bienvenue à tous et merci aussi mais d'une autre couleur
est possible j'ai essayé une feuille de style comme ceci :

messages[0]="<font style="BACKGROUND-COLOR: #3333ff" color="fff200">Message 1</font><br><br><font style="BACKGROUND-COLOR: #00cc00">bienvenue à tous et merci</font>"


çà ne fonctionne pas quelqu'un pourrait m'aider ?
merci

<HTML>
<HEAD>
<script language="JavaScript1.2">// Script trouvé sur Le Webmestre  www.le-webmestre.net  info@le-webmestre.net
// Retrouvez des centaines de scripts et bien plus...

// Taille de la boîte en largeur
var scrollerwidth=160

// Taille de la boîte en hauteur
var scrollerheight=200

// La couleur du background
var scrollerbgcolor='FF0000'

// URL de l'image du background, ne mettez rien si vous l'en voulez pas.
var scrollerbackground=''

var messages=new Array()

// Vos messages, on peut mettre du code HTML aussi et N'OUBLIEZ PAS LES TAGS DE FERMETURE ! !.
messages[0]="Message 1<br><br> bienvenue à tous et merci"
messages[1]="Message 2"
messages[2]="Message 3"

if (messages.length>1)
i=2
else 
i=0

function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout("move1(tlayer)",3000)
setTimeout("move2(document.main.document.second)",3000)
return }
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5 //lwf
setTimeout("move1(tlayer)",100)}
else{ tlayer.top=scrollerheight
tlayer.document.write(messages[i])
tlayer.document.close()
if (i==messages.length-1)
i=0
else 
i++ }}

function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout("move2(tlayer2)",3000)
setTimeout("move1(document.main.document.first)",3000)
return}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5 //lwf
setTimeout("move2(tlayer2)",100)}
else{ tlayer2.top=scrollerheight
tlayer2.document.write(messages[i])
tlayer2.document.close()
if (i==messages.length-1)
i=0
else i++ }}

function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){
tdiv.style.pixelTop=0
setTimeout("move3(tdiv)",3000)
setTimeout("move4(second2)",3000)
return}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=5
setTimeout("move3(tdiv)",100)}
else{
tdiv.style.pixelTop=scrollerheight
tdiv.innerHTML=messages[i] //lwf
if (i==messages.length-1)
i=0 
else i++}}

function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){
tdiv2.style.pixelTop=0
setTimeout("move4(tdiv2)",3000)
setTimeout("move3(first2)",3000)
return}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=5
setTimeout("move4(second2)",100)}
else{
tdiv2.style.pixelTop=scrollerheight
tdiv2.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else i++}}

function startscroll(){
if (document.all){
move3(first2)
second2.style.top=scrollerheight
second2.style.visibility='visible' }
else if (document.layers){
document.main.visibility='show'
move1(document.main.document.first)
document.main.document.second.top=scrollerheight+5
document.main.document.second.visibility='show'}}</script>
</HEAD>
<BODY BGCOLOR="#FFFFFF" onload="startscroll();">
<P><ilayer id="main" width="&{scrollerwidth};" height="&{scrollerheight};" bgColor="&{scrollerbgcolor};" background="&{scrollerbackground};" visibility="hide">
<layer id="first" left="0" top="1" width="&{scrollerwidth};">
<SCRIPT LANGUAGE="JavaScript1.2">if (document.layers)
document.write(messages[0])</SCRIPT></layer> <layer id="second" left="0" top="0" width="&{scrollerwidth};" visibility="hide">
<SCRIPT LANGUAGE="JavaScript1.2">if (document.layers)
document.write(messages[1])</SCRIPT></layer></ilayer>
<SCRIPT LANGUAGE="JavaScript1.2">if (document.all){
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+' ;background-image:url('+scrollerbackground+')">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">')
document.write(messages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0;visibility:hidden">')
document.write(messages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')}</SCRIPT></P>
</BODY>
</HTML>
[/i][/i][/i][/i]
Modifié par Maquet-hist (07 Nov 2005 - 11:16)
Beurk, une balise font

Mets un espace entre [i et ] pour éviter l'italique.Il faudrait bien interdire l'intalique entre [ code] et [/ code]
Administrateur
Bonjour,

si il y en a parce qu'à un moment donné du script, tout le code passe en italique jusqu'à la fin de ton post! La faute à l'interprétation d'un tableau de variable blablabla[ i] comme un passage à l'italique par le forum, même dans les balises [ code] Smiley ohwell

Pour y remédier, reprend ton code dans ton éditeur de texte favori, remplace tous les [ i] (sans l'espace) par Smiley ii ou [r] (et rajoute en début de script ii=i) puis tu édites ton 1er message pour remplacer le code existant par celui avec ii ou r.
ATTENTION: à la fin de ton message que tu édites, il y a vraisemblablement une tonne de [ /i][ /i][ /i] rajoutée par le forum au moment où il a vu toutes ces balises [ i] pas fermées, parce qu'il faut que la page soit valide Smiley lol
Modifié par Felipe (06 Nov 2005 - 23:58)
oui mais ç'est dans le code çà et le code çe n'est pas moi qui l'est écrit je n'y connais rien
la news fonctionne tres bien par contre je voudrais rajouté de la couleur pour ce faire j'ai montré l'exemple de ce que j'ai essayé
les i ne sont pas le i de italique mais le i comme çà
if (i==messages.length-1)
i=0
else 
i++ }}


me demander pas à quoi çà sert je n'en sais rien
je connais juste le HTML

sinon connaissez vous une news qui me permette de faire ce que je veux comme résultat à savoir :
Message 1 (en surligné titre) bienvenue à tous et merci (mais d'une autre couleur) avec des textes de couleurs eux aussi différents

merci
Modifié par Maquet-hist (07 Nov 2005 - 00:27)
salut

1 derniere petite question comment faire pour insérer un lien ?
j'ai essayé çà mais le script plante ?

messages[0]="<span style=\"background-color:#4566ab;color=#ffffff;font:bold;\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;INFOS 1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><br><br>Nous serons présents au salon MIDEST au stand<br><span style=\"color:orange;font:bold\"><a href="http://www.aaa.htm"><b>En savoir plus</b></a></span>"

sans le lien çà marches
merci
Maquet-hist a écrit :
salut

1 derniere petite question comment faire pour insérer un lien ?
j'ai essayé çà mais le script plante ?

messages[0]="<span style=\"background-color:#4566ab;color=#ffffff;font:bold;\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;INFOS 1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><br><br>Nous serons présents au salon MIDEST au stand<br><span style=\"color:orange;font:bold\"><a href="http://www.aaa.htm"><b>En savoir plus</b></a></span>"

sans le lien çà marches
merci


Il faut que tu "échappes" tes guillemets avec des \ (comme cela a été fait juste avant dans le code): écris

<a href=\"http://www.aaa.htm\">