mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 24.04.2024 09:51 Benutzername: Passwort: Auto-Login

Thema: [Javascript] Problem mit Div ein und ausblenden vom 08.08.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> [Javascript] Problem mit Div ein und ausblenden
Autor Nachricht
Thendo
Threadersteller

Dabei seit: 08.08.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 08.08.2009 13:52
Titel

[Javascript] Problem mit Div ein und ausblenden

Antworten mit Zitat Zum Seitenanfang

Guten Tag,

ich bin gerade für mich eine Seite am machen und wollte eine einfache Navigation per Javascript machen.
Leider klappt es nicht so wie ich es möchte:

Javascript:
Code:

   <script type="text/javascript">
   function show (id) {
      if (document.getElementById(id).style.display == "none") {
         document.getElementById(id).style.display = "block";
      } else {
         document.getElementById(id).style.display = "none";
      }
   }
 
   </script>


Jetzt möchte ich das wenn ich über einen Button fahre möchte ich das das Div mit der ID 1 angezeigt wird:
Code:
onmouseover="show('1')"


Leider wird das Div nicht angezeigt. In der CSS Datei habe ich es mit display:none; versteckt.

Hoffe mir kann jemand helfen.

Mit freundlichen Grüßen
Thendo


Zuletzt bearbeitet von Thendo am Sa 08.08.2009 13:53, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
zweitaccount

Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 08.08.2009 14:06
Titel

Antworten mit Zitat Zum Seitenanfang

document.getElementById.style.display gibt in dem Fall
kein 'none' zurück, nur weils im Css so definiert ist (es
käme 'none' zurück, wenns per style="blub" inline definiert
wäre). Das müsstest Du also so rum abfragen:

Code:

<script type="text/javascript">
   function show (id) {
      if (document.getElementById(id).style.display != "block") {
         document.getElementById(id).style.display = "block";
      } else {
         document.getElementById(id).style.display = "none";
      }
   }
</script>


Ansonsten muß das Id-Attribut übrigens mit einem
Buchstaben beginnen (a-z), darf nicht mit einer Zahl
anfangen.

Grüße
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Psilo

Dabei seit: 20.02.2007
Ort: -
Alter: 35
Geschlecht: Männlich
Verfasst Sa 08.08.2009 17:13
Titel

Antworten mit Zitat Zum Seitenanfang

es kann den browser aber auch irritieren wenn die divs noch keinen style habe..
da du beim ersten aufruf der funktion ja abfrägst welchen style das element hat..
habe schon oft die erfahrung gemacht, dass da eine anweisung im stylesheet nicht gültig war sondern das immer nur dann in zusammenarbeit mit javascript funktioniert hat wenn ich dem element (oder den elementen) die starteigenschaft des styles direkt mithilfe des style attributs im element definierte..
habe dazu auch schon mal ein script geschrieben
http://weedit.de/lernen/beispiele/javascript/Div-mit-JavaScript-Funktion-ein-oder-ausblenden-QPp5ICxaAkkBXdZVOURm.php
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Sa 08.08.2009 18:50
Titel

Antworten mit Zitat Zum Seitenanfang

Genau das sagte zweitaccount ja bereits *zwinker*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Thendo
Threadersteller

Dabei seit: 08.08.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 08.08.2009 20:04
Titel

Antworten mit Zitat Zum Seitenanfang

Danke *zwinker*,
hat jetzt geklappt wie ich das wollte!

Mit freundlichen Grüßen
Sebastian aka Thendo
  View user's profile Private Nachricht senden
 
Ähnliche Themen Mit JavaScript ausblenden
div ein und ausblenden per javascript
[Javascript] Divs ein- und ausblenden
[javascript] mauszeiger ausblenden
[Javascript] Image Transition / Ein- und Ausblenden?
Javascript Verzögerung beim Ausblenden von Menupunkten
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.