Forum PHP.pl

Witam wszystkich.

Mam zrobioną stronkę, która cała korzysta z technologii Ajax. Używam do obsługi Prototype. Przeładowuje mi się cały czas kontener main i wszystko gra:)

Chciałem teraz na jeden z podstron która tez jest generowana Ajaxowo wsadzić do jednego pola autocomplete z jQuery. Wcześniej już takie rzeczy robiłem, łatwe proste i przyjemne. Ale miałem wszystkie pola na stałe. Teraz jak użyję:

[PHP] pobierz, plaintext 
$(document).ready(function()
{
 
    $('#wyszukaj').autocomplete(
    {
        source: "search.php",
        minLength: 2,
		select: function( event, ui ) {
 
			}
    });
});
[PHP] pobierz, plaintext 

No to tego elementu nie ma przy ładowaniu strony. Próbowałem w tym htmlu geenrowanym przez php (ajaxowo) wsadzić w znaczniki <script></script> to samo, ale nie odpala się ten skrypt w ogóle. Jak dałem tam alert('cos'); to sie nie wyswietla.

Czy mozecie mi pomoc gdzie wstawić kod JS do autocomplete aby zadziałało? Dzięki

Daj link do demo( uproszczona wersja strony ).
I link do drugiego demo z alertem.

adres: http://chris.vot.pl/test/1.php

Pliki:
1.php:

[PHP] pobierz, plaintext 
<a href="java script: generuj()">Generuj ajax</a>
 
<div id="main"></div>
 
<div id="cos"><input type="text" id="wyszukaj1"/></div>
[PHP] pobierz, plaintext 

2.php

[PHP] pobierz, plaintext 
<script type="text/javascript" src="js1.js"></script>
Wygenerowane ajaxowo!
<br>
<input type="text" id="wyszukaj2" />Tutaj już nie da się włączyć autocomplete
<br><br><br>
<script type="text/javascript">
alert('alert');
</script>
[PHP] pobierz, plaintext 

js.js

[PHP] pobierz, plaintext 
function generuj(){
 
var pars = '';
 
 
new Ajax.Updater(
			'main', 
			'2.php', 
			{method: 'post'
			});
}
 
jQuery(document).ready(function()
{
 
    jQuery('#wyszukaj1').autocomplete(
    {
        source: "search.php",
        minLength: 2,
		select: function( event, ui ) {
 
			}
    });
 
});
[PHP] pobierz, plaintext 

js1.js

[PHP] pobierz, plaintext 
// JavaScript Document
jQuery(document).ready(function()
{
 
 
	jQuery('#wyszukaj2').autocomplete(
    {
        source: "search.php",
        minLength: 2,
		select: function( event, ui ) {
 
			}
    });
});
[PHP] pobierz, plaintext 

Jak widać w 1.php ładnie autouzupełnia. Jak klikniemy, to pobiera ajaxowo tresc strony z drugim wyszukaj, ale tam to już nie działa. Dołożyłem jeszcze specjalnie wszystnie skrypty w tym 2.php ale i tak jest kicha;/ Nie wyświetla się ani alert ani nie działa autocomplete. Jak wejdziemy bezpośrednio w 2.php, to wyświetla się alert + autocomplete działa.

próbowałem jeszcze na zdarzeniu onComplete, ale tez nie z tego, bo to się wykonuje przed wysłaniem danych do okna, a wtedy nie ma jeszcze elementów na stronie, no to nie można się odwołać do elementu którego nie ma. Jeszcze próbowałem kilka innych sposobów, ale o to chodzi, że po załadowaniu strony pobranej z ajaxem żaden JS się nie wykonuje;/

Mam nadzieje że nie zamieszałem za dużo:)

Teraz na reszcie zrozumiałem problem (IMG:style_emoticons/default/smile.gif)

Rozwiązania jednak nie znam. Znaczy muszę się pobawić metodą prób i błędów, bo tak najłatwiej. Jak możesz przygotuj jakiś plik zip czy rar i go gdzieś umieść, żebym tylko rozpakował i mógł się "bawić" - teraz nie mam pliku form.php .

Takie pomysły "na szybko", które możesz jeszcze wypróbować sam:
1. Usuń zdarzenie jQuery(document).ready(function() w 2.php
2. Wykorzystaj właśnie zdarzenie oncomplete w new Ajax.Updater( a w nim umieść kod z pliku 2.php -> JS oczywiście

Nie znam w ogóle Prototype, ale jeśli będę mógł się pobawić samemu w kodzie to myślę, że bez problemu nam się uda osiągnąć zamierzony efekt (IMG:style_emoticons/default/smile.gif)

http://chris.vot.pl/test.rar

1. próbowałem w sumie to dołożyłem przed samym wysłaniem, bo mi wpadło go głowy
2. onComlete jak pisałem wykonuje się przed wyświetleniem w przeglądarce, czyli te elementy jeszcze nie istnieją i nie mogę się do nich odwołać

No działa. To nie wiem czemu mi przedtem nie działało ;/ Dzięki wielkie!