[Solved] Problem mit Mouseover beim Anpassen eines Themes

Schmunzel83 · 19 Juli 2009, 20:42:28

Hallo,
ich bin dabei eine theme.php so anzupassen, dass ich oben rechts 5 Grafiken habe, die als Navigation dienen.
Die Grafiken sind schwarz und sollen bei Mauskontakt weiss werden.
Wenn das entsprechende Modul aktiv ist, auf das der Menülink verweist, soll die entsprechende Grafik weiss bleiben.
Der zweite Teil funktioniert, aber der Mouseover-Befehl tut leider nicht das was er soll.
Die Webseite findet ihr hier: http://biathlon.bsv-aplerbeck.de

Hier der Code aus der theme.php:

Code Auswählen


<?php
...
$imgon  = "themes/bsv/images/header_button_on.gif"; 
$imgoff = "themes/bsv/images/header_button_off.gif";

echo "<table border=\"0\" width=\"60%\" align=\"center\" cellspacing=\"0\" cellpadding=\"0\" background=\"themes/bsv/images/zaggibg.gif\">\n";
echo "   <tr>\n";
echo "     <td></td>\n";
echo "      <td bgcolor=\"#ffffff\" align=\"center\" >\n";
echo "<table border=\"0\" background=\"themes/bsv/images/header_bg.gif\" width=\"100%\" cellspacing=\"0\" cellpadding=\"0\">\n";
# Navigation mit Schrift
echo "<tr>\n";
echo "  <td valign=\"top\"><img src=\"themes/bsv/images/headerbsv.jpg\"></td>\n";
echo "  <td align=right><table border=0><tr>\n";

$Mods=array('Team','Downloads','Guestbook','Gallery','Feedback');
foreach($Mods as $OneMod) {
  $X="\$X=_BALL_$OneMod;";
  eval($X);
  echo "<td align=center><a href=\"modules.php?name=$OneMod\" style=color:#FFFFFF onMouseOver=\"document.Bild.src=$imgon;\" onMouseOut=\"document.Bild.src=$imgoff;\"\n";
  if (strtolower($OneMod)==strtolower(MX_MODULE)) {
    $ball = $imgon;    
  } else {
    $ball = $imgoff;
  }
  echo "<img src=\"$ball\" name=$X alt=$X title=$X width=\"62\" height=\"76\"><br>$X</a></td>\n";
}
echo "</tr></table></td>\n";
echo "</tr>\n";
echo "</table>\n";

grafikmurkser · 19 Juli 2009, 21:43:09

