Manejadores de eventos semánticos



<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Asoc. de Apoyo a los Animales Callejeros: Contacto.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!--Estilos CSS -->
<link rel="stylesheet" href="../SE1/Se1.css" type="text/css" style="stylesheet" media="screen" />
<!--Insertar Favorite icon de 16 x 16 px -->
<link href="../SE1/favicon.ico" rel="shortcut icon"/>
<script language="JavaScript" type="text/javascript">
/* Control de longitud */
function controllongitud(evento, objeto, longitud){
/* Si es verdadero el dato cargado es <= a la longitud permitida y el sistema permite la carga de nuevos caradteres */
return(objeto.value.length <= longitud)||(evento.keyCode == 8 ||evento.keyCode==46||(evento.keyCode>=35 && evento.keyCode<=40))
/* 8 backspace - 46 delete - 35 end  al 40 down arrow (36 al 39: home - left arrow - up arrow - right arrow ) */
} /* fin función control longitud */

/*Contol de datos durante la captura */
function controlcaptura() {
           /* Inicio condición */
if (this.value == "" || this.value == null ){
alert("Complete los datos solicitados antes del envío! \nPara el envío de la consulta sus  datos personales deben estar completos y correctos.");
this.focus();
  }
} /* fin función control captura */

/* Seleccionar datos */
function seleccionar(){
this.select();
}/* fin función selecionar datos al hacer click */

window.onload = function(){

document.getElementById("idapynom").onmouseup = seleccionar;
document.getElementById("idapynom").onblur = controlcaptura;

document.getElementById("idtextomensaje").onmouseup = seleccionar;
document.getElementById("idtextomensaje").onblur = controlcaptura;

document.getElementById("idcalle").onmouseup = seleccionar;
document.getElementById("idcalle").onblur = controlcaptura;

document.getElementById("idtelefono").onmouseup = seleccionar;
document.getElementById("idtelefono").onblur = controlcaptura;

document.getElementById("idmail").onmouseup = seleccionar;
document.getElementById("idmail").onblur = controlcaptura;

document.getElementById("idinformacion").onmouseup = seleccionar;
document.getElementById("idinformacion").onblur = controlcaptura;

}

</script>
</head>
<body>

<!--Inicio Contenedor-->

