<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title></title>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
$(document).ready(function(){
$('.infolink').click(function(yourtext){
$('#infos').html($('#infos').html()+'<div class='infobox'>das is ne info</div>');
});
});
/* ]]> */
</script>
<style type="text/css">
#wrapper{
width:910px;
margin:0 auto;
overflow:hidden;
border:2px dotted green;
}
#content{
width:600px;
float:left;
margin:20px;
padding:5px;
border:2px dashed black;
}
#infos{
width:200px;
float:left;
margin:20px;
border:2px dashed red;
padding:5px;
}
.infobox{
width:100%;
border 1px solid blue;
background:#cccccc;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="content">
content<br />
<a href="#" class="infolink" id="link1">das hier is link</a>
</div>
<div id="infos">
infodiv<br />
</div>
</div>
</body>
</html>
Alles anzeigen
also das wäre die javascipt-variante gewesen...(in einfachster form, ohne nen speziellen text und eben dynamisch- für mehr fehlt grad die zeit, ich muss pennen, da morgen wieder ne fette woche anfängt)
und das hier muste in die entsprechende spalte reinstopfen und via css die überschrift noch gestalten
<div id="infos">
<br/>
<div class="infobox">
<h1>überschrift</h1>
<p>das is ne info</p>
</div>
</div>