hmmm ich muss Dir sagen das es mir so wie es ist irgendwie besser gefällt , besser als wenn ein "aktiver" Mouseovereffekt da währe...
wenn mich nicht alles täuscht braucht man für den "mouseover-effekt" nach wie vor javascript oder css ( http://aktuell.de.selfhtml.org/artikel/css/mouseover/)

es gibt zwar auch "html-editoren" für sowas ( zB http://www.webmaster-world.com/generatoren/html-mouseover-bild.php) aber ob die was taugen .. hmm

EDIT: java in javascript, geändert.

Schmunzel83 · 19 Juli 2009, 22:03:43

Zitat von: grafikmurkser am 19 Juli 2009, 21:43:09
es gibt zwar auch "html-editoren" für sowas ( zB http://www.webmaster-world.com/generatoren/html-mouseover-bild.php) aber ob die was taugen .. hmm

Habe mal die adresse meiner grafiken in das formular des "html-editors" eingetragen.
Aber die generierte Vorschau funktioniert auch nicht.
Der Button bleibt schwarz... Komisch

Schmunzel83 · 19 Juli 2009, 22:58:20

Jetzt habe ich mal eine kleine html-Datei geschrieben, die einwandfrei funktioniert:

Code Auswählen

<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.getElementById("b1").src ="http://biathlon.bsv-aplerbeck.de/themes/bsv/images/header_button_on.gif";
}
function mouseOut()
{
document.getElementById("b1").src ="http://biathlon.bsv-aplerbeck.de/themes/bsv/images/header_button_off.gif";
}
</script>
</head>

<body>
<a href="http://biathlon.bsv-aplerbeck.de" target="_blank">
<img border="0" alt="alt" src="http://biathlon.bsv-aplerbeck.de/themes/bsv/images/header_button_off.gif" id="b1" width="62" height="76" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
</body>
</html>

Wenn ich das aber nun in die theme.php einbaue, passiert trotzdem nichts.

Hier der Code:

Code Auswählen


<script language="JavaScript" type="text/JavaScript">
function mouseOver()
{
document.getElementById("b1").src ="http://biathlon.bsv-aplerbeck.de/themes/bsv/images/header_button_on.gif";
}
function mouseOut()
{
document.getElementById("b1").src ="http://biathlon.bsv-aplerbeck.de/themes/bsv/images/header_button_off.gif";
}

</script>
<?php
...
$Mods=array('Team','Downloads','Guestbook','Gallery','Feedback');
foreach($Mods as $OneMod) {
  $X="\$X=_BALL_$OneMod;";
  eval($X);
  echo "<td align=center><a href=\"modules.php?name=$OneMod\" style=color:#FFFFFF \n";
  if (strtolower($OneMod)==strtolower(MX_MODULE)) {
    $ball = $imgon;    
  } else {
    $ball = $imgoff;
  }
  echo "<img border=\"0\" alt=$X src=\"$ball\" id=\"b1\" width=\"62\" height=\"76\" onmouseover=\"mouseOver()\" onmouseout=\"mouseOut()\" /></a></td>\n";
}
echo "</tr></table>;

Was mache ich falsch?

Schmunzel83 · 20 Juli 2009, 01:07:19

Habs hinbekommen,
auch wenn es keine schöne Lösung ist.
Hier der Code für Interessierte

Code Auswählen


<?php
...
$imgon  = "themes/bsv/images/header_button_on.gif"; 
$imgoff = "themes/bsv/images/header_button_off.gif";

echo "<table border=\"0\" width=\"60%\" align=\"center\" cellspacing=\"0\" cellpadding=\"0\" background=\"themes/bsv/images/zaggibg.gif\">\n";
echo "   <tr>\n";
echo "     <td></td>\n";
echo "      <td bgcolor=\"#ffffff\" align=\"center\" >\n";
echo "<table border=\"0\" background=\"themes/bsv/images/header_bg.gif\" width=\"100%\" cellspacing=\"0\" cellpadding=\"0\">\n";
# Navigation mit Schrift
echo "<tr>\n";
echo "  <td valign=\"top\"><img src=\"themes/bsv/images/headerbsv.jpg\"></td>\n";
echo "  <td align=right><table border=0><tr>\n";

$Mods=array('Team','Downloads','Guestbook','Gallery','Feedback');
foreach($Mods as $OneMod) {
  $X="\$X=_BALL_$OneMod;";
  eval($X);
  echo "<td align=center><a href=\"modules.php?name=$OneMod\" style=color:#FFFFFF onmouseover=\"$X.src='$imgon';\" onmouseout=\"$X.src='$imgoff';\">";
  if (strtolower($OneMod)==strtolower(MX_MODULE)) {
    $ball = $imgon;    
    echo "<img alt=$X src=\"$ball\" width=\"62\" height=\"76\" name=\"aktiv\"><br>$X</a></td>\n";
  } else {
    $ball = $imgoff;
    echo "<img alt=$X src=\"$ball\" width=\"62\" height=\"76\" name=\"$X\"><br>$X</a></td>\n";
  }
}
echo "</tr></table>  </td>\n";
echo "</tr>\n";
echo "</table>\n";

[Solved] Problem mit Mouseover beim Anpassen eines Themes

Schmunzel83

grafikmurkser

Schmunzel83

Schmunzel83

Schmunzel83