Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript] Blokujace radio
Bojakki
post
Post #1





Grupa: Zarejestrowani
Postów: 379
Pomógł: 0
Dołączył: 18.08.2004

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

Gdzies kiedy widziałem taki formularz z buttonami typu radio, gdzie byly jakby 2 etapy wyboru (modeli samochodow)

najpierw wybieralo sie marke (button radio)i wtedy odblokowywał sie wybór buttonów radio z modelami, pozostałe modele marek, które nie zostały wybrane były zablokowane. Podejrzewam że było to zrobione w javie, ale niestety nie pamieam strony i nie wiem. Moze ktos zna jakis tutorial lub cos podobnego jak to zrobic?


--------------------
Inwestycje budowlane
Projektowanie stron internetowych Bełchatów
Domowe zabiegi upiększające
http://tomar-izolacje.pl/
Go to the top of the page
+Quote Post
kefirek
post
Post #2





Grupa: Zarejestrowani
Postów: 781
Pomógł: 256
Dołączył: 29.06.2008

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

http://www.skrypty-javascript.net/javascript/6.php
Go to the top of the page
+Quote Post
Bojakki
post
Post #3





Grupa: Zarejestrowani
Postów: 379
Pomógł: 0
Dołączył: 18.08.2004

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

Próbuje przerobić to na własne potzreby ale mi sie nie udaje. Oto kod:

Kod
<script type="text/javascript">
function zamiana(wybor)
{
var kolory = new Array ("biały","zielony");
var rozmiar = new Array ("S1","L1","XL1");
if (wybor == "rozmiar") {
var dlugosc = rozmiar.length-1;
document.formularz.elements.drugi.options.length = rozmiar.length;
for (var i=0; i<= dlugosc; i++) {
document.formularz.drugi.options[i] = new Option(rozmiar[i]);
document.formularz.drugi.options[i].value = rozmiar[i];
}
}
if (wybor == "kolory") {
var dlugosc = kolory.length-1;
document.formularz.elements.drugi.options.length = kolory.length;
for (var i=0; i<= dlugosc; i++) {
document.formularz.drugi.options[i] = new Option(kolory[i]);
document.formularz.drugi.options[i].value = kolory[i];
}
}
}
</script>

[HTML] pobierz, plaintext 
  1. <form name="formularz">
  2. <select name="pierwszy" onChange="zamiana(this.value);" style="width: 150px;">
  3. <option value="kolory">kolory
  4. <option value="rozmiar">rozmiar
  5. </select>
  6. <select name="drugi" style="width: 150px;">
  7. <option value="biały">biały
  8. <option value="zielony">zielony
  9. </select>
  10. </form>
[HTML] pobierz, plaintext


Sa tutaj nielogiczne rzeczy, dlaczego w body w selecie drugim sa tylko wartosci dla kolorow?

W dodatku chce by kazdy rodzaj byl rozpoznawany po id, a nazwa ma sie tylk wyswietlac.

Moglby mi ktos pomoc by dostosowac to dla tekiego przypadku: (id - nazwa)

1. Opel
    11.
  • Astra
    12.
  • Kadet

2. Toyota
    21.
  • Corolla
    22.
  • Avensis

3. Fiat
    31.
  • Punto
    32.
  • Uno


--------------------
Inwestycje budowlane
Projektowanie stron internetowych Bełchatów
Domowe zabiegi upiększające
http://tomar-izolacje.pl/
Go to the top of the page
+Quote Post
kamil4u
post
Post #4





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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

To Ci powinno pomóc - gotowiec: http://www.dynamicdrive.com/dynamicindex1/...hainedmenu.html wszystko robisz poprzez prosty kod: http://www.dynamicdrive.com/dynamicindex1/...dmenu/config.js


--------------------
>>> iPage.pl - JS, HTML5, CSS3, Android - moja oferta
>>> myPrzepis.pl - blog kulinarny
Go to the top of the page
+Quote Post
Pawel_W
post
Post #5





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

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

mam taki skrypt, napisany przeze mnie, tylko że zamiast radio jest lista select

jak chcesz to możesz go wykorzystać:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html> 
  2. <html> 
  3. 	<head> 
  4. 		<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2"> 
  5. 		<title>Skrypt</title> 
  6. <style type="text/css"> 
  7. select{
  8. 	margin: 10px;
  9. }
  10. </style> 
  11. <script type="text/javascript"> 
  12. var list = new Array();
  13. list["1|Ford"] = new Array();
  14. list["1|Ford"]["11|Jakis model"] = new Array();
  15. list["1|Ford"]["12|Jakis model"] = new Array();
  16. list["1|Ford"]["13|Jakis model"] = new Array();
  17. list["1|Ford"]["14|Jakis model"] = new Array();
  18. list["1|Ford"]["15|Jakis model"] = new Array();
  19. list["1|Ford"]["16|Jakis model"] = new Array();
  20. list["2|Audi"] = new Array();
  21. list["2|Audi"]["21|Jakis model"] = new Array();
  22. list["2|Audi"]["22|Jakis model"] = new Array();
  23. list["2|Audi"]["23|Jakis model"] = new Array();
  24. list["2|Audi"]["24|Jakis model"] = new Array();
  25. list["2|Audi"]["25|Jakis model"] = new Array();
  26. list["2|Audi"]["26|Jakis model"] = new Array();
  27. var size = 1; // wielkość listy
  28. var firstOpt = 'Wybierz kategorie';
  29. function createList(level)
  30. {
  31.  
  32. 	if(level!=-1)
  33. 	v = document.getElementById("list_drop").getElementsByTagName('select')[level].value;
  34. 	else
  35. 	v = '.';
  36.  
  37. 	level++;
  38.  
  39. 	lists = document.getElementById("list_drop").getElementsByTagName('select');
  40.  
  41. 	while(level != lists.length)
  42. 	{
  43. 	lists = document.getElementById("list_drop").getElementsByTagName('select');
  44. 	document.getElementById("list_drop").removeChild(lists[level]);
  45. 	}
  46.  
  47. 	if(v==firstOpt)
  48. 	return false;
  49.  
  50. 	obj = document.createElement('select');
  51.  
  52. 	str = '';
  53.  
  54. 	for(i=0;i<level;i++)
  55. 	{
  56. 		str+='["'+(document.getElementById("list_drop").getElementsByTagName('select')[i].value)+'"]';
  57. 	}
  58.  
  59. 	eval('current_list = list'+str+';');
  60.  
  61. 	obj.options[0] = new Option(firstOpt, firstOpt);
  62.  
  63. 	for (var key in current_list)
  64. 	{
  65. 		kkey = key.split('|');
  66. 		obj.options[obj.options.length] = new Option(kkey[1], key);
  67. 	}
  68. 	obj.setAttribute('size', size);
  69. 	obj.selectedIndex = -1;
  70. 	obj.name = 'select-list-level-'+level;
  71. 	obj.setAttribute('_level', level);
  72. 	obj.onchange = function(){
  73. 	createList(this.attributes['_level'].value);
  74. 	};
  75.  
  76. 		if(obj.options.length != 1)
  77. 		document.getElementById("list_drop").appendChild(obj);
  78. }
  79. </script> 
  80. 	</head> 
  81. 	<body onload="createList(-1);"> 
  82. <div id="list_drop"> 
  83.  
  84. </div> 
  85. 	</body> 
  86. </html> 
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 19.08.2025 - 21:43
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn