DHTML Fenster - HTMLopen.de

Kompatibilität: Ms Internet Explorer

Dieser Beispiel welcher nur mit MSIE kompatibel ist, erlaubt das herum schieben der Objekte mit der Maus. Allerdings muss man zwei Schaltflächen welche im Beispiel sind ausnützen.

[ Das Beispiel zeigen ]

HTML Code für deine Website

<HTML> <HEAD><TITLE>HTMLopen - Dynamic HTML Beispiele</TITLE> <STYLE TYPE="text/css"> .list {cursor:hand; overflow:auto; height:75pt; width:150pt; border:1pt black solid} .list UL {list-style-type:none; margin-left:2pt; margin-top:0pt; margin-bottom:0pt} .list UL LI {margin-top:0pt; margin-bottom:0pt} .list UL LI.selected {background:navy; color:white} </STYLE> <SCRIPT LANGUAGE="JavaScript"> function checkParent(src, tag) {while ("HTML" != src.tagName) { if (tag == src.tagName) return src;src = src.parentElement; } return null;}function selectItem(list) {var el = checkParent(event.srcElement, "LI");if ("LI" == el.tagName) {if (null != list.selected)list.selected.className = "";if (list.selected != el) { el.className = "selected"; list.selected = el;}else list.selected = null;} }function copy(src, dest) {var elSrc = document.all[src];var elDest = document.all[dest];if (elSrc.selected != null) {elSrc.selected.className = "";elDest.insertAdjacentHTML("beforeEnd", elSrc.selected.outerHTML);elSrc.selected.outerHTML = "";elSrc.selected = null; // reset selection} } </SCRIPT> </HEAD>  <BODY> <BR><BR> <CENTER> <TABLE>  <TR><TD>  <DIV CLASS="list"> <UL ID="src" ONCLICK="selectItem(this);" ONDBLCLICK="copy('src', 'dest');">  <LI>VirtualUniversity <EM>.ch</EM></LI>  <LI>Die Virtuelle Universität</LI>  <LI><IMG SRC="images/logo.gif" ALT="VirtualUniversity, die Virtuelle Universität" BORDER=0></LI>  <LI>HTMLopen.de</LI>  </UL>  </DIV> </TD><TD>  <P><INPUT TYPE=BUTTON VALUE="->" ONCLICK="copy('src', 'dest');">  <P><INPUT TYPE=BUTTON VALUE="<-" ONCLICK="copy('dest', 'src');"> </TD><TD>  <DIV class="list"> <UL ID="dest" ONCLICK="selectItem(this);"  ONDBLCLICK="copy('dest','src');"> </UL>  </DIV> </TD>  </TR> </TABLE></CENTER> </BODY> </html>

Objekte von einem Frame zum andern verschieben