Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
updateazubi
Threadersteller
Dabei seit: 25.09.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 28.09.2009 15:02
Titel onClick show bis nächstes Bild angeklickt wird |
|
|
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ühstü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!
|
|
|
|
|
DesignKater
Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 28.09.2009 17:14
Titel
|
|
|
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')">
|
|
|
|
|
|
Anzeige
|
|
|
updateazubi
Threadersteller
Dabei seit: 25.09.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 29.09.2009 09:08
Titel
|
|
|
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 09:21, insgesamt 2-mal bearbeitet
|
|
|
|
|
DesignKater
Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 29.09.2009 17:16
Titel
|
|
|
Ohne es getestet zu haben versuch mal das:
Code: | onClick="MM_showHideLayers('Layer1','','show','Layer2','','hide')" |
|
|
|
|
|
|
|
|
Ä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
Zufallsbild mit Onclick...
|
|
|
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.
|
|