Forum PHP.pl > [javascript] wartosc input'a wyswietlana na bierząco

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [javascript] wartosc input'a wyswietlana na bierząco

colinQ

22.12.2007, 11:27:28

Jak zrobić ze po każdym wpisaniu wartości do inputa wyświetlało ją obok?
UWAGA: nie może to być poprzez wysyłanie formularza!

skowron-line

22.12.2007, 11:38:31

[HTML] pobierz, plaintext 
<script type="text/javascript">
function showString(string){
document.getElementById('field').innerHTML = string;
}
</script>
<input type="text" id="inputText" onkeyup="showstring(this.value);">
<div id="field"></div>
[HTML] pobierz, plaintext

*chyba o to ci chodzilo

colinQ

22.12.2007, 11:50:05

Nie działa mi to :]

b_chmura

22.12.2007, 11:52:58

Pobierasz dane z pola input o przykładowym ID input_id (getelementbyid)
i wpisujesz je do przykładowego div'a id_div (innerHTML)

Przykład

Kod

<html>
<script>
function getANDview(id_input, id_div)
{
IDinput = document.getElementById(id_input).value;
document.getElementById(id_div).innerHTML = IDinput;
}
</script>

<input onkeydown="javascript: getANDview('id_input', 'id_div');" type="text" id="id_input" />
<br />
<hr />
<div id="id_div"></div>

phpion

22.12.2007, 11:54:52

Cytat(colinQ @ 22.12.2007, 13:50:05 )

Nie działa mi to :]

Mi działa. Musisz znaleźć tylko jedną maleńką niespodziankę i ją poprawić. Powodzenia!

cornholio666

22.12.2007, 12:00:18

zawsze jest konsola błędów i mozna z niej wyczytac co jest nie tak np że jakas funkcja nie istnieje bo podano złą nazwę...

skowron-line

22.12.2007, 12:52:41

Cytat(phpion.com @ 22.12.2007, 11:54:52 )

Mi działa. Musisz znaleźć tylko jedną maleńką niespodziankę i ją poprawić. Powodzenia!

[HTML] pobierz, plaintext 
<script type="text/javascript">
function showString(string){
document.getElementById('field').innerHTML = string;
}
</script>
<input type="text" id="inputText" onkeyup="showString(this.value);">
<div id="field"></div>
[HTML] pobierz, plaintext

Mój błąd.

colinQ

22.12.2007, 15:32:57

dzięki skowron-line, wszystko działa

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.