<div id="contenedor">
  <!--Inicio Cabecera -->
  <div id="cabecera"> <img src="../SE1/CabeceraSE1.JPG" />
    <!--Inicio  Título-->
    <div id= "titulo"> ASOCIACION DE APOYO A LOS <br/>
      ANIMALES CALLEJEROS </div>
    <!--fin titulo -->
    <!--Inicio  Subtítulo-->
    <div id="subtitulo"> juntos podemos ayudar! </div>
    <!--fin subtitulo -->
  </div>
  <!--fin cabecera -->
  <div id="cuerpo">
    <!--Inicio Cuerpo -->
    <div id="menu">
      <!--Inicio Menu -->
      <ul>
        <li><a href="../SE1/index.html" title="" target="_self" >Inicio</a> </li>
        <li>|</li>
        <li><a href="../SE1/QuienesSomos.htm" title="" target="_self">Quienes
          Somos</a></li>
        <li>|</li>
        <li><a href="../SE1/donacion.htm" target="_self">Haz una Donación</a></li>
        <li>|</li>
        <li><a href="../SE1/trabajo.htm" target="_self">Mira Nuestro Trabajo</a></li>
        <li>|</li>
        <li><a href="#" title="" target="_self">Contáctanos</a></li>
      </ul>
    </div>
    <!--fin menu -->
    <div id="contenido" style="left:20px; width: 770px ; border: none;">
      <!--Inicio  Contenido-->
      <!--Inicio  Contacto +++++++++++++++++++++++++++++++++++++++++++++++++++++++-->
      <p>información de contacto</p>
      <a href="#" class="paneles">
      <p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis
        in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit
        ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit
        definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat
        affert percipit cu, eirmod consectetuer signiferumque eu per. </p>
      </a>
      <p>datos de locación</p>
      <a href="#" class="paneles">
      <table id="datoscontacto">
        <tr>
          <td>Dirección:</td>
          <td>calle nro.- dpto - piso / código postal / ciudad / provincia</td>
        </tr>
        <tr>
          <td>Teléfonos:</td>
          <td>(0000)- 999999 </td>
        </tr>
        <tr>
          <td> </td>
          <td>(0000)- 999999 </td>
        </tr>
        <tr>
          <td>Fax:</td>
          <td>(0000)- 999999 </td>
        </tr>
        <tr>
          <td>E-Mail:</td>
          <td>correo@servidor.com / correo@servidor.com</td>
        </tr>
      </table>
      </a>
      <p>menasaje de contacto</p>
      <!--Inicio campos del Formulario ******************************************** -->
      <form action="mailto:all@cablenet.com.ar" enctype="text/plain" method="post" name="formularioconsulta" >
        <!-- <form action="mailto:all@cablenet.com.ar" enctype="multipat/form-data" method="post" name="formularioconsulta" > -->
        <div>
          <label for="apynom">Apellido y Nombre:</label>
          <input name="textoapynom" type="text" id="idapynom" value="Nnnnnn Aaaaaaa" width="30" maxlength="40" title="Longitud: 40 caracteres."  size="30" tabindex="1"/>
        </div>
        <div id="mensaje">
          <label for="textomensaje"> </label>
          <textarea name="textomensaje" id="idtextomensaje"  cols="150" rows="5"  onkeypress="return controllongitud(event, this, 299);" tabindex="5"/>Ingrese el texto del mensaje que desea enviar.
  </textarea>
  </div>
        <!--return, durante la llamada, delante del nombre de la función controla que la rutina devuelva el valor verdadero si el dato es menor o igual a la longitud permitida -->
        <div>
          <label for="direccion">Dirección:</label>
          <input name="direccion" type="text" id="idcalle" value="calle nro. - (CP) - ciudad - provincia - país"   width="50" size="50px"  maxlength="50" title="Longitud: 50 caracteres." tabindex="2" />
          <br/>
        </div>
        <div>
          <label for="telefono">Teléfono/Fax:</label>
          <input name="telefono" type="text" id="idtelefono" value="(característica) - (teléfono / fax)"  width="50" size="50px" maxlength="25" title="Longitud: 25 caracteres." tabindex="3"/>
          <br/>
        </div>
        <div>
          <label for="email">Correo electrónico:</label>
          <input name="email" type="text" id="idmail" value="correo@servidor.com" width="40" size="40px" maxlength="50" title="Longitud: 50 caracteres." tabindex="4"/>
        </div>
        <div id="informacion">
          <input name="informacion" id="idinformacion" type="checkbox" value="informacion" checked="checked" tabindex="6"/>
          <p id="enviarinformacion">Deseo recibir información sobre la asociación</p>
        </div>
        <div id="botones">
          <!-- <input type="file"  class ="adjuntar" value="Adjuntar"/>
          |  -->
          <input type="button" value="Adjuntar fotos" tabindex="7"/>
          |
          <input type="reset"  value="Borrar datos" tabindex="8"/>
          |
          <input type="submit" value="Enviar consulta" tabindex="9"/>
        </div>
      </form>
    </div>
    <!--fin contenido -->
  </div>
  <!--fin cuerpo -->
  <!--Inicio  Pie-->
  <div id ="pie">
    <p>Contacto: calle nro.- dpto - piso / ciudad / provincia | Tel.:(0000)- 99999
      | correo@servidor.com | <a href="../SE1/QuienesSomos.htm" target="_self">Comunícate
      con nosotros</a></p>
  </div>
  <!--fin pie -->
</div>
  <!-- fin contenedor-->

<!--
isNaN(objeto.value) == false
-->
</body>
</html>


Entradas populares