11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Je suis en train de faire relooker mon site et au passage, le passer en xhtml.

J'avais une shout box qui faisait donc défiler les messages.

Elle ne fonctionne plus sauf si je retire le doctype :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Le code qui est visible dans le source de ma page est le suivant :


<script type="text/javascript">
var SBheight = '150';
var SBcontent = new String('<table style="table-layout: fixed; width: 100%;" border="0" align="left" cellspacing="0" cellpadding="2"><tr><td style="background-color: #8E0232;"><b><a href="profil-mOustik.html" title="mOustik">mOustik</a>:</b> Bonne journée à tous</td></tr><tr><td style="background-color: #770129;"><b><a href="cokine.html" title="cokine">cokine</a>:</b> bonne journée à tous</td></tr><tr><td style="background-color: #8E0232;"><b><a href="cokine.html" title="cokine">cokine</a>:</b> je te souhaite une journée zen stéphanie ... bisous!!</td></tr><tr><td style="background-color: #770129;"><b><a href="Stephanie.html" title="Stephanie">Stephanie</a>:</b> encore du stress aujord&#039;hui..bonne nnuit Biz <img src="images/blocks/shout_box/biggrin.gif" alt="" /></td></tr><tr><td style="background-color: #8E0232;"><b><a href="cokine.html" title="cokine">cokine</a>:</b> bonne nuit à tous... faites de dox rêves</td></tr><tr><td style="background-color: #770129;"><b><a href="pikatchu30.html" title="pikatchu30">pikatchu30</a>:</b> je me déconnecte a ce soir tard si je peux apres ma fete bisous</td></tr><tr><td style="background-color: #8E0232;"><b><a href="Poete77.html" title="Poete77">Poete77</a>:</b> Un bonjour rapide à toutes et tous !!! En ce moment 4 de mes textes sont en cours de transformation en chansons...</td></tr><tr><td style="background-color: #770129;"><b><a href="Hiroshihaijima.html" title="Hiroshihaijima">Hiroshihaijima</a>:</b> hi hi... me voilà de passage <img src="images/blocks/shout_box/smile.gif" alt="" /> heureux que tout les monde va bien... moi c&#039;est taf a font.. dsl pour ma présence peu fréquente...</td></tr><tr><td style="background-color: #8E0232;"><b><a href="pikatchu30.html" title="pikatchu30">pikatchu30</a>:</b> bonne nuit a tous et a toutes</td></tr><tr><td style="background-color: #770129;"><b><a href="cokine.html" title="cokine">cokine</a>:</b> bonne nuit à tous ... à demain !</td></tr><tr><td align="right"><a title="Free scripts!" target="_blank" href="http://www.ourscripts.net"><span style="font-size: 9;">Shout Box &copy;</span></a></td></tr></table>');
</script>
<script type="text/javascript" src="shoutbox.js"></script>
<table border="0" align="center" width="150" cellpadding="0" cellspacing="0"><tr><td bgcolor="#770129" width="150" height="19">&nbsp;<font color="#F97801"><b>Shout Box</b></font></td></tr></table>
<table border="0" cellpadding="2" cellspacing="2" width="150">
<tr><td width="150" bgcolor="#8E0232">
<table style="cursor: text;" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td height="150">

<div align="center"><script type="text/javascript">document.write(SBtxt);</script></div>
</td></tr></table>
<form name="shoutform1" method="post" action="" style="margin-bottom: 0px; margin-top: 0px"><table width="100%" border="0" cellspacing="0" cellpadding="1"><tr><td align="center"><a href="shout-box.html">Liste messages</a>&nbsp;<span style="cursor: hand;" onmouseover="SBspeed=4" onmouseout="SBspeed=1"><img src="modules/Shout_Box/images/up/Black.gif" border="0" alt="" width="9" height="5" /></span>&nbsp;<span style="cursor: hand;" onmouseover="SBspeed=1-5" onmouseout="SBspeed=1"><img src="modules/Shout_Box/images/down/Black.gif" border="0" alt="" width="9" height="5" /></span>&nbsp;<span style="cursor: wait;" onmouseover="SBspeed=0" onmouseout="SBspeed=1"><img src="modules/Shout_Box/images/pause/Black.gif" border="0" alt="" width="9" height="5" /></span></td></tr>
<tr><td align="center" nowrap="nowrap"><input type="text" name="ShoutComment" size="16" value="Message" maxlength="2500" onfocus="if ( this.value == 'Message' ) { this.value=''; }" onblur="if (this.value == '') { this.value='Message' }" /></td></tr><tr><td align="center"><input type="hidden" name="ShoutSubmit" value="ShoutPost" /><div id="smilies_hide" style="display: block;"><div class="content"><input type="submit" name="button" value="Message" />&nbsp;<span onclick="changeBoxSize ('show'); return false;"><input type="button" value="Smilies" /></span></div></div><div id="smilies_show" style="display: none;"><div class="content"><input type="submit" name="button" value="Message" />&nbsp;<span onclick="changeBoxSize ('hide'); return false;"><input type="button" value="Smilies" /></span><br /><br /><span style="cursor: hand;" onclick="DoSmilie(' :confused: ','Message');"><img src="images/blocks/shout_box/confused.gif" border="0" alt="" /></span>&nbsp;<span style="cursor: hand;" onclick="DoSmilie(' :sigh: ','Message');"><img src="images/blocks/shout_box/sigh.gif" border="0" alt="" /></span>&nbsp;<span style="cursor: hand;" onclick="DoSmilie(' :sleep: ','Message');"><img src="images/blocks/shout_box/sleep.gif" border="0" alt="" /></span>&nbsp;<span style="cursor: hand;" onclick="DoSmilie(' :upset: ','Message');"><img src="images/blocks/shout_box/upset.gif" border="0" alt="" /></span>&nbsp;<span style="cursor: hand;" onclick="DoSmilie(' :none: ','Message');"><img src="images/blocks/shout_box/none.gif" border="0" alt="" /></span>&nbsp;<span style="cursor: hand;" onclick="DoSmilie(' :eek: ','Message');"><img src="images/blocks/shout_box/bigeek.gif" border="0" alt="" /></span>&nbsp;<span style="cursor: hand;" onclick="DoSmilie(' :rolleyes: ','Message');"><img src="images/blocks/shout_box/rolleyes.gif" border="0" alt="" /></span>&nbsp;<br /><br />
<span style="cursor: hand;" onclick="DoSmilie(' :mad: ','Message');"><img src="images/blocks/shout_box/mad.gif" border="0" alt="" /></span>&nbsp;<span style="cursor: hand;" onclick="DoSmilie(' :yes: ','Message');"><img src="images/blocks/shout_box/yes.gif" border="0" alt="" /></span>&nbsp;<span style="cursor: hand;" onclick="DoSmilie(' :no: ','Message');"><img src="images/blocks/shout_box/no.gif" border="0" alt="" /></span>&nbsp;<span style="cursor: hand;" onclick="DoSmilie(' :shy: ','Message');"><img src="images/blocks/shout_box/shy.gif" border="0" alt="" /></span>&nbsp;<span style="cursor: hand;" onclick="DoSmilie(' :laugh: ','Message');"><img src="images/blocks/shout_box/laugh.gif" border="0" alt="" /></span>&nbsp;<span style="cursor: hand;" onclick="DoSmilie(' :dead: ','Message');"><img src="images/blocks/shout_box/dead.gif" border="0" alt="" /></span>&nbsp;<span style="cursor: hand;" onclick="DoSmilie(' :cry: ','Message');"><img src="images/blocks/shout_box/cry.gif" border="0" alt="" /></span>&nbsp;<br /><br />
<span style="cursor: hand;" onclick="DoSmilie(' [smile] ','Message');"><img src="images/blocks/shout_box/smile.gif" border="0" alt="" /></span>&nbsp;<span style="cursor: hand;" onclick="DoSmilie('  [decu] ','Message');"><img src="images/blocks/shout_box/sad.gif" border="0" alt="" /></span>&nbsp;<span style="cursor: hand;" onclick="DoSmilie(' [cligne] ','Message');"><img src="images/blocks/shout_box/smilewinkgrin.gif" border="0" alt="" /></span>&nbsp;<span style="cursor: hand;" onclick="DoSmilie(' B) ','Message');"><img src="images/blocks/shout_box/cool.gif" border="0" alt="" /></span>&nbsp;<span style="cursor: hand;" onclick="DoSmilie(' [lol] ','Message');"><img src="images/blocks/shout_box/biggrin.gif" border="0" alt="" /></span>&nbsp;<span style="cursor: hand;" onclick="DoSmilie('  [langue] ','Message');"><img src="images/blocks/shout_box/bigrazz.gif" border="0" alt="" /></span>&nbsp;</div></div></td></tr>
</table></form>

</td></tr></table>


Si vous avez une idée ?
Salut,

Je pense que si tu espère avoir réponse, il te faudrait donner l'intégralité de ton code et indenté. En l'état il est vraiment difficile de lire ton code.

Pour la box que tu cherche à faire, sache que ce n'est pas terrible comme procédé de faire défiler du texte, car il est plus difficile à lire pour toute le monde, quelle que soit sa vitesse. S'il est trop rapide, il sera impossible à lire pour quelqu'un qui lit lentement, s'il est trop lent, il sera pénible à lire pour quelqu'un qui lit vite. Il est de plus impossible de revenir en arrière, ce que permet un texte statique (avec éventuellement une barre de défilement).
A toi de voir si tu veux appliquer cette box pour ta propre satisfaction, ou pour aider les visiteurs de ton site pour rendre leur navigation sur ton site plus simple. Smiley cligne