• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Valide Seite mit JS

  • Ersteller Ersteller matibaski
  • Erstellt am Erstellt am
Status
Für weitere Antworten geschlossen.
M

matibaski

Guest
Moin!
Habe Probleme mit dem Validator.
Ich habe bei einer Tabelle einen RollOver JS Code.
Nun erhält jedes tr eine id und ein onmouseover und onmouseout.

Doch der Validator erkennt die nicht.

http://validator.w3.org/check?uri=http://matibaski.paradoxe.de/MyB/index.php

Codeausschnitte:
HTML: 
<script type="text/javascript">
function ein(x) {
 document.getElementById(x).style.backgroundColor="#8a6a6d";
}
function aus(x) {
 document.getElementById(x).style.backgroundColor="transparent";
}
</script>

<!--Die Tabelle-->
  <table cellspacing="0" style="margin:5px;">
   <tr id="1" onMouseOver="ein('1');" onMouseOut="aus('1');">
    <td style="padding:5px; width: 199px; border:1px solid #000000; border-bottom:none;"><a href="index.php?site=home" class="menu">Home</a></td>
   </tr>
   <tr id="2" onMouseOver="ein('2');" onMouseOut="aus('2');">
    <td style="padding:5px; width: 199px; border:1px solid #000000; border-bottom:none;"><a href="index.php?site=news" class="menu">News</a></td>
   </tr>
   <tr id="3" onMouseOver="ein('3');" onMouseOut="aus('3');">
    <td style="padding:5px; width: 199px; border:1px solid #000000; border-bottom:none;"><a href="index.php?site=scripte" class="menu">Scripte</a></td>
   </tr>
   <tr id="4" onMouseOver="ein('4');" onMouseOut="aus('4');">
    <td style="padding:5px; width: 199px; border:1px solid #000000; border-bottom:none;"><a href="index.php?site=tutorials" class="menu">Tutorials</a></td>
   </tr>
   <tr id="5" onMouseOver="ein('5');" onMouseOut="aus('5');">
    <td style="padding:5px; width: 199px; border:1px solid #000000; border-bottom:none;"><a href="index.php?site=downloads" class="menu">Downloads</a></td>
   </tr>
   <tr id="6" onMouseOver="ein('6');" onMouseOut="aus('6');">
    <td style="padding:5px; width: 199px; border:1px solid #000000; border-bottom:none;"><a href="index.php?site=forum" class="menu">Forum</a></td>
   </tr>
   <tr id="7" onMouseOver="ein('7');" onMouseOut="aus('7');">
    <td style="padding:5px; width: 199px; border:1px solid #000000; border-bottom:none;"><a href="index.php?site=gbook" class="menu">G&auml;stebuch</a></td>
   </tr>
   <tr id="8" onMouseOver="ein('8');" onMouseOut="aus('8');">
    <td style="padding:5px; width: 199px; border:1px solid #000000;"><a href="index.php?site=community" class="menu">Community</a></td>
   </tr>
  </table>

Kann mir da jemand helfen?
Er gibt mir an, die Attributen von OnMouseOver und OnMouseOut existieren nicht. Und er gibt bei der ID einen Fehler heraus, da sie nicht bestimmt sind, sagt er. Doch mti JS habe ich (x) angegeben.

MfG, matibaski
 
Hallo,

1) id-Namen sollten mit einen Buchstaben beginnen ... Welche Sonderzeichen an erster und an den weiteren Stellen zulässig sind, habe ich nicht im kopf.
2) ein Event "onMouseOver" bzw. "onMouseOut" existieren nicht. Du meinst vermutlich die Events "onmouseover" und "onmouseout" :-) Man beachte das case sensitive ....

Gruß,
Jumper, the II.
 
id-Namen sollten mit einen Buchstaben beginnen ... Welche Sonderzeichen an erster und an den weiteren Stellen zulässig sind, habe ich nicht im kopf.
Zum Vergrößern anklicken....

Id-Namen sollten beginnen mit:

- Unterstrich (_ )
- Buchstaben
- keinen Zahlen!

----

Tabellen als Layoutlösung? - Vergiss es lieber.
Empfehlung - Listen und CSS.
 
Wie könnte ich dann mein JS Script ausführen?
Es macht das RollOver nur bei id="Zahl" angabe, da ich (x) verwendete.

MfG, matibaski
 
