Ergebnis 1 bis 12 von 12
  1. #1
    User007 ist offline Foren As
    registriert
    01-03-2009
    Beiträge
    89

    Question Wert aus Select-Box steuert Div

    Hallo Leute!

    Ich hab' mit oben dargestellter Funktionalität so meine Probleme und wär' für jegliche Hilfestellungen dankbar.
    Leider hat mich auch alles, was ich dazu bisher "ergoogelt" und (auch in verschiedensten Foren!) gelesen hab', nur mehr verwirrt als wirklich zum Verständnis beizutragen - allerdings bin ich auch nicht grad' der JS-Könner und hab' da vermutl. i-wo 'nen Kurzschluß in meiner Denkfabrik... bitte helft mir - danke vorab!

    Problemstellung:
    Innerhalb eines Formulars soll in Abhängigkeit zum ausgewählten Wert einer Select-Box ein Div ein- bzw. ausgeblendet werden.

    Bisherige Erkenntnisse:
    1.) das Div muß auf den Event-Handler onchange der Select-Box reagieren.
    2.) da in diesem Formular auch andere Select-Boxen vorhanden sind, sollte diese bestimmte Select-Box wohl mittels getElementById angesprochen werden.

    Bin ich soweit richtig und wie bring' ich die dann zusammen?

    Übrigens: hatte auch schon mal hier gesucht und diesen Thread gefunden >> http://forum.jswelt.de/javascript/45...aktiviert.html (Radio-Button - DIV oder Grafik einblenden wenn aktiviert) - kann ich das wohl überhaupt auf mein gewünschtes Ziel anwenden? Weil, ich krieg' das leider i-wie nicht mit meinem zusammen :-((

  2. #2
    ToM80 ist offline Foren-Gott
    registriert
    27-03-2006
    Ort
    Hilden
    Beiträge
    2.728

    AW: Wert aus Select-Box steuert Div

    Hmm entweder ich hab dich falsch verstanden oder du hast es einfach verdreht.
    Du möchtest dass das Select das DIV ein- und ausblendest?

    Dann musst du die Selectbox mit dem onchange belegen und dem Div eine ID geben.
    Dann nimmst du eine if-Schleife her und je nachdem welcher Wert beim Select ausgewählt wurde blendest du die Box mit
    PHP-Code:
    document.getElementById('myDiv').style.visibility='visible';
    //bzw.
    document.getElementById('myDiv').style.visibility='hidden'
    ein oder aus.
    Zitat aus German-Bash.org:
    <N00b> html div oder was ?
    <devil-driver> ok, stell dir vor html is deine muttersprache (statt deutsch) - und du die techniken (framesets, div-container, tabellen) sind die dialekte. dann wäre
    - div-container -> hochdeutsch. versteht jeder
    -tabellen -> bayrisch. verstehen manche, hört sich aber immer lustig an
    - framesets -> übelstes sächsisch. versteht keiner, will auch niemand...

  3. #3
    User007 ist offline Foren As
    registriert
    01-03-2009
    Beiträge
    89

    AW: Wert aus Select-Box steuert Div

    Hallo ToM80,

    doch, du hast das schon richtig aufgefasst - danke...

    Bis jetzt sieht das so aus
    PHP-Code:
    [...]
    <
    script type="text/javascript">
      function 
    showDIV(){
        var 
    art document.getElementsByName("form_art");
        if (
    art.selected == true){
          
    document.getElementById('myDiv').style.visibility='hidden';
          }
          else{
          
    document.getElementById('myDiv').style.visibility='visible';
          }
        }
    </script>
    </head>
    <body>
      <div style="margin-bottom:2em"><h4>Die nachfolgenden Informationen sind für&nbsp;&nbsp;
        <select name="form_art" size="1" class="pflichtfeld" style="font-weight:bold" onchange="showDIV()">
        <option value="A">&gt;&gt; A &lt;&lt;</option>
        <option value="B" selected="selected">&gt;&gt; B &lt;&lt;</option>
        </select>
        &nbsp;&nbsp;bestimmt...</h4>
      </div>

      <div id="myDiv" style="background-color:#DDD; border:1px solid #0A0; margin:0.5em; padding:0.5em">
        <p>Hier Text von eingeblendetem DIV</p>
      </div>
    [...] 
    Allerdings klappt's so noch nicht - ich weiß, dass es an dem if(!) liegt, aber...
    Zitat Zitat von ToM80
    ...je nachdem welcher Wert beim Select ausgewählt wurde...
    Genau da hapert's i-wie - bin wohl zu blöd, die if-Abfrage richtig zu definieren :-(

    Kann mich bitte nochmal wer "anschubsern", damit ich das richtig zusammen bekomm'?
    Standardmäßig ist Value B in der Select-Box eingestellt und das DIV soll ausgeblendet sein... also muß ich doch auf das Value abfragen (aber bitte wie *seufz*)???

  4. #4
    ToM80 ist offline Foren-Gott
    registriert
    27-03-2006
    Ort
    Hilden
    Beiträge
    2.728

    AW: Wert aus Select-Box steuert Div

    Nicht:
    Code:
    document.getElementsByName("form_art");
    Sondern:
    Code:
    document.getElementsByName("form_art")[0];
    Da mehrere Elemente den gleichen Namen haben können, ist das ein Array, so dass die Pos. des Elements im Array angewählt werden muss.

    Edit:
    Nachtrag
    Code:
    if (art.selected == true){
    macht auch keinen Sinn, da ja immer was selected ist.
    Wobei du bei "selected" Abfragen auch noch auf die "options" gehen musst.
    Korrekterweise so:
    Code:
    art.options[1].selected==true)
    Einfacher ist das in deinem Fall so:
    Code:
    if (art.value == 'b'){
    Geändert von ToM80 (14-09-2009 um 15:08 Uhr)
    Zitat aus German-Bash.org:
    <N00b> html div oder was ?
    <devil-driver> ok, stell dir vor html is deine muttersprache (statt deutsch) - und du die techniken (framesets, div-container, tabellen) sind die dialekte. dann wäre
    - div-container -> hochdeutsch. versteht jeder
    -tabellen -> bayrisch. verstehen manche, hört sich aber immer lustig an
    - framesets -> übelstes sächsisch. versteht keiner, will auch niemand...

  5. #5
    User007 ist offline Foren As
    registriert
    01-03-2009
    Beiträge
    89

    AW: Wert aus Select-Box steuert Div

    Hey,...

    ok - das mit dem Array und der selected-Option versteh' ich (glaub' ich!)...

    Grundsätzlich funktioniert's jetzt; witziger Weise allerdings erst, nach dem ich beide Werte in der Select-Box einmal durchgewechselt hab' - so war das natürlich nicht gedacht...!

    Was kann ich noch tun, damit das DIV beim Aufruf des Forms schon ausgeblendet ist und das Script sofort beim ersten "Changing" agiert?



    [Edit]
    Übrigens:
    Code:
    art.value == 'b'
    funktioniert nicht!
    Wenn, dann muß es das (große) B sein ;-)
    Geändert von User007 (14-09-2009 um 15:30 Uhr) Grund: Ergänzung

  6. #6
    ToM80 ist offline Foren-Gott
    registriert
    27-03-2006
    Ort
    Hilden
    Beiträge
    2.728

    AW: Wert aus Select-Box steuert Div

    Nicht witziger Weise, sonder logsicher Weise ;-)
    Du musst dem Div einfach im Style bereits visiblity: hidden; mitgeben und alles ist gut.
    Zitat aus German-Bash.org:
    <N00b> html div oder was ?
    <devil-driver> ok, stell dir vor html is deine muttersprache (statt deutsch) - und du die techniken (framesets, div-container, tabellen) sind die dialekte. dann wäre
    - div-container -> hochdeutsch. versteht jeder
    -tabellen -> bayrisch. verstehen manche, hört sich aber immer lustig an
    - framesets -> übelstes sächsisch. versteht keiner, will auch niemand...

  7. #7
    User007 ist offline Foren As
    registriert
    01-03-2009
    Beiträge
    89

    AW: Wert aus Select-Box steuert Div

    Hihi, ja genau - hab' ich mittlerweile (...SelfHTML) auch gemerkt ;-)

    Trotzdem großer Dank an dich - jetzt funktioniert's so, wie ich mir das vorgestellt hab'... *Yippee*

  8. #8
    ToM80 ist offline Foren-Gott
    registriert
    27-03-2006
    Ort
    Hilden
    Beiträge
    2.728

    AW: Wert aus Select-Box steuert Div

    Nicht dafür, gerne wieder.
    Zitat aus German-Bash.org:
    <N00b> html div oder was ?
    <devil-driver> ok, stell dir vor html is deine muttersprache (statt deutsch) - und du die techniken (framesets, div-container, tabellen) sind die dialekte. dann wäre
    - div-container -> hochdeutsch. versteht jeder
    -tabellen -> bayrisch. verstehen manche, hört sich aber immer lustig an
    - framesets -> übelstes sächsisch. versteht keiner, will auch niemand...

  9. #9
    User007 ist offline Foren As
    registriert
    01-03-2009
    Beiträge
    89

    AW: Wert aus Select-Box steuert Div

    Soo, hab' die Funktion entsprechend in mein Form reingebastelt und funzt auch alles - allerdings entsteht an der Stelle, wo das DIV standardmäßig ausgeblendet ist, ein unschöner Leerraum (freigehaltener Platz wg. visibility=hidden)...
    Kann man das i-wie elegant beheben?

    Wär' prima, wenn jemand noch 'nen Tipp dafür parat hätt' - danke!

  10. #10
    Avatar von Speedy19102000
    Speedy19102000 ist offline Routinier
    registriert
    01-06-2006
    Ort
    Osnabrück
    Beiträge
    313

    AW: Wert aus Select-Box steuert Div

    Moin!

    Zitat Zitat von User007 Beitrag anzeigen
    Wär' prima, wenn jemand noch 'nen Tipp dafür parat hätt' - danke!
    Anstelle von 'visibility' kannst Du auch display="none" und display="block" verwenden!

    MfG
    Sein oder Nichtsein, das ist hier die Frage!

  11. #11
    User007 ist offline Foren As
    registriert
    01-03-2009
    Beiträge
    89

    AW: Wert aus Select-Box steuert Div

    Hallo,...

    Yo, passt und für alle, die's interessiert, hier nochmal eine Zusammenfassung:
    Die Style-Anweisung visibility sowohl in der JS-Funktion (jeweils bei getElemetsById) als auch im DIV durch display-Eigenschaft/en ersetzen...

    Beispielhaft sähe das dann, wie folgt, aus:
    PHP-Code:
    [...]
    <
    script type="text/javascript">
      function 
    showDIV(){
        var 
    art document.getElementsByName("form_art")[0];
        if (
    art.value == 'B'){
          
    document.getElementById('myDiv').style.display='none';
          }
          else{
          
    document.getElementById('myDiv').style.display='block';
          }
        }
    </script>
    </head>
    <body>
      <div style="margin-bottom:2em"><h4>Die nachfolgenden Informationen sind für&nbsp;&nbsp;
        <select name="form_art" onchange="showDIV()">
        <option value="A">&gt;&gt; A &lt;&lt;</option>
        <option value="B" selected="selected">&gt;&gt; B &lt;&lt;</option>
        </select>
        &nbsp;&nbsp;bestimmt...</h4>
      </div>

      <div id="myDiv" style="display:none; background-color:#DDD; border:1px solid #0A0; margin:0.5em; padding:0.5em">
        <p>Hier Text von eingeblendetem DIV</p>
      </div>
    [...] 
    Nochmals Dank an alle hilfreichen Tippgeber ;-)

    Grüße und bis bald...

  12. #12
    ToM80 ist offline Foren-Gott
    registriert
    27-03-2006
    Ort
    Hilden
    Beiträge
    2.728

    AW: Wert aus Select-Box steuert Div

    Zitat Zitat von User007 Beitrag anzeigen
    Hallo,...

    Yo, passt und für alle, die's interessiert, hier nochmal eine Zusammenfassung:
    Super, das machen wenige
    Zitat aus German-Bash.org:
    <N00b> html div oder was ?
    <devil-driver> ok, stell dir vor html is deine muttersprache (statt deutsch) - und du die techniken (framesets, div-container, tabellen) sind die dialekte. dann wäre
    - div-container -> hochdeutsch. versteht jeder
    -tabellen -> bayrisch. verstehen manche, hört sich aber immer lustig an
    - framesets -> übelstes sächsisch. versteht keiner, will auch niemand...

Ähnliche Themen

  1. Antworten: 15
    Letzter Beitrag: 04-08-2009, 18:53
  2. Div per Wert steuern
    Von centauro im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 26-07-2008, 11:07
  3. mehrfach select box
    Von jimbo im Forum Script-Check
    Antworten: 0
    Letzter Beitrag: 24-06-2007, 18:26
  4. div über drop down (select)
    Von MikeTurrento im Forum JavaScript
    Antworten: 17
    Letzter Beitrag: 16-02-2006, 11:58
  5. Wert von mehreren Select Boxen auslesen
    Von pirdani im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 24-03-2005, 14:57

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •