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 (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";
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:
Zitat von: grafikmurkser in 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
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?
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";