存档

文章标签 ‘js’

input标签获取焦点时文本框内提示信息清空(2)

2009年1月6日 9 条评论

　　昨天，我发了一个input标签清空的日志，冰雪黑鹰说我的那个还不是很标准的，帮我重写了一个，现在的看着也简洁，而且也符合哪些什么标准，特别在这里感谢下。附上代码，以备后用……

js部分：

function addLoadEvent(func){
	var oldonload = window.onload;
	if (typeof window.onload != 'function'){
		window.onload = func;
	}else{
		window.onload = function(){
			oldonload();
			func();
		}
	}
}
 
function checkText(){
	var textId = document.getElementById('test');
	var textDefault = '请输入字符';
	function cls(){
		if (this.value == textDefault){
			this.value = '';
		}
	}
	function res(){
		if (this.value == ''){
			this.value = textDefault;
		}
	}
	textId.onfocus = cls;
	textId.onblur = res;
}
addLoadEvent (checkText);

html部分:

<input type="text" value="请输入字符" id="test" />
分类: 网络技术 标签: , , ,

一段代码，js替换css的

2007年6月29日 2 条评论

版权归蓝雨所有。演示见http://boke.fj126.net/ 他这里的向左走向右走就是用的这个替换的。

首先是他的html里的代码，两个css准备好了：

XML/HTML代码
  1. <!–###############网站CSS###############–>  
  2. <link media="screen" href="templates/blueSky/left.css" rel="stylesheet" type="text/css" title="left" />  
  3. <link media="screen" href="templates/blueSky/right.css" rel="alternate stylesheet" type="text/css" title="right" />  
  4. <link rel="stylesheet" href="templates/blueSky/style.css" type="text/css" media="all"  />  
  5. <script language="JavaScript" type="text/javascript" src="templates/blueSky/style.js"></script>  

这是第一步，剩下的就是用js解决替换css的问题了。 

JavaScript代码
  1. function getCookie(Name){var re=new RegExp(Name+"=[^;]+","i");if(document.cookie.match(re))   
  2. return document.cookie.match(re)[0].split("=")[1]   
  3. return null}   
  4.   
  5. function setCookie(name,value,days){var expireDate=new Date()   
  6. var expstring=(typeof days!="undefined")?expireDate.setDate(expireDate.getDate()+parseInt(days)):expireDate.setDate(expireDate.getDate()-5)   
  7. document.cookie=name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/";}   
  8.   
  9. function deleteCookie(name){setCookie(name,"moot")}   
  10.   
  11. function setStylesheet(title){var i,cacheobj   
  12. for(i=0;(cacheobj=document.getElementsByTagName("link")[i]);i++){if(cacheobj.getAttribute("rel").indexOf("style")!=-1&&cacheobj.getAttribute("title")){cacheobj.disabled=true  
  13. if(cacheobj.getAttribute("title")==title)   
  14. cacheobj.disabled=false}}}   
  15.   
  16. function chooseStyle(styletitle,days){if(document.getElementById){setStylesheet(styletitle)   
  17. setCookie("mysheet",styletitle,days)}}   
  18.   
  19. function indicateSelected(element){var i   
  20. if(selectedtitle!=null&&(element.type==undefined||element.type=="select-one")){var element=(element.type=="select-one")?element.options:element   
  21. for(i=0;i<element.length;i++){if(element[i].value==selectedtitle){if(element[i].tagName=="OPTION")   
  22. element[i].selected=true  
  23. else  
  24. element[i].checked=true  
  25. break}}}}   
  26. var selectedtitle=getCookie("mysheet")   
  27. if(document.getElementById&&selectedtitle!=null)   
  28. setStylesheet(selectedtitle)  
分类: 网络技术 标签: ,

根据屏幕变化的js代码

2007年1月19日 没有评论

老蛇提供


<script language="JavaScript" type="text/javascript">
<!--
if (screen.width==800) {
    document.writeln("<body style=\"width:1024px;height:550px;\">")
}
    else {
    if (screen.width==1024) {
        document.writeln("<body style=\"width:1020px;height:570px;\">")
    }
    else {
        document.writeln("<body>")
    }
    }
-->
</script>

分类: xhtml&css, 网络技术 标签: ,

加速你的网站页面打开速度

2006年12月28日 没有评论

　　先加载网页,然后再加载广告 让广告代码不再影响你的网页加载速度

　　部分站长可能有体会.做一些联盟广告时.由于联盟广告的加载慢.严重影响了整体页面的显示速度.所以我把下面这段代码贴出.希望对大家有所帮助.

　　第一步：把这段代码放在你要放广告的网页位置：

　　<SPAN id=ad_01>广告载入中…</SPAN>

　　第二步：把这段代码放到页底:

　　<SPAN class=spanclass id=span_ad_01>
　　这里放广告的JS代码或其他加载速度比较慢的内容都可以.
　　</SPAN>
　　<SCRIPT>ad_01.innerHTML=span_ad_01.innerHTML;span_ad_01.innerHTML=”";</SCRIPT>

分类: 网络技术 标签:

漂亮的脚本日历

2006年12月8日 没有评论

刚刚在蓝色理想搜到的一个日历的效果，很漂亮，收集下备用。


<Script LANGUAGE="JavaScript">
    var months = new Array("一", "二", "三","四", "五", "六", "七", "八", "九","十", "十一", "十二");
    var daysInMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31,30, 31, 30, 31);
    var days = new Array("日","一", "二", "三","四", "五", "六");
    var classTemp;
    var today=new getToday();
    var year=today.year;
    var month=today.month;
    var newCal;     function 

