Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js] dynamiczna zmiana obrazka
Forum PHP.pl > Forum > Przedszkole
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:

  1. <script type="text/javascript">
  2.  
  3. function zmien(aform){
  4.  
  5. aform.obrazek.value = aform.klik.value
  6.  
  7. }
  8. <form action="a.php" name="xxx">
  9. <INPUT TYPE="text" NAME="klik" onKeyUp="zmien(xxx);">
  10. <INPUT TYPE="text" NAME="obrazek">
  11. <img NAME="obrazek" src="obrazek">
  12.  
  13. </form>


Ale to nie zmienia nic przy obrazku...
artur81
Czekaj, czekaj, jeszcze raz tylko powoli snitch.gif
Co to ma być za wartość w tym inpucie?
Jakiś numer obrazka w bazie?
Po wpisaniu tego numeru pobierany jest z bazy obrazek i ładowany zamiast poprzedniego?
Wieviór
W inputcie ma być wpisywana nazwa obrazka w formie "nazwa.jpg", tzn. głównie chodzi o to, żeby po kliknięciu na obrazek w okienku, on pojawił się też w oknie parenta, ale z tym już problemu nie powienem mieć.
artur81
no ok, to mniej więcej powinno być, tak
1. pobierz sobie advAjax i podczep go na stronę
2. kod
  1. <script type="text/javascript">
  2.  
  3. function zmien(nazwa){
  4. {
  5. var adres = "obrazek.php?nazwa="+nazwa;
  6. advAJAX.get({
  7. url: adres,
  8. onLoading:function(obj) {document.getElementById("obrazek").innerHTML='Ładowanie...'; },
  9. onSuccess:function(obj) { document.getElementById("obrazek").innerHTML=obj.responseText; },
  10. onError:function(obj) {alert(obj.responseText); }
  11. });
  12. }
  13.  
  14. <form action="a.php" name="xxx">
  15. <INPUT TYPE="text" NAME="obrazek" onKeyUp="zmien(this.value;)">
  16. <div id="obrazek"></div>
  17.  
  18. </form>

kod pliku obrazek.php
  1. <?php
  2. $nazwa=$_GET['nazwa'];
  3. $path ='www.twojadomena.pl/sciezka_do_katalogu_gdzie_sa_obrazki';
  4. echo '<img name="obrazek" src="'.$path.'/'.$nazwa.'">';
  5. ?>


Tak na szybko ale powinno działać, załaduje Ci to obrazek którego nazwę wpiszesz w input do diva od id = obrazek
Wieviór
Tyle tylko, że tutaj mamy przeładowanie. Może wytłumaczę dokładniej co mam. Chodzi o system podobny jak w psnews.

Klikam wybierz obrazek do newsa, otwiera się okno, tam klikam na obrazek i jego pełny adres zapisuje się w <input id="pole" type="hidden" name="obrazek">.

Teraz chciałbym, że na stronie parent, czyli tej głównej był obrazek z src równym wartości tego pola.

Bez Ajaxa.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.