Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Uzupełnianie pola po kliknieciu w element
Forum PHP.pl > Forum > Przedszkole
xxdrago
Witam, mam formularz a w nim pole IP, w którym użytkownik podaje swoje (lub kogoś innego ip), pobieram również ip użytkownika (aby specjalnie nie musiał latać po stronach) o tak: $_SERVER['REMOTE_ADDR'] . Chciałbym dodać możliwość automatycznego uzupełnienia tego pola, po kliknięciu w dany element np. DIV.
Mam nadzieje, że zrozumiałe dodam jeszcze kod:

  1. <input type="text" name="ip" id="czas" size="30" /> -- Pole ip
  2. <div id="uzup">AKTUALNE IP</div> -- Po kliknieciu w ten element wypełnia pole ip (aktualnym adresem z $_SERVER['REMOTE_ADDR'])

PS: fajnie by było jakby było to w JS bez żadnych bibliotek typu jquery.

Pozdrawiam,
Tomasz
tab
Sory ale nie wiem jak by to można było rozwiazac w zwykłym js. Od dawna z jQ korzystam i sie pozapominało. Cos tam setAttrubite() sie musisz pobawic jak chcesz w czystym. W jQuery bedzie to tak:
[JAVASCRIPT] pobierz, plaintext
  1. <input type="text" id="ip" />
  2. <div id="complete">Uzupełnij</div>
  3. <script type='text/javascript'>
  4. <?php print "var ip = ".$_SERVER['REMOTE_ADDR']."\n" ?>
  5. $('#complete').bind({
  6. 'click' : function() {
  7. $('#ip').val(ip);
  8. }
  9. })
  10. </script>
[JAVASCRIPT] pobierz, plaintext
xxdrago
Super dzięki smile.gif


A jeszcze jedno potrzebowałbym jeszcze takie coś , że jak użytkownik wpisze coś w pole to potem to wyświetlam. Czyli:

<input type="text" name="wartosc2" size="30" />

Wpisałeś w polu wartosc2: to co wpisał


A jeszcze jedno potrzebowałbym jeszcze takie coś , że jak użytkownik wpisze coś w pole to potem to wyświetlam. Czyli:

<input type="text" name="wartosc2" size="30" />

Wpisałeś w polu wartosc2: to co wpisał
kamil4u
Chciałeś w czystym JS to:
- poczytaj o DOM
- poczytaj zdarzeniach
- poczytaj jak zmienić/pobrać coś z elementu( w zasadzie jak poczytasz o DOM to znajdziesz to co trzeba )

Kod
<script>
window.onload = function(){ //zdarzenie load
  // pobieranie elementu przez id -> patrz DOM
var el1 = document.getElementById('test1');
var el2 = document.getElementById('test2');
    
alert( el1.value ); // przy <input> odczytuesz value
alert( el2.innerHTML ); // przy <span> odczytuesz to co jest pomiędzy -> innerHTML
    
  el1.value = 'test';
  alert( el1.value );
  el2.innerHTML = el1.value;
}
</script>

<input id="test1" value="haha">
<span id="test2">ala</span>


Dla Ciebie pozostawiam dopisanie zdarzenia onchange lub onkeydown/onkeyup.
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.