document.body.scrollTop的返回值总是零的处理方法

四月 29, 2009 作者:fangds 类别:HTML, JAVASCRIPT 已经有695次浏览

为什么document.body.scrollTop的值总是零呢？原来是头部声明的问题，也是标准的问题。

原来在HTML文件头部声明了这样一句：
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>

改成这样就好了：
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

var scrollPos;
if (typeof window.pageYOffset != ‘undefined’) {
   scrollPos = window.pageYOffset;
}
else if (typeof document.compatMode != ‘undefined’ &&
     document.compatMode != ‘BackCompat’) {
   scrollPos = document.documentElement.scrollTop;
}
else if (typeof document.body != ‘undefined’) {
   scrollPos = document.body.scrollTop;
}
alert(scrollPos);

一切OK.

标签:

JS弹出菜单纵向/横向效果

三月 24, 2009 作者:FDS 类别:HTML, JAVASCRIPT 已经有1,682次浏览

2 评论

JS弹出菜单效果，包括纵向和横向的。以下是实现方法。

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<HEAD>
<TITLE></TITLE>
</HEAD>

<BODY background=”img/back.gif” leftMargin=0 topMargin=0>
<script language=”JavaScript”>
<!–
function mmLoadMenus() {
if (window.mm_menu_1008171701_0) return;
window.mm_menu_1008171701_0 = new Menu(“root”,71,18,”",12,”#FFFFFF”,”#FFFFFF”,”#FF9900″,”#CC0000″,”center”,”middle”,3,0,400,-5,7,true,false,true,0,true,true);/* 后面三个TRUE如果是FALSE就是横向*/
mm_menu_1008171701_0.addMenuItem(“40头镀铝机”,”location=’111.asp’”);
mm_menu_1008171701_0.addMenuItem(“30头镀铝机”,”location=’222.asp’”);
mm_menu_1008171701_0.addMenuItem(“20头镀铝机”,”location=’333.asp’”);
mm_menu_1008171701_0.hideOnMouseOut=true;
mm_menu_1008171701_0.bgColor=’#555555′;
mm_menu_1008171701_0.menuBorder=6;
mm_menu_1008171701_0.menuLiteBgColor=’#FFFFFF’;
mm_menu_1008171701_0.menuBorderBgColor=’#777777′;
mm_menu_1008171701_0.writeMenus();
} // mmLoadMenus()
//–>
</script>
<script language=”JavaScript”>
/**
* mm_menu 20MAR2002 Version 6.0
* Andy Finnell, March 2002
* Copyright (c) 2000-2002 Macromedia, Inc.
*
* based on menu.js
* by gary smith, July 1997
* Copyright (c) 1997-1999 Netscape Communications Corp.
*
* Netscape grants you a royalty free license to use or modify this
* software provided that this copyright notice appears on all copies.
* This software is provided “AS IS,” without a warranty of any kind.
*/
function Menu(label, mw, mh, fnt, fs, fclr, fhclr, bg, bgh, halgn, valgn, pad, space, to, sx, sy, srel, opq, vert, idt, aw, ah)
{
this.version = “020320 [Menu; mm_menu.js]“;
this.type = “Menu”;
this.menuWidth = mw;
this.menuItemHeight = mh;
this.fontSize = fs;
this.fontWeight = “plain”;
this.fontFamily = fnt;
this.fontColor = fclr;
this.fontColorHilite = fhclr;
this.bgColor = “#555555″;
this.menuBorder = 1;
this.menuBgOpaque=opq;
this.menuItemBorder = 1;
this.menuItemIndent = idt;
this.menuItemBgColor = bg;
this.menuItemVAlign = valgn;
this.menuItemHAlign = halgn;
this.menuItemPadding = pad;
this.menuItemSpacing = space;
this.menuLiteBgColor = “#ffffff”;
this.menuBorderBgColor = “#777777″;
this.menuHiliteBgColor = bgh;
this.menuContainerBgColor = “#cccccc”;
this.childMenuIcon = “arrows.gif”;
this.submenuXOffset = sx;
this.submenuYOffset = sy;
this.submenuRelativeToItem = srel;
this.vertical = vert;
this.items = new Array();
this.actions = new Array();
this.childMenus = new Array();
this.hideOnMouseOut = true;
this.hideTimeout = to;
this.addMenuItem = addMenuItem;
this.writeMenus = writeMenus;
this.MM_showMenu = MM_showMenu;
this.onMenuItemOver = onMenuItemOver;
this.onMenuItemAction = onMenuItemAction;
this.hideMenu = hideMenu;
this.hideChildMenu = hideChildMenu;
if (!window.menus) window.menus = new Array();
this.label = ” ” + label;
window.menus[this.label] = this;
window.menus[window.menus.length] = this;
if (!window.activeMenus) window.activeMenus = new Array();
}

function addMenuItem(label, action) {
this.items[this.items.length] = label;
this.actions[this.actions.length] = action;
}

function FIND(item) {
if( window.mmIsOpera ) return(document.getElementById(item));
if (document.all) return(document.all[item]);
if (document.getElementById) return(document.getElementById(item));
return(false);
}

function writeMenus(container) {
if (window.triedToWriteMenus) return;
var agt = navigator.userAgent.toLowerCase();
window.mmIsOpera = agt.indexOf(“opera”) != -1;
if (!container && document.layers) {
  window.delayWriteMenus = this.writeMenus;
  var timer = setTimeout(‘delayWriteMenus()’, 500);
  container = new Layer(100);
  clearTimeout(timer);
} else if (document.all || document.hasChildNodes || window.mmIsOpera) {
  document.writeln(‘<span id=”menuContainer”></span>’);
  container = FIND(“menuContainer”);
}

window.mmHideMenuTimer = null;
if (!container) return;
window.triedToWriteMenus = true;
container.isContainer = true;
container.menus = new Array();
for (var i=0; i<window.menus.length; i++)
  container.menus[i] = window.menus[i];
window.menus.length = 0;
var countMenus = 0;
var countItems = 0;
var top = 0;
var content = ”;
var lrs = false;
var theStat = “”;
var tsc = 0;
if (document.layers) lrs = true;
for (var i=0; i<container.menus.length; i++, countMenus++) {
  var menu = container.menus[i];
  if (menu.bgImageUp || !menu.menuBgOpaque) {
   menu.menuBorder = 0;
   menu.menuItemBorder = 0;
  }
  if (lrs) {
   var menuLayer = new Layer(100, container);
   var lite = new Layer(100, menuLayer);
   lite.top = menu.menuBorder;
   lite.left = menu.menuBorder;
   var body = new Layer(100, lite);
   body.top = menu.menuBorder;
   body.left = menu.menuBorder;
  } else {
   content += ”+
   ’<div id=”menuLayer’+ countMenus +’” style=”filter:Alpha(Opacity=90);position:absolute;z-index:1;left:10px;top:’+ (i * 100) +’px;visibility:hidden;color:’ + menu.menuBorderBgColor + ‘;”>\n’+
   ’ <div id=”menuLite’+ countMenus +’” style=”position:absolute;z-index:1;left:’+ menu.menuBorder +’px;top:’+ menu.menuBorder +’px;visibility:hide;” onmouseout=”mouseoutMenu();”>\n’+
   ’ <div id=”menuFg’+ countMenus +’” style=”position:absolute;left:’+ menu.menuBorder +’px;top:’+ menu.menuBorder +’px;visibility:hide;”>\n’+
   ”;
  }
  var x=i;
  for (var i=0; i<menu.items.length; i++) {
   var item = menu.items[i];
   var childMenu = false;
   var defaultHeight = menu.fontSize+2*menu.menuItemPadding;
   if (item.label) {
    item = item.label;
    childMenu = true;
   }
   menu.menuItemHeight = menu.menuItemHeight || defaultHeight;
   var itemProps = ”;
   if( menu.fontFamily != ” ) itemProps += ‘font-family:’ + menu.fontFamily +’;';
   itemProps += ‘font-weight:’ + menu.fontWeight + ‘;fontSize:’ + menu.fontSize + ‘px;’;
   if (menu.fontStyle) itemProps += ‘font-style:’ + menu.fontStyle + ‘;’;
   if (document.all || window.mmIsOpera)
    itemProps += ‘font-size:’ + menu.fontSize + ‘px;” onmouseover=”onMenuItemOver(null,this);” onclick=”onMenuItemAction(null,this);’;
   else if (!document.layers) {
    itemProps += ‘font-size:’ + menu.fontSize + ‘px;’;
   }
   var l;
   if (lrs) {
    var lw = menu.menuWidth;
    if( menu.menuItemHAlign == ‘right’ ) lw -= menu.menuItemPadding;
    l = new Layer(lw,body);
   }
   var itemLeft = 0;
   var itemTop = i*menu.menuItemHeight;
   if( !menu.vertical ) {
    itemLeft = i*menu.menuWidth;
    itemTop = 0;
   }
   var dTag = ‘<div id=”menuItem’+ countItems +’” style=”position:absolute;left:’ + itemLeft + ‘px;top:’+ itemTop +’px;’+ itemProps +’”>’;
   var dClose = ‘</div>’
   if (menu.bgImageUp) dTag = ‘<div id=”menuItem’+ countItems +’” style=”background:url(‘+menu.bgImageUp+’);position:absolute;left:’ + itemLeft + ‘px;top:’+ itemTop +’px;’+ itemProps +’”>’;

   var left = 0, top = 0, right = 0, bottom = 0;
   left = 1 + menu.menuItemPadding + menu.menuItemIndent;
   right = left + menu.menuWidth – 2*menu.menuItemPadding – menu.menuItemIndent;
   if( menu.menuItemVAlign == ‘top’ ) top = menu.menuItemPadding;
   if( menu.menuItemVAlign == ‘bottom’ ) top = menu.menuItemHeight-menu.fontSize-1-menu.menuItemPadding;
   if( menu.menuItemVAlign == ‘middle’ ) top = ((menu.menuItemHeight/2)-(menu.fontSize/2)-1);
   bottom = menu.menuItemHeight – 2*menu.menuItemPadding;
   var textProps = ‘position:absolute;left:’ + left + ‘px;top:’ + top + ‘px;’;
   if (lrs) {
    textProps +=itemProps + ‘right:’ + right + ‘;bottom:’ + bottom + ‘;’;
    dTag = “”;
    dClose = “”;
   }

   if(document.all && !window.mmIsOpera) {
    item = ‘<div align=”‘ + menu.menuItemHAlign + ‘”>’ + item + ‘</div>’;
   } else if (lrs) {
    item = ‘<div style=”text-align:’ + menu.menuItemHAlign + ‘;”>’ + item + ‘</div>’;
   } else {
    var hitem = null;
    if( menu.menuItemHAlign != ‘left’ ) {
     if(window.mmIsOpera) {
      var operaWidth = menu.menuItemHAlign == ‘center’ ? -(menu.menuWidth-2*menu.menuItemPadding) : (menu.menuWidth-6*menu.menuItemPadding);
      hitem = ‘<div id=”menuItemHilite’ + countItems + ‘Shim” style=”position:absolute;top:1px;left:’ + menu.menuItemPadding + ‘px;width:’ + operaWidth + ‘px;text-align:’
       + menu.menuItemHAlign + ‘;visibility:visible;”>’ + item + ‘</div>’;
      item = ‘<div id=”menuItemText’ + countItems + ‘Shim” style=”position:absolute;top:1px;left:’ + menu.menuItemPadding + ‘px;width:’ + operaWidth + ‘px;text-align:’
       + menu.menuItemHAlign + ‘;visibility:visible;”>’ + item + ‘</div>’;
     } else {
      hitem = ‘<div id=”menuItemHilite’ + countItems + ‘Shim” style=”position:absolute;top:1px;left:1px;right:-’ + (left+menu.menuWidth-3*menu.menuItemPadding) + ‘px;text-align:’
       + menu.menuItemHAlign + ‘;visibility:visible;”>’ + item + ‘</div>’;
      item = ‘<div id=”menuItemText’ + countItems + ‘Shim” style=”position:absolute;top:1px;left:1px;right:-’ + (left+menu.menuWidth-3*menu.menuItemPadding) + ‘px;text-align:’
       + menu.menuItemHAlign + ‘;visibility:visible;”>’ + item + ‘</div>’;
     }
    } else hitem = null;
   }
   if(document.all && !window.mmIsOpera) item = ‘<div id=”menuItemShim’ + countItems + ‘” style=”position:absolute;left:0px;top:0px;”>’ + item + ‘</div>’;
   var dText = ‘<div id=”menuItemText’+ countItems +’” style=”‘ + textProps + ‘color:’+ menu.fontColor +’;”>’+ item +’&nbsp</div>\n’
      + ‘<div id=”menuItemHilite’+ countItems +’” style=”‘ + textProps + ‘color:’+ menu.fontColorHilite +’;visibility:hidden;”>’
      + (hitem||item) +’&nbsp</div>’;
   if (childMenu) content += ( dTag + dText + ‘<div id=”childMenu’+ countItems +’” style=”position:absolute;left:0px;top:3px;”><img src=”‘+ menu.childMenuIcon +’”></div>\n’ + dClose);
   else content += ( dTag + dText + dClose);
   if (lrs) {
    l.document.open(“text/html”);
    l.document.writeln(content);
    l.document.close();
    content = ”;
    theStat += “-”;
    tsc++;
    if (tsc > 50) {
     tsc = 0;
     theStat = “”;
    }
    status = theStat;
   }
   countItems++;
  }
  if (lrs) {
   var focusItem = new Layer(100, body);
   focusItem.visiblity=”hidden”;
   focusItem.document.open(“text/html”);
   focusItem.document.writeln(“ ”);
   focusItem.document.close();
  } else {
    content += ‘   <div id=”focusItem’+ countMenus +’” style=”position:absolute;left:0px;top:0px;visibility:hide;” onclick=”onMenuItemAction(null,this);”> </div>\n’;
    content += ‘   </div>\n </div>\n</div>\n’;
  }
  i=x;
}
if (document.layers) {
  container.clip.width = window.innerWidth;
  container.clip.height = window.innerHeight;
  container.onmouseout = mouseoutMenu;
  container.menuContainerBgColor = this.menuContainerBgColor;
  for (var i=0; i<container.document.layers.length; i++) {
   proto = container.menus[i];
   var menu = container.document.layers[i];
   container.menus[i].menuLayer = menu;
   container.menus[i].menuLayer.Menu = container.menus[i];
   container.menus[i].menuLayer.Menu.container = container;
   var body = menu.document.layers[0].document.layers[0];
   body.clip.width = proto.menuWidth || body.clip.width;
   body.clip.height = proto.menuHeight || body.clip.height;
   for (var n=0; n<body.document.layers.length-1; n++) {
    var l = body.document.layers[n];
    l.Menu = container.menus[i];
    l.menuHiliteBgColor = proto.menuHiliteBgColor;
    l.document.bgColor = proto.menuItemBgColor;
    l.saveColor = proto.menuItemBgColor;
    l.onmouseover = proto.onMenuItemOver;
    l.onclick = proto.onMenuItemAction;
    l.mmaction = container.menus[i].actions[n];
    l.focusItem = body.document.layers[body.document.layers.length-1];
    l.clip.width = proto.menuWidth || body.clip.width;
    l.clip.height = proto.menuItemHeight || l.clip.height;
    if (n>0) {
     if( l.Menu.vertical ) l.top = body.document.layers[n-1].top + body.document.layers[n-1].clip.height + proto.menuItemBorder + proto.menuItemSpacing;
     else l.left = body.document.layers[n-1].left + body.document.layers[n-1].clip.width + proto.menuItemBorder + proto.menuItemSpacing;
    }
    l.hilite = l.document.layers[1];
    if (proto.bgImageUp) l.background.src = proto.bgImageUp;
    l.document.layers[1].isHilite = true;
    if (l.document.layers.length > 2) {
     l.childMenu = container.menus[i].items[n].menuLayer;
     l.document.layers[2].left = l.clip.width -13;
     l.document.layers[2].top = (l.clip.height / 2) -4;
     l.document.layers[2].clip.left += 3;
     l.Menu.childMenus[l.Menu.childMenus.length] = l.childMenu;
    }
   }
   if( proto.menuBgOpaque ) body.document.bgColor = proto.bgColor;
   if( proto.vertical ) {
    body.clip.width = l.clip.width +proto.menuBorder;
    body.clip.height = l.top + l.clip.height +proto.menuBorder;
   } else {
    body.clip.height = l.clip.height +proto.menuBorder;
    body.clip.width = l.left + l.clip.width +proto.menuBorder;
    if( body.clip.width > window.innerWidth ) body.clip.width = window.innerWidth;
   }
   var focusItem = body.document.layers[n];
   focusItem.clip.width = body.clip.width;
   focusItem.Menu = l.Menu;
   focusItem.top = -30;
            focusItem.captureEvents(Event.MOUSEDOWN);
            focusItem.onmousedown = onMenuItemDown;
   if( proto.menuBgOpaque ) menu.document.bgColor = proto.menuBorderBgColor;
   var lite = menu.document.layers[0];
   if( proto.menuBgOpaque ) lite.document.bgColor = proto.menuLiteBgColor;
   lite.clip.width = body.clip.width +1;
   lite.clip.height = body.clip.height +1;
   menu.clip.width = body.clip.width + (proto.menuBorder * 3) ;
   menu.clip.height = body.clip.height + (proto.menuBorder * 3);
  }
} else {
  if ((!document.all) && (container.hasChildNodes) && !window.mmIsOpera) {
   container.innerHTML=content;
  } else {
   container.document.open(“text/html”);
   container.document.writeln(content);
   container.document.close();
  }
  if (!FIND(“menuLayer0″)) return;
  var menuCount = 0;
  for (var x=0; x<container.menus.length; x++) {
   var menuLayer = FIND(“menuLayer” + x);
   container.menus[x].menuLayer = “menuLayer” + x;
   menuLayer.Menu = container.menus[x];
   menuLayer.Menu.container = “menuLayer” + x;
   menuLayer.style.zindex = 1;
      var s = menuLayer.style;
   s.pixeltop = -300;
   s.pixelleft = -300;
   s.top = ‘-300px’;
   s.left = ‘-300px’;

   var menu = container.menus[x];
   menu.menuItemWidth = menu.menuWidth || menu.menuIEWidth || 140;
   if( menu.menuBgOpaque ) menuLayer.style.backgroundColor = menu.menuBorderBgColor;
   var top = 0;
   var left = 0;
   menu.menuItemLayers = new Array();
   for (var i=0; i<container.menus[x].items.length; i++) {
    var l = FIND(“menuItem” + menuCount);
    l.Menu = container.menus[x];
    l.Menu.menuItemLayers[l.Menu.menuItemLayers.length] = l;
    if (l.addEventListener || window.mmIsOpera) {
     l.style.width = menu.menuItemWidth + ‘px’;
     l.style.height = menu.menuItemHeight + ‘px’;
     l.style.pixelWidth = menu.menuItemWidth;
     l.style.pixelHeight = menu.menuItemHeight;
     l.style.top = top + ‘px’;
     l.style.left = left + ‘px’;
     if(l.addEventListener) {
      l.addEventListener(“mouseover”, onMenuItemOver, false);
      l.addEventListener(“click”, onMenuItemAction, false);
      l.addEventListener(“mouseout”, mouseoutMenu, false);
     }
     if( menu.menuItemHAlign != ‘left’ ) {
      l.hiliteShim = FIND(“menuItemHilite” + menuCount + “Shim”);
      l.hiliteShim.style.visibility = “inherit”;
      l.textShim = FIND(“menuItemText” + menuCount + “Shim”);
      l.hiliteShim.style.pixelWidth = menu.menuItemWidth – 2*menu.menuItemPadding – menu.menuItemIndent;
      l.hiliteShim.style.width = l.hiliteShim.style.pixelWidth;
      l.textShim.style.pixelWidth = menu.menuItemWidth – 2*menu.menuItemPadding – menu.menuItemIndent;
      l.textShim.style.width = l.textShim.style.pixelWidth;
     }
    } else {
     l.style.pixelWidth = menu.menuItemWidth;
     l.style.pixelHeight = menu.menuItemHeight;
     l.style.pixelTop = top;
     l.style.pixelLeft = left;
     if( menu.menuItemHAlign != ‘left’ ) {
      var shim = FIND(“menuItemShim” + menuCount);
      shim[0].style.pixelWidth = menu.menuItemWidth – 2*menu.menuItemPadding – menu.menuItemIndent;
      shim[1].style.pixelWidth = menu.menuItemWidth – 2*menu.menuItemPadding – menu.menuItemIndent;
      shim[0].style.width = shim[0].style.pixelWidth + ‘px’;
      shim[1].style.width = shim[1].style.pixelWidth + ‘px’;
     }
    }
    if( menu.vertical ) top = top + menu.menuItemHeight+menu.menuItemBorder+menu.menuItemSpacing;
    else left = left + menu.menuItemWidth+menu.menuItemBorder+menu.menuItemSpacing;
    l.style.fontSize = menu.fontSize + ‘px’;
    l.style.backgroundColor = menu.menuItemBgColor;
    l.style.visibility = “inherit”;
    l.saveColor = menu.menuItemBgColor;
    l.menuHiliteBgColor = menu.menuHiliteBgColor;
    l.mmaction = container.menus[x].actions[i];
    l.hilite = FIND(“menuItemHilite” + menuCount);
    l.focusItem = FIND(“focusItem” + x);
    l.focusItem.style.pixelTop = -30;
    l.focusItem.style.top = ‘-30px’;
    var childItem = FIND(“childMenu” + menuCount);
    if (childItem) {
     l.childMenu = container.menus[x].items[i].menuLayer;
     childItem.style.pixelLeft = menu.menuItemWidth -11;
     childItem.style.left = childItem.style.pixelLeft + ‘px’;
     childItem.style.pixelTop = (menu.menuItemHeight /2) -4;
     childItem.style.top = childItem.style.pixelTop + ‘px’;
     l.Menu.childMenus[l.Menu.childMenus.length] = l.childMenu;
    }
    l.style.cursor = “hand”;
    menuCount++;
   }
   if( menu.vertical ) {
    menu.menuHeight = top-1-menu.menuItemSpacing;
    menu.menuWidth = menu.menuItemWidth;
   } else {
    menu.menuHeight = menu.menuItemHeight;
    menu.menuWidth = left-1-menu.menuItemSpacing;
   }

   var lite = FIND(“menuLite” + x);
   var s = lite.style;
   s.pixelHeight = menu.menuHeight +(menu.menuBorder * 2);
   s.height = s.pixelHeight + ‘px’;
   s.pixelWidth = menu.menuWidth + (menu.menuBorder * 2);
   s.width = s.pixelWidth + ‘px’;
   if( menu.menuBgOpaque ) s.backgroundColor = menu.menuLiteBgColor;

   var body = FIND(“menuFg” + x);
   s = body.style;
   s.pixelHeight = menu.menuHeight + menu.menuBorder;
   s.height = s.pixelHeight + ‘px’;
   s.pixelWidth = menu.menuWidth + menu.menuBorder;
   s.width = s.pixelWidth + ‘px’;
   if( menu.menuBgOpaque ) s.backgroundColor = menu.bgColor;

   s = menuLayer.style;
   s.pixelWidth = menu.menuWidth + (menu.menuBorder * 4);
   s.width = s.pixelWidth + ‘px’;
   s.pixelHeight = menu.menuHeight+(menu.menuBorder*4);
   s.height = s.pixelHeight + ‘px’;
  }
}
if (document.captureEvents) document.captureEvents(Event.MOUSEUP);
if (document.addEventListener) document.addEventListener(“mouseup”, onMenuItemOver, false);
if (document.layers && window.innerWidth) {
  window.onresize = NS4resize;
  window.NS4sIW = window.innerWidth;
  window.NS4sIH = window.innerHeight;
  setTimeout(“NS4resize()”,500);
}
document.onmouseup = mouseupMenu;
window.mmWroteMenu = true;
status = “”;
}

function NS4resize() {
if (NS4sIW != window.innerWidth || NS4sIH != window.innerHeight) window.location.reload();
}

function onMenuItemOver(e, l) {
MM_clearTimeout();
l = l || this;
a = window.ActiveMenuItem;
if (document.layers) {
  if (a) {
   a.document.bgColor = a.saveColor;
   if (a.hilite) a.hilite.visibility = “hidden”;
   if (a.Menu.bgImageOver) a.background.src = a.Menu.bgImageUp;
   a.focusItem.top = -100;
   a.clicked = false;
  }
  if (l.hilite) {
   l.document.bgColor = l.menuHiliteBgColor;
   l.zIndex = 1;
   l.hilite.visibility = “inherit”;
   l.hilite.zIndex = 2;
   l.document.layers[1].zIndex = 1;
   l.focusItem.zIndex = this.zIndex +2;
  }
  if (l.Menu.bgImageOver) l.background.src = l.Menu.bgImageOver;
  l.focusItem.top = this.top;
  l.focusItem.left = this.left;
  l.focusItem.clip.width = l.clip.width;
  l.focusItem.clip.height = l.clip.height;
  l.Menu.hideChildMenu(l);
} else if (l.style && l.Menu) {
  if (a) {
   a.style.backgroundColor = a.saveColor;
   if (a.hilite) a.hilite.style.visibility = “hidden”;
   if (a.hiliteShim) a.hiliteShim.style.visibility = “inherit”;
   if (a.Menu.bgImageUp) a.style.background = “url(” + a.Menu.bgImageUp +”)”;;
  }
  l.style.backgroundColor = l.menuHiliteBgColor;
  l.zIndex = 1;
  if (l.Menu.bgImageOver) l.style.background = “url(” + l.Menu.bgImageOver +”)”;
  if (l.hilite) {
   l.hilite.style.visibility = “inherit”;
   if( l.hiliteShim ) l.hiliteShim.style.visibility = “visible”;
  }
  l.focusItem.style.pixelTop = l.style.pixelTop;
  l.focusItem.style.top = l.focusItem.style.pixelTop + ‘px’;
  l.focusItem.style.pixelLeft = l.style.pixelLeft;
  l.focusItem.style.left = l.focusItem.style.pixelLeft + ‘px’;
  l.focusItem.style.zIndex = l.zIndex +1;
  l.Menu.hideChildMenu(l);
} else return;
window.ActiveMenuItem = l;
}

function onMenuItemAction(e, l) {
l = window.ActiveMenuItem;
if (!l) return;
hideActiveMenus();
if (l.mmaction) eval(“” + l.mmaction);
window.ActiveMenuItem = 0;
}

function MM_clearTimeout() {
if (mmHideMenuTimer) clearTimeout(mmHideMenuTimer);
mmHideMenuTimer = null;
mmDHFlag = false;
}

function MM_startTimeout() {
if( window.ActiveMenu ) {
  mmStart = new Date();
  mmDHFlag = true;
  mmHideMenuTimer = setTimeout(“mmDoHide()”, window.ActiveMenu.Menu.hideTimeout);
}
}

function mmDoHide() {
if (!mmDHFlag || !window.ActiveMenu) return;
var elapsed = new Date() – mmStart;
var timeout = window.ActiveMenu.Menu.hideTimeout;
if (elapsed < timeout) {
  mmHideMenuTimer = setTimeout(“mmDoHide()”, timeout+100-elapsed);
  return;
}
mmDHFlag = false;
hideActiveMenus();
window.ActiveMenuItem = 0;
}

function MM_showMenu(menu, x, y, child, imgname) {
if (!window.mmWroteMenu) return;
MM_clearTimeout();
if (menu) {
  var obj = FIND(imgname) || document.images[imgname] || document.links[imgname] || document.anchors[imgname];
  x = moveXbySlicePos (x, obj);
  y = moveYbySlicePos (y, obj);
}
if (document.layers) {
  if (menu) {
   var l = menu.menuLayer || menu;
   l.top = l.left = 1;
   hideActiveMenus();
   if (this.visibility) l = this;
   window.ActiveMenu = l;
  } else {
   var l = child;
  }
  if (!l) return;
  for (var i=0; i<l.layers.length; i++) {
   if (!l.layers[i].isHilite) l.layers[i].visibility = “inherit”;
   if (l.layers[i].document.layers.length > 0) MM_showMenu(null, “relative”, “relative”, l.layers[i]);
  }
  if (l.parentLayer) {
   if (x != “relative”) l.parentLayer.left = x || window.pageX || 0;
   if (l.parentLayer.left + l.clip.width > window.innerWidth) l.parentLayer.left -= (l.parentLayer.left + l.clip.width – window.innerWidth);
   if (y != “relative”) l.parentLayer.top = y || window.pageY || 0;
   if (l.parentLayer.isContainer) {
    l.Menu.xOffset = window.pageXOffset;
    l.Menu.yOffset = window.pageYOffset;
    l.parentLayer.clip.width = window.ActiveMenu.clip.width +2;
    l.parentLayer.clip.height = window.ActiveMenu.clip.height +2;
    if (l.parentLayer.menuContainerBgColor && l.Menu.menuBgOpaque ) l.parentLayer.document.bgColor = l.parentLayer.menuContainerBgColor;
   }
  }
  l.visibility = “inherit”;
  if (l.Menu) l.Menu.container.visibility = “inherit”;
} else if (FIND(“menuItem0″)) {
  var l = menu.menuLayer || menu;
  hideActiveMenus();
  if (typeof(l) == “string”) l = FIND(l);
  window.ActiveMenu = l;
  var s = l.style;
  s.visibility = “inherit”;
  if (x != “relative”) {
   s.pixelLeft = x || (window.pageX + document.body.scrollLeft) || 0;
   s.left = s.pixelLeft + ‘px’;
  }
  if (y != “relative”) {
   s.pixelTop = y || (window.pageY + document.body.scrollTop) || 0;
   s.top = s.pixelTop + ‘px’;
  }
  l.Menu.xOffset = document.body.scrollLeft;
  l.Menu.yOffset = document.body.scrollTop;
}
if (menu) window.activeMenus[window.activeMenus.length] = l;
MM_clearTimeout();
}

function onMenuItemDown(e, l) {
var a = window.ActiveMenuItem;
if (document.layers && a) {
  a.eX = e.pageX;
  a.eY = e.pageY;
  a.clicked = true;
    }
}

function mouseupMenu(e) {
hideMenu(true, e);
hideActiveMenus();
return true;
}
function getExplorerVersion() {
var ieVers = parseFloat(navigator.appVersion);
if( navigator.appName != ‘Microsoft Internet Explorer’ ) return ieVers;
var tempVers = navigator.appVersion;
var i = tempVers.indexOf( ‘MSIE ‘ );
if( i >= 0 ) {
  tempVers = tempVers.substring( i+5 );
  ieVers = parseFloat( tempVers );
}
return ieVers;
}

function mouseoutMenu() {
if ((navigator.appName == “Microsoft Internet Explorer”) && (getExplorerVersion() < 4.5))
  return true;
hideMenu(false, false);
return true;
}

function hideMenu(mouseup, e) {
var a = window.ActiveMenuItem;
if (a && document.layers) {
  a.document.bgColor = a.saveColor;
  a.focusItem.top = -30;
  if (a.hilite) a.hilite.visibility = “hidden”;
  if (mouseup && a.mmaction && a.clicked && window.ActiveMenu) {
    if (a.eX <= e.pageX+15 && a.eX >= e.pageX-15 && a.eY <= e.pageY+10 && a.eY >= e.pageY-10) {
    setTimeout(‘window.ActiveMenu.Menu.onMenuItemAction();’, 500);
   }
  }
  a.clicked = false;
  if (a.Menu.bgImageOver) a.background.src = a.Menu.bgImageUp;
} else if (window.ActiveMenu && FIND(“menuItem0″)) {
  if (a) {
   a.style.backgroundColor = a.saveColor;
   if (a.hilite) a.hilite.style.visibility = “hidden”;
   if (a.hiliteShim) a.hiliteShim.style.visibility = “inherit”;
   if (a.Menu.bgImageUp) a.style.background = “url(” + a.Menu.bgImageUp +”)”;
  }
}
if (!mouseup && window.ActiveMenu) {
  if (window.ActiveMenu.Menu) {
   if (window.ActiveMenu.Menu.hideOnMouseOut) MM_startTimeout();
   return(true);
  }
}
return(true);
}

function hideChildMenu(hcmLayer) {
MM_clearTimeout();
var l = hcmLayer;
for (var i=0; i < l.Menu.childMenus.length; i++) {
  var theLayer = l.Menu.childMenus[i];
  if (document.layers) theLayer.visibility = “hidden”;
  else {
   theLayer = FIND(theLayer);
   theLayer.style.visibility = “hidden”;
   if( theLayer.Menu.menuItemHAlign != ‘left’ ) {
    for(var j = 0; j < theLayer.Menu.menuItemLayers.length; j++) {
     var itemLayer = theLayer.Menu.menuItemLayers[j];
     if(itemLayer.textShim) itemLayer.textShim.style.visibility = “inherit”;
    }
   }
  }
  theLayer.Menu.hideChildMenu(theLayer);
}
if (l.childMenu) {
  var childMenu = l.childMenu;
  if (document.layers) {
   l.Menu.MM_showMenu(null,null,null,childMenu.layers[0]);
   childMenu.zIndex = l.parentLayer.zIndex +1;
   childMenu.top = l.Menu.menuLayer.top + l.Menu.submenuYOffset;
   if( l.Menu.vertical ) {
    if( l.Menu.submenuRelativeToItem ) childMenu.top += l.top + l.parentLayer.top;
    childMenu.left = l.parentLayer.left + l.parentLayer.clip.width – (2*l.Menu.menuBorder) + l.Menu.menuLayer.left + l.Menu.submenuXOffset;
   } else {
    childMenu.top += l.top + l.parentLayer.top;
    if( l.Menu.submenuRelativeToItem ) childMenu.left = l.Menu.menuLayer.left + l.left + l.clip.width + (2*l.Menu.menuBorder) + l.Menu.submenuXOffset;
    else childMenu.left = l.parentLayer.left + l.parentLayer.clip.width – (2*l.Menu.menuBorder) + l.Menu.menuLayer.left + l.Menu.submenuXOffset;
   }
   if( childMenu.left < l.Menu.container.clip.left ) l.Menu.container.clip.left = childMenu.left;
   var w = childMenu.clip.width+childMenu.left-l.Menu.container.clip.left;
   if (w > l.Menu.container.clip.width) l.Menu.container.clip.width = w;
   var h = childMenu.clip.height+childMenu.top-l.Menu.container.clip.top;
   if (h > l.Menu.container.clip.height) l.Menu.container.clip.height = h;
   l.document.layers[1].zIndex = 0;
   childMenu.visibility = “inherit”;
  } else if (FIND(“menuItem0″)) {
   childMenu = FIND(l.childMenu);
   var menuLayer = FIND(l.Menu.menuLayer);
   var s = childMenu.style;
   s.zIndex = menuLayer.style.zIndex+1;
   if (document.all || window.mmIsOpera) {
    s.pixelTop = menuLayer.style.pixelTop + l.Menu.submenuYOffset;
    if( l.Menu.vertical ) {
     if( l.Menu.submenuRelativeToItem ) s.pixelTop += l.style.pixelTop;
     s.pixelLeft = l.style.pixelWidth + menuLayer.style.pixelLeft + l.Menu.submenuXOffset;
     s.left = s.pixelLeft + ‘px’;
    } else {
     s.pixelTop += l.style.pixelTop;
     if( l.Menu.submenuRelativeToItem ) s.pixelLeft = menuLayer.style.pixelLeft + l.style.pixelLeft + l.style.pixelWidth + (2*l.Menu.menuBorder) + l.Menu.submenuXOffset;
     else s.pixelLeft = (menuLayer.style.pixelWidth-4*l.Menu.menuBorder) + menuLayer.style.pixelLeft + l.Menu.submenuXOffset;
     s.left = s.pixelLeft + ‘px’;
    }
   } else {
    var top = parseInt(menuLayer.style.top) + l.Menu.submenuYOffset;
    var left = 0;
    if( l.Menu.vertical ) {
     if( l.Menu.submenuRelativeToItem ) top += parseInt(l.style.top);
     left = (parseInt(menuLayer.style.width)-4*l.Menu.menuBorder) + parseInt(menuLayer.style.left) + l.Menu.submenuXOffset;
    } else {
     top += parseInt(l.style.top);
     if( l.Menu.submenuRelativeToItem ) left = parseInt(menuLayer.style.left) + parseInt(l.style.left) + parseInt(l.style.width) + (2*l.Menu.menuBorder) + l.Menu.submenuXOffset;
     else left = (parseInt(menuLayer.style.width)-4*l.Menu.menuBorder) + parseInt(menuLayer.style.left) + l.Menu.submenuXOffset;
    }
    s.top = top + ‘px’;
    s.left = left + ‘px’;
   }
   childMenu.style.visibility = “inherit”;
  } else return;
  window.activeMenus[window.activeMenus.length] = childMenu;
}
}

function hideActiveMenus() {
if (!window.activeMenus) return;
for (var i=0; i < window.activeMenus.length; i++) {
  if (!activeMenus[i]) continue;
  if (activeMenus[i].visibility && activeMenus[i].Menu && !window.mmIsOpera) {
   activeMenus[i].visibility = “hidden”;
   activeMenus[i].Menu.container.visibility = “hidden”;
   activeMenus[i].Menu.container.clip.left = 0;
  } else if (activeMenus[i].style) {
   var s = activeMenus[i].style;
   s.visibility = “hidden”;
   s.left = ‘-200px’;
   s.top = ‘-200px’;
  }
}
if (window.ActiveMenuItem) hideMenu(false, false);
window.activeMenus.length = 0;
}

function moveXbySlicePos (x, img) {
if (!document.layers) {
  var onWindows = navigator.platform ? navigator.platform == “Win32″ : false;
  var macIE45 = document.all && !onWindows && getExplorerVersion() == 4.5;
  var par = img;
  var lastOffset = 0;
  while(par){
   if( par.leftMargin && ! onWindows ) x += parseInt(par.leftMargin);
   if( (par.offsetLeft != lastOffset) && par.offsetLeft ) x += parseInt(par.offsetLeft);
   if( par.offsetLeft != 0 ) lastOffset = par.offsetLeft;
   par = macIE45 ? par.parentElement : par.offsetParent;
  }
} else if (img.x) x += img.x;
return x;
}

function moveYbySlicePos (y, img) {
if(!document.layers) {
  var onWindows = navigator.platform ? navigator.platform == “Win32″ : false;
  var macIE45 = document.all && !onWindows && getExplorerVersion() == 4.5;
  var par = img;
  var lastOffset = 0;
  while(par){
   if( par.topMargin && !onWindows ) y += parseInt(par.topMargin);
   if( (par.offsetTop != lastOffset) && par.offsetTop ) y += parseInt(par.offsetTop);
   if( par.offsetTop != 0 ) lastOffset = par.offsetTop;
   par = macIE45 ? par.parentElement : par.offsetParent;
  }
} else if (img.y >= 0) y += img.y;
return y;
}
</script>
<script language=”JavaScript1.2″>mmLoadMenus();</script>
<table width=”60%” border=”0″ align=”center” cellspacing=”0″>
<tr class=”top”>
<td> <div align=”center”><font color=”#000000″>
<a href=”#” name=”link2″ id=”link1″ onMouseOver=”MM_showMenu(window.mm_menu_1008171701_0,10,18,null,’link2′)” onMouseOut=”MM_startTimeout();”>
真空镀铝机</a>
      </font></div></td>
</tr>
</table>
</BODY>
</html>

标签:

在火狐里面强制换行字符

三月 23, 2009 作者:fangds 类别:HTML, JAVASCRIPT 已经有952次浏览

抢个沙发先

火狐也不知道为什么，自己功能上，样式上面，都无法让其强制换行，这里用JS来实现火狐里面强制换行的方法。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>firefox-break-word</title> <style type="text/css"> <![CDATA[/*> </style> </head> <body> <div id="break"> If there were less sympathy in the world, there would be less trouble in the world. ( O. Wilde ) </div> <script> function toBreakWord(intLen){ var obj=document.getElementById("ff"); var strContent=obj.innerHTML; var strTemp=""; while(strContent.length>intLen){ strTemp+=strContent.substr(0,intLen)+"<br>"; strContent=strContent.substr(intLen,strContent.length); } strTemp+="<br>"+strContent; obj.innerHTML=strTemp; } if(document.getElementById && !document.all) toBreakWord(37) </script> </body> </html>

提示：你可以先修改部分代码再运行。

标签:

三步骤完整实现ASP+JavaScript的日历选择器

十二月 4, 2008 作者:FDS 类别:ASP, JAVASCRIPT 已经有374次浏览

抢个沙发先

三步骤完整实现ASP+JavaScript的日历选择器，这个在很多的选择日期的输入框都可以用到。发出来，分享一下。首先：建立文件:CALENDAR.ASP

<%@ LANGUAGE = VBScript %>
<% Option Explicit %>
<%
Function sFont(iSize,sFace,sColor,bScale)
Dim sOutputStr
sOutputStr = “<FONT”
if sFace <> “” then
   sOutputStr = sOutputStr & ” FACE=’” & sFace & “‘”
else
   sOutputStr = sOutputStr & ” FACE=’Helv’”
end if

if iSize = “” then
  iSize = 1
end if
if bScale then
  iSize = cInt(iSize * 1)
end if
sOutputStr = sOutputStr & ” SIZE=” & iSize
if sColor <> “” then
   sOutputStr = sOutputStr & ” COLOR=” & sColor
end if

sOutputStr = sOutputStr & “>”

sFont = sOutputStr
End Function
On Error Resume Next
Dim datecntrl, Dy, Mo, Yr, nextmonth, startwith, thisMo, thisYr, thisDate,the_type
Dim prevMonthLastDate, currMonthLastDate, i, j, lastnum, AnyDate,default_value

datecntrl= Request(“object”)
defaultvalue=request(“value”)
the_type=request(“type”)
if the_type<>”datetime” then
the_type=”date”
end if

if defaultvalue=”" then
Yr = year(date)
Mo = month(date)
Dy = day(date)
else
    dim pos1
    dim deal_value
    dealvalue=default_value
    pos1=instr(deal_value,”-”)
Yr = cint(mid(deal_value,1,pos1-1))
dealvalue=mid(deal_value,pos1+1)
pos1=instr(deal_value,”-”)
Mo = cint(mid(deal_value,1,pos1-1))
if trim(the_type)=”date” then
  Dy = cint(mid(deal_value,pos1+1))
else
    dim H,M,S
  dealvalue=mid(deal_value,pos1+1)
  pos1=instr(deal_value,” “)
    Dy=cint(mid(deal_value,1,pos1-1))
  dealvalue=mid(deal_value,pos1+1)
  pos1=instr(deal_value,”:”)
     H=cint(mid(deal_value,1,pos1-1))
  dealvalue=mid(deal_value,pos1+1)
  pos1=instr(deal_value,”:”)
    M=cint(mid(deal_value,1,pos1-1))
    S=cint(mid(deal_value,pos1+1))
end if
end if

nextmonth = false
%>
<HTML>
<HEAD>
  <meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
  <meta name=”GENERATOR” content=”Microsoft FrontPage 4.0″>
  <meta name=”ProgId” content=”FrontPage.Editor.Document”>
  <style type=”text/css”>
A
{ FONT-SIZE: 13px; COLOR: #000000;TEXT-DECORATION: none }
A:hover
{COLOR: #ff0000;
}
  </style>
  <TITLE>日历</TITLE>
  <SCRIPT LANGUAGE=”JavaScript”>
//检查字符串是否为日期，返回值：false、true
function f_chkDate(datestr)
{
var lthdatestr
if (datestr != “”)
  lthdatestr= datestr.length ;
else
  lthdatestr=0;

var tmpy=”";
var tmpm=”";
var tmpd=”";
//var datestr;
var status;
status=0;
if ( lthdatestr== 0)
  return false;

    if(lthdatestr>10)
       return false;

for (i=0;i < lthdatestr;i++)
{ if (datestr.charAt(i)== ‘-’)
  {
   status++;
  }
  if (status>2)
  {
   //alert(“Invalid format of date!”);
   return false;
  }
  if ((status==0) && (datestr.charAt(i)!=’-'))
  {
   tmpy=tmpy+datestr.charAt(i)
  }
  if ((status==1) && (datestr.charAt(i)!=’-'))
  {
   tmpm=tmpm+datestr.charAt(i)
  }
  if ((status==2) && (datestr.charAt(i)!=’-'))
  {
   tmpd=tmpd+datestr.charAt(i)
  }

}
year=new String (tmpy);
month=new String (tmpm);
day=new String (tmpd);

//tempdate= new String (year+month+day);
//alert(tempdate);
if ((tmpy.length!=4) || (tmpm.length>2) || (tmpd.length>2))
{
  //alert(“Invalid format of date!”);
  return false;
}
if (!((1<=month) && (12>=month) && (31>=day) && (1<=day)) )
{
     //alert (“Invalid month or day!”);
  return false;
}
if (!((year % 4)==0) && (month==2) && (day==29))
{
  //alert (“This is not a leap year!”);
  return false;
}
if ((month<=7) && ((month % 2)==0) && (day>=31))
{
  //alert (“This month is a small month!”);
  return false;

}
if ((month>=8) && ((month % 2)==1) && (day>=31))
{
  //alert (“This month is a small month!”);
  return false;
}
if ((month==2) && (day==30))
{
  //alert(“The Febryary never has this day!”);
  return false;
}

return true;
}
  function right(str,number)
  {
   return str.substr(str.length – number,str.length);
  }
  function setDate(Dy,Mo,Yr,vBool)
  {
            if (vBool)
               {
               if (Mo<10) Mo=”0″+Mo;
               if (Dy<10) Dy=”0″+Dy;

   <%if the_type=”datetime” then%>
    top.opener.<%= datecntrl %>.value =Yr+”-”+Mo+”-”+Dy+” “+userform.hour.value+”:”+userform.minute.value+”:”+userform.second.value;
   <%else%>
    top.opener.<%= datecntrl %>.value =Yr+”-”+Mo+”-”+Dy;
   <%end if%>
   top.window.close();

               }

      <%if the_type=”datetime” then%>
       self.location.href=”calendar.asp?type=<%=the_type%>&object=<%= datecntrl %>&value=”+Yr+”-”+right((“0″+Mo),2)+”-”+right((“0″+Dy),2)+” “+userform.hour.value+”:”+userform.minute.value+”:”+userform.second.value;
   <%else%>
    self.location.href=”calendar.asp?type=<%=the_type%>&object=<%= datecntrl %>&value=”+Yr+”-”+right((“0″+Mo),2)+”-”+right((“0″+Dy),2);
   <%end if%>
  }

  function saveDate()
  {
   <%if the_type=”datetime” then%>
    top.opener.<%= datecntrl %>.value =”<%= Yr & “-” & right(“0″+cstr(Mo),2) & “-” & right(“0″+cstr(Dy),2) %>”+” “+userform.hour.value+”:”+userform.minute.value+”:”+userform.second.value;
   <%else%>
    top.opener.<%= datecntrl %>.value =”<%= Yr & “-” & right(“0″+cstr(Mo),2) & “-” & right(“0″+cstr(Dy),2) %>”;
   <%end if%>
   top.window.close();
  }

  </SCRIPT>
</HEAD>
<BODY onload=”javascript:window.focus()” bgcolor=”#CCFFFF”>
  <FORM NAME=”userform”>
   <TABLE WIDTH=”100%” CELLPADDING=”2″ CELLSPACING=”0″>
    <TR>
     <TD ALIGN=”left”>
      <%= sFont(“2″,”宋体”,”",True) %>
      <%= writeYears(Yr) %>
     </TD>
     <TD ALIGN=”right”>
      <%= sFont(“2″,”宋体”,”",True) %>
      <%= writeMonths(Mo) %>
     </TD>
    </TR>
   </TABLE>
   <TABLE WIDTH=”100%” BORDER=”1″ BORDERCOLOR=”Silver” CELLPADDING=”2″ CELLSPACING=”0″>
    <%

function nextDate(startwith, maxdays)
  startwith = startwith + 1
  if startwith > maxdays then
   startwith = 1
  end if

  nextDate = startwith
end function

function GetLastDay(Mo,Yr)
   if Mo=2 then
   if (Yr Mod 4)=0 then
      GetLastDay = 29
   else
    GetLastDay = 28
   end if
  elseif ((Mo = 0) OR (Mo = 1) OR (Mo = 3) OR (Mo = 5) OR (Mo = 7) OR (Mo = 8) OR (Mo = 10) OR (Mo = 12)) then
     GetLastDay = 31
  else
     GetLastDay = 30
  end if
end function

function GetFirstDayOffset(Mo,Yr)
  GetFirstDayOffset = weekday(Mo & “/01/” & Yr)-1
end function

function writeMonths(selMo)
  dim i, selstr
  selstr = “<SELECT NAME=’Months’ onChange=’setDate(” & Dy & “,this.selectedIndex+1,” & Yr & “,false);’>”
  for i=1 to 12
   if selMo = i then
    selstr = selstr & “<OPTION SELECTED>” & MonthName(i)
   else
    selstr = selstr & “<OPTION>” & MonthName(i)
   end if
  next
  selstr = selstr & “</SELECT>”
  writeMonths = selstr
end function

function writeYears(selYear)
  dim i, selstr
  selstr = “<SELECT NAME=’Years’ onChange=’setDate(” & Dy & “,” & Mo & “,this.options[this.selectedIndex].value,false);’>”
  for i=1900 to 2100
   if selYear = i then
    selstr = selstr & “<OPTION SELECTED VALUE=” & i & “>” & i & “年”
   else
    selstr = selstr & “<OPTION VALUE=” & i & “>” & i & “年”
   end if
  next
  selstr = selstr & “</SELECT>”
  writeYears = selstr
end function

prevMonthLastDate=GetLastDay((Mo-1),Yr)
currMonthLastDate=GetLastDay(Mo,Yr)
startwith=(prevMonthLastDate-GetFirstDayOffset(Mo, Yr))

%>
    <TR>
     <TD WIDTH=”20″ HEIGHT=”20″ BGCOLOR=”Gray” BORDERCOLOR=”Silver” BORDERCOLORDARK=”#FFFFFF” BORDERCOLORLIGHT=”#000000″>
      <%= sFont(“2″,”宋体”,”#FFFFFF”,True) %>
      <B>日</B>
     </TD>
     <TD WIDTH=”20″ HEIGHT=”20″ BGCOLOR=”Gray” BORDERCOLOR=”Silver” BORDERCOLORDARK=”#FFFFFF” BORDERCOLORLIGHT=”#000000″>
      <%= sFont(“2″,”宋体”,”#FFFFFF”,True) %>
      <B>一</B>
     </TD>
     <TD WIDTH=”20″ HEIGHT=”20″ BGCOLOR=”Gray” BORDERCOLOR=”Silver” BORDERCOLORDARK=”#FFFFFF” BORDERCOLORLIGHT=”#000000″>
      <%= sFont(“2″,”宋体”,”#FFFFFF”,True) %>
      <B>二</B>
     </TD>
     <TD WIDTH=”20″ HEIGHT=”20″ BGCOLOR=”Gray” BORDERCOLOR=”Silver” BORDERCOLORDARK=”#FFFFFF” BORDERCOLORLIGHT=”#000000″>
      <%= sFont(“2″,”宋体”,”#FFFFFF”,True) %>
      <B>三</B>
     </TD>
     <TD WIDTH=”20″ HEIGHT=”20″ BGCOLOR=”Gray” BORDERCOLOR=”Silver” BORDERCOLORDARK=”#FFFFFF” BORDERCOLORLIGHT=”#000000″>
      <%= sFont(“2″,”宋体”,”#FFFFFF”,True) %>
      <B>四</B>
     </TD>
     <TD WIDTH=”20″ HEIGHT=”20″ BGCOLOR=”Gray” BORDERCOLOR=”Silver” BORDERCOLORDARK=”#FFFFFF” BORDERCOLORLIGHT=”#000000″>
      <%= sFont(“2″,”宋体”,”#FFFFFF”,True) %>
      <B>五</B>
     </TD>
     <TD WIDTH=”20″ HEIGHT=”20″ BGCOLOR=”Gray” BORDERCOLOR=”Silver” BORDERCOLORDARK=”#FFFFFF” BORDERCOLORLIGHT=”#000000″ style=”font-family: Helv,Arial; font-size: 10pt;”>
      <%= sFont(“2″,”宋体”,”#FFFFFF”,True) %>
      <B>六</B>
     </TD>
    </TR>
    <% For j = 1 to 6 %>
    <TR>
     <% For i = 1 to 7 %>
     <% if j = 1 then %>
     <% startwith = nextDate(startwith, prevMonthLastDate) %>
     <% if startwith = Dy and startwith < 7 then %>
     <TD WIDTH=”20″ HEIGHT=”20″ BGCOLOR=”#AAAAAA” BORDERCOLOR=”#AAAAAA” BORDERCOLORDARK=”#FFFFFF” BORDERCOLORLIGHT=”#AAAAAA”>
      <% else %>
     <TD WIDTH=”20″ HEIGHT=”20″ BORDERCOLOR=”Silver” BORDERCOLORDARK=”#FFFFFF” BORDERCOLORLIGHT=”#000000″>
      <% end if %>
      <% thisYr = Yr %>
      <%= sFont(“2″,”宋体”,”",True) %>
      <% if startwith < 7 then %>
      <B>
       <% thisMo = Mo %>
       <% else %>
       <% thisMo = Mo – 1 %>
       <% if thisMo = 0 then %>
       <% thisMo = 12 %>
       <% thisYr = Yr-1 %>
       <% end if %>
       <% end if %>
       <A HREF=”javascript:setDate( <%= startwith %>, <%= thisMo %>,<%= thisYr %>,false);” >
        <% response.write startwith %>
       </A></B>
     </TD>
     <% else %>
     <% lastnum = startwith %>
     <% startwith = nextDate(startwith, currMonthLastDate) %>
     <% if lastnum > startwith then%>
     <% nextmonth = true %>
     <% end if %>
     <% if startwith = Dy and not nextmonth then %>
     <TD WIDTH=”20″ HEIGHT=”20″ BGCOLOR=”#AAAAAA” BORDERCOLOR=”#AAAAAA” BORDERCOLORDARK=”#AAAAAA” BORDERCOLORLIGHT=”#FFFFFF”>
      <% else %>
     <TD WIDTH=”20″ HEIGHT=”20″ BORDERCOLOR=”Silver” BORDERCOLORDARK=”#FFFFFF” BORDERCOLORLIGHT=”#000000″>
      <% end if %>
      <% thisYr = Yr %>
      <% if not nextmonth then %>
      <B>
       <% thisMo = Mo %>
       <% else %>
       <% thisMo = Mo + 1 %>
       <% if thisMo = 13 then %>
       <% thisMo = 1 %>
       <% thisYr = Yr+1 %>
       <% end if %>
       <% end if %>
       <%= sFont(“2″,”宋体”,”",True) %>
       <A HREF=”javascript:setDate(<%= startwith %>, <%= thisMo %>, <%= thisYr %>,false);” >
        <% response.write startwith %>
       </A></B>
     </TD>
     <% end if %>
     <% Next %>
    </TR>
    <% Next %>
   </TABLE>
   <table>
    <tr>
     <td>
      <%if the_type=”datetime” then%>
      <select size=”1″ name=”hour”>
       <%
for i=0 to 23
    if (i=H) then
       response.write “<option selected value=’”+right(“0″+cstr(i),2)+”‘>”+right(“0″+cstr(i),2)+”时”+”</option>”
    else
       response.write “<option value=’”+right(“0″+cstr(i),2)+”‘>”+right(“0″+cstr(i),2)+”时”+”</option>”
    end if
next
%>
      </select>
      <select size=”1″ name=”minute”>
       <%
for i=0 to 59
    if (i=M) then
       response.write “<option selected value=’”+right(“0″+cstr(i),2)+”‘>”+right(“0″+cstr(i),2)+”分”+”</option>”
    else
       response.write “<option value=’”+right(“0″+cstr(i),2)+”‘>”+right(“0″+cstr(i),2)+”分”+”</option>”
    end if
next
%>
      </select>
      <select size=”1″ name=”second”>
       <%
for i=0 to 59
    if (i=S) then
       response.write “<option selected value=’”+right(“0″+cstr(i),2)+”‘>”+right(“0″+cstr(i),2)+”秒”+”</option>”
    else
       response.write “<option value=’”+right(“0″+cstr(i),2)+”‘>”+right(“0″+cstr(i),2)+”秒”+”</option>”
    end if
next
%>
      </select>
      <%end if%>
     </td>
    </tr>
   </table>
   <CENTER>
    <INPUT TYPE=”button” id=”ok” VALUE=” 确定 ” onClick=”saveDate();”>   <INPUT TYPE=”button” VALUE=” 取消 ” onClick=”top.window.close();”>
   </CENTER>
  </FORM>
  <script language=”javascript”>
var strDate = <%=Yr%>+”-”+right((“0″+<%=Mo%>),2)+”-”+right((“0″+<%=Dy%>),2);
if (f_chkDate(strDate))
document.all.ok.disabled = false;
else
document.all.ok.disabled = true;
  </script>
</BODY>
</HTML>

其次:建立文件:JavaScriptdate.js

function f_get_date(object_name){
var objectvalue=”";
eval(“objectvalue=”+object_name+”.value”);
if(!f_chkDate(object_value)){
  var v_today=new Date();
  objectvalue=v_today.getYear()+”-”+(v_today.getMonth()+1)+”-”+(v_today.getDate());
}
open(‘calendar.asp?type=date&object=’+object_name+’&value=’+object_value,’calendar’,'resizable=yes,toolbar=no,scrollbars=no,directories=no,menubar=no,width=180,height=240′);
}
//获取日历时间函数
function f_get_datetime(object_name){
var objectvalue=”";
eval(“objectvalue=”+object_name+”.value”);
open(‘calendar.asp?type=datetime&object=’+object_name+’&value=’+object_value,’calendar’,'resizable=yes,toolbar=no,scrollbars=no,directories=no,menubar=no,width=210,height=270′);
}
//检查字符串是否为日期，返回值：false、true
function f_chkDate(datestr)
{
var lthdatestr
if (datestr != “”)
  lthdatestr= datestr.length ;
else
  lthdatestr=0;

var tmpy=”";
var tmpm=”";
var tmpd=”";
//var datestr;
var status;
status=0;
if ( lthdatestr== 0)
  return false;

    if(lthdatestr>10)
       return false;

for (i=0;i < lthdatestr;i++)
{ if (datestr.charAt(i)== ‘-’)
  {
   status++;
  }
  if (status>2)
  {
   //alert(“Invalid format of date!”);
   return false;
  }
  if ((status==0) && (datestr.charAt(i)!=’-'))
  {
   tmpy=tmpy+datestr.charAt(i)
  }
  if ((status==1) && (datestr.charAt(i)!=’-'))
  {
   tmpm=tmpm+datestr.charAt(i)
  }
  if ((status==2) && (datestr.charAt(i)!=’-'))
  {
   tmpd=tmpd+datestr.charAt(i)
  }

}
year=new String (tmpy);
month=new String (tmpm);
day=new String (tmpd);

//tempdate= new String (year+month+day);
//alert(tempdate);
if ((tmpy.length!=4) || (tmpm.length>2) || (tmpd.length>2))
{
  //alert(“Invalid format of date!”);
  return false;
}
if (!((1<=month) && (12>=month) && (31>=day) && (1<=day)) )
{
     //alert (“Invalid month or day!”);
  return false;
}
if (!((year % 4)==0) && (month==2) && (day==29))
{
  //alert (“This is not a leap year!”);
  return false;
}
if ((month<=7) && ((month % 2)==0) && (day>=31))
{
  //alert (“This month is a small month!”);
  return false;

}
if ((month>=8) && ((month % 2)==1) && (day>=31))
{
  //alert (“This month is a small month!”);
  return false;
}
if ((month==2) && (day==30))
{
  //alert(“The Febryary never has this day!”);
  return false;
}

return true;
}

最后:说一下在页面中如何调用

示例:(使用页)

    1.获取日期:
        <script language=”javascript” event=”onclick” for=”myTime”>
                f_get_date(“document.all.myTime”);
        </script>

     2.获取日期和时间
         <script language=”javascript” event=”onclick” for=”myTime”>
                f_get_datetime(“document.all.myTime”);
         </script>

标签:

Javascript隐藏链接真实地址的方法

十一月 27, 2008 作者:FDS 类别:JAVASCRIPT 已经有782次浏览

1 评论

一个简单的而有实用的用Javascript隐藏超级链接真实地址，方法如下：

<a href=”#” onclick=”javascript:window.open(‘a.htm’)”>打开窗口</a>

当鼠标打向打开窗口时，出现的链接信息是#，而不是a.htm，从而达到隐藏真实的超级链接地址的效果！

标签:

用JavaScript避免表单重复提交

十一月 26, 2008 作者:FDS 类别:JAVASCRIPT 已经有352次浏览

抢个沙发先

论坛里有很多无恶意的重复帖子，这里介绍一个办法，用JavaScript避免重复提交，下面是部分源码：

<script Language=’JavaScript’>
function formsubmit() {
Today = new Date();
var NowHour = Today.getHours();
var NowMinute = Today.getMinutes();
var NowSecond = Today.getSeconds();
var mysec = (NowHour*3600)+(NowMinute*60)+NowSecond;
if((mysec-document.formsubmitf.mypretime.value)>600)
//600只是一个时间值，就是5分钟内禁止重复提交，值随你高兴设
{
document.formsubmitf.mypretime.value=mysec;
}
else
{
alert(‘ 按一次就够了，请勿重复提交！请耐心等待！谢谢合作！’);
return false;
}
document.forms.formsubmitf.submit();
}
</script>

</HEAD>

<BODY BGCOLOR=”#FFFFFF”>
<form name=formsubmitf id =”the” method=”post” action=”XXX.asp”>
<input type=hidden name=’mypretime’ value=’0′> //这句不能少，用隐含变量传递一个时间初值

//这里是你要提交的内容

<input type=”button” value=”写好了” name=”button1″ class=”4round” onclick=’formsubmit()’> <font class=”red”>(请按一次，耐心等待！)</font> <input type=”reset” value=”重写” name=”button2″ class=”4round”>
</form>

用了这个代码，论坛的重复帖子明显减少，不过有个缺点，就是刷新一次，检测就不起作用，好处就是利用JS检测，不需要额外的权限支持，至于效果如何，用不用就随你们了，（最好前端跟后端都加上检测）

标签: 表单

根据鼠标的事件，来控制图片大小的效果

十一月 24, 2008 作者:fangds 类别:JAVASCRIPT 已经有363次浏览

抢个沙发先

发现了一个通过根据鼠标的事件，来控制图片大小的效果，觉得挺有意思，分享一下。
关于透明效果，注意一下：
火狐：this.style.MozOpacity=1;
IE：this.filters.alpha.opacity=100;
以下是实现代码，可以直接运行试试看。

提示：你可以先修改部分代码再运行。

标签: 图片

用JavaScript验证表单中的email地址是否合法完整实例

十一月 20, 2008 作者:FDS 类别:HTML, JAVASCRIPT 已经有978次浏览

抢个沙发先

在设计表单是，经常要遇到要求输入EMAIL的。这里就用一个完整实例来说明用JavaScript验证email地址的完美方法。

以下是代码部分。

<html> <head> <title>验证email地址是否合法</title> <script language="JavaScript">  function char_test(chr) //字符检测函数 { var i; var smallch="abcdefghijklmnopqrstuvwxyz"; var bigch="ABCDEFGHIJKLMNOPQRSTUVWXYZ"; for(i=0;i<26;i++) if(chr==smallch.charAt(i) || chr==bigch.charAt(i)) return(1); return(0); } function spchar_test(chr) //数字和特殊字符检测函数 { var i; var spch="_-.0123456789"; for (i=0;i<13;i++) if(chr==spch.charAt(i)) return(1); return(0); } function email_test(str) { var i,flag=0; var at_symbol=0; //“@”检测的位置 var dot_symbol=0; //“.”检测的位置 if(char_test(str.charAt(0))==0 ) return (1); //首字符必须用字母 for (i=1;i<str.length;i++) if(str.charAt(i)=='@') { at_symbol=i; break; } //检测“@”的位置 if(at_symbol==str.length-1 || at_symbol==0) return(2); //没有邮件服务器域名 if(at_symbol<3) return(3); //帐号少于三个字符 if(at_symbol>19 ) return(4); //帐号多于十九个字符 for(i=1;i<at_symbol;i++) if(char_test(str.charAt(i))==0 && spchar_test(str.charAt(i))==0) return (5); for(i=at_symbol+1;i<str.length;i++) if(char_test(str.charAt(i))==0 && spchar_test(str.charAt(i))==0) return (5); //不能用其它的特殊字符 for(i=at_symbol+1;i<str.length;i++) if(str.charAt(i)=='.') dot_symbol=i; for(i=at_symbol+1;i<str.length;i++) if(dot_symbol==0 || dot_symbol==str.length-1) //简单的检测有没有“.”，以确定服务器名是否合法 return (6); return (0); //邮件名合法 } </script> </head> <body> <form method="POST" name="emal" onSubmit="return mail_process(email_add.value)"> <p>请输入您的E-mail地址： <input type="text" name="email_add" size="20" > <input type="submit" value="确定" name="B1"></p> </form> </body> </html>

提示：你可以先修改部分代码再运行。

标签: 实例, 表单

如何防止网页的复制和剪贴操作？

十月 27, 2008 作者:FDS 类别:HTML, JAVASCRIPT 已经有687次浏览

1 评论

有时候，为了防止别人复制自己的网页内容，我们需要防止网页上的复制和剪贴操作，看看下面的例子。

<body oncopy="return false;" oncut="return false;"> 复制这些文字试试看效果。 </body>

提示：你可以先修改部分代码再运行。

标签: 剪贴, 复制, 网页

如何禁止在网页中的粘贴动作？

十月 26, 2008 作者:FDS 类别:HTML, JAVASCRIPT 已经有741次浏览

1 评论

如何禁止在网页中的粘贴动作？以下是一个例子，大家参考一下。

<body onpaste="return false"> <input value="">试着粘贴文字看看 </body>

提示：你可以先修改部分代码再运行。

标签: 粘贴, 网页

Page 1 of 412 3 4 »

document.body.scrollTop的返回值总是零的处理方法

JS弹出菜单纵向/横向效果

在火狐里面强制换行字符

三步骤完整实现ASP+JavaScript的日历选择器

Javascript隐藏链接真实地址的方法

用JavaScript避免表单重复提交

根据鼠标的事件，来控制图片大小的效果

用JavaScript验证表单中的email地址是否合法完整实例

如何防止网页的复制和剪贴操作？

如何禁止在网页中的粘贴动作？

最新日志

分类

友情链接

存档

Admin

邮件订阅（新日志自动发送到你的邮箱）

最新日志

最受欢迎TOP10

Tags

分类

友情链接

存档

Admin