Meila: xhtml javascript

Beitrag lesen

SELF-Forum

xhtml javascript

Meila
– Informationen zu den Bewertungsregeln

Hallo!

Also ich habe hier schon bereits im Forum rumgeschaut und dann festgestellt, dass ein CDATA um den ganzen Javascriptblock muss.
Das habe ich dann auch versucht, aber immernoch nicht funktioniert das ganze.

Also
Ich möchte Bilder die sich von alleine weiterblättern haben. Unter test.html geht das auch wunderbar. unter test.xhtml aber nicht. So dann wie gesagt habe ich den Block mit
<script type="text/javascript">
/* <![CDATA[ */
// content of your Javascript goes here
/* ]]> */
</script>
eingekesselt.
jetzt kommt die meldung:
ist wohl keine formatierung (oder so) mit der Datei verknüpft, deswegen wird der xml-baum angezeigt. Es ist aber eine .css verbunden.

Weiss jemand mehr?

Danke, Meila

Also das ist übrigens die Datei:

<?xml version="1.0" encoding="iso-8891-1" ?>

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

<head>

<link rel="stylesheet" media="screen" type="text/css" title="mainStyleSheet" href="rrg_css.css" />
   <link rel="alternate stylesheet" title="choclate" media="screen" type="text/css"  />

<title>
JavaScript - Beispiel
</title>

<script type="text/javascript">

/*<![CDATA[*/
var namen=new Array("geburtstagZahl1.gif" ,"grueneStriche.gif", "60.gif" , "dunkelgrueneStriche.gif" );
  /* Array aller Bildernamen */
var bilder=new Array();
  /* Definition des Bilder-Arrays */
var nr=0;

function lade()
  /* Laedt die Bilder */
{
  var i;                     /* lokale Variablendeklaration */
  for (i=0;i<4;i++)          /* Schleife: i=0..3 */
  {
    bilder[i]=new Image();   /* neues Image-Objekt erzeugen */
    bilder[i].src=namen[i];  /* Quelldateiname des Bildes setzen */
  }
    /* Timeout auf 500 Millisekunden setzen : */
  window.setTimeout("naechstes()",500);
}

function naechstes()
  /* zeigt ein Bild an */
{
  nr=(nr+1)%4;    /* Bild hochzaehlen und mod 4 */
    /* Bild austauschen : */
  document.images["bilder"].src=bilder[nr].src;
    /* Timeout auf 500 Millisekunden setzen : */
  window.setTimeout("naechstes()",500);
}
/* ]]> */
</script>

</head>
<body onLoad="lade();">
<div id="oben">
<div id="inhalt">
  <img src="./zahl60.gif" width="150" height="150" alt="60" />
 1
<a href="bilder2.html">Erklrung</a>
2
<img name="bilder" src="begin.gif" width="64" height="64" />
<a href="test.html">test.html</a>
</div>
</div>
</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln