nicht angemeldet
Bildwechsel (OnMouseOver & OnClick)
Hallo & schönen Sonntag!
Ich habe da ein Problem...
in meiner Navileiste habe ich Bilder. Jetzt möchte ich das bei MouseOver das Bild wechselt (a>b) und bei MouseOut wieder zurück (a<b). Das funktioniert. Gleichzeitig soll bei OnClick Bild b stehen bleiben (andere Seite wird aufgerufen (Frame). Wenn die aufgerufene Seite verlassen wird, soll Bild a wieder aktiv sein. Ich bekomme das irgendwie nicht hin. Bin aber auch blutiger Anfänger... mag mir da jemand helfen?
Internette Grüße,
Jürgen
P.S.: Im Forum und im Archiv habe ich nicht das passende gefunden, vieleicht habe ich aber auch falsch gesucht.
-
<script language="JavaScript">
<!--
function na_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 na_preload_img()
{
var img_list = na_preload_img.arguments;
if (document.preloadlist == null)
document.preloadlist = new Array();
var top = document.preloadlist.length;
for (var i=0; i < img_list.length; i++) {
document.preloadlist[top+i] = new Image;
document.preloadlist[top+i].src = img_list[i+1];
}
}function na_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>
<body OnLoad="na_preload_img(false, 'BILD1.JPG!);">
<p><a href="#" OnMouseOut="na_restore_img_src('image1', 'document')" OnMouseOver="na_change_img_src('image1', 'document', 'BILD1.JPG', true);"><img src="BILD2.JPG" width="117" height="27" border="0" alt="HIER DIE EVTL. BESCHREIBUNG DES BILDES" name="image1"></a></p>-
Hallo,
Es tut mir leid, aber kannst du mir erklären, warum du hier so einen Scheiss postest? Ich habe ja wirklich nichts gegen getHTML, auch wenn es sehr die Philosophie dieses Forums untergräbt, aber wenn du schon fertigen Quelltext lieferst, dann bitte einen, der nicht in den ersten 5 Zeilen schon 2 schwere Fehler enthält (type attribut missing, eval... dann hab ich zu lesen aufgehört). Des weiteren verstößt dein Posting gegen zig FAQ Regeln. Angefangen von der fehlenden Begrüßung bis zur Unfreundlichkeit dem Fragesteller einen schlechten und unkommentierten Code ins Gesicht zu schmeissen.
Also bitte überlege nächstes Mal in welcher Art und welchen Inhalt du postest.
gruß,
Severin--
Realität ist das, was nicht verschwindet, wenn man aufhört, daran zu glauben.
--Philip K. Dick-
@Severin
Also bitte überlege nächstes Mal in welcher Art und welchen Inhalt du postest.
Damit konnte ich eh nix anfangen :-(
Frei nach dem Motto "Kann ich es nicht schildern - zeige ich es in Bildern" habe ich mal was zusammengestellt.
Bild1 zeigt den quasi Normalzustand
Bild2 zeigt den Zustand bei MouseOver
Bild3 zeigt den ist-Zustand bei OnClick
Bild4 zeigt den soll-Zustand bei OnClickIch hoffe, es wird nun klarer. Vielen Dank für die Links, komme ich aber auch irgendwie nicht weiter...
Inernette Grüße,
Jürgen
-
Die Grafik wird nicht angezeigt?
Also noch ein Versuch:
Damit konnte ich eh nix anfangen :-(
Frei nach dem Motto "Kann ich es nicht schildern - zeige ich es in Bildern" habe ich mal was zusammengestellt.
<img src="http://www.jherrmann.com/beispiele/problem_01.gif" border="0" alt="">
Bild1 zeigt den quasi Normalzustand
Bild2 zeigt den Zustand bei MouseOver
Bild3 zeigt den ist-Zustand bei OnClick
Bild4 zeigt den soll-Zustand bei OnClickIch hoffe, es wird nun klarer. Vielen Dank für die Links, komme ich aber auch irgendwie nicht weiter...
Inernette Grüße,
Jürgen
-
Letzter Versuch:
Damit konnte ich eh nix anfangen :-(
Frei nach dem Motto "Kann ich es nicht schildern - zeige ich es in Bildern" habe ich mal was zusammengestellt.
<img src="http://www.csc-europe.de/sonstiges/problem_01.gif" border="0" alt="">
Bild1 zeigt den quasi Normalzustand
Bild2 zeigt den Zustand bei MouseOver
Bild3 zeigt den ist-Zustand bei OnClick
Bild4 zeigt den soll-Zustand bei OnClickIch hoffe, es wird nun klarer. Vielen Dank für die Links, komme ich aber auch irgendwie nicht weiter...
Inernette Grüße,
Jürgen
-
Hallo,
Ah jetzt scheine ich dein Problem zu verstehen: Du willst, dass der Link zur aktiven Seite hervorgehoben wird damit der User weiss wo er ist.
Du kannst ja mal etwas von deinen Code posten, aber prinzipiell ist ein Lösungsansatz, dass Bild einfach solange blau zu lassen bis eine Andere Option gewählt wurde.
Das sieht dann (in Pseudocode) ungefähr so aus:
function bild_werde_blau('bild'){
//färbt bild
bild.src = "blaues_bild.png";
}
<a ... onClick=bild_werde_blau('bild1');> Mach Bild 1 Blau</a>
<!-- Bild eins ist Blau -->
<a ... onClick=bild_werde_blau('bild2');> Mach Bild 2 Blau</a>
<!-- Jetzt ist Bild blau -->Ich hoffe, dass ist so halbweg verständlich. Frage einfach nach wenn du noch weitere Hilfe brauchst( bitte includire dann auch was von deinen Code).
gruß,
Severin--
Realität ist das, was nicht verschwindet, wenn man aufhört, daran zu glauben.
--Philip K. Dick-
Ich hoffe, dass ist so halbweg verständlich. Frage einfach nach wenn du noch weitere Hilfe brauchst( bitte includire dann auch was von deinen Code).
Hallo Severin,
first off all erst mal DANKE, dass Du Dich mit einem Anfänger rumschlägst...
Du hast das richtig erkannt, es geht um die Orientierung der User.
Ich poste mal etwas von dem Code (peinlich berührt umschau...)
<td height="19" valign="top"><a href="daten.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('navi1','','button/pers_1.gif',1)" target="mainFrame" onClick="MM_swapImage('navi1','','button/pers_1.gif',1)"><img name="navi1" border="0" src="button/pers_0.gif" width="132" height="19" onAbort="MM_swapImgRestore()"></a></td>
<td></td>Besteht Aussicht auf Erfolg?
Grüße,
Jürgen
-
Hallo,
Besteht Aussicht auf Erfolg?
Ja, abe du solltest vielleicht in Betracht ziehen nicht die Dreamweaver Funktionen zu verwenden. Ich kann dir zu diesen nichts genaues sagen, da ich 1) keinen DW zur Hand habe und 2) der DW Code sowieso ein Sauhaufen ist ;)
Hier mein Rat: Verwende entweder das Script aus selfHTML (siehe mein posting) oder Struppis Script. Es wird dich vielleicht ein wenig Zeit kosten das Script zu verstehen, aber wenn du es verstanden hast, wirst du es auch sehr leicht anpassen können (auch ist es einfacher dir bei solch einem Script zu Helfen, als bei den MM Scripten) und damit auf lange Sicht mehr Freude und Nutzen haben. Auch lohnt es sich vielleicht das eine oder andere JavaScript Handbuch zu lesen.gruß,
Severin--
Realität ist das, was nicht verschwindet, wenn man aufhört, daran zu glauben.
--Philip K. Dick-
@Severin
Vielen Dank für den Tipp.
Werde mal schauen, ob ich das raffe...
Internette Grüße,
Jürgen
-
-
-
-
-
-
-
-
-
Hallo,
Ich habe da ein Problem...
Gut, dieses Forum ist nämlich dazu da um Hilfe bei der Lösung von Probleme zu geben.
P.S.: Im Forum und im Archiv habe ich nicht das passende gefunden, vieleicht habe ich aber auch falsch gesucht.
Wenigstens hast du es versucht :)
Nun aber zu deinem Problem: Wenn du hier etwas fragst, musst du genau sagen, was nicht geht (Fehlermedungen des Browsers und genaue Problembeschreibungen eventuell mit einer URL, wo man sich das ganze anschauen kann, sind immer gerne gesehen), was du schon versucht hast (Auszug aus dem Quelltext) und wo du nachgeschaut hast bzw. was dort nicht stand oder unverständlich war.
Als Hilfestellung kann ich dir nur die Links zu http://selfhtml.teamone.de/javascript/beispiele/buttons.htm sowie eventuell http://selfhtml.teamone.de/javascript/beispiele/zweiframes.htm geben. Sollten dir diese Links nicht helfen, oder ich dein Problem völlig verkannt haben so frage einfach erneut nach.gruß,
Severin--
Realität ist das, was nicht verschwindet, wenn man aufhört, daran zu glauben.
--Philip K. Dick -
Hallo & schönen Sonntag!
Ich habe da ein Problem...
in meiner Navileiste habe ich Bilder. Jetzt möchte ich das bei MouseOver das Bild wechselt (a>b) und bei MouseOut wieder zurück (a<b). Das funktioniert. Gleichzeitig soll bei OnClick Bild b stehen bleiben (andere Seite wird aufgerufen (Frame). Wenn die aufgerufene Seite verlassen wird, soll Bild a wieder aktiv sein. Ich bekomme das irgendwie nicht hin. Bin aber auch blutiger Anfänger... mag mir da jemand helfen?
ich vermute mal du suchst oswas http://home.arcor.de/struebig/js/mouse_over/mouse_over.htm
Struppi.