Joachim: Alle "title"-Tooltips einer Seite auf Knopfdruck anzeigen

Beitrag lesen

Hi,

Gibts da eine Möglichkeit?

ja, siehe angehaengtes script. Funktioniert mit domfaehigen Browsern.

Gruesse  Joachim

<html>
<head>

<script language="javascript1.2" type="text/javascript">
function dpl() {
 txt   =  "";
 myDiv = document.createElement("div");
 myDiv.style.position =  "absolute";
 myDiv.style.top      =  "100px";
 myDiv.style.left     =  "100px";
 myDiv.style.width    =  "auto";
 myDiv.style.height   =  "auto";
 myDiv.style.padding  =  "5px";
 myDiv.style.border   =  "1px solid gray";

get_el(document.getElementById("body"));

document.body.appendChild(myDiv);
}
function hide() {
 document.body.removeChild(myDiv);
}

function get_el(el) {
 if (el.hasChildNodes) {
  for (var i = 0; i < el.childNodes.length; i++) {
   if (el.childNodes[i].tagName == "TD") {
    txt =  document.createTextNode(el.childNodes[i].title);
    br  =  document.createElement("br");
    myDiv.appendChild(txt);
    myDiv.appendChild(br);
   }
   if (el.childNodes[i].hasChildNodes) get_el(el.childNodes[i]);
  }
 }
}
</script>

</head>
<body id="body">
<table border="1" cellspacing="0" cellpadding="0" bgcolor="#C0C0C0">
<tr>
 <td title="schoene sachen">_Row_1_Cell_1_</td>
 <td title="bessere sachen">_Row_1_Cell_2_</td>
</tr>
<tr>
 <td title="alles gut">_Row_2_Cell_1_</td>
 <td title="all mies">
  <table border="1" cellspacing="0" cellpadding="0" bgcolor="#C0C0C0">
  <tr>
   <td title="innen 1">innen_1_</td>
   <td title="innen 2">innen_2_</td>
  </tr>
  </table>
 </td>
</tr>
</table>
<a href="#" onclick="dpl()">zeige</a><br>
<a href="#" onclick="hide()">verstecke</a>

</body>
</html>