Javascript und HiddenField
Bags
- javascript
Hallo zusammen,
gibt es eine Möglichkeit beim überfahren eines Tabellenfeldes mit der Maus ein HiddenField anzeigen zu lassen?
Bisher kenne ich nur die Möglichkeit den Inhalt des Feldes, bzw. eine vordefinierten Text, anzeigen zu lassen.
Bsp.:
<table>......
<tr>
<td onmouseover="show(cell)"></td>
</tr>
</table>
<SCRIPT language="javascript" type="text/javascript">
function show(cell)
{
var info = document.getElementById('info');
info.innerText = '>>>?????HiddenField??????<<<';
info.style.top = event.clientY;
info.style.left = event.clientX;
info.style.zIndex = 2;
info.style.visibility = 'visible';
}
Danke, bags
hi,
gibt es eine Möglichkeit beim überfahren eines Tabellenfeldes mit der Maus ein HiddenField anzeigen zu lassen?
definiere hidden field.
redest du von einem formularfeld type="hidden", oder von einem per CSS verstckten "normalen" eingabefeld? (dein code unten sieht nach letzterem aus.)
gruß,
wahsaga
Hi,
gibt es eine Möglichkeit beim überfahren eines Tabellenfeldes mit der Maus ein HiddenField anzeigen zu lassen?
Vermutlich. Wandle mal mit setAttribute() den Typ um.
Bisher kenne ich nur die Möglichkeit den Inhalt des Feldes, bzw. eine vordefinierten Text, anzeigen zu lassen.
Oder beliebigen neuen Text z.B. mit innerHTML.
Gruß, Cybaer
Hallo Cybear,
Vermutlich. Wandle mal mit setAttribute() den Typ um.
Das geht wahrscheinlich nicht:
<head>
<title>Input-Type aendern</title>
<meta name="author" content="Gernot Back">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<script type="text/JavaScript">
<!--
function ausgeben (x) {
document.formular.ausgabe.value = document.formular.eingabe.value;
alert(document.formular.ausgabe.value);
// führt zu Anzeige des eingegebenen Strings
alert(x.parentNode.document.getElementsByName('ausgabe')[0].type);
// führt zu Meldung "hidden"
x.parentNode.document.getElementsByName('ausgabe')[0].setAttribute("type", "text", "false");
// führt zu Meldung "Dieser Befehl wird nicht unterstützt"
x.parentNode.document.getElementsByName('ausgabe')[0].type="text";
// führt zu keiner Fehlermeldung, tut aber auch nicht das Gewünschte.
}
//-->
</script>
</head>
<body>
<form name="formular" action="" method="" target="" >
<input type="text" name="eingabe" value="" size="" maxlength="">
<input type="hidden" name="ausgabe" value=""></input><br>
<input type="button" name="ich" value="zeigen" onClick="ausgeben(this)">
</form>
</body>
Gruß Gernot
Hi,
Das geht wahrscheinlich nicht:
Sieht so aus.
Dann bleibt's bei innerHTML.
Gruß, Cybaer
definiere hidden field.
redest du von einem formularfeld type="hidden", oder von einem per CSS verstckten "normalen" eingabefeld? (dein code unten sieht nach letzterem aus.)
Hab ich grad vergessen sorry. Das soll es sein:
formularfeld type="hidden"
und so sieht der Tabletag korrekt aus:
<table>......
<tr>
<td onmouseover="show(cell)"><input name="XXX" type="hidden" id="XXX" value="<?php echo $Var ?>"></td>
</tr>
</table>
<SCRIPT language="javascript" type="text/javascript">
function show(cell)
{
var info = document.getElementById('info');
info.innerText = '>>>?????HiddenField-XXX??????<<<';
info.style.top = event.clientY;
info.style.left = event.clientX;
info.style.zIndex = 2;
info.style.visibility = 'visible';
}
Danke, bags
hi,
<td onmouseover="show(cell)"><input name="XXX" type="hidden" id="XXX" value="<?php echo $Var ?>"></td>
dann probier's so, wie Cybaer vorschlägt: ändere den typ des feldes dynamisch in "text".
gruß,
wahsaga
hi,
dann probier's so, wie Cybaer vorschlägt: ändere den typ des feldes dynamisch in "text".
Bisher kenne ich nur die Möglichkeit den Inhalt des Feldes, bzw. eine vordefinierten Text, anzeigen zu lassen.
Bin kein JS Profi....
Kann mir auch noch einer erklären wie genau ich das anstelle -- und das ganze dann auch noch aufrufe?
Danke euch vielmals, bags
hi,
Bin kein JS Profi....
Kann mir auch noch einer erklären wie genau ich das anstelle -- und das ganze dann auch noch aufrufe?
setAttribute() hatte dir Cybaer doch schon genannt, http://de.selfhtml.org/javascript/objekte/node.htm#set_attribute. um welches attribut es sich handelt, weißt du ja - type.
gruß,
wahsaga
hi,
Bin kein JS Profi....
Kann mir auch noch einer erklären wie genau ich das anstelle -- und das ganze dann auch noch aufrufe?
setAttribute() hatte dir Cybaer doch schon genannt, http://de.selfhtml.org/javascript/objekte/node.htm#set_attribute. um welches attribut es sich handelt, weißt du ja - type.
gruß,
wahsaga
Sorry ich kapiers nicht!
So klappt es jedenfalls nicht! :-(
<td onmouseover="show(this)">$datum<input name='xxx' type='hidden' id='xxx' value='test'></td>
function show(cell)
{
var info = document.getElementById('info');
info.setAttribute("text", document.xxx.value);
info.style.top = event.clientY;
info.style.left = event.clientX;
info.style.zIndex = 2;
info.style.visibility = 'visible';
}
danke nochmal