JAVASCRIPT :
Inicio > Javascript
Borrar una caja de Texto al hacer click

<INPUT TYPE="TEXT" SIZE="30" NAME="where" value="Enter city or US zip code" onfocus="this.value='';">
Chequeo de una forma :

<SCRIPT LANGUAGE="JavaScript1.2">
<!--
function checkForm() {
if (document.whatwhere.where.value == "Enter city or US zip code") {
alert("To get your local weather forecast, please enter a location name or US zip code.");
return false;
} else {
return true;
}
}
//-->
</SCRIPT>

<form ACTION="search.cgi" METHOD="post" NAME="whatwhere" onSubmit="return checkForm();">

<INPUT SIZE="30" NAME="where" value="Enter city or US zip code" onfocus="this.value='';">

</form>

Contar el numero de letras en una caja de texto, en JavaScript

<script>
function CharCount() {
document.mailform.chars.value = document.mailform.message.value.length + document.mailform.S1.value.length
}
</script>

<form method="POST" name="mailform">
<p><textarea rows="2" name="S1" cols="42" onkeyup="CharCount()" onchange="CharCount()"></textarea></p>
<p><input class="fields" name="message" size="50" maxlength="100" onkeyup="CharCount()" onchange="CharCount()" tabindex=1></p>
<p><input type="submit" value="Enviar" name="B1"></p>
<p><font face="Arial">Numero de caracteres</font></p>
<script>document.writeln(' <input class="fields2" name="chars" value="0" size="5" onfocus="document.mailform.message.focus()">')</script>
</form>

Numero de caracteres
Validar las formas, con chekbox, combo y textbox.

<SCRIPT>
function validate() {
mNv=tester.T1.value;
if (mNv=='') {
alert('Su nombre es requerido por favor no deje espacios en blanco.');
event.returnValue=false;
}
if (!(tester.Sex[0].checked || tester.Sex[1].checked)) {
alert('Your sex is a required field. Please try again.');
event.returnValue=false;
}

ICOK=false;
for (ic=0;ic<5;ic++) {
if (tester.IceCream[ic].checked) ICOK=true;
}
if (!ICOK) {
alert('Your favorite Ice Cream flavor is a required field. Please try again.');
event.returnValue=false;
}


if (tester.Salary.options[0].selected) {
alert('Please choose a Salary Range.');
event.returnValue=false;
}

}
</SCRIPT>

<form method="POST" action="" name="tester" onsubmit="validate();">
<p><input type="text" name="T1" size="20">Texto no vacio</p>
<p><textarea rows="2" name="S1" cols="20"></textarea></p>

<p><INPUT TYPE="RADIO" NAME="Sex" VALUE="Male">Male
<INPUT TYPE="RADIO" NAME="Sex" VALUE="Female">Female</p>

<p><input type="text" name="T2" size="20">Email</p>

<BR>
<INPUT TYPE="RADIO" NAME="IceCream" VALUE="Vanilla">Vanilla
<INPUT TYPE="RADIO" NAME="IceCream" VALUE="Choc">Chocolate
<INPUT TYPE="RADIO" NAME="IceCream" VALUE="Straw">Strawberry
<INPUT TYPE="RADIO" NAME="IceCream" VALUE="RaspR">Raspberry Ripple
<INPUT TYPE="RADIO" NAME="IceCream" VALUE="Mint">Mint
<BR>

<SELECT NAME="Salary">
<OPTION VALUE="0" SELECTED>Salary Range</OPTION>
<OPTION VALUE="1">Less Than $10,000</OPTION>
<OPTION VALUE="2">$10,000-$20,000</OPTION>
<OPTION VALUE="3">$20,000-$30,000</OPTION>
<OPTION VALUE="4">More than $30,000</OPTION>
</SELECT>

<p><input type="submit" value="Enviar" name="B1"></p>
</form>

Texto no vacio

Male Female

Vanilla Chocolate Strawberry Raspberry Ripple Mint


Formas Inteligentes, JavaScript

<SCRIPT>
function sexchange(sex) {
if (mainform.BAND1.checked) mainform.BAND1.checked=false;
if (mainform.BAND2.checked) mainform.BAND2.checked=false;
if (mainform.BAND3.checked) mainform.BAND3.checked=false;
switch (sex) {
case 0:
LABEL1.innerText="Boy Zone";
LABEL2.innerText="Led Zeppelin";
LABEL3.innerText="Oasis";
break;
case 1:
LABEL1.innerText="Madonna";
LABEL2.innerText="Diana Ross";
LABEL3.innerText="Spice Girls";
break;
}
}
</SCRIPT>


<FORM NAME="mainform">
<INPUT TYPE="RADIO" NAME="SEX" VALUE="M" onclick="sexchange(0);" CHECKED>Male
<INPUT TYPE="RADIO" NAME="SEX" VALUE="Y" onclick="sexchange(1);">Female
<BR>Which bands do you like?<BR>
<INPUT TYPE="CHECKBOX" NAME="BAND1">
<LABEL ID="LABEL1" FOR="BAND1">Boy Zone</LABEL>
<BR>
<INPUT TYPE="CHECKBOX" NAME="BAND2">
<LABEL ID="LABEL2" FOR="BAND2">Led Zeppelin</LABEL>
<BR>
<INPUT TYPE="CHECKBOX" NAME="BAND3">
<LABEL ID="LABEL3" FOR="BAND3">Oasis</LABEL>
</FORM>

Male Female
Which bands do you like?


Validación de un email en las formas con JavaScript

<script language="JavaScript">
<!-- // ignore if non-JS browser 
function Validator(theForm)
{
var error = ""; 
if (theForm.email.value == "")
{
error += "Debe introducir un email válido.\n";
}
if ((theForm.email.value.indexOf ('@',0) == -1 ||
theForm.email.value.indexOf ('.',0) == -1) &&
theForm.email.value != "")
{
error += "Por favor checa que el email es valido.";
} 

if (error != "")
{
alert(error);
return (false);
} else {
return (true);
} 
}
// -->
</script> 

<form action="" method="POST" onsubmit="return Validator(this);">
<p>Introduce un email valido<br>
<input name="email" size="20">
<p><input type="submit" value="Validar"></p>
</form>

 

Introduce un email valido

fecha :


<script languaje='JavaScript'>
<!-- Begin
var months=new Array(13); 
months[1]='Enero'; months[2]='Febrero'; months[3]='Marzo'; months[4]='Abril'; months[5]='Mayo'; months[6]='Junio';
months[7]='Julio'; months[8]='Agosto'; months[9]='Septiembre'; months[10]='Octubre'; months[11]='Noviembre'; months[12]='Diciembre';
var time=new Date();
var lmonth=months[time.getMonth() + 1];
var date=time.getDate();
var year=time.getYear();
if (year < 2000) 
year = year + 1900; 
document.write(lmonth + ' ');
document.write(date + ', ' + year);
// End -->
</script>
############### Ventana, entre head y body


<script languaje=javascript>
function wind(dir){
window.open(dir,'niv0','width=400,height=260,scrollbars=no,left=350,top=100');
}
</script>


########### llamado


<a href=# onClick=wind('listae.cgi') style='text-decoration: none'> </a>
########### text decoration

Entre </title> y </head>

<style>
a:link {color:blue}
a:hover {color:red}
a:visited {color:blue}
a:visited:hover {color:red}
</style>
########### Back History and Input Hidden

<input onclick="history.back()" type="button" value="Regresar">
<input type='hidden' name='action' value='record'>
############

Derechos reservados, Joshue Moises, 20 nov 2001

1
Hosted by www.Geocities.ws