tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
9
ZUGRIFFE
1033
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 13.07.04 15:35 #1
    vyanna vyanna ist offline Mitglied
    Registriert seit
    May 2004
    Beiträge
    18
    Hallo,

    habe hier ein kleines script gebastelt, welches wenn im select menü ein bestimmter option-wert ausgewählt ist einen layer einblenden soll. dies tut es aber leider nicht, also der layer wird nicht eingeblendet. sieht jemand zufällig, wo der fehler ist?

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

    <html>
 <head>
 
  <script language="javascript">
 
   function einblenden(x)
   {
    x.style.visibility="visible";
   }
 
   function ausblenden(x)
   {
    x.style.visibility="hidden";
   }
 
   function changeVisibility(x)
   {
    var menue = document.forms.formular.auswahl;
    if(menue.options[menue.selectedIndex].value=='neu'){einblenden(x);}
    else{ausblenden(x);}
   }
 
  </script>
 </head>
 
 <body>
  <form name="formular" action="file.php" method=get>
     <select name="auswahl" size="1" onChange="changeVisibility(layer);">
      <option value="neu">neu</option>
      <option value="">...</option>
     </select> 
   </form>
   <div name="layer" style="visibility:hidden">
    <p>layerinhalt</p>
   </div>
 
 </body>
</html>
     
    Zitieren Zitieren
  2. 13.07.04 15:48 #2
    Avatar von Tobias Menzel
    Tobias Menzel Tobias Menzel ist offline
    Registriert seit
    Mar 2004
    Ort
    Basisrealität
    Beiträge
    12.118
    Blog-Einträge
    7
    Hi,

    versuchs mal mit:
    PHP-Code:
    changeVisibility(getElementById('layer')); 
    in den meisten F´ällen dürfte "changeVisibility(document.layer)" ebenfalls ausreichen.

    Gruß
     
    Zitieren Zitieren
  3. 13.07.04 15:56 #3
    vyanna vyanna ist offline Mitglied
    Registriert seit
    May 2004
    Beiträge
    18
    hm, funktioniert leider trotzdem noch nicht
     
    Zitieren Zitieren
  4. 13.07.04 19:40 #4
    Avatar von Tobias Menzel
    Tobias Menzel Tobias Menzel ist offline
    Registriert seit
    Mar 2004
    Ort
    Basisrealität
    Beiträge
    12.118
    Blog-Einträge
    7
    Hi,

    sorry, ich hatte Deine Code nicht genau genug gelesen.

    Folgendes funktioniert:
    PHP-Code:
    <script language="javascript">

       function     einblenden(x)
       {
               x.style.visibility="visible";
       }

       function     ausblenden(x)
       {
               x.style.visibility="hidden";
       }

       function     changeVisibility(x)
       {
         var     menue = document.forms.formular.auswahl;
         if(    menue.options[menue.selectedIndex].value=='neu'){einblenden(x);}
         else{    ausblenden(x);}
       }

          </script>
     </head>

     <body>
      <form name="formular" action="file.php" method=get>
         <select name="auswahl" size="1" onChange="changeVisibility(layer);">
          <option value="neu">neu</option>
          <option value="">...</option>
         </select> 
       </form>
       <div id="layer" style="position:absolute; visibility:visible">
        
      <p>layerinhalt</p>
    </div>
      
    </body> 
    Dein Layer braucht statt einem Namen "Name=" eine ID "id=".
    (Außerdem solltest Du "position:absolute" verwenden, es sei denn, das Layer soll über die ganze Seitenbreite gehen.)

    Gruß
     
    Zitieren Zitieren
  5. 14.07.04 07:36 #5
    vyanna vyanna ist offline Mitglied
    Registriert seit
    May 2004
    Beiträge
    18
    Hey, cool, vielen Dank! *froi*
     
    Zitieren Zitieren
  6. 20.07.04 09:23 #6
    Avatar von Martys
    Martys Martys ist offline
    Registriert seit
    May 2003
    Ort
    Ruhrpott
    Beiträge
    266
    Hallo,

    ich ein ähnliches Problem.
    Hauptgrund ist, das ich meine Select-Werte in einem Array abspeichere.
    PHP-Code:
    <select name="artikel[Spieler]" ...> 
    Wie genau muss ich dieses DropDown-Menü ansprechen?

    Ich hab´s bis jetzt so:
    PHP-Code:
    var menue = document.forms.bestellen.artikel[Spieler]; 
    versucht, allerdings erscheint die Fehlermeldung: Spieler ist undefiniert

    PHP-Code:
    var menue = document.forms.bestellen.artikel[]; 
    funktioniert auch nicht, Fehlermeldung: Objekt erwartet

    Stehe auch leider an den Anfängen von JavaScript, muss aber heute einen Shop anpassen, in dem das DropDown als "artikel[Spieler]" ausgewertet werden muss.

    Kann mir jemand einen Tipp geben?

    Danke schon mal,

    Martys
     
    Zitieren Zitieren
  7. 20.07.04 10:08 #7
    Quaese Quaese ist offline Moderator
    tutorials.de Moderator
    Registriert seit
    Feb 2004
    Beiträge
    3.451
    Hi,

    versuch's mal mit

    &nbsp;&nbsp;document.forms.bestellen.elements['artikel[Spieler]'];

    Ciao
    Quaese
     
    Vielleicht muss man manchmal vom Weg abkommen, um nicht auf der Strecke zu bleiben!
    ----
    Der "Fortsetzungsroman" auf www.leuteforum.de

    New kind to realize large scalable projects with jQuery: jQuery SDK
    Zitieren Zitieren
  8. 20.07.04 13:20 #8
    Avatar von Martys
    Martys Martys ist offline
    Registriert seit
    May 2003
    Ort
    Ruhrpott
    Beiträge
    266
    Besten Dank, hat funktioniert!

    Gruss Martys
     
    Zitieren Zitieren
  9. 23.07.04 23:22 #9
    mr b mr b ist offline Mitglied Bronze
    Registriert seit
    Jan 2003
    Ort
    wC 2oo2
    Beiträge
    32
    heyho,
    hab anbei zu dem Thema mal ne Frage: Ist es möglich einen Layer von einem anderen abhängig zu machen. Dh. man hat 2 Layer und der eine umfasst den anderen. Nur wenn layer1 visible ist, kann layer2 angezeigt werden. Um layer2 aber entgültig anzeigen zu lassen, müssen beide layer auf visible sein. Heisst, wenn layer1 visible ist und layer2 hidden wird layer2 immernoch nicht angezeigt. Wäre so eine Konstruktion irgendwie möglich?

    Ich hab mal versucht das obere Beispiel auf meine Frage anzupassen. Hierbei dürfte dann layer2 nie angezeigt werden, aber irgendwie funktioniert das ganze nicht und layer2 wird ohne Unterordnung verarbeitet
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

    <html>
