ďťż

[HTML] Zastąpienie opcji "radio" obrazkiem

       

Podstrony


telcocafe

Mam pytanie czy da sie zastąpić opcje "radio" w formularzu obrazkiem tzn. (*) --> na jakis obrazek



Spróbuj dodać wewnątrz znacznika
type="image" src="lokalizacja obrazka"

To jest totalny strzał :P

up root@ O ile wiem to się nie da. Radio to wbudowany "komponent", więc raczej jak to sobie wyobrażasz, że input zastępujesz obrazkiem? Jak użytkownicy mają w takie coś kliknąć i zaznaczyć odpowiedź?

Zawsze można spróbować napisać skrypt ,który będzie symulował obiekt typu "radio" : na zdarzenie onclick obrazek zmienia się z "zaznaczonego" na "niezaznaczony" lub na odwrót ,a dane sa przechowywane w polu typu "hidden" i wysyłane wraz z formularzem ;)



JS (head)
function Radiobuttons(a,B){ for(var o, t, i = 0, ch = document.getElementsByTagName('input'); t = ch[i++];){ if(/^radio$/i.test(t.type)){ o = document.createElement('img') o.src=t.checked?a:b o.ref=t t.oref=o t.className='none' o.onclick=function(t,i){ with(this){ ref.checked=!0 src=ref.checked?a:b t=ref.form.elements[ref.name] if(t.length){ for(i=0;i<t.length;i++){ if(t[i]!=ref)t[i].checked=!1,t[i].oref.src=b } } } } t.parentNode.insertBefore(o,t) } } } </script>

CSS.none{ display: none; }

Body html <input type="radio"><br> <input type="radio"><br> <input type="radio"><br> <input type="radio"><br> <input type="radio"><br> <input type="radio"><br> <input type="radio"><br> <script type="text/javascript"> Radiobuttons('gfx/box1.png','gfx/box0.png') </script>
Użytkownik bikstopa edytował ten post 24 lipiec 2006, 13:53
ehhhhh http://pdatabase.dyn.../tutorial02.php ;]

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

  • Sitedesign by AltusUmbrae.