Forum PHP.pl > [FF] Problem z podmianą źródła kodu JS

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [FF] Problem z podmianą źródła kodu JS

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

m.mix

7.11.2008, 08:45:16

Witam,
mam pewien problem z podmianą źródła kodu skryptu - żeby było jaśniej podam przykład:
plik test.php - jakiaś tam sobie stronka:

[HTML] pobierz, plaintext 
<html>
<body>
<script id=skrypt_java></script>
    <script id=skrypt_pom>
    function GenerujLink() {
        var dane=document.getElementById('pole').value;
        document.getElementById('skrypt_java').src='./skrypt.php?zmienna='+dane;
    }
    </script>
<input type=text id=pole>
<input type=button value=Wcisnij onclick="GenerujLink()">
</body>
</html>
[HTML] pobierz, plaintext

i drugi plik - który ma za zadanie wygenerować kod JS:

Kod

<?php
print("alert('Wpisales: ".$_GET[zmienna]."');");
?>

No i wszystko działa pięknie, ale tylko raz

tzn po naciśnięciu przycisku piękny alercik wyskakuje, ale juz po naciśnięciu drugi raz przeglądarka nie interpretuje kodu. O dziwo, w IE wszystko działa tak jak oczekuję, czyli za każdym razem na nowo generowany jest kod, przeglądarka go interpretuje i wyświetla alert. I teraz moje pytanie - jak zmusić FF żeby wykonał kod skryptu, który został podmieniony??

Będę wdzięczny za szybką odpowiedź

bregovic

7.11.2008, 10:59:52

Pfffft... na twoim miejscu odpuściłbym sobie ten koszmarek, i zainteresował się np jQuery.getScript...

m.mix

7.11.2008, 11:28:54

No tak, z tym że to jest tylko przykład żeby było wiadomo o co chodzi.. w swoim projekcie ten zagnieżdżony skrypt przetwarza mi informacje z bazy danych, generuje mnóstwo obiektów i w ogóle jest mocno rozbudowany - stąd POTRZEBUJE żeby był generowany przez php

mike

7.11.2008, 11:32:34

A skąd przeglądarka ma wiedzieć, że to jest JavaScript? Wyślij odpowiednie nagłówki za pomocą header()

m.mix

7.11.2008, 12:10:11

Niestety, dodanie nagłówka funkcją header("Content-type: text/javascript"); nic nie daje

FF po prostu go drugi raz nie odpala.. link ze źródłem skryptu się ładnie zmienia, bo podglądam FireBug'iem, ale nic się nie dzieje

bregovic

7.11.2008, 18:27:26

Mix, zamknij oczy, wejdź na skrzynię, i popatrz na twój problem. Co, w moim rozwiązaniu, uniemożliwia generację twojego pliku przez php? Generacja to przecież nie twój problem. Twój problem to dynamiczne ściąganie i wykonywanie kodu w przeglądarce - a przynajmniej tak to prezentujesz. Aby rozwiązać ten problem poważnie, musisz modyfikować DOM (dodać element, ustawić właściwości etc) lub użyć XMLHTTPRequest, popularnie zwanego AJAX'em.

Poza tym, powinieneś pewnie ustawić odpowiednie header'y żeby się twój script nie chache'ował.

[PHP] pobierz, plaintext 
<?php
header("Cache-Control: no-cache, must-revalidate");
header("Expires: Sat, 26 Jul 1997 05:00:00 GMT");
?>
[PHP] pobierz, plaintext

m.mix

17.11.2008, 08:55:37

Przepraszam wszystkich że dopiero teraz odpisuję, ale przez cały tydzień nie miałem dostępu do sieci.
jQuery.getScript() faktycznie pomogło, skrypt wykonuje się poprawnie, chociaż nie lubię używać narzędzi których sam do końca nie poznam (ale niestety nie bardzo mam czas na szukanie czegoś innego, więc na razie przynajmniej niech tak zostanie - jak się douczę to albo zamienie go na coś swojego albo przekonam się że nie ma się tu czego bać

).
Ale problem pozostaje - dziwi mnie dlaczego przeglądarka nie wykonuje tego podmienionego kodu - przecież w linii
Cytat

document.getElementById('skrypt_java').src='./skrypt.php?zmienna='+dane;

modyfikuję obiekt DOM - zmieniam jego źródło. Brakuje mi tutaj jakiejś komendy "execute" żeby teraz zmusić przeglądarkę aby ponownie przejrzała obiekty i zachowała się zgodnie z oczekiwaniami. Przecież na zmianę innych parametrów typu rozmiary czy kolory DIVów reaguje zawsze bez zwlekania :-/ No i najdziewniejsze że właśnie IE działa tutaj bez problemów

ale to pewnie dowodzi tylo że twórcy z Redmond w taki sam wypaczony sposób jak ja parzą na świat DOM

Tak czy inaczej jeżeli ktoś ma problemy podobne do mnie to działający sposób przedstawiam poniżej:

[HTML] pobierz, plaintext 
<html>
<body>
<script src="http://code.jquery.com/jquery-latest.js"></script>
    <script id=skrypt_pom>
    function GenerujLink() {
        var dane=document.getElementById('pole').value;
        $.getScript('./skrypt.php?zmienna='+dane);
    }
    </script>
<input type=text id=pole>
<input type=button value=Wcisnij onclick="GenerujLink()">
</body>
</html>
[HTML] pobierz, plaintext

bregovic

18.11.2008, 06:23:28

Trochę grzebania mówi mi że powinieneś zerknąć na jQuery, nie skompresowane, linia 2660. Dla każdego skryptu który ściągasz, tworzą nowy element script, dodają go do head (z odpowiednim src) i usuwają gdy się załaduje.
Dla potomnych:

[PHP] pobierz, plaintext 
<?php
var head = document.getElementsByTagName("head")[0];
var script = document.createElement("script");
script.src = s.url;
if (s.scriptCharset)
    script.charset = s.scriptCharset;
 
// Handle Script loading
if ( !jsonp ) {
    var done = false;
 
    // Attach handlers for all browsers
    script.onload = script.onreadystatechange = function(){
        if ( !done && (!this.readyState ||
                this.readyState == "loaded" || this.readyState == "complete") ) {
            done = true;
            success();
            complete();
            head.removeChild( script );
        }
    };
}
 
head.appendChild(script);
?>
[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.