ďťż

[(X)HTML] Rozbudowany select

       

Podstrony


telcocafe

Witam,
Czy jest możliwość zrobienia czegoś takiego w (X)HTML? Jeżeli tak, to w jaki sposób?



Takich rzeczy to nie da się. Ale da się. Wystarczy zrobić odpowiednio wyglądającą <tabelkę> i podpiąć parę słówek w JavaScripcie i mamy "zemulowane" to coś.

Zależy jak dokładnie to ma działać, bo różne są takie elementy.

Nie chodzi mi o to, aby sortował wg. nazwy, wystarczy mi 2-kolumnowy select.

Chyba coś takiego, prawda? Jeśli inaczej zaznaczać to wystarczy "ID" poprzestawiać gdzie trzeba. Tylko przypominam, że później zamiast przycisku SUBMIT trzeba użyć Javascriptu i przerzucić dane do HIDDENa.

<style type="text/css"> .table {width:310px;border-collapse:collapse;} .lewy1 {width:150px;float:left;border:1px solid black;background:silver} .prawy1 {width:150px;float:left;border:1px solid black;background:silver} .lewy {float:left;width:150px;border:1px solid black;background:inherit} .prawy {float:left;width:150px;border:1px solid black;background:inherit} </style> <script type="text/javascript"> var taby=new Array; function zaz(a) { if (taby[a.id]!=true) { a.style.background='darkblue'; taby[a.id]=true; } else {a.style.background='white'; taby[a.id]=false;}} </script> <div class="table"><div class="lewy1">fgd</div><div class="prawy1">sss</div></div> <div onclick="zaz(this)" class="table" id="a0"><div class="lewy">fgd</div><div class="prawy">sss</div></div> <div onclick="zaz(this)" class="table" id="a1"><div class="lewy">dfg</div><div class="prawy">ddd</div></div> <div onclick="zaz(this)" class="table" id="a2"><div class="lewy">dfg</div><div class="prawy">fff</div></div> <div onclick="zaz(this)" class="table" id="a3"><div class="lewy">fff</div><div class="prawy">ggg</div></div>



Dziękuję bardzo za ten skrypt, działa pięknie, tylko uznałem, że jednak lepiej będzie wykorzystać zwykłe radiobuttony. Javascript nie jest wszędzie i są problemy z przesyłaniem danych.

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.