Forum SELFHTML  Archives du forum  2004  février

	Forum SELFHTML: Archives: modif des CSS avec DHTML
	(HTML DYNAMIQUE) modif des CSS avec DHTML  (HTML DYNAMIQUE) modif des CSS avec DHTML

(HTML DYNAMIQUE) modif des CSS avec DHTML

Le message suivant est de: David,  moi@moi.com, 03. 02. 2004, 15:06
http://www.site-en-stock.net

bonjour tout le monde,

Allez pour une fois c'est moi qui pose une question, voilà j'ai voulu remplacer la fonction <marquee> qui n'est pas un standard par quelque chose de valide pour tous les navigateurs. J'ai donc fais ca en DHTML (d'apres l'exemple suivant: http://selfhtml.selfhtml.com.fr/dhtml/modeles/dom.htm#proprietes_css) et voici le resultat:
<div id="divun" style="position:relative; background-color:#CCCCCC; width:150px; height:130px;">
  <div id="divdeux" style="position:absolute; top:4px; left:4px; clip:rect(0px, 142px, 122px, 0px);">
    <div id="textascroller"><p style="width:142px; margin:0px;">Voici un exemple, blabla....</p>
 </div>
  </div>
</div>

et le code javascript correspondant:
var grad_scroll=50;
var montext;
function init()
 {
 montext = eval(document.getElementById("textascroller"));
 montext.style.position = "absolute";
 montext.style.top = grad_scroll;
 scroll();
 }
function scroll()
 {
 if (grad_scroll<-160) grad_scroll = 150;
 grad_scroll --;
 document.getElementById("textascroller").style.top = grad_scroll;
 window.setTimeout("scroll()",50);
 }
ca marche tres bien sur IE, mozilla, netscape, et opera en HTML4.01. Le probleme c'est que si je passe en XHTML1.1 il n'y a plus que IE et opera qui comprennent!!! Pourtant le code est valide en xhtml.

le probleme vient de la ligne "montext.style.top = grad_scroll;". Mozilla ne l'interprete plus, qqun sait pourquoi?

Help, i need somebody.....

@+
David

(HTML DYNAMIQUE) modif des CSS avec DHTML

Le message suivant est de: David,  moi@moi.com, 04. 02. 2004, 11:58
http://www.site-en-stock.net

bon je vais repondre moi meme a la question il fallait remplacer "document.getElementById("textascroller").style.top = grad_scroll;" par document.getElementById("textascroller").style.top = "" + grad_scroll + "px";

en effet pour mozilla il faut preciser si c'est des pixels, des cm ou des inch.

Merci le forum allemand.

David

Forum SELFHTML  Archives du forum  2004  février

© 1998-2004  selfhtml@fr.selfhtml.org