neuen block erstellt - grafik onmouseover/ out funktion

Begonnen von BlackMaiden, 30 März 2005, 03:17:14

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 1 Gast betrachten dieses Thema.

BlackMaiden

das wird jetzt eine pingelige frage  ;D

ich habe mir mit folgenden code einen link in einen selbstgemachten block erstellt:



<div><TABLE BORDER="0" CELLPADDING="1" CELLSPACING="0" WIDTH="100%"><TR style="background: transparent;" onMouseOver="this.style.background='#e8e8e8'" onMouseOut="this.style.background='transparent'"><TD title="Testseite"><span class="boxcontent"><img src="images/menu/rarrow.gif" BORDER="0" width="12" height="12"> <a href="modules.php?name=Testseite">Teststeite</a></span></TD></TR>

</table></div>



hier ist jetzt dieses rarrow.gif fest definiert.
wie bekomme ich es so hin, wie bei den anderen standard blöcken, dass im normalfall dieser rote pfeil vor den links ist und wenn man auf den link klickt, und sich somit auf der seite befindest, diesen GELBEN pfeil davor bekommt?
aber hier komme ich alleine nicht mehr weiter, danke fürs lesen.

lg

Andi

Hi :)

ist das ein HTML-Block den du über das Blockmenü erstellt hast?
Dann geht es nicht, höchstens mit einem aufwändigen Javascript....

Wenn es eine php-Blockdatei ist, dann müssten wir sehen, unter welchen Bedingungen, welcher Pfeil verändert werden soll...
schön´s Grüssle, Andi

BlackMaiden

yuhu,
danke für die antwort  :)

richtig, es ist dieser selbsterstellte html block, php kann ich leider nicht.
ich hatte mir einen anderen hauptblock angeguckt, dachte zuerst es wäre vielleicht irgendwo irgendwie definiert, bin aber nicht fündig geworden.
wenn du so einen javascript griffbereit hast, wäre ich dir sehr verbunden, wenn du ihn mir postest, ansonsten musst du jetzt nicht extra "aufwendiges" zusammencoden.

lg

jubilee

Hallo !
Also bei einem HTML-Block eine Grafik gegen eine andere tauschen und das bei
mouseover, richtig ?
Da hab ich (glaub ich ) noch ein JavaScript liegen.
Muss ich morgen mal schauen .
MfG
jubilee

BlackMaiden

dank dir :)
ich wusste nicht genau wie das heisst, was ich meine. ich hab das mit dem mouseover/ up im quelltext entdeckt, ich meine nicht dieses typische mouseover auf einen bild (mit der maus auf das bild drüberfahren).
nochmals zur erläuterung:
also im standard theme ist doch in jedem block so ein roter pfeil vor den menülinks, wenn man dann auf den link klickt, und sich somit auf der aktiven seite befindet, ist der pfeil gelb.
wäre super wenn du einen fertigen script dafür hättest.

lg

jubilee

#5
Hallo !
O.K. Hier das Script.
das kann alles im Body-Bereich der Webseite liegen, also auch in einem HTML-Block :
Zitat
<script language="JavaScript">
<!--
function change_img_src(name, nsdoc, rpath, preload)
{
  var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
  if (name == '')
    return;
  if (img) {
    img.altsrc = img.src;
    img.src    = rpath;
  }
}

function restore_img_src(name, nsdoc)
{
  var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
  if (name == '')
    return;
  if (img && img.altsrc) {
    img.src    = img.altsrc;
    img.altsrc = null;
  }
}

// -->
</script>

Die Links müssen folgendermassen aussehen :
Zitat<a href="Hier_Der_Link.html"
onmouseover="change_img_src('Link1', 'document', 'Hier_Link_zur_Grafik_1', true)"
onmouseout="restore_img_src('Link1', 'document')"><img src="Hier_Link_zur_Grafik_2" name="Link1"
border="0" alt="Link1"></a>
*Der Bezeichner Link1 muss eindeutig sein, also bei mehreren Links diesen Bezeichner anpassen.
Damit sollte es eigentlich funktionieren.
MfG
jubilee

BlackMaiden

vielen lieben dank für deine mühe  :)

entweder ich mache etwas falsch oder wir haben uns immer noch missverstanden  :-[
mit dem script ändert sich die grafik nur, wenn ich mich der maus auf den link fahre.
ich wollte es ja so haben, dass das erste bild vorne so bleibt, aber wenn man dann auf den link klickt und die seite neu lädt, man anschliessend auf dieser seite ist, dass sich die grafik dann erst ändert.
dieses standardverhalnten von von vkpmx halt, wie in den anderen blöcken :)

lg