getDays(month, year) {
     if (1 == month) return ((0 == year % 4) && (0 != (year % 100))) ||(0 == year % 400) ? 29 : 28;
     else return daysInMonth[month];
    }    function 

getToday() {
     this.now = new Date();
     this.year = this.now.getFullYear();
     this.month = this.now.getMonth();
     this.day = this.now.getDate();
    }    function 

Calendar() {
     newCal = new Date(year,month,1);
     today = new getToday();     
     var day = -1;
     var startDay = newCal.getDay();
     var endDay=getDays(newCal.getMonth(), newCal.getFullYear());
     var daily = 0;
     if ((today.year == newCal.getFullYear()) &&(today.month == newCal.getMonth()))
     {
     day = today.day;
     }
     var caltable = document.all.caltable.tBodies.calendar;
     var intDaysInMonth =getDays(newCal.getMonth(), newCal.getFullYear());     for (var 

intWeek = 0; intWeek < caltable.rows.length;intWeek++)
     for (var intDay = 0;intDay < caltable.rows[intWeek].cells.length;intDay++)
     {
     var cell = caltable.rows[intWeek].cells[intDay];
     var montemp=(newCal.getMonth()+1)<10?("0"+(newCal.getMonth()+1)):(newCal.getMonth()+1);             
     if ((intDay == startDay) && (0 == daily)){ daily = 1;}
     var daytemp=daily<10?("0"+daily):(daily);
     var d="<"+newCal.getFullYear()+"-"+montemp+"-"+daytemp+">";
     if(day==daily) cell.className="DayNow";
     else if(intDay==6) cell.className = "DaySat";
     else if (intDay==0) cell.className ="DaySun";
     else cell.className="Day";
     if ((daily > 0) && (daily <= intDaysInMonth))
     {
         cell.innerText = daily;
         daily++;
     } else
     {
         cell.className="CalendarTD";
         cell.innerText = "";
     }
     }
     document.all.year.value=year;
     document.all.month.value=month+1;
    }    function 

subMonth()
    {
     if ((month-1)<0)
     {
     month=11;
     year=year-1;
     } else
     {
     month=month-1;
     }
     Calendar();
    }    function 

addMonth()
    {
     if((month+1)>11)
     {
     month=0;
     year=year+1;
     } else
     {
     month=month+1;
     }
     Calendar();
    }    function 

setDate() 
    {
     if (document.all.month.value<1||document.all.month.value>12)
     {
     alert("月的有效范围在1-12之间!");
     return;
     }
     year=Math.ceil(document.all.year.value);
     month=Math.ceil(document.all.month.value-1);
     Calendar();
    }
</Script>

<Script>
function buttonOver()
{
    var obj = window.event.srcElement;
    obj.runtimeStyle.cssText = "background-color:#FFFFFF";
// obj.className="Hover";
}

