Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JAVASCRIPT] POdstawy - wyświetlanie zmiennej w otwartym dokumencie
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Beacri
16.08.2011, 21:00:46
Witam,
piszę projekt strony od dłuższego czasu i pisał będę go jeszcze trochę (optymistycznie: do rana dam radę), ale natrafiłem na drobny problem. Gdyby czas nie mnie nie naglił to pewnie pogrzebałbym więcej w necie i posiedział nad tym dłużej. Otóż problem jest następujący:

Chciałem umieścić na stronie fragment tekstu, który mógłbym zmieniać za pomocą formularza na bieżąco. W najprostszym przypadku chodzi o to, aby po wpisaniu danych w pole INPUT, pod spodem pojawiał się wpisywany tekst. Chcę uniknąć przeładowywania strony, innych inputów oraz frameów.

Do tej pory mam coś na kształt:

[HTML] pobierz, plaintext 
  1. <head><script type="text/javascript">
  2. <!--
  3. function op(){
  4. var name;
  5. document.writeln('<div style="color:lightblue;">Witaj'+name+"!</div>");
  6. }
  7. //-->
  8. </script></head>
  9.  
  10. <body>
  11. <button onclick=op()>Podgląd</button>
  12. </body>
[HTML] pobierz, plaintext


ale po kliku znika button.

Proszę o pomoc.
skowron-line
16.08.2011, 21:13:40
Urzekła mnie twoja historia
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. function insert()
  3. {
  4. 	document.getElementById('inDiv').innerHTML = document.getElementById('inputField').value;
  5. }
  6. </script>
  7. <body>
  8. <input type="text" name="" id="inputField"><input type="button" onclick="insert();">
  9. <div id="inDiv"></div>
  10. </body>
[HTML] pobierz, plaintext
dlatego masz gotowca.
Beacri
16.08.2011, 21:15:47
Super, dzięki smile.gif Wiem, że to było proste ale już zmęczony jestem i ciężko idzie :/
qweluke
17.10.2011, 09:39:32
a jak to przerobić aby tekst wyświetlał się automatycznie bez naciskania przycisku albo po naciśnięciu tabulatora?
czyli zeby dynamicznie pojawiało się to co wpisuje?
nospor
17.10.2011, 09:45:51
onkeyup
qweluke
17.10.2011, 09:56:54 
[JAVASCRIPT] pobierz, plaintext 
  1. <script type="text/javascript">
  2. function insert()
  3. {
  4. 	document.getElementById('inDiv').innerHTML = document.getElementById('inputField').value;
  5. }
  6. </script>
  7. <body>
  8. <input type="text" name="" id="inputField" onkeyup="insert(this);">
  9. <div id="inDiv"></div>
  10. </body>
[JAVASCRIPT] pobierz, plaintext


dzieki smile.gif
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.