✔ Visible setzen via Link

xloouch

xloouch

Erfahrenes Mitglied
Hallo zusammen

Hab ein kleines Problem. Habe wie folgt ein Feld in einer Tabelle "hidden" gesetzt:
HTML: 
.tdProj1{
	text-align:left;
	font-size:12px;
	font-weight:bold;
	font:Arial, Helvetica, sans-serif;
	margin-bottom:5;
	color:#0081FE;
	visibility:hidden;
}

Nun will ich via Link, also genauer, wenn man über den Link fährt, den Text visible setzen.

Wie mache ich das am besten?

Danke für eure Hilfe im voraus.
 
Das kannst Du z.B. mit javascript realisieren:

Javascript: 
function einblenden(id){
  document.getElementById(id).style.visibility = "visible";
}

function ausblenden(id){
  document.getElementById(id).style.visibility = "hidden";
}

und dann über den Style die Funktionen aufrufen:

Code: 
onmouseout="ausblenden(id)" onmouseover="einblenden(id)"
 
Zuletzt bearbeitet von einem Moderator:
Hi,
der JavaScript-Block bleibt gleich.
Ändere nur den Eventhandler auf deine ID.
HTML: 
<a href="#" onmouseout="ausblenden(tdProj1)" onmouseover="einblenden(tdProj1)">Text anzeigen</a>
 
Also hier mal Ausschnitte aus dem Source:
HTML: 
<html>
<head>
<script  type="text/javascript">
function einblenden(id){
	document.getElementById(id).style.visibility = "visible";
}
function ausblenden(id){
	document.getElementById(id).style.visibility = "hidden";
} 
</script>
</head>
<body>
...
<a href="www.gnadirap.info" onmouseout="ausblenden(tdProj1)" onmouseover="einblenden(tdProj1)">text</a>
...
...

<table>
   <tr>
      <td width="250" class="tdProj1" id="tdProj1">text text text<br /><br /></td>
   </tr>
</table>
</body>
</html>

Im IE und im Firefox zeigts mir aber nichts an..
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück