Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> kilka spraw zwiazanych z js
jjkk
post 18.08.2007, 16:09:14
Post #1





Grupa: Zarejestrowani
Postów: 38
Pomógł: 0
Dołączył: 18.05.2006

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

Otoz zaczynam przygode z js i napotkalem kilka problemow:) Od razuproszeosoby odsylajace do manuala o nie zabieranie glosu, bo zawsze patrze tam zanim zadam pytanie
Otoz:
1) Czemu pod IE nie dziala jak trzeba...przeciez nie ma w tym niczego skomplikowanego:)

[PHP] pobierz, plaintext 
  1. <?php
  2. <script type="text/javascript">
  3.  
  4. window.onload = function() {
  5.  
  6. document.forms['formularz'].onkeyup = sprawdz;
  7.  
  8. }
  9.  
  10. function sprawdz() {
  11.  
  12. 	var elements = document.forms['formularz'].elements;
  13. 	for(var i=0;i<elements.length;i++) {
  14. 			if(elements[i].value.length == elements[i].getAttribute('maxlength'))
  15. 			elements[i+1].focus();
  16. 	}
  17.  
  18.  
  19. }
  20.  
  21. </script>
  22. ?>
[PHP] pobierz, plaintext


2) Czemu zwraca "undefined"?

[PHP] pobierz, plaintext 
  1. <?php
  2. <script type="text/javascript">
  3.  
  4. var i = 5;
  5.  
  6. window.onload = function() {
  7.  
  8.  
  9. var j;
  10.  
  11. if(j) {
  12. 	var i = 1;
  13. }
  14.  
  15. alert(i);
  16.  
  17. }
  18. </script>
  19. ?>
[PHP] pobierz, plaintext


3) Czemu nie mozna tak:)

[PHP] pobierz, plaintext 
  1. <?php
  2. <script type="text/javascript">
  3.  
  4. var i = document.getElementById('cos');
  5.  
  6. alert(i);
  7.  
  8. </script>
  9. ?>
[PHP] pobierz, plaintext


tylko trzeba tak:

[PHP] pobierz, plaintext 
  1. <?php
  2. <script type="text/javascript">
  3.  
  4. var i = document.getElementById('cos');
  5.  
  6. alert(i);
  7.  
  8. window.onload = function() {
  9.  
  10. var i = document.getElementById('cos');
  11.  
  12. alert(i);
  13.  
  14. }
  15.  
  16. </script>
  17. ?>
[PHP] pobierz, plaintext


dzieki za odpowiedzi!
Go to the top of the page
+Quote Post
abc667
post 18.08.2007, 16:19:42
Post #2





Grupa: Zarejestrowani
Postów: 229
Pomógł: 0
Dołączył: 29.05.2007

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

ad1.
bo to ie.
nie działa jak powinno tzn. co?

ad2.
wychodzi na to że js przesłania zmienną 'i' jej lokalnym odpowiednikiem już przy wejściu do funkcji jednak przez ifa zmienna nie zostaje zadeklarowana i dlatego undefined, usuń się var i będzie działać

ad3.
trzeba po onload bo jak weźmiesz od razu to dom może jeszcze nie być gotowy i element cos nie zostanie znaleziony
Go to the top of the page
+Quote Post
jjkk
post 18.08.2007, 16:55:53
Post #3





Grupa: Zarejestrowani
Postów: 38
Pomógł: 0
Dołączył: 18.05.2006

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

Cytat(abc667 @ 18.08.2007, 17:19:42 ) *
ad1.
bo to ie.
nie działa jak powinno tzn. co?


przy 3 i 4 inpucie zaczyna pisac do tylu:) (ie 5.5)

caly kod:
[PHP] pobierz, plaintext 
  1. <?php
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="pl-PL">
  4. <head>
  5. <title></title>
  6. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  7.  
  8.  
  9. <script type="text/javascript">
  10.  
  11. window.onload = function() {
  12.  
  13. document.forms['formularz'].onkeyup = sprawdz;
  14.  
  15. }
  16.  
  17. function sprawdz() {
  18.  
  19. 	var elements = document.forms['formularz'].elements;
  20. 	for(var i=0;i<elements.length;i++) {
  21. 			if(elements[i].value.length == elements[i].getAttribute('maxlength') && elements[i+1])
  22. 			elements[i+1].focus();
  23. 	}
  24.  
  25.  
  26. }
  27.  
  28.  
  29. </script>
  30.  
  31. </head>
  32. <body>
  33. 	<div>
  34. 		<form name="formularz">
  35. 		  <input type="text" name="jeden" maxlength="5" />
  36. 		  <input type="text" name="dwa" maxlength="5"  />
  37. 		  <input type="text" name="t" maxlength="5" />
  38. 		  <input type="text" name="c" maxlength="5"  />
  39. 		</form>
  40. 	</div>
  41. </body>
  42. </html>
  43. ?>
