[js] dynamiczna zmiana obrazka Opcje

[-Wieviór-]

Chciałem, żeby przy wpisaniu wartości do inputa, adres obrazka, który jest obok - automatycznie się zmieniał.

Wymyśliłem coś takiego:

[HTML] pobierz, plaintext 
<script type="text/javascript">
 
function zmien(aform){
 
aform.obrazek.value = aform.klik.value
 
}
</script>
<form action="a.php" name="xxx">
<INPUT TYPE="text" NAME="klik" onKeyUp="zmien(xxx);">
<INPUT TYPE="text" NAME="obrazek">
<img NAME="obrazek" src="obrazek">
 
</form>
[HTML] pobierz, plaintext 

Ale to nie zmienia nic przy obrazku...

[artur81]

no ok, to mniej więcej powinno być, tak
1. pobierz sobie advAjax i podczep go na stronę
2. kod

[HTML] pobierz, plaintext 
<script type="text/javascript">
 
function zmien(nazwa){
{
var adres = "obrazek.php?nazwa="+nazwa;
advAJAX.get({
url: adres,
onLoading:function(obj) {document.getElementById("obrazek").innerHTML='Ładowanie...'; },
onSuccess:function(obj) { document.getElementById("obrazek").innerHTML=obj.responseText; },
onError:function(obj) {alert(obj.responseText); }
});
}
 
</script>
<form action="a.php" name="xxx">
<INPUT TYPE="text" NAME="obrazek" onKeyUp="zmien(this.value;)">
<div id="obrazek"></div>
 
</form>
[HTML] pobierz, plaintext 

kod pliku obrazek.php

[PHP] pobierz, plaintext 
<?php
$nazwa=$_GET['nazwa'];
$path ='www.twojadomena.pl/sciezka_do_katalogu_gdzie_sa_obrazki';
echo '<img name="obrazek" src="'.$path.'/'.$nazwa.'">';
?>
[PHP] pobierz, plaintext 

Tak na szybko ale powinno działać, załaduje Ci to obrazek którego nazwę wpiszesz w input do diva od id = obrazek

Ten post edytował artur81 30.09.2006, 09:30:56