[Solved] Problem mit Mouseover beim Anpassen eines Themes

Begonnen von Schmunzel83, 19 Juli 2009, 20:42:28

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 1 Gast betrachten dieses Thema.

Schmunzel83

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:


<?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

#1
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. :note:
meine pmx-Seite : die erste und einzige, freie, deutschsprachige Community rund um fraktale Bilder apophysis-schmiede   reg.User mehr als 1000

Schmunzel83

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

Jetzt habe ich mal eine kleine html-Datei geschrieben, die einwandfrei funktioniert:
<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:

<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

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


<?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";