div einblenden an der mausposition

[roman lenz]

hi hi

ich möchte innerhalb einer table ein div einblenden.
das div selber kann ich nur vor oder hinter der div erzeugen.

Wie kann ich das div an der mausposition einblenden?

besten dank roman

[nag]

hi

ich möchte innerhalb einer table ein div einblenden.

<table><tr><td> <div> content </div> </td></tr></table>

das div selber kann ich nur vor oder hinter der div erzeugen.

Wieso ist jetzt die Rede von einem 2. Div-Container ?

Wie kann ich das div an der mausposition einblenden?

Was denn nun? Ich dachte der Div-Container soll in einer Tabelle angezeigt werden?

mfg NAG

[roman lenz]

hi hi

jeepp da klappt fast so
ich will das div per javascript ein und ausblende. was leider jetzt nicht mehr funkt.

..
..
function show_layer(x)
{
        if(document.layers)
        {       document.layers[x].visibility = "show";
        }
        else
        {       document.all[x].style.visibility="visible";
        }
}
function hide_layer(x)
{
        if(document.layers)
        {       document.layers[x].visibility="hide";
        }
        else
        {       document.all[x].style.visibility="hidden";
        }
}
..
..
<tr><td valign="top"><input type="checkbox" name="ls_v" value="ja"><br></td>
<td valign='top'><a href="#top" onMouseout="hide_layer('m$m1')" onmouseover="show_layer('m$m1')"> $m1 </a>
<div id="m$_" style="position:absolute; visibility: hidden" ><img src="$DIRimpuls$dia" width="640" height="480"> $_ </div>
</td>
<td valign='top'> $m2 <br></td>
<td valign='top'> $m3 <br></td>
<td valign='top'> $m4 <br></td>
<td valign='top'> $m5 <br></td>
<td valign='top'> $m6 <br></td>
<td valign='top'> $m7 <br></td>
<td valign='top'> $m8 <br></td>
<td valign='top'> $m9 <br></td>
<td valign='top'> $m10 <br></td>
<td valign='top'> $m11 <br></td>
<td valign='top'> $m12 <br></td>
</tr>
..
..

besten dank

P.s.
wenn ich hier nachlese wo überall ein div eingesetzt werden darf dann steht dort nichtrs von einer table ???
http://www.netzwelt.com/selfhtml/html/referenz/elemente.htm#div

[Tobias Kloth]

Hallo roma,

