Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: javascript w generowanym formularzu
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
borpaw
13.07.2010, 11:07:36

Jak zrobić żeby w tak generowanym formularzu zadziałała obsługa javascript?
Formularz się generuje prawidłowo ale javascript w nim nie działa

<html>

<head>

<script type="text/javascript">


$().ready
(

function()
{


$(\"#airports\").focus().autocomplete(\"../register_user/airports_li.php\", {

width: 180,
selectFirst: true,
max:200,
delay: 100,

formatItem: function(row, i, max) { return row[0];
},

formatMatch: function(row, i, max) {
return row[0];
},

formatResult: function(row) {
return row[0];
}
}).result( function(event, data, formatted) { $(\"#country\").val(data[1]); } );


}

)
</script>

</head>

<body>

<?php


$airports = "";
$airports = $_POST["airports"];

echo "<table border='0'>";
echo "<tr>";
echo "<td style='width:180px;'>";
echo "<span class='tekst_login'>Your home base ICAO code:</span>";
echo "</td>";
echo "<td>";

echo "<input type='text' id='airports' name='airports' style='width:180px' value='$airports'
maxlength=4 onkeyup=\"this.value = this.value.toUpperCase()\"></input>";




echo "<input type='text' id='country' name='country' style='width:200px' READONLY></input>";

echo "</td>";

echo "</table>";

?>

</body>
</html>
erix
13.07.2010, 12:19:32
  1. bbcode, bo się nie da tego czytać
  2. puść gdzieś to na żywo, bo wątpię, aby ktoś specjalnie kopiował do siebie i sprawdzał
borpaw
13.07.2010, 13:22:45
to może inaczej, generuje jakiegoś inputa o nazwie "test" i chcę zrobić tak aby na docelowej stronie była dla niego obsługa javascript tyle tylko że jak napisze obsługe na stronie docelowej to kod jawy nie zwiąże się z inputem którego jeszcze nie ma. próbowałem jQuery live 

[HTML] pobierz, plaintext 
  1.  
  2.     $('#test').live('click', function() {
  3. 	 $('#test').val('cos tam'); 
  4.     });
  5.  
[HTML] pobierz, plaintext


ale chodzi mi to żeby input dostał obsługę zaraz po pojawieniu się na stronie docelowej a nie po kliknięciu
wookieb
13.07.2010, 13:24:39
http://docs.jquery.com/Tutorials:Introduci...%29.ready%28%29
I broń boże nie mów JAVA na JavaScript
borpaw
13.07.2010, 13:31:33
czy to się uruchamia za każdym razem jak sie zmieni zawartość strony?

kolejność jest taka
1) na stronie pojawia sie formularz
2) po wykonaniu jakiejś akcji pojawiają sie dodatkowe pola i to dla nich ma być obsługa zrobiona dynamicznie
wookieb
13.07.2010, 13:36:07
A to teraz jest bardziej jasne.
Musisz w takim wypadku dodać kod obsługi formularza w momencie
Cytat
1) na stronie pojawia sie formularz

Niestety nie widzę czegoś takiego w twoim kodzie.
borpaw
13.07.2010, 13:49:05
no ale jak?
wookieb
13.07.2010, 13:54:39
Kompletnie się nie rozumiemy. To co masz to jakiś autocompleter a ty mówisz o pojawiających się formularzach (których nie widzimy) i o rzeczach które chcesz zrobić (a których nawet nie masz).
Więc napisz wszystko jeszcze raz od początku, jasno krok po kroku.
borpaw
13.07.2010, 13:59:28

To jeszcze raz

kolejność jest taka
1) na stronie pojawia sie formularz
2) po wykonaniu jakiejś akcji pojawiają sie dodatkowe pola i to dla nich ma być obsługa zrobiona dynamicznie

TĄ OBSŁUGĄ JEST AUTOCOMPLETE DLA INPUTA, KTÓRY JEST DODANY NA STRONE DYNAMICZNIE Z PLIKU PHP PRZEZ AJAXA
wookieb
13.07.2010, 14:03:57
Pojawia się formularz tzn? ładujesz go ajaxem czy jak?
Zresztą obojętnie czy ładujesz ajaxem czy nie przenieś kod z funkcji ready() ZA formularz

pseudoe kod
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. ready(function()
  3. {
  4. // twoj kod
  5. })
  6. </script>
  7.  
  8. // formularz
[HTML] pobierz, plaintext


na 
[HTML] pobierz, plaintext 
  1. //formularz
  2. <script type="text/javascript">
  3. // twoj kod
  4. </script>
[HTML] pobierz, plaintext
borpaw
13.07.2010, 14:04:45
tak
erix
13.07.2010, 14:17:10
No to nie możesz zmodyfikować metody, która wstrzykuje formularz do kodu?
borpaw
13.07.2010, 19:03:48
Robiłem to tak i to działa ale nie chce obsługi na onClick tylko żeby input dostał tą obsługe bez żadnych akcji dodatkowych dlatego że jak przejedziesz formularz tabulatorem to absługa nie zadziała a ma zadziałać

[PHP] pobierz, plaintext 
  1.  
  2.  echo "<input type='text' id='airline' name='airline' style='width:387px' value='$airline' onclick=
  3. 			     '				 
  4. 				 $().ready 
  5. 				 ( 				    
  6. 					function() 
  7. 					{ 			
  8. 					   if(trim($(\"#airline\").val()) == \"-  Airline  -\")
  9. 					   {
  10. 					      $(\"#airline\").val(\"\");	   
  11. 					   }; 	  
  12. 					   $(\"#airline\").focus().autocomplete(\"../register_user/airline_li.php\", { max:200, delay: 100 } ) 
  13. 					} 
  14. 				  )' 
  15.  
  16. 				 onblur=
  17. 				 '				 			 			 
  18. 				 $().ready 
  19. 				 ( 				    
  20. 					function() 
  21. 					{ 
  22.  
  23. 					   if(trim($(\"#airline\").val()) == \"\")
  24. 					   {
  25. 					     $(\"#airline\").val(\"-  Airline  -\");
  26. 					   }	 
  27.  
  28. 					}	
  29. 				 )'				
  30.  
  31. 				 > 
  32. 				 </input>";					
  33.  
[PHP] pobierz, plaintext


Cytat(wookieb @ 13.07.2010, 15:03:57 ) *
Pojawia się formularz tzn? ładujesz go ajaxem czy jak?
Zresztą obojętnie czy ładujesz ajaxem czy nie przenieś kod z funkcji ready() ZA formularz

pseudoe kod
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. ready(function()
  3. {
  4. // twoj kod
  5. })
  6. </script>
  7.  
  8. // formularz
[HTML] pobierz, plaintext


na 
[HTML] pobierz, plaintext 
  1. //formularz
  2. <script type="text/javascript">
  3. // twoj kod
  4. </script>
[HTML] pobierz, plaintext



wstawiam obsługę na końcu pliku i obsługa nie działa

[PHP] pobierz, plaintext 
  1.  
  2.  <script type="text/javascript">
  3.  
  4. 				 $().ready 
  5. 				 ( 				    
  6. 					function() 
  7. 					{ 			
  8. 					   $("#airline").focus().autocomplete("../register_user/airline_li.php", { max:200 } ) 
  9. 					} 
  10. 				  );
  11. </script>
  12.  
[PHP] pobierz, plaintext
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.