Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS] wysłanie adresu po kliknięciu do inputa
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
jjarkus
Cześć,
usiłuje napisać skrypt, który po kliknięciu w awatara, wpisze jego adres to inputa.
Wiem, że trzeba skorzystać z onclick. Próbowałem tak:
Awatary dodaje tak:
  1. <img src="http://avatar.jpg" id="avatar" onclick="AvLink()" alt="">

Input:
  1. Avatar: <input id="adres" type='text' />

Kod skryptu:
  1. <script type="text/javascript">
  2. var av=getElementById("avatar").src;
  3. var lin=getElementById("adres").value;
  4. function AvLink() {
  5. }
  6. </script>

Nie za bardzo mam pomysł na tą funkcję AvLink()...
Powinna ona wpisać do inputa adres src klikniętego awatara.
Czy dobrze rozumiem, że te dwie funkcje:
  1. getElementById("avatar").src;
  2. getElementById("adres").value;

wyciągną mi odpowiednio src z img oraz value z inputa?

Jakieś wskazówki?
kamil4u
Kod
<script>
function AvLink(src){ document.getElementById('test').value = src; }
</script>
<img src="http://avatar1.jpg" onclick="AvLink(this.src)">
<img src="http://avatar2.jpg" onclick="AvLink(this.src)">
<input id="test">

Jeśli czegoś nie rozumiesz, a chcesz zrozumieć, pisz.

Pozdrawiam
jjarkus
Tylko tyle ... blinksmiley.gif Myślałem, że to bardziej skomplikowane będzie.

W między czasie zrobiłem to w taki sposób:

  1. <script type="text/javascript" language="javascript">
  2. function AvLink()
  3. {
  4. var A = document.getElementById("av");
  5. var adres = document.getElementById("avatar").src;
  6. A.value = adres;
  7.  
  8. return true;
  9. }
  10. </script>
  11.  
  12. <img id="avatar" src="/gra/images/avatar/n1.gif" onclick="AvLink()">
  13.  
  14. Avatar: <input id="av" type='text' name='avatar' value=''/>

Tylko, że cały czas mi wczytywał src z jednego awatara sadsmiley02.gif

Ale Twój sposób jest o niebo lepszy guitar.gif
A czy to this.scr to znaczy, że pobiera adres z tego właśnie klikniętego np. awatara, dobrze rozumiem?
Pawel_W
tak, jak sama nazwa wskazuje winksmiley.jpg
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.