function buttonOut()
{
    var obj = window.event.srcElement;
    window.setTimeout(function(){obj.runtimeStyle.cssText = "";},300);
}
</Script>

<Style>
Input {font-family: verdana;font-size: 9pt;text-decoration: none;background-color: #FFFFFF;height: 20px;border: 1px solid #666666;color:#000000;}

.Calendar {font-family: verdana;text-decoration: none;width: 170;background-color: #C0D0E8;font-size: 9pt;border:0px dotted #1C6FA5;}
.CalendarTD {font-family: verdana;font-size: 7pt;color: #000000;background-color:#f6f6f6;height: 20px;width:11%;text-align: center;}

.Title {font-family: verdana;font-size: 11pt;font-weight: normal;height: 24px;text-align: center;color: #333333;text-decoration: none;background-color: #A4B9D7;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-bottom-style:1px;border-top-color: #999999;border-right-color: #999999;border-bottom-color: #999999;border-left-color: #999999;}

.Day {font-family: verdana;font-size: 7pt;color:#243F65;background-color: #E5E9F2;height: 20px;width:11%;text-align: center;}
.DaySat {font-family: verdana;font-size: 7pt;color:#FF0000;text-decoration: none;background-color:#E5E9F2;text-align: center;height: 18px;width: 12%;}
.DaySun {font-family: verdana;font-size: 7pt;color: #FF0000;text-decoration: none;background-color:#E5E9F2;text-align: center;height: 18px;width: 12%;}
.DayNow {font-family: verdana;font-size: 7pt;font-weight: bold;color: #000000;background-color: #FFFFFF;height: 20px;text-align: center;}

.DayTitle {font-family: verdana;font-size: 9pt;color: #000000;background-color: #C0D0E8;height: 20px;width:11%;text-align: center;}
.DaySatTitle {font-family: verdana;font-size: 9pt;color:#FF0000;text-decoration: none;background-color:#C0D0E8;text-align: center;height: 20px;width: 12%;}
.DaySunTitle {font-family: verdana;font-size: 9pt;color: #FF0000;text-decoration: none;background-color: #C0D0E8;text-align: center;height: 20px;width: 12%;}

.DayButton {font-family: Webdings;font-size: 9pt;font-weight: bold;color: #243F65;cursor:hand;text-decoration: none;}

</Style>

<table border="0" cellpadding="0" cellspacing="1" class="Calendar" id="caltable">
<thead>
         <tr align="center" valign="middle"> 
     <td colspan="7" class="Title">
     <a href="javaScript:subMonth();" title="上一月" Class="DayButton">3</a> <input name="year" type="text" size="4" maxlength="4" onkeydown="if (event.keyCode==13){setDate()}" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')"     onpaste="this.value=this.value.replace(/[^0-9]/g,'')"> 年 <input name="month" type="text" size="1" maxlength="2" onkeydown="if (event.keyCode==13){setDate()}" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')"     onpaste="this.value=this.value.replace(/[^0-9]/g,'')"> 月 <a href="JavaScript:addMonth();" title="下一月" Class="DayButton">4</a>
     </td>
    </tr>
    <tr align="center" valign="middle"> 
     <Script LANGUAGE="JavaScript">     
     document.write("<TD class=DaySunTitle id=diary >" + days[0] + "</TD>"); 
     for (var intLoop = 1; intLoop < days.length-1;intLoop++) 
     document.write("<TD class=DayTitle id=diary>" + days[intLoop] + "</TD>"); 
     document.write("<TD class=DaySatTitle id=diary>" + days[intLoop] + "</TD>"); 
     </Script>
    </TR> 
</thead>
<TBODY border=1 cellspacing="0" cellpadding="0" ID="calendar" ALIGN=CENTER ONCLICK="getDiary()">
    <Script LANGUAGE="JavaScript">
     for (var intWeeks = 0; intWeeks < 6; intWeeks++)
     {
     document.write("<TR style='cursor:hand'>");
     for (var intDays = 0; intDays < days.length;intDays++) document.write("<TD class=CalendarTD onMouseover='buttonOver();' onMouseOut='buttonOut();'></TD>");
     document.write("</TR>");
     } 
    </Script>
</TBODY>
</TABLE>
<Script     LANGUAGE="JavaScript">
    Calendar();
</Script>


分类: 网络技术 标签: