Ankündigung

Einklappen
Keine Ankündigung bisher.

Anhand von Combobox verschiedene Panels anzeigen

Einklappen

Neue Werbung 2019

Einklappen
X
Einklappen
  • Seite von 1
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
Vorherige Weiter
  • #1

    Anhand von Combobox verschiedene Panels anzeigen

    Hallo
    Wie bereits im Titel will ich eine Combobox und je nach Auswahl: neue News/neues Release soll ein anderes Panel angezeigt werden.
    Wie kann ich das relisieren, ich vermute mit Hilfe von Javascript. Leider habe ich unter google noch nichts gefunden
    Hoffe auf rasche hilfe
    Vielen Dank! =)
    Stichworte: combobox, panel, switch
  • #2
    Hallo,

    und dazu findet man nichts?! Wie wär's z.B. hiermit:

    http://www.google.de/#sclient=psy-ab...w=1280&bih=603

    Bisschen was muss man halt noch selbst denken und machen.

    Gruß, Dirk

    Kommentar

    • #3
      Eine Selectbox ist keine Combobox. HTML kennt kein Combobox-Eingabeelement.

      Wie kann ich das relisieren, ich vermute mit Hilfe von Javascript.
      Und deswegen postest DU unter PHP Einsteiger? Aha. Wie auch immer - das Problem ist mit JS und/oder PHP lösbar.

      Hoffe auf rasche hilfe
      Ja, schnell rein, schnell weg, was? Kann man schon Deinem Usernamen entnehmen. Ich sage Dir gleich, dass unser Board so nicht funktioniert. Wir sind kein Google-Service und kein Macht-mal-Forum.

      Bitte zur Kenntnis nehmen: Forenrichtlinien

      .

      Kommentar

      • #4
        Zuletzt geändert von qwertzuiop13; 09.02.2012, 21:35.
        @nikosch pass mal auf ich bin bereits seit 25.11.2008 registriert...!
        ausserdem ist das mein username überall...
        kannst du mir trotzdem ein bisschen ausführlicher erklären wie sowas funktioniert?
        Anhand deiner antwort sehe ich das es auch mit php machbar ist, somit ist es doch nicht falsch gepostet?!

        Kommentar

        • #5
          Problem wurde mit diesem Script gelöst:
          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
          <html>
          <head>
          <title></title>
          <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
          <style type="text/css">
          #container {
          width:350px;
          }
          </style>
          <script type="text/javascript">

          var disStyle=0
          var dom=document.getElementById||document.all

          function getItem(id) {
          return document.getElementById&&document.getElementById(i d)? document.getElementById(id) : document.all&&document.all[id]? document.all[id] : null;
          }

          if(dom)
          document.write('<style type="text/css" id="dummy">\
          .tlink{\
          display:none;\
          }\
          <\/style>')

          if(dom&&typeof getItem('dummy').disabled=='boolean'){
          document.write('<style type="text/css" id="showhide">\
          .showhide{\
          display:none;\
          }\
          #cdiv0 {\
          display:block;\
          }\
          <\/style>');
          disStyle=1;
          }

          function displayOne(idPrefix, idNum){
          var i=0;
          while (getItem(idPrefix+i)!==null){
          getItem(idPrefix+i).style.display='none';
          i++;
          }
          if (typeof idNum!=='undefined')
          getItem(idPrefix+idNum).style.display='';
          }

          onload=function(){
          displayOne('cdiv', 0);
          if (disStyle)
          getItem('showhide').disabled=true;
          }
          </script>
          </head>
          <body>
          <select onchange="displayOne('cdiv', this.selectedIndex);">
          <option>See text</option>
          <option>See more text</option>
          <option>See something</option>
          <option>See hey</option>
          </select>
          <div id="container"><div class="showhide" id="cdiv0" name="cdiv0">Text Text Text Text Text Text Text Text Text Text Text <a class="tlink" href="#">[Top]</a><br>&nbsp;</div>
          <div class="showhide" id="cdiv1" name="cdiv1">More Text More Text More Text More <a class="tlink" href="#">[Top]</a><br>&nbsp;</div>
          <div class="showhide" id="cdiv2" name="cdiv2">Something Something Something Something Something Something Something <a class="tlink" href="#">[Top]</a><br>&nbsp;</div>
          <div class="showhide" id="cdiv3" name="cdiv3">Hey! Hey! Hey! Hey! <a class="tlink" href="#">[Top]</a><br>&nbsp;</div></div>

          </body>
          </html>

          Kommentar

          Vorherige Weiter
          Lädt...
          X