Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] Dynamiczny podgląd avataru
Neymar11
post
Post #1





Grupa: Zarejestrowani
Postów: 73
Pomógł: 0
Dołączył: 20.02.2015
Skąd: localhost

Ostrzeżenie: (10%)
X----


Witam!

Mam pewiem dylemat... Nie znam JS więc nic sam nie zdziałam...
Chciałbym, aby ktoś mnie pokierował, jak zrobić skrypt który
działą następująco:

  1. Użytkownik wpisuje url avataru do pola tekstowego
  2. Skrypt przetwarza link i ustawia go jako src iframe'a
  3. JS wykonuje setattribute src=link z formularza
  4. Wykonuje skrypt i printuje iframe


Jak coś takiego zrobić?
Chyba mogę liczyć tutaj na pomoc (IMG:style_emoticons/default/biggrin.gif)

Pozdrawiam, neymar11
Go to the top of the page
+Quote Post
Beniooo
post
Post #2





Grupa: Zarejestrowani
Postów: 260
Pomógł: 26
Dołączył: 26.01.2012
Skąd: Ci to przyszło do głowy?

Ostrzeżenie: (0%)
-----


Robisz pole tekstowe z id np. "link"
Robisz iframe z id np. "iframe"

do ustawienia src w iframe wystarczy Ci:
Kod
document.getElementById('iframe').src = document.getElementById('link').value;

Później, albo dajesz button ze zdarzeniem onClick, albo w polu tekstowym zdarzenie onChange
Go to the top of the page
+Quote Post
rad11
post
Post #3





Grupa: Zarejestrowani
Postów: 1 270
Pomógł: 184
Dołączył: 7.10.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


https://jsfiddle.net/4xmcsvwe/
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 26.09.2025 - 18:13