Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JS][HTML] formularz
-sepuku-
post
Post #1





Goście
Witajcie,

mam 2 selecty, zeby uniknac przeladowania strony usunelem ramy form, dodalem przycis z akcja wykanania funkcji js na selectach. Pojawia sie problem, ze w czasie gdy usuniete sa ramy form, dzieja sie dziwne rzeczy - jak brak wartosci value w drugim co do kolejnosci select. Problem znika jak dodam tagi form, ale strona sie przeladowuje i trace operacje wykonane na selectach. Ja to zrobic by wykonac funkcje JS na selectach w podany sposob i nie stracic rezultatu na selectach?
Go to the top of the page
+Quote Post
Ar2r
post
Post #2





Grupa: Zarejestrowani
Postów: 140
Pomógł: 16
Dołączył: 12.06.2002
Skąd: Kielce

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

Zastosuj jako przycisk <button type='button'></button>
Go to the top of the page
+Quote Post
-sepuku-
post
Post #3





Goście
Dziekuje bardzo, wskazowka pomogla.
Go to the top of the page
+Quote Post
-sepuku-
post
Post #4





Goście
Tak zaprojektowany przycisk nie wysyla formularza, lecz pojawily sie problemy i mysle, ze leza po stronie samego js, 2 dzien juz przy tym siedze, by odnalezc bledy w rozumowaniu i nie moge dojsc do rozwiazania. Pozwolcie, ze podam caly testowy kod, ktory wg mnie powinien dzialac. Zasada dzialania jest dodanie z lewego selecta do prawego takich pol, ktorych value sie rozni. Rowniez juz po dodaniu elementu powtorne jego dodanie nie jest mozliwe. Dodajemy przyciskiem.

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.  
  4. <head>
  5. <meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
  6. <script type="text/javascript">
  7. function in_array(co, w_czym)
  8. {
  9. 	var len = w_czym.length;
  10. 	for (var x = 0; x <= len; x++)
  11. 	{
  12. 		if (w_czym[x].value == co) { return true; }
  13. 	}
  14. 	return false;
  15. }
  16.  
  17. function zamiana()
  18. { 
  19. 	var dane = document.getElementById('pierwszy');
  20. 	for(var i = 0; i < dane.options.length; i++)
  21. 	 {
  22. 		 var opcja = dane.options[i];
  23. 		 if(opcja.selected)
  24. 		  {
  25. 			var tmp = document.getElementById('drugi').options;	  
  26. 			if (!in_array(opcja.value, tmp))
  27. 			{
  28. 				var dlu = tmp.length;
  29. 				document.getElementById('drugi').options[dlu] = new Option(opcja.text, opcja.value);
  30. 			}
  31. 		  }
  32. 	 }
  33. }
  34. </script>
  35. </head>
  36.  
  37. <body>
  38. <form>
  39. <select id="pierwszy" size="20" multiple style="width: 150px;">
  40. <option value="1">kolory</option>
  41. <option value="2">rozmiar</option>
  42. <option value="3">kolasdfory</option>
  43. <option value="4">rozsadfmiar</option>
  44. <option value="5">aakolory</option>
  45. <option value="6">aarozmiar</option>
  46. </select>
  47. <select id="drugi" size="20" multiple style="width: 150px;">
  48. <option value="4">kolory</option>
  49. <option value="5">rozmiar</option>
  50. <option value="6">kolasdfory</option>
  51. <option value="7">rozsadfmiar</option>
  52. <option value="8">aakolory</option>
  53. <option value="9">aarozmiar</option>
  54. </select>
  55. <button type='button' onClick="zamiana();">asdf</button>
  56.  
  57. </form>
  58.  
  59. </body>
  60.  
  61. </html>
[HTML] pobierz, plaintext


Prosty kod, lecz gdzies jest jakis kruczek.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 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: 22.08.2025 - 20:00
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn