Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript]Przeładowanie strony
arzach
post 6.08.2011, 19:25:25
Post #1





Grupa: Zarejestrowani
Postów: 332
Pomógł: 6
Dołączył: 27.11.2008

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

Jak zrobić coś na zasadzie 
[HTML] pobierz, plaintext 
  1. onchange='self.location.href = 'strona.php?news_id=1'
[HTML] pobierz, plaintext


Tylko na 
[HTML] pobierz, plaintext 
  1. <input id="target" type="text"/>
[HTML] pobierz, plaintext


ale tak by gdy zmieni się wartość w polu np wpisze 1 to strona się przeładuje

Najlepiej z wykorzystaniem jquery

Nie wiem które zdarzenie js za to odpowiada

Ten post edytował arzach 6.08.2011, 19:25:57
Go to the top of the page
+Quote Post
CuteOne
post 6.08.2011, 20:19:00
Post #2





Grupa: Zarejestrowani
Postów: 2 958
Pomógł: 574
Dołączył: 23.09.2008
Skąd: wiesz, że tu jestem?

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

onkeyup / onkeydown
Go to the top of the page
+Quote Post
#luq
post 7.08.2011, 09:15:56
Post #3





Grupa: Zarejestrowani
Postów: 589
Pomógł: 91
Dołączył: 22.05.2008
Skąd: Gliwice

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

Raczej event onchange bo jak wpiszesz "12"... smile.gif


--------------------
Moja gra - scraby.io
Go to the top of the page
+Quote Post
arzach
post 7.08.2011, 14:15:40
Post #4





Grupa: Zarejestrowani
Postów: 332
Pomógł: 6
Dołączył: 27.11.2008

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

Mam coś takiego
[JAVASCRIPT] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>  
  4. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  5.  
  6. <script type="text/javascript">
  7. $(document).ready(function() {
  8.   $("#mecz").change( function() { 
  9.  
  10.     var mecz = ($(this).val());
  11.  
  12.       alert(mecz); 
  13.  
  14.   });
  15. });
  16.  
  17. </script>
  18. </head>
  19.  
  20. <body>  
  21. <input id="mecz" type="text" />
  22.  
  23. </body>
  24. </html>
[JAVASCRIPT] pobierz, plaintext


I działa a potrzebuje sprawdzić czy wartość wpisana w input jest liczbą w php jest is_int a w js questionmark.gif?

Ten post edytował arzach 7.08.2011, 14:25:25
Go to the top of the page
+Quote Post
mortus
post 7.08.2011, 14:28:47
Post #5





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

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

[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. $(document).ready(function() {
  3.  $("#mecz").change( function() {
  4.  
  5.   var mecz = $(this).val());
  6.  
  7.   if(isInt(mecz)){
  8.     alert(($(this).val()));
  9.   }
  10.  
  11.   });
  12. });
  13. </script>
[HTML] pobierz, plaintext

Zdarzenie change zadziała dopiero po opuszczeniu pola tekstowego, np. poprzez kliknięcie na wolny obszar strony.
Cytat
For select boxes, checkboxes, and radio buttons, the event is fired immediately when the user makes a selection with the mouse, but for the other element types the event is deferred until the element loses focus. (z jQuery.change())

Nazwa funkcji to chyba isInt(), a nie isint().

@up Zdążyłeś przede mną.

Ten post edytował mortus 7.08.2011, 14:32:56
Go to the top of the page
+Quote Post
arzach
post 7.08.2011, 14:48:28
Post #6





Grupa: Zarejestrowani
Postów: 332
Pomógł: 6
Dołączył: 27.11.2008

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

Ja potrzebuje wtedy kiedy wpiszę nowa liczbe w input
Mam teraz
[JAVASCRIPT] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>  
  4. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  5.  
  6. <script type="text/javascript">
  7. $(document).ready(function() {
  8.   $('#mecz').keyup(function(event) { 
  9.  
  10.     var mecz = ($(this).val());
  11.  
  12.       alert(mecz);
  13.  
  14.   });
  15. });
  16.  
  17. </script>
  18. </head>
  19.  
  20. <body>  
  21. <input id="mecz" type="text" value="0" />
  22.  
  23. </body>
  24. </html>
[JAVASCRIPT] pobierz, plaintext


I działa ale nawet wtedy kiedy wykasuje liczbę Backspace a ja potrzebuje tylko wtedy kiedy wpisze nowa liczbę.

Potrzebne mi to będzie do tego by dodawać dynamicznie tyle nowych pól input ile wpiszę

Dobra poradziłem sobie 
[JAVASCRIPT] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>  
  4. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  5.  
  6. <script type="text/javascript">
  7. $(document).ready(function() {
  8.   $('#mecz').keyup(function(event) { 
  9.  
  10.     if (event.keyCode != '8') {
  11.  
  12.       var mecz = ($(this).val());
  13.  
  14.       alert(mecz);
  15.  
  16.     }
  17.  
  18.   });
  19. });
  20.  
  21. </script>
  22. </head>
  23.  
  24. <body>  
  25. <input id="mecz" type="text" value="0" />
  26.  
  27. </body>
  28. </html>
[JAVASCRIPT] pobierz, plaintext


Ale potrzebuje teraz sprawdzić czy wpisana liczba jest liczbą całkowitą

Ten post edytował arzach 7.08.2011, 14:40:52
Go to the top of the page
+Quote Post
mortus
post 7.08.2011, 14:57:28
Post #7





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

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

Trzeba sobie funkcję napisać:
[JAVASCRIPT] pobierz, plaintext 
  1. function isInt(x) {
  2.   var y=parseInt(x);
  3.   if (isNaN(y)) return false;
  4.   return x==y && x.toString()==y.toString();
  5. }
[JAVASCRIPT] pobierz, plaintext
Go to the top of the page
+Quote Post
arzach
post 7.08.2011, 15:07:35
Post #8





Grupa: Zarejestrowani
Postów: 332
Pomógł: 6
Dołączył: 27.11.2008

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

Teraz mam taki kod
[JAVASCRIPT] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>  
  4. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  5.  
  6. <script type="text/javascript">
  7.  
  8.  
  9. function isInt(x) {
  10.   var y=parseInt(x);
  11.   if (isNaN(y)) return false;
  12.   return x==y && x.toString()==y.toString();
  13. }
  14.  
  15. $(document).ready(function() {
  16.   $('#mecz').keyup(function(event) { 
  17.  
  18.     if (event.keyCode != '8') {
  19.       var mecz = ($(this).val());
  20.  
  21.         if(isInt(mecz)) {
  22.  
  23.           for (i=1;i<=mecz;i++){
  24.  
  25.             $("table").append("<tr><td>test</td></tr>");
  26.  
  27.           }
  28.  
  29.         }
  30.  
  31.     }
  32.  
  33.   });
  34. });
  35.  
  36. </script>
  37. </head>
  38.  
  39. <body>  
  40. <input id="mecz" type="text" value="0" />
  41.  
  42. <table></table>
  43.  
  44. </body>
  45. </html>
[JAVASCRIPT] pobierz, plaintext


I wszystko działa ale nie do końca tak jak chce gdy wpisze 2 utworzy 2 wiersze w tabeli ale gdy potem wpisze 3 to dodaj mi do tych już utworzonych a chce by wpisze 2 ma utworzyć 2 wiersze w tabeli ale gdy potem zmienię na 3 to ma utworzyć 3 a nie dodawać do siebie za każdym razem jak to zrobić proszę o pomoc ?
Go to the top of the page
+Quote Post
amii
post 7.08.2011, 15:48:02
Post #9





Grupa: Zarejestrowani
Postów: 728
Pomógł: 76
Dołączył: 12.06.2009

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

Wrzuć przed for usuwanie wszystkich podrzędnych elementów tabeli
$("table tr").remove();


--------------------
gry flash online
Dobry hosting i tanie odnowienia domen firma: masternet.
Zarabianie bez wysiłku na domenach bez ruchu: prolink.
Go to the top of the page
+Quote Post
kamil4u
post 7.08.2011, 16:25:52
Post #10





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

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

Nie czytałem całego wątku, ale kod na sprawdzenie czy liczba jest int to wystarczy:
Kod
function isIntVal(x){return~~x===x}

W Twoim wypadku zastosuj tylko
Kod
function isIntVal(x){return~~x==x} //są tylko 2 "="
, bo Twoja liczba to w rzeczywistości tekst.
~ jest negacją bitową w JS, ~~ służy do szybkiej zamiany na int - takie parseInt

Kod stąd: http://forum.webhelp.pl/javascript/ciekawe...nia-t49093.html


--------------------
>>> iPage.pl - JS, HTML5, CSS3, Android - moja oferta
>>> myPrzepis.pl - blog kulinarny
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 Wersja Lo-Fi Aktualny czas: 21.05.2025 - 07:19
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn