Jens Müller: onmouseover - das allseitsgeliebte thema - Rubrikeninfotext bei onmouseov

Beitrag lesen

nabend hyro, Cano2,

Das ganze läuft über divs welche über docuent.all.xxx.style.display bzw. document.xxx.visibility dynamisch aus/eingeblendet werden.

Dazu solltest du was in SELFHTL finden
Ciao

Yeah,
jedoch wurde diese Seite mal wieder mit Dreamweawer geschrieben. Der das ganze ja ganz gut kann.
hyro, wenn du diesen nicht schon benutzt, lad dir den Dreaweawer mal runter http://www.macromedia.com/software/dreamweaver/trial/.

Öffne deine Seite und erstelle einen Layer.

Insert / Einfügen
  =>Layer

Irgend einen Link erstellen.

Das Fenster mit den Behaviors öffnen [F8] auf den Link gehen Show - Hide Layers auswählen. Den erwünschten Layer auswählen und Anzeigen oder Verstecken auswählen. Das ganze sollte als Quelltext ungefähr so aussehen:

<html>
<head>
<title>So sieht's aus Show - Hide Layers mit Dreamweawer</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/javascript">
<!--

function MM_findObj(n, d) { //v3.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}

function MM_showHideLayers() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
}

//-->
</script>
</head>

<body bgcolor="#FFFFFF">

<p><a href="#" onClick="MM_showHideLayers('Layer1','','show')">Zeich ma den Layer</a></p>

<div id="Layer1" style="position:absolute; left:20px; top:72px; width:411px; height:180px; z-index:1; visibility: hidden;">
<table border="0" width="411" bgcolor="#FFEEDD" style="width:411px; height:180px; z-index:1; background-color:#FFEEDD; color:#000000;">
<tr>
<td><h2>Dies wurde in 2min mit Dreamwaewer erstellt.</h2>
<h4>Über Behaviors Show - Hide Layers</h4>
<p>Die Tabelle dient nur Zur Kenntlichmachung des Layers. Wenn ein Browser diesen Befehl nicht
versteht Zeigt er die Tabelle als Eigenständigen Bereich an.</p></td>
</tr>
</table></div>

</body>
</html>

jens müller