onmouseover problem

[riddle23]

Hi, ich arbeite gerade an einer clanpage und möchte eine einfache javascript funktionen einbauen die den content einer DIV TD bei "mouseover" eines buttons ändert.
weiss nicht wo der bug ist das es nicht funktioniert :S
hänge schon ne weile dabei :/

link zur seite: Clanpage
(Display ist besagtes obj.)

javascript im head

<script src="js/bbcode.js" language="jscript" type="text/javascript">
function HideDIV(d) { document.getElementById(d).style.display = "none"; }
function DisplayDIV(d) { document.getElementById(d).style.display = "block"; }
</script>

die TD deren content geswapt werden soll

<td><div id="initDiv"><? include("sc_results.php"); ?></div>
<!-- DIV id="newsDiv" -->
<div id="newsDiv" style="display:none;">
<? include("sc_headlines.php"); ?>
</div>

<!-- DIV id="warsDiv" -->
<div id="warsDiv" style="display:none;">
<? include("sc_results.php"); ?>
</div>

<!-- DIV id="forumDiv" -->
<div id="forumDiv" style="display:none;">
<? include("latesttopics.php"); ?>
</div>
                            </td>

buttons die bei "mouseover" den content swapen "sollen"

<td height="34"><span onmouseover="HideDIV('initDiv');HideDIV('forumDiv');HideDIV('warsDiv');DisplayDIV('newsDiv')" style="cursor:pointer"><img src="img/dsprb1.png"></span></td>
                          </tr>
                          <tr>
                            <td height="32"><span onmouseover="HideDIV('initDiv');HideDIV('forumDiv');HideDIV('newsDiv');DisplayDIV('warsDiv')" style="cursor:pointer"><img src="img/dsprb2.png"></span></td>
                          </tr>
                          <tr>
                            <td height="34"><span onmouseover="HideDIV('initDiv');HideDIV('newsDiv');HideDIV('warsDiv');DisplayDIV('forumDiv')" style="cursor:pointer"><img src="img/dsprb3.png"></span></td>
                          </tr>

Kann mir jemand weiterhelfen?
Bin sehr dankbar für jeden Tip!

 

[_Thor_]

Deine Seite hat 69 Fehler und 44 Warnungen laut dem Validator des W3C, nachzuschauen mit folgendem Link [Invalid] Markup Validation of http://cbx.kilu.de/index.php - W3C Markup Validator.

Ziel sollte es sein, dort 2 mal 0 stehen zu haben und den Browsern valides HTML vorzusetzen.

Des Weiteren gibt es da noch einige CSS Fehler, nachzuschauen hier W3C CSS Validator results for http://cbx.kilu.de/index.php (CSS level 2.1)

Tabellen sind gedacht für tabellarische Inhalte, nicht, um damit das Layout der Seite zu erstellen.

Styleangaben gehören ins CSS und nicht ins HTML.

Aber zu deinem Problem, das hier

[COLOR=#800000]
<script src=[COLOR=#0000ff]"js/bbcode.js"[/COLOR] language=[COLOR=#0000ff]"jscript"[/COLOR] type=[COLOR=#0000ff]"text/javascript"[/COLOR]>[/COLOR]
function HideDIV(d) { document.getElementById(d).style.display = "none"; }
function DisplayDIV(d) { document.getElementById(d).style.display = "block"; }
[COLOR=#800000]</script>[/COLOR]

funktioniert so nicht.

Entweder so

[COLOR=#800000]
<script type=[COLOR=#0000ff]"text/javascript"[/COLOR]>
[/COLOR]function HideDIV(d) { 
  document.getElementById(d).style.display = "none";
}
function DisplayDIV(d) {
  document.getElementById(d).style.display = "block";
}
[COLOR=#800000]</script>[/COLOR]

oder so

[COLOR=#800000]<script src=[COLOR=#0000ff]"js/bbcode.js"[/COLOR] type=[COLOR=#0000ff]"text/javascript"[/COLOR]>[/COLOR]</script>

und die Funktionen mit in die .js Datei.

 

[riddle23]

vielen dank :!: ;Jump

deine zweite methode wahr der schlüssel zum erfolg!
hab die funktionen in die *.js datei gepackt und es hat auf anhieb funktioniert! 8)

naja das design hab ich mit tabellen gemacht da ich darin schon erfahrung hatte und webspell allgemein auf tabellen aufgebaut ist.
hab das design zwar mit css begonnen aber herausgekommen ist eine hybridversion die an allen ecken und enden gebuggt hat,
deshalb hab ich mich entschlossen nochmal rein auf tabellen aufzubauen bis ich in css mal etwas fortgeschrittener bin!

Die HTML und CSS fehler werde ich auf jedenfall noch beheben!
Danke für die Tips!

Danke auch nochmal für die schnelle und sehr hilfreiche Antwort!!

So Long! greetz riddle23

 

[Huoliuhi]

good!

bump the thread up.