Wyświetlanie obrazka po wpisaniu linku w inpucie

Wyświetlanie obrazka po wpisaniu linku w inpucie

Fezq Zobacz profil	28.01.2013, 21:25:33 Post #1
Grupa: Zarejestrowani Postów: 32 Pomógł: 0 Dołączył: 31.01.2010 Ostrzeżenie: (10%)	Witam, chciałbym mieć u siebie skrypt, która spowoduje, że po wpisaniu linku do obrazka w polu input bez przeładownia strony pojawi się on pod spodem. Wiem, że trzeba do tego użyć javascript, jednak po przeszukaniu czeluści internetu nie znalazłem nic pomocnego. Proszę o pomoc i z góry dziękuję. [HTML] pobierz, plaintext <input type="text" name="" value="WPISANY LINK"/> <img src="WPISANY LINK"/> [HTML] pobierz, plaintext

Odpowiedzi (1 - 2)

Pawel_W Zobacz profil	28.01.2013, 23:33:22 Post #2
Grupa: Zarejestrowani Postów: 1 675 Pomógł: 286 Dołączył: 15.06.2009 Skąd: Wieliczka Ostrzeżenie: (0%)	podpinasz się za pomocą onkeyup / onkeydown / onkeypress / onchange (wybierz sobie event który najbardziej odpowiada Twoim oczekiwaniom), pobierasz .value inputa, sprawdzasz za pomocą wyrażenia regularnego czy jest poprawnym linkiem (możesz to pominąć jak chcesz), wyświetlasz obrazek (możesz wcześniej przygotować tag img, nadać mu id, i za pomocą document.getElementById('id obrazka').src zmienić jego adres

Fezq Zobacz profil	29.01.2013, 11:37:11 Post #3
Grupa: Zarejestrowani Postów: 32 Pomógł: 0 Dołączył: 31.01.2010 Ostrzeżenie: (10%)	Na tę chwilę mam coś takiego, powie mi ktoś jak wyświetlać ten link nie w polu textarea tylko normalnie? [HTML] pobierz, plaintext <!DOCTYPE html> <html> <head> </head> <body> <form style="margin:0;"> <p style="margin:0;">Link</p> <input type="text" id="onkeydown" style="width:148px;" onkeydown="AnEventHasOccurred()"> <p style="margin:0;">Obrazek</p> <textarea id="eventlog"></textarea> </form> <script type="text/javascript"> function AnEventHasOccurred() { var sel = document.getElementById("selectone"); document.getElementById("eventlog").value = "" + '<img src="' + document.getElementById("onkeydown").value + '"/>'; } </script> </body> </html> [HTML] pobierz, plaintext

1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Aktualny czas: 14.08.2025 - 01:44

Hosting zapewnia