Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript] getElementById i przypisywanie do zmiennej, z inputa :(
qweluke
post
Post #1





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

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

No więc chce użyć tego tooltipu
http://www.walterzorn.de/tooltip/tooltip.htm

ale w taki sposób, że użytkownik wpisuje jakąś wartość w inpucie a ona następnie pojawia się jako popup

[JAVASCRIPT] pobierz, plaintext 
  1. <html> 
  2. <head> 
  3. ... 
  4. <script type="text/javascript"> 
  5. var txt1 = "Statyczny tekst"; 
  6.  
  7. </script> 
  8. </head> 
  9. <body> 
  10. <script type="text/javascript" src="wz_tooltip.js"></script> 
  11.  
  12. <a href="a.htm" onmouseover="Tip(txt1)" onmouseout="UnTip()">Link 1</a> 
  13.  
  14. </body> 
  15. </html>
[JAVASCRIPT] pobierz, plaintext


W taki sposób odczytuje wartość z input'a

[JAVASCRIPT] pobierz, plaintext 
  1. <script type="text/javascript">
  2. 	function DodajBalonik() {
  3. 		var txt1 = document.getElementById('balonik').value;
  4.  
  5. 	}
  6. </script>
[JAVASCRIPT] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. <td><input size=\"48\" maxlength=\"45\" type=\"text\" name=\"nazwa\" class=\"input\" required id=\"balonik\" onkeyup=\"DodajBalonik(this);\"></td>
[HTML] pobierz, plaintext


Ale niestety w ten sposób nie chce to działać.
Muszę to zrobić na JS, gdyż sposób ze <span></span> odpada ponieważ dla tego samego div'a na którym ma ten popup się wyświetlać używam jego id aby wyświetlać inną wartość z inputa i się gryzie ;]
ostatecznie myślałem, żeby nałożyć jednego div'a na drugiego (ten drugi byłby przezroczysty z toooltip'em) ale to ostateczność...
Go to the top of the page
+Quote Post
CuteOne
post
Post #2





Grupa: Zarejestrowani
Postów: 2 958
Pomógł: 574
Dołączył: 23.09.2008
Skąd: wiesz, że tu jestem?

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

Szkoda, że strona po niemiecku (a translator coś przekłamuje o.O)

[HTML] pobierz, plaintext 
  1. <input size="48" maxlength="45" type="text" name="nazwa" class="input" required id="balonik" onkeyup="DodajBalonik(this);">
  2.  
  3. <script type="text/javascript" src="wz_tooltip.js"></script>
  4. <script type="text/javascript">
  5. 	var txt1 = '';
  6. 	function DodajBalonik(obj) {
  7.  
  8. 		txt1 = obj.value; 
  9. 	}
  10. </script>
  11.  
  12. <a href="a.htm" onmouseover="Tip(txt1)" onmouseout="UnTip()">Link 1</a> 
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

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