Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Przekazywanie obrazka w innerHtml
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Fezq
Witam, chciałbym uzyskać taki efekt, żeby po wpisaniu w input nazwy pliku graficznego automatycznie pojawiał się on pod spodem. np. wpisuję w input "jan_kowalski.jpg", a na dole wyszukuje się obrazek o adresie <img src="images/osoby/jan_kowalski.jpg"/>

Na tę chwilę osiągnąłem tylko efekt, który pozwala wyświetlać pod inputem tekst w niego wpisany, jednak nie wiem, jak zrobić, żeby tekst stał się częścią linku do pliku graficznego.

  1.  
  2. </head>
  3.  
  4. <form action="#" name="enlarge">
  5. <input type="text" name="inp" size="40"
  6. onkeyup="document.getElementById('big').innerHTML=''+enlarge.inp.value+''">
  7. </form>
  8.  
  9. <span id="big"></span>
  10.  
  11. </body>
  12. </html>


Proszę o pomoc i pozdrawiam.
nospor
No oprocz tekstu masz dopisac znacznik IMG....
Kod
<input type="text" name="inp" size="40" onkeyup="document.getElementById('big').innerHTML='<img src=\'images/osoby/'+enlarge.inp.value+'\' />'">
Fezq
Dzięki za szybką odpowiedź. Oczywiście wiedziałem, że muszę wcisnąć znaczniki img, ale po prostu krzaczyło mi się wszystko przez błędnie wprowadzane ' oraz ". Teraz już wiem, gdzie popełniłem błąd smile.gif
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.