martes, 6 de septiembre de 2011



<HTML>

<SCRIPT language=JavaScript>
function changecolor(code) {

document.bgColor=code }
</SCRIPT>
<BODY bgColor=#ffffff>

<CENTER>

<H1>Evento "onMouseOver"</H1></CENTER>

<HR>



<A onmouseover="changecolor('ffffff')" href="http://www.misena.edu.co">
<IMG height=20 hspace=10 src="Using_onMouseOver_archivos/white.gif" width=20 vspace=10>

</A>



<A onmouseover="changecolor('ff0000')" href="http://www.">
<IMG height=20 hspace=10 src="Using_onMouseOver_archivos/red.gif" width=20 vspace=10>

</A>



<A onmouseover="changecolor('ffff00')" href="http://www.">
<IMG height=20 hspace=10 src="Using_onMouseOver_archivos/yellow.gif" width=20 vspace=10>
</A>


<A onmouseover="changecolor('009900')" href="http://www.">
<IMG height=20 hspace=10 src="Using_onMouseOver_archivos/green.gif" width=20 vspace=10>
</A>
  


<A onmouseover="changecolor('0000ff')" href="http://www.">
<IMG height=20 hspace=10 src="Using_onMouseOver_archivos/blue.gif" width=20 vspace=10>
</A>

 
<HR>

</BODY>

</HTML>

Publicado por en No hay comentarios:

Tenemos que trabajar con 2 páginas web por lo menos, una para colocar el formulario y otra que sería la página oculta. Estas páginas las tendremos colocadas en la misma carpeta.
pagina1 
 
 <html>
<head>
       <title>clave acceso</title>
</head>

<body>
<SCRIPT>
function acceso()
{
       window.location = document.formclave.clave.value + ".html"
}
</SCRIPT>

<FORM name=formclave>
<INPUT type=password name=clave>
<INPUT type=button value=Acceder onclick="acceso()">
</FORM>
</body>
</html>


pagina 2

 <html>
<head>
    <title>Clave correcta</title>
</head>

<body>
<div align="center">
<h1>CLAVE CORRECTA</h1>
<br>
Felicidades, has podido acceder
</div>
</body>
</html>
Publicado por en No hay comentarios:
 El mecanismo es el siguiente: en vez de colocar un botón de submit colocamos un botón normal (<INPUT type="button">) y hacemos que al pulsar ese botón se llame a una función que es la encargada de validar el formulario y, en caso de que esté correcto, submitirlo

<html>
<head>
<title>evento</title>
<script>
function validasubmite()
{
if(document.miFormulario.campo1.value=="")
    alert("debe ingresar datos al formulario")
else
    document.miFormulario.submit()
}
</script>

</head>
<body>
<script>
 document.write(new Date())
</script>
<form name="miFormulario" action="mailto:vpichica@misena.edu.co" enctype="text/plain">
<input type="Text" name="campo1" value="" size="12">
<input type="button" value="Enviar" onclick="validasubmite()">
</form>
</body>
</html>
Publicado por en No hay comentarios:
Suscribirse a: Comentarios (Atom)