|
Khi thiết kế Web, để giao diện trang Web trở nên linh động hơn người ta thường sử dụng JavaScript. Sau đây là một số đoạn JavaScript hay, thường được dùng trong thiết kế Web.
Cấm không cho bấm chuột phải
<script LANGUAGE="JavaScript">
<!--
function click() {
if (event.button==2) {
alert(''DO NOT STEAL!'');
}
}
document.onmousedown=click
// -->
</script>
Bật cửa Sổ Pop Up
<script LANGUAGE="JavaScript">
<!--
window.open(''http://nhuy.info'');
// -->
</script>
Bật cửa Sổ Pop Under
<script LANGUAGE="JavaScript">
<!--
if(navigator.appName.indexOf("WebTV")==-1) {
myWin = open('''', ''winin'',''toolbar=0,menubar=0, scrollbars=1,status=0,resizable=1,width=80,height= 430'');
myWin.blur();
myWin.location = ''http://nhuy.info'';
var shut=true;
}
// -->
</script>{xtypo_code}
Bookmark tự động
{xtypo_code}<a href="javascript:window.external.AddFavorite(''http://nhuy.info'', ''My Site Title'');">Bookmark this Site!</a>
Back\forward\reload
<a href="javascript:history.back(1)">Go Back</a>
Forward: <a href="javascript:history.forward(1)">Go Forward</a>
Refresh: <a href="javascript:location.reload(1)">Refresh</a>
In Trang
<a href="javascript:window.print()">Print This Page</a>
Menu
<script LANGUAGE="JavaScript">
<!--
function jumpBox(list) {location.href = list.options[list.selectedIndex].value}
// -->
</script>
<form>
<select>
<option selected>-------------------
<option value="firstpage.html">One
<option value="secondpage.html">Two
</select>
<input type="button" value="Go" onClick="jumpBox(this.form.elements[0])">
</form>
Hiệu ứng chuột làm đối ảnh
<script LANGUAGE="JavaScript">
<!--
MouseOver("firstimage.gif","secondimage.gif","widt h=100 height=30 border=0 alt=''Click Here''","yourpage.html");
// -->
</script>
Đây là đoạn script về lịch nó sẽ giúp trang web của bạn đẹp hơn
<SCRIPT LANGUAGE="JavaScript">
monthnames = new Array(
"January",
"Februrary",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"Decemeber");
var linkcount=0;
function addlink(month, day, href) {
var entry = new Array(3);
entry[0] = month;
entry[1] = day;
entry[2] = href;
this[linkcount++] = entry;
}
Array.prototype.addlink = addlink;
linkdays = new Array();
monthdays = new Array(12);
monthdays[0]=31;
monthdays[1]=28;
monthdays[2]=31;
monthdays[3]=30;
monthdays[4]=31;
monthdays[5]=30;
monthdays[6]=31;
monthdays[7]=31;
monthdays[8]=30;
monthdays[9]=31;
monthdays[10]=30;
monthdays[11]=31;
todayDate=new Date();
thisday=todayDate.getDay();
thismonth=todayDate.getMonth();
thisdate=todayDate.getDate();
thisyear=todayDate.getYear();
thisyear = thisyear % 100;
thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));
if (((thisyear % 4 == 0)
&& !(thisyear % 100 == 0))
||(thisyear % 400 == 0)) monthdays[1]++;
startspaces=thisdate;
while (startspaces > 7) startspaces-=7;
startspaces = thisday - startspaces + 1;
if (startspaces < 0) startspaces+=7;
document.write("<table border=2 bgcolor=white ");
document.write("bordercolor=black><font color=black>");
document.write("<tr><td colspan=7><center><strong>"
+ monthnames[thismonth] + " " + thisyear
+ "</strong></center></font></td></tr>");
document.write("<tr>");
document.write("<td align=center>Su</td>");
document.write("<td align=center>M</td>");
document.write("<td align=center>Tu</td>");
document.write("<td align=center>W</td>");
document.write("<td align=center>Th</td>");
document.write("<td align=center>F</td>");
document.write("<td align=center>Sa</td>");
document.write("</tr>");
document.write("<tr>");
for (s=0;s<startspaces;s++) {
document.write("<td> </td>");
}
count=1;
while (count <= monthdays[thismonth]) {
for (b = startspaces;b<7;b++) {
linktrue=false;
document.write("<td>");
for (c=0;c<linkdays.length;c++) {
if (linkdays[c] != null) {
if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {
document.write("<a href=\"" + linkdays[c][2] + "\">");
linktrue=true;
}
}
}
if (count==thisdate) {
document.write("<font color='FF0000'><strong>");
}
if (count <= monthdays[thismonth]) {
document.write(count);
}
else {
document.write(" ");
}
if (count==thisdate) {
document.write("</strong></font>");
}
if (linktrue)
document.write("</a>");
document.write("</td>");
count++;
}
document.write("</tr>");
document.write("<tr>");
startspaces=0;
}
document.write("</table></p>");
// End -->
</SCRIPT>
Chữ chạy dưới thanh Status Bar
<body>
<script>
function scrollPlus(seed)
{
var msg = "wWw.NhuY.info chúc các bạn khám phá được nhiều điều mới lạ!";
var out= " ";
var c = 1;
if (seed > 100){
seed--;
var cmd="scrollPlus(" + seed + ")";
timerTwo=window.setTimeout(cmd,100);
}else if (seed <= 100 && seed > 0){
for (c=0; c < seed; c++){
out+=" ";
}
out+=msg;
seed--;
var cmd="scrollPlus(" + seed + ")";
window.status=out;
timerTwo=window.setTimeout(cmd,100);
}else if (seed <= 0){
if (-seed < msg.length){
out+=msg.substring(-seed,msg.length);
seed--;
var cmd="scrollPlus(" + seed + ")";
window.status=out;
timerTwo=window.setTimeout(cmd,100);
}else{
window.status=" ";
timerTwo=window.setTimeout("scrollPlus(100)",75);
}
}
}
function clickMouse()
{
if ((event.button==2) || (event.button==3)){
return false;
}
}
function clickKey()
{
if((event.shiftKey) && (event.keyCode == 121)){
return false;
}
}
function noAction(){
return false;
}
function searchVOD(){
if(document.schvod.key.value == ""){
alert("Please, input information to search!");
}else{
document.schvod.submit();
}
}
function doForgotPassword()
{
window.open('ForgotPassword.asp','ForgotPassword', 'width=400,height=150,toolbar=no, statusbar=no,resizeable=no, scrollbars=no');
}
function checkID()
{
if(document.login.txtAccount.value=="")
{
alert("Username can not be blank!");
document.login.txtAccount.focus();
// return false;
}else if(document.login.txtPassword.value=="")
{
alert("Password can not be blank!");
document.login.txtPassword.focus();
// return false;
}else if(document.login.AreaCode.value=="")
{
alert("Please, select your area!");
document.login.AreaCode.focus();
// return false;
}
else
{
document.login.submit();
}
}
document.onmousedown=clickMouse
document.onkeydown=clickKey
document.oncontextmenu=noAction
document.ondragstart=noAction
document.onselectstart=noAction
document.onLoad=scrollPlus(10)
</script>
</body> |
