Ergebnis 1 bis 6 von 6
  1. #1
    matze511 ist offline Jungspund
    registriert
    14-02-2013
    Beiträge
    15

    Mein "suche" script mit "block", "none" geht nicht richtig

    Hallo liebe profis

    ich hab ein suche formular wobei einige felder sichtbar oder unsichtbar geschalten werden. nur leider ist immer wie ein platzhalter da und die felder rutschen hin und her.
    das ist ziemlich unschön, gibt es da noch eine andere möglichkeit?
    hab mich zwar belesen was block, none, inline machen und auch schon selber rumprobiert aber ich bekomm es nicht hin und bitte um hilfe.
    HTML-Code:
    <fieldset>
                  <table>
    			<form action="rezept_einzeln_ausgeben.php"  method="POST">
        <tr>
        <td>
        	<label for="suchbegriff" id="rezn"> 
    		<input name="suchbegriff" id="suchbegriff" type="text" size="30" maxlength="30" />
    		</label>
        </td>
        <td>
    		<label for="kategorie" id="kat"> 
    		<select name="kategorie" id="kategorie" maxlength="30"> 
    			<option value=""></option>
    			<option value="Backen"> Backen </option>
    			<option value="Beilagen"> Beilagen </option> 
    			<option value="Dessert"> Dessert </option>
    			<option value="Frühstück"> Frühstück </option>
    			<option value="Getränke"> Getränke </option>
    			<option value="Hauptgerichte"> Hauptgerichte </option>
    			<option value="International"> International </option>
    			<option value="Kuchen"> Kuchen </option>
    			<option value="Salate"> Salate </option>
    			<option value="Saucen"> Saucen </option>
    			<option value="Suppen"> Suppen </option>
    			<option value="Vorspeisen"> Vorspeisen </option>
    			<option value="Zwischengang / Snacks"> Zwischengang /Snacks </option>
    		</select>
    		</label>
        </td>
        <td>
    		<label for="stichwort" id="stw"> 
    		<input name="stichwort" id="stichwort" type="text" size="30" maxlength="30" />
    		</label>
        </td>
        <td>
    		<label for="suchfeld">
    		<select size="1" onchange="show(this)" id="suchfeld" name="suchfeld"!>
    			<option value='rezn'>nach Rezeptname suchen</option>
    			<option value='kat'>nach Kategorie suchen</option>
                <option value='stw'>nach Stichworten suchen</option>
    		</select>
    		</label>
        </td>
        </tr>
        <tr>
        <td>
        	<button name="abschicken" id="abschicken" type="submit">Weiter </button>
    		<button name="reset" id="reset" type="reset"> Zurücksetzen </button>
        </td>
        </tr>
    </form>
    </table>
    </fieldset>
    
    <script type="text/javascript">
    function show(select){
    	for (var i = 0; i < select.options.length; i++){
    		var node = document.getElementById(select.options[i].value);
    		if (node){
    			node.style.display = select.options[i].selected? "block": "none";
    		}
    	}
    }
    show(document.getElementById("suchfeld"));
    </script>
    danke schönmal für eure hilfe

  2. #2
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: Mein "suche" script mit "block", "none" geht nicht richtig


  3. #3
    matze511 ist offline Jungspund
    registriert
    14-02-2013
    Beiträge
    15

    AW: Mein "suche" script mit "block", "none" geht nicht richtig

    nicht wirklich, weil ich das nicht über die css machen möchte und es ja eine tabelle ist und kein div

  4. #4
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.695

    AW: Mein "suche" script mit "block", "none" geht nicht richtig

    Warum packst du das überhaupt in eine Tabelle?
    Das sind keine tabellarischen Daten und haben in einem <table> nichts veloren...

    PS: ich sehe auch keine layouttechnischen Gründe (die ich hier nicht zählen lassen würde...), die für eine Tabelle sprechen...

    EDIT: wir wollen ja nicht nur destruktiv sein: wenn du dem <td>, in dem die Buttons sind, eine colspan gibst, so dass es über die komplette Tabelle geht, sollte sich das Problem weniger drastisch bemerkbar machen. Gelöst ist es damit nicht.

  5. #5
    matze511 ist offline Jungspund
    registriert
    14-02-2013
    Beiträge
    15

    AW: Mein "suche" script mit "block", "none" geht nicht richtig

    ich hab es dann mal so
    HTML-Code:
    <div align="right">
    <form action="rezept_einzeln_ausgeben.php"  method="POST">
       <tr>
        <td style="display:inline">
        		<label for="suchbegriff" id="rezn"> 
    		<input name="suchbegriff" id="suchbegriff" type="text" size="27" maxlength="50" />
    		</label>
        </td>
        <td style="display:inline">
    		<label for="kategorie" id="kat"> 
    		<select name="kategorie" id="kategorie"> 
    			<option value=""></option>
    			<option value="Backen"> Backen </option>
    			<option value="Beilagen"> Beilagen </option> 
    			<option value="Dessert"> Dessert </option>
    			<option value="Fr¸hst¸ck"> Fr&uuml;hst&uuml;ck </option>
    			<option value="Getr‰nke"> Getr&auml;nke </option>
    			<option value="Hauptgerichte"> Hauptgerichte </option>
    			<option value="International"> International </option>
    			<option value="Kuchen"> Kuchen </option>
    			<option value="Salate"> Salate </option>
    			<option value="Saucen"> Saucen </option>
    			<option value="Suppen"> Suppen </option>
    			<option value="Vorspeisen"> Vorspeisen </option>
    			<option value="Zwischengang / Snacks"> Zwischengang /Snacks </option>
    		</select>
    		</label>
        </td>
        <td style="display:inline">
    		<label for="stichwort" id="stw"> 
    		<input name="stichwort" id="stichwort" type="text" size="27" maxlength="50" />
    		</label>
        </td>
        <td>
    		<label for="suchfeld">
    		<select size="1" onchange="show(this)" id="suchfeld" name="suchfeld"!>
    			<option value='rezn'>nach Rezeptname suchen</option>
    			<option value='kat'>nach Kategorie suchen</option>
                		<option value='stw'>nach Stichworten suchen</option>
    		</select>
    		</label>
        </td>
        <td>
        	<button name="abschicken" id="abschicken" type="submit"> Suchen </button>
    	<button name="reset" id="reset" type="reset"> Zur&uuml;cksetzen </button>
        </td>
       </tr>
    </form>
    </div>
    <script type="text/javascript">
    function show(select){
    	for (var i = 0; i < select.options.length; i++){
    		var node = document.getElementById(select.options[i].value);
    		if (node){
    			node.style.display = select.options[i].selected? "inline": "none";
    		}
    	}
    }
    show(document.getElementById("suchfeld"));
    </script>

  6. #6
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.695

    AW: Mein "suche" script mit "block", "none" geht nicht richtig

    Warum packst du die verschiedenen <select>s und <input>s, die ein- und ausgeblendet werden überhaupt in unterschiedliche <td>s?

    Das ergibt irgendwie alles nicht so wirklich semantisch Sinn...

    PS: Dein "Workaround" mit dem Inline-Style ist ja wirklich nett - du erzeugst eine Tabelle (anscheinend für Layoutzwecke) und dann zwingst du den Browser dazu, die Tabellenzellen nicht als Tabellenzellen darzustellen... da kannst du die Tabelle auch wirklich gleich komplett weglassen.

Ähnliche Themen

  1. nach "display: block" "inline-block" mit 100% width????
    Von BettinaSyn im Forum CSS und (X)HTML
    Antworten: 2
    Letzter Beitrag: 02-04-2009, 21:50
  2. Antworten: 3
    Letzter Beitrag: 30-05-2006, 21:40
  3. Antworten: 2
    Letzter Beitrag: 03-03-2006, 19:39
  4. Antworten: 3
    Letzter Beitrag: 10-01-2006, 15:39
  5. Antworten: 6
    Letzter Beitrag: 22-05-2003, 12:20

Lesezeichen

Berechtigungen

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