Dein JavaScript behandelt im vorliegenden Fall das x als String und nicht als Nummer. Und wenn ich wie bei mir mal die nummern durch ein tr<nummer> ersetze, funktioniert das Java-Script noch immer ;-)

gruß,
Jumper, the II.
 
Also bei deiner Variante tr<nummer> blick ich nicht durch!

So etwa?
HTML: 
<tr blablabla.. <1>>
LooL. Das hiert stimmt vorne und hinten nicht. Aber sieht geil aus ;)

Kein Plan was du damit gemeint hast ;)

MfG, matibaski
 
Zuletzt bearbeitet von einem Moderator:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Language" content="de-ch" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<meta name="keywords" content="Scripte, Scripts, Skripte, Skripts, PHP, HTML, CSS, MySQL, JavaScript, JS, Tutorials, Tutoruial, Anleitung, Einleitung" />
<title>MyB - Matija Baskarad &bull; Scripte, Tutorials, Downloads, und vieles mehr...</title>

<link rel="stylesheet" type="text/css" href="http://matibaski.paradoxe.de/MyB/style.css" />

<script type="text/javascript">
function ein(x) {
 document.getElementById(x).style.backgroundColor="#8a6a6d";
}
function aus(x) {
 document.getElementById(x).style.backgroundColor="transparent";
}
</script>
</head>

<body>

<div id="top">
 <div id="top_header"></div>
 <img src="http://matibaski.paradoxe.de/MyB/images/logo_white.gif" alt="" style="width:327px; height:215px; border:0px;" />
</div>

<div id="content">
 <div id="left">
  <table cellspacing="0" style="margin:5px;">
   <tr id="tr1" onmouseover="ein('tr1');" onmouseout="aus('tr1');">
    <td style="padding:5px; width: 199px; border:1px solid #000000; border-bottom:none;"><a href="index.php?site=home" class="menu">Home</a></td>
   </tr>
   <tr id="tr2" onmouseover="ein('tr2');" onmouseout="aus('tr2');">
    <td style="padding:5px; width: 199px; border:1px solid #000000; border-bottom:none;"><a href="index.php?site=news" class="menu">News</a></td>
   </tr>
   <tr id="tr3" onmouseover="ein('tr3');" onmouseout="aus('tr3');">
    <td style="padding:5px; width: 199px; border:1px solid #000000; border-bottom:none;"><a href="index.php?site=scripte" class="menu">Scripte</a></td>
   </tr>
   <tr id="tr4" onmouseover="ein('tr4');" onmouseout="aus('tr4');">
    <td style="padding:5px; width: 199px; border:1px solid #000000; border-bottom:none;"><a href="index.php?site=tutorials" class="menu">Tutorials</a></td>
   </tr>
   <tr id="tr5" onmouseover="ein('tr5');" onmouseout="aus('tr5');">
    <td style="padding:5px; width: 199px; border:1px solid #000000; border-bottom:none;"><a href="index.php?site=downloads" class="menu">Downloads</a></td>
   </tr>
   <tr id="tr6" onmouseover="ein('tr6');" onmouseout="aus('tr6');">
    <td style="padding:5px; width: 199px; border:1px solid #000000; border-bottom:none;"><a href="index.php?site=forum" class="menu">Forum</a></td>
   </tr>
   <tr id="tr7" onmouseover="ein('tr7');" onmouseout="aus('tr7');">
    <td style="padding:5px; width: 199px; border:1px solid #000000; border-bottom:none;"><a href="index.php?site=gbook" class="menu">G&auml;stebuch</a></td>
   </tr>
   <tr id="tr8" onmouseover="ein('tr8');" onmouseout="aus('tr8');">
    <td style="padding:5px; width: 199px; border:1px solid #000000;"><a href="index.php?site=community" class="menu">Community</a></td>
   </tr>
  </table>
 </div>

<div id="line">
</div>
<div id="right">
 <div id="content_right">
 Home </div>
</div>


<div id="bottom">
2007 &copy; by MyB.ch.vu - all rights reserved
</div>
</div>
<div id="abstand_bottom">1</div>

</body>
</html>

So ..... und im übrigen .... wert<hier_soll_eine_Zahl_hin_und_die_spitzen_klammern_weg> sollte als Synonym für eine Lösung wert0, wert1, ... wert100, ... stehen
 
So ist das.
Danke!

Thread kann geschlossen werden.


MfG, matibaski
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben