Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> JS w nagłówku strony, a ładowanie pliku do DIV
beny2k
post
Post #1





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 9.02.2010

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

Witam serdecznie...

Mam pewien mały problem...
Znalazłem w miarę fajny skrypt na autouzupełnianie w polu input. Działa on w przypadku gdy strona jest ładowana wraz z tym formularzem. Natomiast w przypadku, gdy za pomocą XMLHttpRequest ładuje plik php do div'a, w którym to pliku php znajduje się owy formularz to już nie działa. Domyślam się że może być to problem ze skryptem JS który jest w nagłówku strony, a który po załadowaniu całej strony działa natomiast gdy do div'a wrzucam poprzez XMLHttpRequest plik php z tym samym formularzem już nie... Poniżej dołączam kod...

index.php
[HTML] pobierz, plaintext 
  1. <html lang="pl">
  2. <head>
  3.    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  4.  
  5. 	<link rel="stylesheet" href="style.css" type="text/css">
  6. 	<link rel="stylesheet" href="jquery-autocomplete/jquery.autocomplete.css" type="text/css" />
  7. 	<script type="text/javascript" src="jsfunc.js"></script>
  8. 	<script type="text/javascript" src="jquery-autocomplete/lib/jquery.js"></script>
  9. 	<script type="text/javascript" src="jquery-autocomplete/lib/jquery.bgiframe.min.js"></script>
  10.         <script type="text/javascript" src="jquery-autocomplete/jquery.autocomplete.js"></script>
  11.  
  12. //owy skrypt który w moim mniemaniu nie działa...
  13.   <script type="text/javascript">
  14. 			$(document).ready( 
  15. 			function(){
  16. 				$("input#urzadzenia").autocomplete("jq_urzadzenia.php", {
  17. 					width: 200,
  18. 					max: 10,
  19. 					selectFirst: false,
  20. 					cacheLength: 1
  21. 				});
  22. 			}
  23. 		);
  24. 	</script>
  25. </head>
  26.  
  27. <body>
  28. <div id="naglowek"></div>
  29.  
  30. <div id="menu">
  31.     <div id="submenu">
  32.        <div style="margin-left: 15px; padding: 4px;"><a style="color: black;" href="#" onclick="getMsg('crm.php', 'kontener')">CRM</A></div>
  33.     </div>
  34. </div>
  35.  
  36. //Tutaj do tego diva wrzucany jest plik php z formularzem
  37. <div id="kontener"></div>
[HTML] pobierz, plaintext


Poniżej plik z formularzem:
[HTML] pobierz, plaintext 
  1. <form action="" method="post" name="ankieta">
  2.    <table>
  3.        <tr>
  4. 	   <th colspan="2"> Formularz z podpowiedziami</th>
  5.        </tr>
  6.        <tr>
  7. 	   <td class="r">Urządzenia</td>
  8.            <td class="l">	<input type="text" name="urzadzenia" id="urzadzenia" onblur="$('input#urzadzenia').search();"></td>
  9.        </tr>
  10.        <tr>
  11.           <th>&nbsp;</th>
  12. 	  <th> <input type="submit" value="Akceptuj" class="submit"> </th>
  13.        </tr>
  14.    </table>
  15. </form>
[HTML] pobierz, plaintext


JS z nawigacją znajdujący się w pliku jsfunc.js
[HTML] pobierz, plaintext 
  1. var ObiektXMLHttp = false;
  2. if (window.XMLHttpRequest) {
  3. 	ObiektXMLHttp = new XMLHttpRequest();
  4. } else if (window.ActiveXObject) {
  5. 	ObiektXMLHttp = new ActiveXObject("Microsoft.XMLHTTP");
  6. }
  7. function getMsg(src, content)
  8. {
  9. 	if(ObiektXMLHttp) 
  10. 	{
  11. 		ObiektXMLHttp.open("POST", src); 
  12. 		ObiektXMLHttp.onreadystatechange = function()
  13. 		{
  14. 			if (ObiektXMLHttp.readyState == 4) 
  15. 				{document.getElementById(content).innerHTML = ObiektXMLHttp.responseText;}
  16. 		}
  17. 		ObiektXMLHttp.send(null);
  18. 	}
  19. }
[HTML] pobierz, plaintext


I do tego jest oczywiście plik jq_urzadzenia.php który wyciąga odpowiednie dane z bazy pomijam go z racji tego iż nie powinien on w żaden sposób przeszkadzać...

Proszę o podpowiedź co mogę zrobić by ten skrypt JS zadziałał w nagłówku... oraz proszę o wyrozumiałość bo nie jestem ekspertem w tym temacie (IMG:style_emoticons/default/smile.gif)

Pozdrawiam
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
p10
post
Post #2





Grupa: Zarejestrowani
Postów: 8
Pomógł: 2
Dołączył: 23.04.2009

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

kiedy wywolujesz:
$("input#urzadzenia").autocomplete( ... )

jquery przeszukuje drzewo dom w poszukiwaniu tego inputa i go nie znajduje. ty go dołączasz do drzewa dopiero później - w tym miejscu:
document.getElementById(content).innerHTML = ObiektXMLHttp.responseText;

wniosek:
uruchom autocompliter po dodaniu formularza do dokumentu.
Go to the top of the page
+Quote Post

Posty w temacie
- beny2k   JS w nagłówku strony, a ładowanie pliku do DIV   28.02.2010, 19:47:01
- - p10   kiedy wywolujesz: $("input#urzadzenia...   6.03.2011, 20:19:07

« Następny starszy · AJAX · 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: 11.06.2026 - 05:10
Powered By IP.Board © 2026  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn