Bags: Javascript und HiddenField

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

  1. 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

    --
    "Look, that's why there's rules, understand? So that you _think_ before you break 'em."
  2. 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

    --
    Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!
    1. 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

      1. Hi,

        Das geht wahrscheinlich nicht:

        Sieht so aus.

        Dann bleibt's bei innerHTML.

        Gruß, Cybaer

        --
        Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!
  3. 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

    1. 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

      --
      "Look, that's why there's rules, understand? So that you _think_ before you break 'em."
      1. 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

        1. 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

          --
          "Look, that's why there's rules, understand? So that you _think_ before you break 'em."
          1. 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