Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Pomoc z radio
szlipek
post
Post #1





Grupa: Zarejestrowani
Postów: 59
Pomógł: 0
Dołączył: 30.03.2009
Skąd: Sępólno Krajeńskie

Ostrzeżenie: (0%)
-----


A mianowicie chcę stworzyć coś takiego :

Kod
<INPUT TYPE=RADIO  NAME="druk" VALUE="A3">A3
<INPUT TYPE=RADIO  NAME="druk" VALUE="A4"  >A4
<INPUT TYPE=RADIO  NAME="druk" VALUE="A5">A5
<INPUT TYPE=RADIO  NAME="druk" VALUE="dowolny"  >dowolny



<INPUT TYPE=TEXTAREA VALUE="rozmiar"> mm


i właśnie nie wiem jak to zrobić w javascript żeby po zaznaczeniu jakiegoś z radio zmieniał się rozmiar w textarea a jak zaznaczy się dowolny to tak żeby można było wpisać własny rozmiar. Czy móglby mi ktoś podpowiedzieć jak to zrobić albo czego mam szukać?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
szlipek
post
Post #2





Grupa: Zarejestrowani
Postów: 59
Pomógł: 0
Dołączył: 30.03.2009
Skąd: Sępólno Krajeńskie

Ostrzeżenie: (0%)
-----


Kod
function valid( X ){

  if( X == 1 ){
  document.getElementById( 'szerokosc' ).disabled = true;
   document.getElementById( 'wysokosc' ).disabled = true;
 var wysokosc = new LiveValidation("wysokosc");
wysokosc.destroy(true);
 var szerokosc = new LiveValidation("szerokosc");
szerokosc.destroy(true);

 
  }else if( X == 2 ){
  document.getElementById( 'szerokosc' ).disabled = false;
  document.getElementById( 'wysokosc' ).disabled = false;
 var wysokosc = new LiveValidation("wysokosc");
wysokosc.add( Validate.Numericality, { minimum: 30, maximum: 424 } );
 var szerokosc = new LiveValidation("szerokosc");
szerokosc.add( Validate.Numericality,{ minimum: 30, maximum: 301 } );
  }
  }

function wpiszRozmiar(szer,wys){
 document.formularz.szerokosc.value=szer;
 document.formularz.wysokosc.value=wys;
 document.formularz.szerokosc.disabled=true;
 document.formularz.wysokosc.disabled=true;
}

function dowolny(){
 document.formularz.szerokosc.value='30';
 document.formularz.wysokosc.value='30';

 
}

 
 function change(that, fgcolor, bgcolor){
that.style.color = fgcolor;
that.style.backgroundColor = bgcolor;
}




</script>

<body>


A3<input type="radio" name="rozmiar" checked id="A3" value="A3" onclick="valid( '1' );" onChange="wpiszRozmiar(301,424);"  />
A4 <input type="radio" name="rozmiar" id="A4" value="A4" onclick="valid( '1' );" onChange="wpiszRozmiar(214,301);" />
A5<input type="radio" name="rozmiar" id="A5" value="A5" onclick="valid( '1' );" onChange="wpiszRozmiar(152,214);" />
A6 <input type="radio" name="rozmiar" id="A6" value="A6" onclick="valid( '1' );" onChange="wpiszRozmiar(109,152);" />
B4 <input type="radio" name="rozmiar" id="B4" value="B4" onclick="valid( '1' );" onChange="wpiszRozmiar(254,357);" />
B5<input type="radio" name="rozmiar" id="B5" value="B5" onclick="valid( '1' );" onChange="wpiszRozmiar(180,254);" />
B6 <input type="radio" name="rozmiar" id="B6" value="B6" onclick="valid( '1' );" onChange="wpiszRozmiar(129,180);" />
dowolny <input type="radio" name="rozmiar"  id="dowolny" value="dowolny" onclick="valid( '2' );" onChange="dowolny();" /><br />
</td></tr><tr><td align="right">
Szerokość projektu w mm (30-301) (użytek ze spadem):</td><td><input type="text" name="szerokosc" id="szerokosc"  value="301" onfocus="change(this,'#000000','#fbf7d7');" onblur="change(this,'#000000','#ffffff')" disabled  /><br />
</td></tr><tr><td align="right">
Wysokość projektu w mm (30-424) (użytek ze spadem):     </td><td><input type="text" name="wysokosc" id="wysokosc"  value="424" onfocus="change(this,'#000000','#fbf7d7');" onblur="change(this,'#000000','#ffffff')" disabled/><br />





Dobra udało mi się jak coś to podaję kod jak tego dokonałem

Ten post edytował szlipek 4.08.2009, 12:45:35
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 5.10.2025 - 05:00