<head>
<script language="javascript"> 
 
   function einblenden(x) 
   { 
       x.style.visibility="visible"; 
   } 
 
   function ausblenden(x) 
   { 
       x.style.visibility="hidden"; 
   } 
 
   function changeVisibility(x) 
   { 
    var menue = document.forms.formular.auswahl; 
    if(menue.options[menue.selectedIndex].value=='neu'){einblenden(x);} 
    else{ausblenden(x);} 
   } 
 
  </script> 
</head> 
 
<body> 
  <form name="formular" action="file.php" method=get> 
     <select name="auswahl" size="1" onChange="changeVisibility(layer2);"> 
      <option value="neu">neu</option> 
      <option value="">...</option> 
     </select> 
   </form> 
   <div id="layer1" style="position:absolute; visibility:hidden"> 
   <div id="layer2" style="position:absolute; visibility:visible"> 
     
  <p>layerinhalt</p> 
</div> 
</div> 
</body>
</html>

    greets b
     
    Zitieren Zitieren
  10. 24.07.04 00:53 #10
    Avatar von Tobias Menzel
    Tobias Menzel Tobias Menzel ist offline
    Registriert seit
    Mar 2004
    Ort
    Basisrealität
    Beiträge
    12.118
    Blog-Einträge
    7
    Hi,

    soweit ich weiß, verhält es sich bei visibility=inherit beim inneren Layer so, dass es die Sichtbarkeit des äußeren Layers übernimmt. Wenn Du das innere Layer auf "visible" schaltest, wird es (nach meiner Erinnerung) durchgehend angezeigt (also auch, wenn das äußere Layer unsichtbar ist). Was hält Dich davon ab, es einfach auszuprobieren?

    Will man die Sichtbarkeiten verknüpfen, kann man natürlich die "visibility"-Eigenschaft für beide Layer von entsprechenden JavaScript-Funktionen abfragen und setzen lassen.

    Gruß
     
    Zitieren Zitieren
« Funktion die Summe berechnet wo unterbringen? | Wieder mal.... Preload »

Ähnliche Themen

  1. nach Auswahl eines Punktes im Drop Down Menü ein weiteres Drop Down Menü anzeigen
    Von Dnate im Forum Javascript & Ajax
    Antworten: 9
    Letzter Beitrag: 22.08.08, 09:35
  2. Auswahl eines wertes in Select Box bestimmten Wert anzeigen
    Von flipo84 im Forum Javascript & Ajax
    Antworten: 4
    Letzter Beitrag: 25.06.08, 10:31
  3. Mit Link Select-Menü-Auswahl ändern?
    Von UnqlPhriek im Forum Javascript & Ajax
    Antworten: 5
    Letzter Beitrag: 11.11.04, 19:49
  4. Input-Feld mit Auswahl-Menü (->select)
    Von phantastikfan im Forum HTML & XHTML
    Antworten: 0
    Letzter Beitrag: 10.09.04, 11:54
  5. Select-Feld in Form bei Auswahl eines anderen Feldes anpassen
    Von Tservarius im Forum Javascript & Ajax
    Antworten: 5
    Letzter Beitrag: 06.09.04, 15:35