[JavaScript] Select usw

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Murdoc, 13. März 2007 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 13. März 2007
    Select usw

    moin, ich such hilfe^^

    undzwar hab ich eine form erstellt die mit php ne abfrage in die db schickt, alles kein problem, aber jetzt stieß ich auf ein hinderniss...

    HTML:
     <tr>
     <td>Suchen in:</td>
     <td><select size="1" name="search_in">
     <option id="default">- - - - - - - -</option>
     {search_op}
     </select> <input type="Radio" name="search_in_op2" value="news"> (In den News suchen) <input type="Radio" name="search_in_op2" value="prew"> (In der Vorschau suchen)</td>
     </tr>
    
    mein prob ist nun das wenn jemand die selectbox als "Suchen in" benutzt das die beiden felder "Suchen in News" und "Suchen in Vorschau" außerkraft gesetzt werden sollen, also nicht mehr zusätzlich wählbar.

    ebenso wenn zb "Suchen in News" gewählt worden ist, das man die selcetbox nicht mehr benutzen kann usw. man soll praktisch nur eine der drei varianten benutzen können.
     
  2. 13. März 2007
    AW: Select usw

    soviel ahnung von js hab ich noch nicht aber das hier könnte dir denke ich weiterhelfen:

    Checkbox/Radio Auswahllimit | Formulare-Button | Javascript | powered by javarea.de
     
  3. 13. März 2007
    AW: Select usw

    das is ne ziemlich blöde idee, weil man die seite neu laden müsste, um eine einmal gemachte auswahl ändern zu können. du bräuchtest dann noch einen reset-button (der jeden disabled-state auf false setzt - ich weiß nicht, ob son knopf das automatisch macht oder du den buttonpress per js abfangen musst).
    HTML:
    <html><head>
     <script language="javascript">
     function change_search(obj) {
     if(obj.id=="search_1") {
     document.search.search_in_op2[0].disabled = true;
     document.search.search_in_op2[1].disabled = true;
     } else if(obj.id=="search_2") {
     document.search.search_in_op2[1].disabled = true;
     document.search.search_in.disabled = true;
     } else if(obj.id=="search_3") {
     document.search.search_in_op2[0].disabled = true;
     document.search.search_in.disabled = true;
     }
     }
     </script>
     </head><body>
    
    <form name="search">
     <tr>
     <td>Suchen in:</td>
     <td><select size="1" name="search_in" id="search_1" onchange="change_search(this);">
     <option id="default">- - - - - - - -</option>
     <option id="1">1</option>
     <option id="2">2</option>
     
     </select>
     
     <input type="Radio" id="search_2" onchange="change_search(this);" name="search_in_op2" value="news"> (In den News suchen)<br />
     <input type="Radio" id="search_3" onchange="change_search(this);" name="search_in_op2" value="prew"> (In der Vorschau suchen)
     </td>
    </tr>
    </form>
    </body></html>
     
  4. 13. März 2007
    AW: Select usw

    das isses! muss ich nur noch ein wenig umschreiben! bw hast du!

    edit// hier das ganze script:

    HTML:
    <html>
    <head>
    <script language="javascript">
    function change_search(obj)
    {
    if(obj.id=="search_1")
    {
    document.search.search_in_op2[0].disabled = true;
    document.search.search_in_op2[1].disabled = true;
    }
    else if(obj.id=="search_2")
    {
    document.search.search_in_op2[1].disabled = true;
    document.search.search_in.disabled = true;
    }
    else if(obj.id=="search_3")
    {
    document.search.search_in_op2[0].disabled = true;
    document.search.search_in.disabled = true;
    }
    else if(obj.id=="re_search")
    {
    document.search.search_in_op2[0].disabled = false;
    document.search.search_in_op2[1].disabled = false;
    document.search.search_in.disabled = false;
    }
    else if(obj.id=="ree_search")
    {
    document.search.search_in_op2[0].disabled = false;
    document.search.search_in_op2[1].disabled = false;
    document.search.search_in.disabled = false;
    document.search.search_in.selectedIndex = 0;
    document.search.search_in_op2[0].checked = '';
    document.search.search_in_op2[1].checked = '';
    }
    }
    </script>
    </head>
    <body>
    <form name="search">
    <table>
    <tr>
     <td>Suchen in:</td>
     <td><select size="1" name="search_in" id="search_1" onchange="change_search(this);">
     <option id="default">- - - - - - - -</option>
     <option id="1">1</option>
     <option id="2">2</option>
     </select>
     <input type="Radio" id="search_2" onchange="change_search(this);" name="search_in_op2" value="news"> (In den News suchen)
     <input type="Radio" id="search_3" onchange="change_search(this);" name="search_in_op2" value="prew"> (In der Vorschau suchen) <input type="button" onclick="change_search(this);" id="ree_search" value="ändern">
     </td>
    </tr>
    </table><input type="reset" onclick="change_search(this);" id="re_search">
     </form>
     </body>
     </html>
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.