以文本方式查看主题

-  搭建论坛  (http://bbs.diylsoft.com:8118/starforum/index.asp)
--  经验交流  (http://bbs.diylsoft.com:8118/starforum/list.asp?boardid=5)
----  强大的日历功能成就一笔买卖  (http://bbs.diylsoft.com:8118/starforum/dispbbs.asp?boardid=5&id=22700)

--  作者:pc_doctor
--  发布时间:2009-1-8 11:51:50
--  强大的日历功能成就一笔买卖


此主题相关图片如下:
按此在新窗口浏览图片


日前,陪朋友买手机,因为手机的日历功能选择了好几家店。最后终于选择到了一款满意的日历功能手机。

他说:现在手机除了通话,我最看重的就是时间管理功能了。

现将这个日历功能简单描述出来,希望公司能重视“时间管理”。

一、该日历可以在每个日子里同时增加多个“备忘”、“任务”、“课程”、“约会”、“电话”、“纪念日”等记录。
二、在有备忘记录的日子上可以显示一个对应的提示图标。鼠标指向该日子时,日历下面即可显示记录详细。
三、到期时有闹铃提示和记录提示。

其实,在目前很多的ASP网站也能做出同样甚至更强大的日历出来。


--  作者:development
--  发布时间:2009-1-8 15:15:52
--  
你如果想在客户端,做更多的东西,必须要熟悉 JavaScript
--  作者:pc_doctor
--  发布时间:2009-1-8 16:15:40
--  
以下是引用development在2009-1-8 15:15:52的发言:
你如果想在客户端,做更多的东西,必须要熟悉 JavaScript

是的,将下面这段JavaScript代码保存后就能在浏览器中看见一个树形浏览菜单。

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
</head>

<body>
<script language="JavaScript">
NS4 = (document.layers) ? 1 : 0;
IE4 = (document.all) ? 1 : 0;
ver4 = (NS4 || IE4) ? 1 : 0;

if (ver4) {
with (document) {
write("<STYLE TYPE=\'text/css\'>");
if (NS4) {
write(".parent {position:absolute; visibility:visible}");
write(".child {position:absolute; visibility:visible}");
write(".regular {position:absolute; visibility:visible}")
}
else {
write(".child {display:none}")
}
write("</STYLE>");
}
}

function getIndex(el) {
ind = null;
for (i=0; i<document.layers.length; i++) {
whichEl = document.layers[i];
if (whichEl.id == el) {
ind = i;
break;
}
}
return ind;
}

function arrange() {
nextY = document.layers[firstInd].pageY +document.layers[firstInd].document.height;
for (i=firstInd+1; i<document.layers.length; i++) {
whichEl = document.layers[i];
if (whichEl.visibility != "hide") {
whichEl.pageY = nextY;
nextY += whichEl.document.height;
}
}
}

function initIt(){
if (!ver4) return;
if (NS4) {
for (i=0; i<document.layers.length; i++) {
whichEl = document.layers[i];
if (whichEl.id.indexOf("Child") != -1) whichEl.visibility = "hide";
}
arrange();
}
else {
divColl = document.all.tags("DIV");
for (i=0; i<divColl.length; i++) {
whichEl = divColl(i);
if (whichEl.className == "child") whichEl.style.display = "none";
}
}
}

function expandIt(el) {
if (!ver4) return;
if (IE4) {
whichEl = eval(el + "Child");
if (whichEl.style.display == "none") {
whichEl.style.display = "block";
}
else {
whichEl.style.display = "none";
}
}
else {
whichEl = eval("document." + el + "Child");
if (whichEl.visibility == "hide") {
whichEl.visibility = "show";
}
else {
whichEl.visibility = "hide";
}
arrange();
}
}
onload = initIt;
</script>
</font></p>
<div id="KB1Parent" class="parent">    <a href="#" onClick="expandIt(\'KB1\'); return false" ><img src="img/plus.gif" border=0>文件夹一</a></div>
<div id="KB1Child" class="child">     <a href="sample.htm" target="_blank" ><img src="img/spacer.gif" border=0 alt=""><img src="img/open.gif" border=0>页面一</a><br>
     <a href="sample.htm" target="_blank" ><img src="img/spacer.gif" border=0 alt="" width="15" height="11"><img src="img/open.gif" border=0>页面二</a><br>
     <a href="sample.htm" target="_blank" ><img src="img/spacer.gif" border=0 alt="" width="15" height="11"><img src="img/open.gif" border=0>页面三</a></div>
<div id="KB2Parent" class="parent">    <a href="#" onClick="expandIt(\'KB2\'); return false" ><img src="img/plus.gif" border=0>文件夹二</a></div>
<div id="KB2Child" class="child">     <a href="sample.htm" target="_blank" ><img src="img/spacer.gif" border=0 alt="" width="15" height="11"><img src="img/open.gif" border=0>页面一</a><br>
     <a href="sample.htm" target="_blank" ><img src="img/spacer.gif" border=0 alt=""><img src="img/open.gif" border=0>页面二</a><br>
     <a href="sample.htm" target="_blank" ><img src="img/spacer.gif" border=0 alt="" width="15" height="11"><img src="img/open.gif" border=0>页面三</a></div>
<div id="KB3Parent" class="parent">    <a href="#" onClick="expandIt(\'KB3\'); return false" ><img src="img/plus.gif" border=0>文件夹三</a></div>
<div id="KB3Child" class="child">      <a href="sample.htm" target="_blank" ><img src="img/spacer.gif" border=0 alt=""><img src="img/open.gif" border=0>页面一</a><br>
      <a href="sample.htm" target="_blank" ><img src="img/open.gif" border=0>页面二</a><br>
     <a href="sample.htm" target="_blank" ><img src="img/spacer.gif" border=0 alt=""><img src="img/open.gif" border=0>页面三</a></div>
<script language="JavaScript">
if (NS4) {
firstEl = "KB1Parent";
firstInd = getIndex(firstEl);
arrange();
}
</script>

</body>

</html>


--  作者:rosn
--  发布时间:2009-1-9 10:28:14
--  
在《者》中,也可以,自己编制 javaScript 有专门的构件支持。