if(document.layers)
        {       document.layers[x].visibility = "show";
        else
        {       document.all[x].style.visibility="visible";

*argh* wenn ein Browser kein document.layers kenn, heißt das noch lange nicht, dass er document.all kennt - warum verwendest du nicht document.getElementById(x).style....?

<td valign='top'><a href="#top" onMouseout="hide_layer('m$m1')" onmouseover="show_layer('m$m1')"> $m1 </a>
<div id="m$_"

das ist keine gültige Id ($ darf nicht darin vorkommen) ->http://www.w3.org/TR/html401/types.html#type-name

style="position:absolute; visibility: hidden" >

wenn du das div sowieso absolut positionierst, ist es egal wo du es hinschreibst - du musst im dann nur sagen, an welche Position es soll (wie du das machst steht im Archiv z.B. hier: </archiv/2003/7/51668/>)

wenn ich hier nachlese wo überall ein div eingesetzt werden darf dann steht dort nichtrs von einer table ???

wieso? das steht doch, dass es innerhalb von td erlaubt ist...

http://www.netzwelt.com/selfhtml/html/referenz/elemente.htm#div

-></faq/#Q-19>

Grüße aus Nürnberg
Tobias

[roman lenz]

Hallo Tobias

kann ich ein div ein und ausblenden das mit position relativ angesprochen wird?

das mit dem TD hab ich wohl mal nicht gesehen ( ja ja mann wird älter)
besten dank

bis bis roman

[Tobias Kloth]

Hallo roman lenz,

kann ich ein div ein und ausblenden das mit position relativ angesprochen wird?

was willst du genau machen? Hast du dir den Link ins Archiv angeschaut (und die Links in dem Thread)?

( ja ja mann wird älter)

ja, ich morgen wieder :-)

Grüße aus Nürnberg
Tobias

[roman lenz]

hi Tobias

in einer table habe ich einen link wenn mann mit der maus drüberfährt soll ein div eingeblendet werden und wenn die maus wieder weg ist soll das div aus geblendet werden.

ja ich hab mir die sachen angeguckt aber noch nicht alles verstanden :-((

weist du ob ich ein relatives div ein und ausblenden kann??

besten dank

bis bis roman

[nag]

hi,

in einer table habe ich einen link wenn mann mit der maus drüberfährt soll ein div eingeblendet werden und wenn die maus wieder weg ist soll das div aus geblendet werden.

und nun lies du dir noch einaml das thema dieses threads und dein erstes posting durch, und überlegst, was du das nächste mal besser machen kannst :)

schau dir das hier an...
http://www.stud.uni-giessen.de/~su6690/test/test.html
(link existiert nicht sehr lang)

mfg NAG

[Friedel]

Ich mach das selbe ganz anders. Mein Div bleibst ständig neben der Maus, ist aber unsichtbar. Nur wenn ich über den Link fahre wird es sichtbar.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script type=text/javascript>
<!--

function init() {
checkQuer();
Fensterbreite();
Fensterhoehe();
Mauspos();
}

////Infotip
//Mausposition
var isOpera   = (window.opera)?true:false;
var isO    = navigator.appVersion.indexOf("MSIE");
var isOp   = Number(navigator.appVersion.slice(isO+4,isO+7));
var isOperaneu  = (window.opera && isOp > 5)?true:false;
var isIE      = (document.all && !isOpera);
//var isNN      = (document.layers && !isOpera);
var Xpos   = 0;
var Ypos   = 0;
var Xscroll   = 0;
var Yscroll   = 0;
var fensterbreite = 500;
var fensterhoehe = 400;

function Mauspos(){
if(isIE) document.onmousemove = MouseMotionHandlerIE
else if(isOpera) {
 if (isOperaneu) document.onmousemove = MouseMotionHandlerOperaneu
 else document.onmousemove = MouseMotionHandlerOpera
} else {
  document.captureEvents(Event.MOUSEMOVE);
  document.onmousemove = MouseMotionHandlerNN;
  }
}

function MouseMotionHandlerNN(event) {
savePos(event.pageX, event.pageY, window.pageXOffset, window.pageYOffset);
moveBox(Xpos, Ypos);
}

function MouseMotionHandlerIE() {
savePos(window.event.x, window.event.y, document.body.scrollLeft, document.body.scrollTop);
moveBox(Number(Xpos)+Number(Xscroll), Number(Ypos) + Number(Yscroll));
}

function MouseMotionHandlerOpera() {
savePos(window.event.x, window.event.y, document.body.scrollLeft, document.body.scrollTop);
moveBox(Xpos, Ypos);
}

function MouseMotionHandlerOperaneu() {
savePos(window.event.x, window.event.y, document.body.scrollLeft, document.body.scrollTop);
moveBox(Xpos+Xscroll, Ypos+Yscroll);
}

function moveBox(x, y) {
if (isIE||(isOpera && isOperaneu)) {
 if (x-document.body.scrollLeft+296<=fensterbreite) {
  document.getElementById("ntcaw").style.left = x*1+16;
 } else {
  if (x-document.body.scrollLeft>=296) {
   document.getElementById("ntcaw").style.left = x*1-296;
  } else {
   document.getElementById("ntcaw").style.left = document.body.scrollLeft;
  }
 }
 if (y-document.body.scrollTop+316<=fensterhoehe) {
  document.getElementById("ntcaw").style.top = y*1+16;
 } else {
  if (y-document.body.scrollTop>=316) {
   document.getElementById("ntcaw").style.top = y*1-316;
  } else {
   document.getElementById("ntcaw").style.top = document.body.scrollTop;
  }
 }
} else {
 if (isOpera && !isOperaneu) {
  if (x-window.pageXOffset+296<=fensterbreite) {
   document.getElementById("ntcaw").style.left = x*1+16;
  } else {
   if (x-window.pageXOffset>=296) {
    document.getElementById("ntcaw").style.left = x*1-296;
   } else {
    document.getElementById("ntcaw").style.left = window.pageXOffset;
   }
  }
  if (y-window.pageYOffset+316<=fensterhoehe) {
   document.getElementById("ntcaw").style.top = y*1+16;
  } else {
   if (y-window.pageYOffset>=316) {
    document.getElementById("ntcaw").style.top = y*1-316;
   } else {
    document.getElementById("ntcaw").style.top = window.pageYOffset;
   }
  }
 } else {
  if (x-window.pageXOffset+296<=fensterbreite) {
     document.getElementById("ntcaw").style.left = x*1+16;
    } else {
     if (x-window.pageXOffset>=296) {
      document.getElementById("ntcaw").style.left = x*1-296;
     } else {
      document.getElementById("ntcaw").style.left = window.pageXOffset;
     }
    }
    if (y-window.pageYOffset+316<=fensterhoehe) {
     document.getElementById("ntcaw").style.top = y*1+16;
    } else {
     if (y-window.pageYOffset>=316) {
      document.getElementById("ntcaw").style.top = y*1-316;
     } else {
      document.getElementById("ntcaw").style.top = window.pageYOffset;
     }
  }
 }
}
}

function savePos(Xposnew, Yposnew, Xscrollnew, Yscrollnew) {
Xpos = Xposnew;
Ypos = Yposnew;
Xscroll = Xscrollnew;
Yscroll = Yscrollnew;
}

function einblenden() {
document.getElementById("ntcaw").style.visibility = "visible";
}

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

function Fensterbreite() {
if (window.innerWidth) {fensterbreite=window.innerWidth};
if (document.body && document.body.offsetWidth) {fensterbreite=document.body.offsetWidth};
}

function Fensterhoehe() {
if (window.innerHeight) {fensterhoehe=window.innerHeight;}
else if (document.body && document.body.offsetHeight) {fensterhoehe=document.body.offsetHeight;}
}
//-->
</script>

<body onLoad="init()" onResize="init()">
<div id="ntcaw">Content</div>
Seiteninhalt
<a href="neueseite.htm" onmouseover="einblenden()" onmouseout="ausblenden()">Linktext</a></body></html>

Das funzt in IE ab Version 5, in NN ab Version 6, in Opera ab Version 5 und in Mozilla ab Version 1. In NN4 funktioniert es natürlich nicht (Was funktioniert da schon).