[JavaScript][AJAX][PHP]RadioButton i przkazanie zmiennej Opcje

[vojtasek]

Witam
Chcę stworzyć mały konfigurator zakupu towarów. Mam już podstronę opcje.php, w której przez radio button wybieram sobie interesujące mnie opcje.

function pokaz(f){
for(i=1;i<4;i++)
document.getElementById('f'+i).style.display="none";
document.getElementById(f).style.display="block";
}
Grupy radio button zawarte są w div które pokazuję lub ukrywam przez nadrzędny radio buton za pomocą powyższej funkcji uruchamianej przez zdarzenie zawarty w radio.

<input type="radio" name="material" value="1" id="material_0" onclick='pokaz("f1")' checked>

Ta funkcja wykonuje się prawidłowo: jak np wybiorę okno drewniane pokazuje się np wybór kolorów dla tego okna i dobieram sobie kolor itd...

Ale chciałbym aby bez przeładowania strony w bocznym div pojawił się także wynik: wybrałeś: okno drewniane rama biała i tak by przy każdym kolejnym wyborze radio kolejne wybory się dopisywały do listy wyboru dopiero końcowy klawisz zapisywałby wszystko do bazy
czyli krótko mówiąc jedno klikniecie na radio ma sterować wyświetlaniem div i przekazać value do innego div bez przeładowywania.
Nie wiem jak do radio przypiąć jeszcze jedno zdarzenie...

[shikamaru88]

Nie rozumiem po co Ci inne zdarzenie skoro z tej samej funkcji możesz wykonać wszystko. Skorzystać z jakiegoś frameworka JS chyba, że chcesz pisać w natywnym JS.

[JAVASCRIPT] pobierz, plaintext 
   document.getElementById('id').onClick = function(){
      //funkcja dla clicku na którymś radio.
     var div = document.getElementById('idDiva');
     var value = 'cos do dopisania do div';
     div.innerHTML += value;
  }
[JAVASCRIPT] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
       $('#id_radio').click(function(){
              $('$id_diva').append('tresc');
       })
[JAVASCRIPT] pobierz, plaintext 

@mat-bi jaki Ty jesteś szczegółowy. Ale dzięki . Ja też zawsze polecam jakiś framework i ew jego rozbudowę po co wynajdować koło na nowo.

Ten post edytował shikamaru88 16.06.2011, 20:01:52

[mat-bi]

@up, Sorry, JAVIE? Jak już pomagasz, uzywaj poprawnych sformułowań!

i jeszcze coś

[JAVASCRIPT] pobierz, plaintext 
div.innerHTML = div.innerHTML+value;
[JAVASCRIPT] pobierz, plaintext 

zamienic na:

[JAVASCRIPT] pobierz, plaintext 
div.innerHTML += value;
[JAVASCRIPT] pobierz, plaintext 

Chociaż ja, jak zawsze polecam jQuery - append i jedziemy