Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JAVASCRIPT] POdstawy - wyświetlanie zmiennej w otwartym dokumencie
Beacri
post
Post #1





Grupa: Zarejestrowani
Postów: 60
Pomógł: 4
Dołączył: 19.02.2008
Skąd: Łódź

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

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.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 5)
skowron-line
post
Post #2





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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

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.
Go to the top of the page
+Quote Post
Beacri
post
Post #3





Grupa: Zarejestrowani
Postów: 60
Pomógł: 4
Dołączył: 19.02.2008
Skąd: Łódź

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

Super, dzięki (IMG:style_emoticons/default/smile.gif) Wiem, że to było proste ale już zmęczony jestem i ciężko idzie :/
Go to the top of the page
+Quote Post
qweluke
post
Post #4





Grupa: Zarejestrowani
Postów: 87
Pomógł: 0
Dołączył: 25.03.2010
Skąd: Radom

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

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?

Ten post edytował qweluke 17.10.2011, 09:42:48
Go to the top of the page
+Quote Post
nospor
post
Post #5





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
onkeyup
Go to the top of the page
+Quote Post
qweluke
post
Post #6





Grupa: Zarejestrowani
Postów: 87
Pomógł: 0
Dołączył: 25.03.2010
Skąd: Radom

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

[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 (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 16.09.2025 - 08:18
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn