HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - Button zum Ereignis Ein-/Ausschalten.

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

Button zum Ereignis Ein-/Ausschalten.

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   JavaScript
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
Kaffka_57



Anmeldungsdatum: 26.07.2009
Beiträge: 2
Wohnort: Lauenburg

BeitragVerfasst am: 27.07.2009 09:35:27    Titel: Button zum Ereignis Ein-/Ausschalten. Antworten mit Zitat

Hallo Leute,
für eine Bekannte erstellte ich eine HP. Auf der Linkseite soll eine Karte von Lübeck. Alle Kirchen, Bauwerke. etc. sollen mit Unterschiedlichen Symbolen gekennzeichnet sein. Diese Symbole sollen über einen Button (für jedes Symbol in der Legendeleiste einen Button) an und ausgeschaltet werden. Bei Sichtbarkeit sollen diese Sympole als Link fungieren. Meine Frage nun, lässt sich das umsetzen? Mit Javascript oder CSS, oder welche andere Möglichkeit gibt es? Bin sehr Printlastig ausgerichtet. Wäre schön wenn mir jemand Tips geben könnte!Oder fertige Scripts dafür hätte?
Mit bestem Dank im Voraus
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
Frosty
Häufiger Poster


Anmeldungsdatum: 27.10.2008
Beiträge: 221

BeitragVerfasst am: 28.07.2009 14:46:01    Titel: Antworten mit Zitat

Jups, siehe hier:

Code:
<script type="text/javascript">
function show_or_hide()
{
   if(document.getElementById("container").style.display == "none")
   {
      document.getElementById("container").style.display = "block";
      document.getElementById("zustand").innerHTML = "aus";
   }
   else
   {
      document.getElementById("container").style.display = "none";
      document.getElementById("zustand").innerHTML = "an";
   }
}
</script>

<a href="javascript:show_or_hide()">Symbole <span id="zustand">aus</span></a>

<div id="container">
   <img src="symbol_1.jpg">
   <img src="symbol_2.jpg">
    <img src="symbol_3.jpg">
</div>
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Kaffka_57



Anmeldungsdatum: 26.07.2009
Beiträge: 2
Wohnort: Lauenburg

BeitragVerfasst am: 28.07.2009 16:20:21    Titel: Antworten mit Zitat

Danke für das Script, funktioniert im Test gut.

Mfg
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   JavaScript
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.