Forum PHP.pl > [JavaScript] getElementById i przypisywanie do zmiennej

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript] getElementById i przypisywanie do zmiennej

qweluke

17.10.2011, 21:41:49

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 
<html> 
<head> 
... 
<script type="text/javascript"> 
var txt1 = "Statyczny tekst"; 
 
</script> 
</head> 
<body> 
<script type="text/javascript" src="wz_tooltip.js"></script> 
 
<a href="a.htm" onmouseover="Tip(txt1)" onmouseout="UnTip()">Link 1</a> 
 
</body> 
</html>
[JAVASCRIPT] pobierz, plaintext

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

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

[HTML] pobierz, plaintext 
<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ść...

CuteOne

18.10.2011, 00:21:48

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

[HTML] pobierz, plaintext 
<input size="48" maxlength="45" type="text" name="nazwa" class="input" required id="balonik" onkeyup="DodajBalonik(this);">
 
<script type="text/javascript" src="wz_tooltip.js"></script>
<script type="text/javascript">
	var txt1 = '';
	function DodajBalonik(obj) {
 
		txt1 = obj.value; 
	}
</script>
 
<a href="a.htm" onmouseover="Tip(txt1)" onmouseout="UnTip()">Link 1</a> 
[HTML] pobierz, plaintext

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.