JS Funktion funktioniert nicht

  • Hey Leute,

    ich habe in einem Element (#rightbottom) mehrere Elemente zu stehen, die ich per JS "ausklappen" will, sobald ein Radio-Button angeklickt wurde.
    Das Problem ist, dass wenn ich nun auf den radio-Button klicke, absolut nichts passiert und der display nicht auf "none" gesetzt wird .. Wieso ? :s

    Hier die function:

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

    Radio-Button:

    HTML
    <input type="radio" onlick="show('one')">

    Element ('one'):

    HTML
    <div id="rightbottom">
                             <h4>Reportstatus</h4>
                              <div id="one" style="display:block;">1. Grund waehlen (*)</div>
    </div>

    Da ich mir bisher nur die function in JS zusammengebastel bzw zusammengesucht habe,
    ist meine Frage noch ob es das gleiche mit einem Absätze gibt ?
    Jedoch hat ein Absatz ja keine ID und es ist kein Element, sowie in der function ..
    Wie könnte ich diese Idee realisieren oder gibt es eine bessere Methode ?

    Freue mich auf Antworten :)


    lg

    Einmal editiert, zuletzt von Bleistift (6. Juni 2012 um 11:21)

  • Du hast da 2 mal "none" und kommst du überhaupt in die Funktion? Ein alert würde weiterhelfen.

  • Ja mir ist der unnötige else-Fall auch aufgefallen. habe es ausgenommen aber es funktioniert nicht. was meinst du mit einem Alert ? wie gesagt ich bin mit js nicht vertraut :s
    danke für deine Hilfe :)
    Das lustige an der Sache ist, dass ich auf einer anderen Seite die gleiche function habe, jedoch nur von Display none zu Display block also andersrum als hier..das funktioniert -.-

  • was meinst du mit einem Alert ? wie gesagt ich bin mit js nicht vertraut :s


    Aber lesen kannst du doch und google kannst du doch wohl auch bedienen, oder?

    http://de.selfhtml.org/javascript/objekte/window.htm#alert

    Code
    function show(s)
       {
          alert ("In Funktion show");
    
    
          if (document.getElementById(s).style.display == "block")
              document.getElementById(s).style.display = "none";
         else
              document.getElementById(s).style.display = "none";
       }

    2 Mal editiert, zuletzt von Bandit (6. Juni 2012 um 13:26)

  • Ja na klar, dank dir für den Link.
    Aber was sagst du dazu, dass wenn die function andersrum ist also if style.display == 'none' ... style.display = 'block'
    Wieso funktioniert diese function aber nicht andersrum, so wie in diesem Falle ? :s

    lg und danke :cool: