Deus Figendi: Gästebuch Inhalte bei "hover" ersichtlich machen

Beitrag lesen

SELF-Forum

Gästebuch Inhalte bei "hover" ersichtlich machen

Deus Figendi
– Informationen zu den Bewertungsregeln

Da du nach "hover" fragst lässt sich das auch ohne JavaScript lösen und ich finde wenn man was ohne JS lösen kann sollte man das auch tun.
Ungetestet müsste z.B. sowas gehen (ich habe mich jetzt nicht durch deinen Code gegraben, daher denke ich mir was eigenes aus):

<ul>  
 <li class="gaestebuch_eintrag">  
  Verfasser am Datum um Uhrzeit  
  <h4>Titel des G&auml;stebucheintrags</h4>  
  <div class="gbe_inhalt">  
   Inhalt des Gaestebucheintrags  
  </div>  
 </li>

Und das passende CSS dazu:

.gbe_inhalt {  
 display:none;  
}  
.gaestebuch_eintrag:hover .gbe_inhalt {  
 display:block;  
}

Zuzüglich sonstiger Formatierungen, aber so in etwa nochmal die Technik in Kurz:
Verborgenen Inhalt in ein eigenes Element innerhalb des einblendenden Elements notieren.
Verborgenes Element verbergen ;)
Das verborgene Element als Kind von dem einblendenden Element wenn es "gehovert" wird selektieren und einblenden.
Das ganze in php übersetzt:

<?php  
include ('make_mysql_connection.php');  
include ('get_guestbook_entries_from_database.php');  
include ('output_html_declaration.php');  
echo ('<head>  
 <title>Gaestebuch</title>  
 <style type="text/css">  
  .gbe_content {  
   display:none;  
  }  
  .gb_entry:hover .gbe_content {  
   display:block;  
  }  
 </style>  
</head>  
<body>  
 <h1>Mein G&auml;stebuch</h1>  
 <ul id="gb_list">');  
foreach ($guestbook_entries as $key => $value) {  
  echo ('  
  <li class="gb_entry">  
   '.htmlspecialchars($value['author']).' am '.date("d.m.Y",$value['makedate']).' um '.date("h:i",$value['makedate']).'  
   <h2>'.htmlspecialchars($value['subject']).'</h2>  
   <div class="class="gbe_content">'.nl2br(htmlspecialchars($value['content'])).'</div>  
  </li>');  
}  
  echo ('  
 </ul>  
</body>  
</html>');  
?>
--
sh:( fo:| ch:? rl:( br:& n4:& ie:{ mo:} va:) de:µ_de:] zu:) fl:( ss:| ls:[ js:(
Beitrag melden
–
Informationen zu den Bewertungsregeln