Forum PHP.pl > onchange i skrypt w innym pliku

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: onchange i skrypt w innym pliku

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

clansman5

25.12.2006, 12:13:53

Potrzebuje wygenerowac skrypt JS za pomoca php i wykonac go w zdarzeniu onchange. Przeprowadzam proste proby i nawet najprostszy kod nie chce mi dzialac:

[HTML] pobierz, plaintext 
<table cellspacing="2">
 
	<script id="skrypt" type="text/javascript" src=""></script>
 
	<tr><td>Katalog:</td></tr>
	<tr><td>
		<select id="dir_sel" name="katalog" onchange="document.getElementById('skrypt').src='makejs.php';">
			<option value="kat1">katalog1</option>
			<option value="kat2">katalog2</option>
		</select>
	</td></tr>
</table>
[HTML] pobierz, plaintext

A oto makejs.php

[HTML] pobierz, plaintext 
window.alert('hello from makejs.php');
[HTML] pobierz, plaintext

Dlaczego to nie dziala? Jezeli na sztywno w <script id="skrypt" type="text/javascript" src=""> w src wpisze makejs.php to dziala. Za pomoca zdarzenia onchange ANI RAZU nie udalo mi sie wywolac skryptu z pliku makejs.php.

Zajec

25.12.2006, 18:25:01

Po pierwsze, zastanawiam się, czy src nie jest czasarmi atrybutem read only?

Po drugie, zmieniasz src elementu, przez który parser przegladarki już przeszedł. Więc zmiana src chyba nie spowoduje ponownego wykonania dokumentu, który się znajduje w ładowanym przez src pliku.

Jakbym to rozwiązał:

W onchange umieszczasz skrypt JS, który:
1) tworzy nowy element <script> (document.createElement)
2) ustawia temu elementowi atrybut src (na makejs.php)
3) osadza stworzony element w body (appendChild)

Jeśli i to by nie zadziałało, to spróbuj jeszcze kod z makejs.php umieścić w funkcji, którą wywyołasz także w onchange. Na przykład:

Kod

function testowa()
alert('hello from makejs.php');
}

Kod

onchange="..... testowa();"

clansman5

25.12.2006, 23:24:58

dzieki, sprawdze to. Po dalszych testach mojego skryptu okazalo sie, ze na IE dziala a na FF nie. Przetestuje Twoja metode i poinformuje o rezultatach

---------------EDIT-------------------
Jestem juz po testach, wielkie dzieki za pomoc, przedstawiony przez Ciebie sposob dziala. A dzialajace rozwiazanie jest nastepujace:

[HTML] pobierz, plaintext 
<html>
<head>
 
<script type="text/javascript">
 
function create()
{
	var skrypt = document.createElement("script");
	skrypt.id = "moj_skrypt";
	skrypt.src = "makejs.php";
	document.body.appendChild(skrypt);
}
 
</script>
 
</head>
<body>
 
 
<table cellspacing="2">
 
	<tr><td>Katalog:</td></tr>
	<tr><td>
		<select id="dir_sel" name="katalog" onchange="java script:create();">
			<option value="kat1">katalog1</option>
			<option value="kat2">katalog2</option>
		</select>
	</td></tr>
</table>
 
</body>
</html>
[HTML] pobierz, plaintext

Zajec

26.12.2006, 09:50:09

Cieszę się, że pomogłem :-)

Zauważ tylko jeszcze, że kod umieszczany w onchange jest automatycznie interpretowany jako kod JS. Nie trzeba więc już tam używać pseudoptorokołu javascript. Wystarczy samo

Kod

onchange="create();"

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.