我的个人想法 基本上都是 DIV 吧
然后吧该Frame 的HTML 读取到数据库 就可以了
然后吧该Frame 的HTML 读取到数据库 就可以了
解决方案 »
- 求javascript入门教程(电子版的更好)
- Exj动态表单的实现,急求解决方案
- 各位大侠,这有一个字符串处理问题,请问哪位高人有思路,在线等
- 帮忙修改一份代码
- 求 解密 解压缩下面的JS代码
- 在JSP中如何取得页面是否刷新的状态?????????????????????
- 请教一个javascript小问题
- 关于超链接,如何实现只针对图片有内容的区域可点,而透明部分不可点
- 我想在我的机器上装microsoft javascript buger怎样装上去呀!
- 寻找javascript电子书籍
- 请问关于XMLHttpRequest()的问题?
- 各位老师帮帮忙,怎么动态去添加图片的显示完整图片的链接
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns:ie>
<HEAD>
<TITLE> New Document </TITLE>
<meta http-equiv="content-type" content="text/html" charset="utf-8">
<link rel="stylesheet" type="text/css" href="">
<script type="text/javascript" src=""></script>
<script language="javascript" type="text/javascript"></script>
<STYLE>ie\:tree {
DISPLAY: block
}
ie\:treeitem {
BORDER-TOP: white 2px solid; DISPLAY: block; ; FONT-WEIGHT: expression(this.children.length > 1 ? 'bold' : 'normal'); VISIBILITY: inherit; MARGIN-LEFT: 20px; OVERFLOW: hidden; WIDTH: 100%
}
ie\:label {
DISPLAY: inline; CURSOR: hand
}
ie\:label {behavior:url(tree2.htc)}
</STYLE>
</HEAD><BODY>
<H3>Animating Expanding/Collapsing List with Drag/Drop <I>e.c.
listus</I></H3><ie:tree id=TheTree>
<ie:treeitem><ie:label id=Label1>1.0 FirstSet</ie:label> <ie:treeitem><ie:label>1.1 Megalosaurus</ie:label></ie:treeitem>
<ie:treeitem><ie:label>1.2 Iguanodon</ie:label></ie:treeitem>
<ie:treeitem><ie:label>1.3 Hylaeosaurus</ie:label></ie:treeitem>
<ie:treeitem><ie:label>1.4 Tyrannosaurus rex</ie:label></ie:treeitem>
</ie:treeitem><ie:treeitem>
<ie:label>2.0 Later Set</ie:label>
<ie:treeitem><ie:label>2.1 Mammoths</ie:label></ie:treeitem> <ie:treeitem><!--S-->
<ie:label>2.2 Mastodons</ie:label>
<ie:treeitem><ie:label>2.2.1 Plesiosaurs</ie:label></ie:treeitem>
<ie:treeitem><ie:label>2.2.2 Ichthyosaurs</ie:label></ie:treeitem>
<ie:treeitem><ie:label>2.2.3 Dimetrodon </ie:label></ie:treeitem>
<ie:treeitem><ie:label>2.2.4 Sinapsid</ie:label></ie:treeitem>
</ie:treeitem><!-- E--><ie:treeitem><ie:label>2.3
Stegosaurus</ie:label></ie:treeitem> <ie:treeitem><ie:label>2.4
Apatosaurus</ie:label></ie:treeitem> <ie:treeitem><ie:label>2.5
Mammals</ie:label></ie:treeitem> <ie:treeitem><ie:label>2.6 Tetrapods</ie:label>
<ie:treeitem><ie:label>2.6.1 Amphibians</ie:label></ie:treeitem>
<ie:treeitem><ie:label>2.6.2 Whales</ie:label></ie:treeitem>
<ie:treeitem><ie:label>2.6.3 Crocodiles</ie:label></ie:treeitem>
<ie:treeitem><ie:label>2.6.4 Sea Turtles</ie:label></ie:treeitem>
</ie:treeitem><ie:treeitem><ie:label>2.7 Late Permian</ie:label></ie:treeitem>
<ie:treeitem><ie:label>2.8 Mesozoic</ie:label></ie:treeitem>
</ie:treeitem><ie:treeitem><ie:label>3.0 Archosaurs</ie:label>
<ie:treeitem><ie:label>3.1 Mandibular fenestra</ie:label></ie:treeitem>
<ie:treeitem><ie:label>3.2 Pointed Snout</ie:label></ie:treeitem>
<ie:treeitem><ie:label>3.3 Theocodant Tooth
Implantation</ie:label></ie:treeitem> <ie:treeitem><ie:label>3.4 Modified
Ankle</ie:label></ie:treeitem> </ie:treeitem><ie:treeitem><ie:label>4.0
Mesozoic</ie:label> <ie:treeitem><ie:label>4.1 Middle
Animals</ie:label></ie:treeitem> </ie:treeitem></ie:tree>
<SCRIPT>
// variables for drag/drop
var dragElement = null;
var dropElement = null;
var currOver = null;// variables for expanding/collapsing
var flyCount = 5;
var msecs = 5;
var currCount = 0;// event handler hookup
TheTree.onmousedown = preselect;
TheTree.ondragstart = dragstart;
TheTree.ondragend = dragend;
TheTree.ondragenter = dragover;
TheTree.ondragover = dragover;
TheTree.ondragend = dragend;
TheTree.ondrop = dragdrop;
document.onclick = click;// drag/drop code
function dragstart() {
var e;
e = window.event.srcElement;
if (e.tagName != "label")
return false; dragElement = e.parentElement;
}// method called as we start drag/drop// called as we mouse over - note that there is special handling for dragover code
// as dragleave doesn't track the toElement/fromElement as mouseover/mouseout does
function dragover() {
if (window.event.srcElement.tagName != "treeitem")
return; if (!dragElement.contains(window.event.srcElement)) {
if (currOver) {
currOver.style.borderTopColor = "";
}
currOver = window.event.srcElement;
window.event.srcElement.style.borderTopColor = "black";
event.returnValue = false;
}
}// called when drag is ended - always
function dragend() {
if (currOver) {
currOver.style.borderTopColor = "";
}
}// called on drop
function dragdrop() {
if (currOver) {
currOver.style.borderTopColor = "";
}
t = currOver;
t.parentElement.insertBefore(dragElement, t);
}// needed to select items so they can be dragged
// drag drop only supported on selection and images
function preselect() {
var e; e = window.event.srcElement;
if (e.tagName != "label") {
return;
}
r = document.body.createTextRange();
r.moveToElementText(e);
r.select();
window.event.cancelBubble = true;
}// beginning of expand/collapse code// called to handle document click, starts toggling
function click() {
if (window.event.srcElement.tagName != "label") {
return;
}
if (window.event.srcElement.parentElement.children.length > 1) {
toggleState(window.event.srcElement.parentElement);
}
}// toggles expanding/collapse state of an element - does setup
function toggleState(e) {
e.oHeight = e.scrollHeight + 2;
e.style.posHeight = e.offsetHeight;
if (e.scrollHeight >= e.offsetHeight) {
growIt(e);
} else {
shrinkIt(e);
}
}// called to initiate growing an element
function growIt(e) {
currCount = 0; window.setTimeout("doGrow(" + e.uniqueID + ");", msecs);
}// called to initiate shrinking an element
function shrinkIt(e) {
currCount = 0;
window.setTimeout("doShrink(" + e.uniqueID + ");", msecs);
}// inner loop for growing an object
function doGrow(e) {
var dh;
var lineHeight = e.children[0].offsetHeight; currCount++; dh = e.oHeight / flyCount;
if (e.style.posHeight != e.oHeight) {
e.style.posHeight += dh;
} if (currCount < flyCount) {
window.setTimeout("doGrow(" + e.uniqueID + ");", msecs);
}
else {
e.style.height = "";
}
}// inner loop for shrinking an object
function doShrink(e) {
var dh, dw;
var lineHeight = e.children[0].offsetHeight;
var p; currCount++; dh = (e.oHeight - lineHeight) / flyCount; e.style.posHeight -= dh; if (currCount < flyCount) {
window.setTimeout("doShrink(" + e.uniqueID + ");", msecs);
}
else {
e.style.posHeight = lineHeight;
}
}
</SCRIPT>
</BODY>
</HTML>