Client Script (Java/ VB Script): 2009

Monday, November 30, 2009

Block user from right clicking your web site

function right(e)
{
if (navigator.appName == 'Netscape' &&(e.which == 3 e.which == 2))
return false;
else if (navigator.appName == 'Microsoft Internet Explorer' &&(event.button == 2 event.button == 3))
{
alert("Please don't right click , Thanks Prateek!!");
return false;
}
return true;
}

document.onmousedown=right;
document.onmouseup=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);if (document.layers) window.captureEvents(Event.MOUSEUP);
window.onmousedown=right;
window.onmouseup=right;

Thursday, October 22, 2009

Get CheckBox Text

<asp:CheckBox runat="server" ID="chkFavorites"Text="Show Favorites" Checked="true" /><br/>

<asp:Button runat="server" ID="btnOk" Text="Ok" OnClientClick="getCheckBoxText('chkFavorites');"/>

/http://forums.asp.net/p/1018339/1373760.aspx

function getCheckBoxText(CheckBoxId)

{

var checkbox = document.getElementById(CheckBoxId);

//alert(checkbox.previousSibling);

//alert(checkbox.nextSibling);

//alert(checkbox.nextSibling.nodeType);

// alert(checkbox.nextSibling.nodeName);

//alert(checkbox.nextSibling.innerHTML);

if(checkbox.checked == true )//&& checkbox.nextSibling != null)

{

var label = checkbox.nextSibling;

//alert(label.innerText);

alert(label.innerHTML);

}

function getCheckBoxListText()

{

var list = "";

var idModifier = 0;

var checkbox = document.getElementById(("ctl00_ContentPlaceHolder1_lstFacility_" +
idModifier));

while(checkbox != null)

{

if(checkbox.checked == true)// && checkbox.nextSibling != null)

{

var label = checkbox.nextSibling;

list += label.innerText + ", ";

}

checkbox = document.getElementById(("ctl00_ContentPlaceHolder1_lstFacility_" +
(++idModifier).toString()));

}

// here you should remove any trailing
commas.

}

http://simonwillison.net/2003/Aug/11/documentAll/

document.all.length
is not support in firefox

for(i = 0; i < document.all.length; i++)

{

if
(document.all(i).tagName=="label")

{

document.getElementById(

'<%=
lblShowFavorite.ClientID %>').innerHTML = "<b>" +
document.all(i).innerText +" : " + "</b>" +
document.getElementById('<%=chkShowFav.ClientID%>').checked;

break;

}

Friday, September 18, 2009

window

window.location.reload();
alert(window.location);
window.location="http://senthilmcan.blogspot.com";

Table

TableHeader, TableRow, TableData Objects

document.getElementById('myTable').border="10";

document.getElementById('myTable').cellPadding="15";

document.getElementById('myTable').cellSpacing="15";

document.getElementById('myTable').frame="above";

document.getElementById('myTable').frame="below";

document.getElementById('myTable').rules="rows";

document.getElementById('myTable').rules="cols";

document.getElementById('myTable').rules="none";

document.getElementById('tr2').align="left";

document.getElementById('tr2').vAlign="top";

alert(document.getElementById('myTable').rows[0].innerHTML);

function
valignCell()

{

var
x=document.getElementById('myTable').rows[0].cells;

x[0].vAlign="bottom";

}

function
changeContent()

{

var
x=document.getElementById('myTable').rows[0].cells;

x[0].innerHTML="NEW CONTENT";

}

function
setColSpan()

{

var
x=document.getElementById('myTable').rows[0].cells;

x[0].colSpan="2";

x[1].colSpan="6";

}

function
cell()

{

var
x=document.getElementById('myTable').rows[0].cells;

alert(x[0].innerHTML);

}

function
createCaption()

{

var
x=document.getElementById('myTable').createCaption();

x.innerHTML="My table caption";

}

Delete
rows in a table

function
deleteRow(r)

{

var
i=r.parentNode.parentNode.rowIndex;

document.getElementById('myTable').deleteRow(i);

}

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

Add rows
to a table

function
insRow()

{

var
x=document.getElementById('myTable').insertRow(0);

var
y=x.insertCell(0);

var
z=x.insertCell(1);

y.innerHTML="NEW CELL1";

z.innerHTML="NEW CELL2";

}

Add cells
to a table row

function
insCell()

{

var
x=document.getElementById('myTable').insertCell(0);

x.innerHTML="John";

}

Frame

</frameset>

</frameset>

</html>

do it from child pages

parent.document.getElementById("rightFrame").noResize=false;

parent.document.getElementById("rightFrame").scrolling="yes";

parent.document.getElementById("rightFrame").src=http://google.com;

Break out of a frame

function breakout()

{

if (window.top!=window.self)

{

window.top.location="tryjs_breakout.htm";

}

Automatically jumps to the next field

This script automatically jumps to the next field when a field's maxlength has been reached:

</form>

function checkLen(x,y)

{

if (y.length==x.maxLength)

{

var next=x.tabIndex;

if (next<document.getElementById("myForm").length)

{

document.getElementById("myForm").elements[next].focus();

}

select

<option>Internet Explorer</option>

<option>Netscape</option>

<option>Opera</option>

</select>

function favBrowser()

{

var mylist=document.getElementById("mySelect");

document.getElementById("favorite").value=mylist.options[mylist.selectedIndex].text;

}

alert(document.getElementById("mySelect").selectedIndex);

alert(document.getElementById("mySelect").length);

document.getElementById("mySelect").size=4;

document.getElementById("mySelect").multiple=true;

function getOptions()

{

var x=document.getElementById("mySelect");

txt="All options: "

for (i=0;i<x.length;i++)

{

txt=txt + "\n" + x.options[i].text;

}

alert(txt);

}

Remove options from a dropdown list
function removeOption()

{

var x=document.getElementById("mySelect");

x.remove(x.selectedIndex);

}

<option>--Select a page--</option>

<option value="http://senthilmcan.blogspot.com">Senthil</option>

<option value="http://www.microsoft.com">Microsoft</option>

<option value="http://senthilmcan-clientscript.blogspot.com">Clientscript</option>

</select>

function go()

{

window.location=document.getElementById("menu").value;

}

focus, select

document.getElementById("fname").focus();

document.getElementById("fname").select();

Form Reset/Submit

Reset Form

document.getElementById("myForm").reset();

Submit Form

document.getElementById("myForm").submit();

checkbox/ radio

document.getElementById("myCheck").checked=true;

coffee=document.forms[0].coffee;

txt="";

for (i=0;i

{

if (coffee[i].checked)

{

txt=txt + coffee[i].value + " ";

}

alert(txt);

General

document.getElementById("myButton").disabled=true;
document.getElementById("myButton").value;
document.getElementById("myButton").type
document.getElementById("myButton").id
document.getElementById('myButton').accessKey="b"; //Alt + accesskey
document.write(document.getElementById("myButton").form.id);

Wednesday, August 26, 2009

Date Picker

style="mso-spacerun: yes"> < style="color: #a31515">script language style="color: blue">="javascript" src style="color: blue">="Script/CalendarControl.js" type style="color: blue">="text/javascript"></script style="color: blue">>

<input name="txtCalander"
type="text" style="color: red">id="txtCalander"
maxlength="10"
title="MM/DD/YYYY" style="mso-spacerun: yes">

onblur="javascript:ValidDate(this,event,'/');"
onkeyup="
javascript:AutoDateFormat(this,event,'/');" style="mso-spacerun: yes">

style style="color: blue">="width: 132px" />

<img id="Img1"
height='20' style="color: red">src='Images/calendar.gif'
width='16' style="color: red">align='absMiddle'
border='0'></ style="color: #a31515">a>

CalendarControl.js

style="MARGIN: 0in 0in 0pt; mso-layout-grid-align: none" class="MsoNormal">style="FONT-SIZE: 10pt; COLOR: blue; FONT-FAMILY: 'Courier New'; mso-no-proof: yes">varstyle="FONT-SIZE: 10pt; FONT-FAMILY: 'Courier New'; mso-no-proof: yes">
path='';

style="MARGIN: 0in 0in 0pt; mso-layout-grid-align: none" class="MsoNormal">style="FONT-SIZE: 10pt; FONT-FAMILY: 'Courier New'; mso-no-proof: yes">

style="MARGIN: 0in 0in 0pt; mso-layout-grid-align: none" class="MsoNormal">style="FONT-SIZE: 10pt; COLOR: blue; FONT-FAMILY: 'Courier New'; mso-no-proof: yes">functionstyle="FONT-SIZE: 10pt; FONT-FAMILY: 'Courier New'; mso-no-proof: yes">
positionInfo(object) {

style="MARGIN: 0in 0in 0pt; mso-layout-grid-align: none" class="MsoNormal">style="FONT-SIZE: 10pt; FONT-FAMILY: 'Courier New'; mso-no-proof: yes">

style="MARGIN: 0in 0in 0pt; mso-layout-grid-align: none" class="MsoNormal">style="FONT-SIZE: 10pt; FONT-FAMILY: 'Courier New'; mso-no-proof: yes">style="mso-spacerun: yes"> var
p_elm = object;

style="MARGIN: 0in 0in 0pt; mso-layout-grid-align: none" class="MsoNormal">style="FONT-SIZE: 10pt; FONT-FAMILY: 'Courier New'; mso-no-proof: yes">

style="MARGIN: 0in 0in 0pt; mso-layout-grid-align: none" class="MsoNormal">style="FONT-SIZE: 10pt; FONT-FAMILY: 'Courier New'; mso-no-proof: yes">style="mso-spacerun: yes"> elm =
p_elm;

style="MARGIN: 0in 0in 0pt; mso-layout-grid-align: none" class="MsoNormal">style="FONT-SIZE: 10pt; FONT-FAMILY: 'Courier New'; mso-no-proof: yes">style="mso-spacerun: yes"> }

style="MARGIN: 0in 0in 0pt; mso-layout-grid-align: none" class="MsoNormal">style="FONT-SIZE: 10pt; FONT-FAMILY: 'Courier New'; mso-no-proof: yes">style="mso-spacerun: yes"> x+=
elm.offsetLeft;

style="MARGIN: 0in 0in 0pt; mso-layout-grid-align: none" class="MsoNormal">style="FONT-SIZE: 10pt; FONT-FAMILY: 'Courier New'; mso-no-proof: yes">style="mso-spacerun: yes"> elm =
elm.offsetParent;