Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> kilka spraw zwiazanych z js
jjkk
post
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
 
 Start new topic
Odpowiedzi
jarrod
post
Post #2





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 (IMG:http://forum.php.pl/style_emoticons/default/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

Posty w temacie
- jjkk   kilka spraw zwiazanych z js   18.08.2007, 16:09:14
- - abc667   ad1. bo to ie. nie działa jak powinno tzn. co? a...   18.08.2007, 16:19:42
|- - jjkk   Cytat(abc667 @ 18.08.2007, 17:19:42 )...   18.08.2007, 16:55:53
- - jarrod   Trochę nie tak zabrałeś się to tego zagadanienia. ...   18.08.2007, 19:59:47
- - jjkk   Dzieki jarrod! Przyznam, ze chcialem osiagnac ...   19.08.2007, 09:06:34

« Następny starszy · JavaScript · 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: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

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

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