Witam,

Mam taki kod:

[HTML] pobierz, plaintext 
<input type="radio" name="typ" value="image"  checked="true"  onclick=javascript:Show("2","1","3","4")>
<input type="radio" name="typ" value="youtube"   onclick=javascript:Show("1","2","3","4")>
<input type="radio" name="typ" value="link"   onclick=javascript:Show("3","2","1","4")> 
<input type="radio" name="typ" value="tekst"  onclick=javascript:Show("4","2","1","3")>
[HTML] pobierz, plaintext 

Do tego mamy DIV-y

[HTML] pobierz, plaintext 
<div  style="display:none"
 id="1">
</div>
 
 <div  style="display:none"
 id="2">
</div>
 
 <div  style="display:none"
 id="3">
</div> 
 
<div  style="display:none"
 id="4">
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<script language="javascript" type="text/javascript"> 
Show(id_div,id_divc,id_divd,id_dive){  document.getElementById(id_div).style.display="block";  document.getElementById(id_divc).style.display="none";  document.getElementById(id_divd).style.display="none";  document.getElementById(id_dive).style.display="none";}</script>
</script>
[HTML] pobierz, plaintext 

Chciał bym go umieścić na swojej stronie www, ale wg mnie jest to złe rozwiązanie, bo jest nie skalowalne, jeżeli potrzebował bym dodać DIV 5, przepisywać muszę cała funkcję show, potem wszedzie dodawać go jako parametr dodatkowy.

Czy nie można by jakoś tego zautomatyzować ?
Żeby wysyłcć tylko
onclick=java script:Show("tab1")>

Wtedy automatycznie system wyświetlił by tab1 i zamknął wszystkie inne taby tab23456 przeleciał tak w pętli do 10 ciu.

Żeby nie trzeba było ręcznie przesyłać tego parametru.

Właśnie szukam rozwiązania na google, jedyne na co trafiłem to to, ale wydaje mi się nie skalowalne, dla tego nie chce tego używać.

Teraz potrzebuje dla 4 / 5 opcji, ale w przyszłości koło 30 / 50.
Wiec myślę już przyszłościowo...



pozdrawiam

No np. coś takiego:



Poza tym, nie zaczynaj identyfikatorów od samych cyfr.

Nie wiem czy się dobrze wyraziłem.

Mam na myśli że klikając na radio button, wyświetla mi się dany DIV.

[HTML] pobierz, plaintext 
function Show(id_div,id_divc,id_divd,id_dive)
{  
document.getElementById(id_div).style.display="block"; 
document.getElementById(id_divc).style.display="none";  
document.getElementById(id_divd).style.display="none"; 
document.getElementById(id_dive).style.display="none";
}
[HTML] pobierz, plaintext 

Chodzi o ten fragment:

[HTML] pobierz, plaintext 
document.getElementById(id_divc).style.display="none";  
document.getElementById(id_divd).style.display="none"; 
document.getElementById(id_dive).style.display="none";
[HTML] pobierz, plaintext 

Aby to, wykonało się automatycznie, bez wskazywania konkretnych wpisów manualnie.

No to zastosuj mojego poprzedniego posta.

W chyba kazdej bibliotece do JS-a masz taby: jQuery, prototype,.....

Cześć,


To znasz kolego dr_bonzo, jakikolwiek tabb-er którym można posłużyć się i wywołać go z on change przy wyborze radio buttona / list box ? ?

Jeżeli tak, to bym się za to zabrał.


http://www.stilbuero.de/jquery/tabs_3/rotate.html

Ten wygląda świetnie, i współpracuje z jquery, ale jak akcje kliknięcia przenieść do onchange....




Czy to jest w miarę poprawne ?

[HTML] pobierz, plaintext 
<script language="javascript" type="text/javascript"> 
 
function Show(id_div){
var divs = document.getElementById('rodzic').getElementsByTagName('div');
 
for(i=0;i<divs.length;i++)
{
document.getElementById(divs[i].id).style.display="none";
}
document.getElementById(id_div).style.display="block";
}
</script>
[HTML] pobierz, plaintext 

Zdaje się działać poprawnie, przynajmniej pod FF, więc pytam czy o te koncepcje chodziło.





Czy to jest w miarę poprawne ?

[HTML] pobierz, plaintext 
<script language="javascript" type="text/javascript"> 
 
function Show(id_div){
var divs = document.getElementById('rodzic').getElementsByTagName('div');
 
for(i=0;i<divs.length;i++)
{
document.getElementById(divs[i].id).style.display="none";
}
document.getElementById(id_div).style.display="block";
}
</script>
[HTML] pobierz, plaintext 

Zdaje się działać poprawnie, przynajmniej pod FF, więc pytam czy o te koncepcje chodziło.