[PHP] pobierz, plaintext


Ten post edytował jjkk 18.08.2007, 16:58:46
Go to the top of the page
+Quote Post
jarrod
post 18.08.2007, 19:59:47
Post #4





Grupa: Zarejestrowani
Postów: 312
Pomógł: 9
Dołączył: 14.10.2006
Skąd: warszawa

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

Trochę nie tak zabrałeś się to tego zagadanienia.
Rozbudowałem trochę kod ale działa tak jak chcesz (tak myślę przynajmniej winksmiley.jpg

Sprawdzone pod IE 7.0.6, FF 2.0.6, Safari 3.0.3
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="pl-PL">
  2. <head>
  3. 	<title></title>
  4.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. 	<script type="text/javascript">
  6. 		window.onload = init;
  7. 		function init()
  8. 		{
  9. 			// do każdego elementu formularza dodajemy akcję onkeyup
  10. 			var elements = document.getElementById('formularz').elements;
  11. 			for( var i=0; i < elements.length; i++ ) 
  12. 			{
  13. 				elements[i].onkeyup = sprawdz;
  14. 			}
  15. 		}
  16. 		function sprawdz(e) 
  17. 		{
  18. 		    // nie wiadomo z którego pola wywołane jest zdarzenie więc należy się tego dowiedzieć
  19. 			var e = e || window.event;
  20. 			if (e.target) targ = e.target;
  21. 			else if (e.srcElement) targ = e.srcElement;
  22. 			if (targ.nodeType == 3) // defeat Safari bug
  23. 				targ = targ.parentNode;
  24.  
  25. 			if(targ.value.length == targ.getAttribute('maxlength') )
  26. 			{
  27. 				// zbieramy kolecję pól typu input w formularzu
  28. 				var pn_elements = targ.parentNode.childNodes;
  29. 				var elements = new Array();
  30. 				for( i=0; i<pn_elements.length; i++ )
  31. 				{
  32. 					if(pn_elements[i].nodeName == 'INPUT')
  33. 					{
  34. 						elements[elements.length] = pn_elements[i];
  35. 					}
  36. 				}
  37. 				// flaga określająca kiedy przechodzimy przez aktualnie edytowane pole podczas iteracji tablicy z inputami
  38. 				var start = false; 
  39. 				for( i=0; i<elements.length; i++ )
  40. 				{
  41. 					if(elements[i].name == targ.name)
  42. 						start = true; // od tego momentu startujemy
  43. 					else if ( start ) // można tutaj dodać warunek - && elements[i].value.length==0 - ale bez tego jest lepszy efekt
  44. 					{
  45. 						elements[i].focus();
  46. 						elements[i].select();
  47. 						break;
  48. 					}
  49. 				}
  50. 			}
  51. 		}
  52.     </script>
  53. </head>
  54. <body>
  55. 	<div>
  56.     	<form id="formularz">
  57.         	<input type="text" name="jeden" maxlength="5" /><br/>
  58.             <input type="text" name="dwa" maxlength="3"  /><br/>
  59.             <input type="text" name="t" maxlength="2" /><br/>
  60.             <input type="text" name="c" maxlength="5"  /><br/>
  61.         </form>
  62.     </div>
  63. </body>
  64. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
jjkk
post 19.08.2007, 09:06:34
Post #5





Grupa: Zarejestrowani
Postów: 38
Pomógł: 0
Dołączył: 18.05.2006

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

Dzieki jarrod! Przyznam, ze chcialem osiagnac dany efekt jak najmniejsza iloscia kodu:) napisaem, wlaczylem opere i dziala...wlaczylem ie no i to co napisalem wczesniej sie dzialo:) dzieki roznwiez za komentarze w kodzie, postudiuje moze nacucze sie czegos nowego:p pzdr
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · 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 Wersja Lo-Fi Aktualny czas: 7.07.2025 - 00:54
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn