mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 15:38 Benutzername: Passwort: Auto-Login

Thema: onClick show bis nächstes Bild angeklickt wird vom 28.09.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> onClick show bis nächstes Bild angeklickt wird
Autor Nachricht
updateazubi
Threadersteller

Dabei seit: 25.09.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 28.09.2009 14:02
Titel

onClick show bis nächstes Bild angeklickt wird

Antworten mit Zitat Zum Seitenanfang

Hallo,
ich bin gerade leider irgendwie in ner denkblockade.

Und zwar habe ich folgendes Problem:
Ich habe eine imagemap erstellt und bei mouseover bestimmter bereiche des bildes sollen rechts daneben weitere bilder erscheinen, bei mouseout verschwinden. Kein Thema - klappt.
Doch diese sind verlinkt und sollen bei OnClick solange stehen bleiben bis man ein anderes anklickt.

Nun weiß ich irgendwie nicht so recht wie ich das anstellen soll. Kann mir jemand nen Rat geben?
Hier der Code:
Code:

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>



und im body

Code:

<div id="Layer1" class="etiketten"><a href="#"><img src="bilder/hotel.png" alt="Beschreibung Unterkunft"></a></div>
<div id="Layer2" class="etiketten"><a href="#"><img src="bilder/fruehstueck.png" alt="Beschreibung Sektfr&uuml;hst&uuml;ck"></a></div>
<div id="Layer3" class="etiketten"><a href="#"><img src="bilder/wellness.png" alt="Beschreibung Wellnesspaket"></a></div>
<div id="Layer4" class="etiketten"><a href="#"><img src="bilder/tauchen.png" alt="Beschreibung Tauchkurs"></a></div>
<div id="Layer5" class="etiketten"><a href="#"><img src="bilder/cocktails.png" alt="Beschreibung Cocktail"></a></div>
<div id="Layer6" class="etiketten"><a href="#"><img src="bilder/fischen.png" alt="Beschreibung Nachtfischen"></a></div>
<div id="Layer7" class="etiketten"><a href="#"><img src="bilder/nacht.png" alt="Beschreibung Romantische Nacht"></a></div>
<div id="Layer8" class="etiketten"><a href="#"><img src="bilder/tv.png" alt="Beschreibung Fernseher"></a></div>
<div id="Layer9" class="etiketten"><a href="#"><img src="bilder/anreise.png" alt="Beschreibung Anreise"></a></div>

<p><img src="bilder/hochzeitstisch.jpg" alt="virtueller Hochzeitstisch" width="488" height="450" usemap="#Map" border="0">
<map name="Map">
<area shape="rect" coords="38,202,118,285" href="#" onMouseOver="MM_showHideLayers('Layer1','','show')" onMouseOut="MM_showHideLayers('Layer1','','hide')">
<area shape="rect" coords="149,216,216,297" href="#" onMouseOver="MM_showHideLayers('Layer2','','show')" onMouseOut="MM_showHideLayers('Layer2','','hide')">
<area shape="rect" coords="223,237,291,281" href="#" onMouseOver="MM_showHideLayers('Layer3','','show')" onMouseOut="MM_showHideLayers('Layer3','','hide')">
<area shape="rect" coords="294,264,362,302" href="#" onMouseOver="MM_showHideLayers('Layer4','','show')" onMouseOut="MM_showHideLayers('Layer4','','hide')">
<area shape="rect" coords="351,212,392,278" href="#" onMouseOver="MM_showHideLayers('Layer5','','show')" onMouseOut="MM_showHideLayers('Layer5','','hide')">
<area shape="rect" coords="397,202,446,284" href="#" onMouseOver="MM_showHideLayers('Layer6','','show')" onMouseOut="MM_showHideLayers('Layer6','','hide')">
<area shape="rect" coords="37,12,194,195" href="#" onMouseOver="MM_showHideLayers('Layer7','','show')" onMouseOut="MM_showHideLayers('Layer7','','hide')">
<area shape="rect" coords="197,100,358,216" href="#" onMouseOver="MM_showHideLayers('Layer8','','show')" onMouseOut="MM_showHideLayers('Layer8','','hide')">
<area shape="rect" coords="341,38,432,133" href="#" onMouseOver="MM_showHideLayers('Layer9','','show')" onMouseOut="MM_showHideLayers('Layer9','','hide')">
</map>
</p>



Vielen Dank schonmal!
  View user's profile Private Nachricht senden
DesignKater

Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 28.09.2009 16:14
Titel

Antworten mit Zitat Zum Seitenanfang

Dann müsstest du lediglich die selbe Funktion die du mit OnMouseOver aufrusft auch mit OnClick aufrufen oder?

Code:

<area shape="rect" coords="38,202,118,285" href="#" onMouseOver="MM_showHideLayers('Layer1','','show')" onMouseOut="MM_showHideLayers('Layer1','','hide')" onClick="MM_showHideLayers('Layer1','','show')">
  View user's profile Private Nachricht senden
Anzeige
Anzeige
updateazubi
Threadersteller

Dabei seit: 25.09.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 29.09.2009 08:08
Titel

Antworten mit Zitat Zum Seitenanfang

Hallo DesginKater,

danke, hatte das zwar auch versucht und es hatte nich geklappt.

Nun hab ich es mal testweise gemacht das bei Layer 2 bei onClick layer 1 erscheinen soll und da geht es. anscheinend darf bei onclick nich der gleiche layer sein.

Nur es ist nun so, dass die onClick layer erscheinen nun aber stehen bleibenund sich überlagern. Gibt es sowas wie offClick oder so, dass bei Klick eines anderen onclick-elements der vorherigen layer wieder verschwindet?


Zuletzt bearbeitet von updateazubi am Di 29.09.2009 08:21, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
DesignKater

Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 29.09.2009 16:16
Titel

Antworten mit Zitat Zum Seitenanfang

Ohne es getestet zu haben versuch mal das:

Code:
onClick="MM_showHideLayers('Layer1','','show','Layer2','','hide')"
  View user's profile Private Nachricht senden
 
Ähnliche Themen Aktuelles Bild auslesen und nächstes verlinken
onclick, neues Bild laden
onclick-Event bei onclick dieses Elements ändern
Was wird auf deiner Webseite angeklickt?
mySQL nächstes Ergebnis
onclick funktion
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.