Conectarse

Recuperar mi contraseña

Últimos temas
» Ingeniería del Software: Un Enfoque Práctico, Roger Pressman (Sexta Edición)
Jue Nov 01, 2012 11:38 pm por Aras92

» Física Universitaria
Lun Sep 13, 2010 10:20 am por rauloko

» Videotutoriales de Certificaciones Cisco
Miér Sep 01, 2010 3:03 pm por rauloko

» Videotutoriales de Hardware y Electronica
Dom Ago 29, 2010 10:03 am por rauloko

» Video cursos
Dom Ago 29, 2010 10:00 am por rauloko

» Diseño digital
Dom Ago 29, 2010 9:37 am por rauloko

» Diseño Electronico
Dom Ago 29, 2010 9:34 am por rauloko

» Curso Virtual Electricidad Industrial
Dom Ago 29, 2010 9:31 am por rauloko

» Cálculo Industrial de Máquinas Eléctricas
Dom Ago 29, 2010 9:29 am por rauloko

» Diccionario para Ingenieros 2da Edición
Dom Ago 29, 2010 9:25 am por rauloko

Amigos de red
Grupo de colaboradores
www.administracionunivalle.tk/


FAQs JavaScript

Página 1 de 2. 1, 2  Siguiente

Ver el tema anterior Ver el tema siguiente Ir abajo

FAQs JavaScript

Mensaje por univalle-group.net el Lun Feb 15, 2010 12:58 pm

¿Como puedo agragar un FAQ a la lista?


1.- Selects
2.- Radio buttons
3.- Deshabilitar
4.- Botón derecho
5.- Pase de parámetros
6.- Ventana maximizada
7.- PopUps
8.- Cambiar el color de una celda


¿Como puedo agragar un FAQ a la lista?

Paso 1: Pon en el título de tu respuesta el número que corresponde, seguido de un título corto a ser usado en el índice.
Paso 2: Escribe "P:" en negritas (bold) antes de la pregunta.
Paso 3: Escribe una pregunta cuya respuesta sea la FAQ que vas a publicar.
Paso 4: Escribe "R:" en negritas (bold) antes de tu respuesta.
Paso 5: Escribe tu aporte.

Si tu mensaje proviene de otra persona o página, es importante que añadas los créditos correspondientes antes de la respuesta. Para ello puedes usar un título en negritas como el que sigue:
Créditos: Admin

Fuente: [Tienes que estar registrado y conectado para ver este vínculo]


Última edición por Admin el Lun Feb 15, 2010 2:16 pm, editado 7 veces (Razón : tic para el desarrollo de software en la web)
avatar
univalle-group.net
Raúl A. Alzate
Raúl A. Alzate

Mensajes : 50
Puntos : 99
Ciudad / Localización : Buga Valle

Universidad / sede / Instituto : Universidad del Valle / Sede Buga

Profesión / Estudio / Área : Tegnología en Sistemas

Ver perfil de usuario

Volver arriba Ir abajo

Re: FAQs JavaScript

Mensaje por univalle-group.net el Lun Feb 15, 2010 1:04 pm

1.- Selects
P: ¿Como puedo hacer para que al cambiar la opción seleccionada en un combo, cambien también las opciones disponibles en otro combo?

R: [Tienes que estar registrado y conectado para ver este vínculo]

Código:
<html>
 <head>
  <title>
  FAQ-1: Selects
  </title>
  <script language="JavaScript">

  function addOpt(oCntrl, iPos, sTxt, sVal){
    var selOpcion=new Option(sTxt, sVal);
    eval(oCntrl.options[iPos]=selOpcion);
  }

  function cambia(oCntrl){
    while (oCntrl.length) oCntrl.remove(0);
    switch (document.frm.pais.selectedIndex){
    case 0:
      addOpt(oCntrl,  0, "Ciudad de México", "0");
      addOpt(oCntrl,  1, "Monterrey", "1");
      addOpt(oCntrl,  2, "Guadalajara", "2");
      break;
    case 1:
      addOpt(oCntrl,  0, "Madrid", "0");
      addOpt(oCntrl,  1, "Barcelona", "1");
      addOpt(oCntrl,  2, "San Sebastián", "2");
      break;
    case 2:
      addOpt(oCntrl,  0, "Caracas", "0");
      addOpt(oCntrl,  1, "Coro", "1");
      addOpt(oCntrl,  2, "Maracay", "2");
      addOpt(oCntrl,  3, "Valencia", "3");
      break;
    }
  }
  </script>
 </head>
 <body>
  <script language="JavaScript">
  var w = 400;
  var h = 150;
  resizeTo(w, h);
  moveTo((screen.width - w)/ 2, (screen.height - h)/ 2);
  </script>
  <form name="frm">
  <table border="0">
    <tr>
    <td>
      Pais
    </td>
    <td>
      <select name="pais" onchange="cambia(document.frm.ciudad)">
      <option value="Mex">Mexico</option>
      <option value="Esp">España</option>
      <option value="Ven">Venezuela</option>
      </select>
    </td>
    <td>
      &nbsp;
    </td>
    <td>
      Ciudad
    </td>
    <td>
      <select name="ciudad">
      <option value="0">Ciudad de México</option>
      <option value="1">Monterrey</option>
      <option value="2">Guadalajara</option>
      </select>
    </td>
    </tr>
  </table>
  </form>
 </body>
</html> 


Última edición por Admin el Lun Feb 15, 2010 1:25 pm, editado 1 vez
avatar
univalle-group.net
Raúl A. Alzate
Raúl A. Alzate

Mensajes : 50
Puntos : 99
Ciudad / Localización : Buga Valle

Universidad / sede / Instituto : Universidad del Valle / Sede Buga

Profesión / Estudio / Área : Tegnología en Sistemas

Ver perfil de usuario

Volver arriba Ir abajo

Re: FAQs JavaScript

Mensaje por univalle-group.net el Lun Feb 15, 2010 1:14 pm

2.- Radio buttons
P: ¿Como puedo conocer el valor del radiobutton seleccionado?

R: [Tienes que estar registrado y conectado para ver este vínculo]

Código:
<html>
 <head>
  <script language="JavaScript">
  var valor = 0;

  function actualizaValor(oRad){
    valor = oRad.value;
  }

  function leeValor(){
    with (document.frm)
    res.value = valor;
  }
  </script>
 </head>
 <body>
  <form name="frm">
  <table border="0">
    <tr>
    <td>
      <input type="radio" name="rad" value="1" onclick="actualizaValor(this)">Valor uno
    </td>
    <td>
      <input type="radio" name="rad" value="2" onclick="actualizaValor(this)">Valor dos
    </td>
    </tr>
    <tr>
    <td>
      <input type="text" name="res">
    </td>
    <td>
      <input type="button" name="leer" value="Dime valor" onclick="leeValor()">
    </td>
    </tr>
  </table>
  </form>
 </body>
</html>


Última edición por Admin el Lun Feb 15, 2010 1:24 pm, editado 1 vez
avatar
univalle-group.net
Raúl A. Alzate
Raúl A. Alzate

Mensajes : 50
Puntos : 99
Ciudad / Localización : Buga Valle

Universidad / sede / Instituto : Universidad del Valle / Sede Buga

Profesión / Estudio / Área : Tegnología en Sistemas

Ver perfil de usuario

Volver arriba Ir abajo

Re: FAQs JavaScript

Mensaje por univalle-group.net el Lun Feb 15, 2010 1:16 pm

3.- Deshabilitar
P: ¿Como puedo deshabilitar un elemento a partir del valor de otro?

R: [Tienes que estar registrado y conectado para ver este vínculo]

Código:
<html>
 <head>
 </head>
 <body>
  <form name="frm">
  Seleccione:
  <select name="sel">
    <option value="1">Uno</option>
    <option value="2">Dos</option>
    <option value="3">Tres</option>
  </select><br>
  <input type="checkbox" name="chk" checked onclick="JavaScript:document.frm.sel.disabled = !this.checked">Habilitar selección
  </form>
 </body>
</html>


Última edición por Admin el Lun Feb 15, 2010 1:24 pm, editado 1 vez
avatar
univalle-group.net
Raúl A. Alzate
Raúl A. Alzate

Mensajes : 50
Puntos : 99
Ciudad / Localización : Buga Valle

Universidad / sede / Instituto : Universidad del Valle / Sede Buga

Profesión / Estudio / Área : Tegnología en Sistemas

Ver perfil de usuario

Volver arriba Ir abajo

Re: FAQs JavaScript

Mensaje por univalle-group.net el Lun Feb 15, 2010 1:20 pm

4.- Botón derecho
P: ¿Como puedo deshabilitar el uso del botón derecho dentro de mi página?

R:[Tienes que estar registrado y conectado para ver este vínculo]

La siguiente solución fué tomada originalmente por kitipaloco de DynamicDrive.com y probada por el equipo de contestones del Foro de JavaScript con los siguientes resultados:

Funciona bajo:
- Internet Explorer 5.0, 6.0
- Netscape 6.2, 7.0
- Mozilla 1.3a

No funciona bajo:
- Opera 6.01


Código:
<html>
 <head>
  <script language="JavaScript">
  //Disable right click script III- By Renigade (renigade@mediaone.net)
  //For full source code, visit [url]http://www.dynamicdrive.com[/url]
  var message = "";

  function clickIE(){
    if (document.all){
    (message);
    return false;
    }
  }

  function clickNS(e){
    if (document.layers || (document.getElementById && !document.all)){
    if (e.which == 2 || e.which == 3){
      (message);
      return false;
    }
    }
  }

  if (document.layers){
    document.captureEvents(Event.MOUSEDOWN);
    document.onmousedown = clickNS;
  } else {
    document.onmouseup = clickNS;
    document.oncontextmenu = clickIE;
  }
  document.oncontextmenu = new Function("return false")
  </script>
 </head>
 <body>
  Script para eliminar el botón derecho.
 </body>
</html>

Cualquier comentario, modificación o reporte de funcionamiento adicional, favor hacerlo en esta [Tienes que estar registrado y conectado para ver este vínculo].


Última edición por Admin el Lun Feb 15, 2010 1:23 pm, editado 1 vez
avatar
univalle-group.net
Raúl A. Alzate
Raúl A. Alzate

Mensajes : 50
Puntos : 99
Ciudad / Localización : Buga Valle

Universidad / sede / Instituto : Universidad del Valle / Sede Buga

Profesión / Estudio / Área : Tegnología en Sistemas

Ver perfil de usuario

Volver arriba Ir abajo

Re: FAQs JavaScript

Mensaje por univalle-group.net el Lun Feb 15, 2010 1:22 pm

5.- Pase de parámetros
P: ¿Como puedo pasar parámetros entre dos páginas usando JavaScript?

R: [Tienes que estar registrado y conectado para ver este vínculo]

Programa principal (principal.htm)

Código:
<html>
 <head>
  <script language="JavaScript">
  function disparaPopUp(str){
    open("popup.htm?Prm=" + str);
  }
  </script>
 </head>
 <body>
  <form name="formulario">
  Valor a ser transmitido:<input type="text" name="texto">
  <input type="button" name="boton" value="Transmitir" onclick="disparaPopUp(document.formulario.texto.value)">
  </form>
 </body>
</html>

Página popUp que recibe parámetros (popup.htm)

Código:
<html>
 <head>
  <script languaje="JavaScript">

  var parmetro; // Nombre de la variable que va a recibir el valor

  function valParam(url, prmName){
    var prmUpper = prmName.toUpperCase();
    var prmPosic = url.indexOf(prmUpper);
    var sepPos;
    if (prmPosic != -1){
    var sepPos = url.indexOf("&", prmPosic);
    if (sepPos != -1){
      return url.substring(prmPosic + prmUpper.length + 1, sepPos);
    } else {
      return url.substring(prmPosic + prmUpper.length + 1, url.length);
    }
    } else {
    return "";
    }
  }

  function getParameters(){
    var remplaza = /+/gi;
    var url = window.location.href;
    var variable;
    url = unescape(url);
    url = url.replace(remplaza, " ");
    url = url.toUpperCase();
    parametro = valParam(url, "Prm"); // Lectura y asignación del valor
  }

  function muestra(){
    document.frm.parm.value = parametro;
  }

  </script>
 </head>
 <body onload="getParameters()">
  <form name="frm">
  <input type="text" name="parm">
  <input type="button" value="Leer parámetro" onclick="muestra()">
  </form>
 </body>
</html>
avatar
univalle-group.net
Raúl A. Alzate
Raúl A. Alzate

Mensajes : 50
Puntos : 99
Ciudad / Localización : Buga Valle

Universidad / sede / Instituto : Universidad del Valle / Sede Buga

Profesión / Estudio / Área : Tegnología en Sistemas

Ver perfil de usuario

Volver arriba Ir abajo

Re: FAQs JavaScript

Mensaje por univalle-group.net el Lun Feb 15, 2010 1:28 pm

6.- Ventana maximizada
P: ¿Como puedo abrir una ventana maximizada?

R: [Tienes que estar registrado y conectado para ver este vínculo]

Código:
<html>
 <head>
  <script language="JavaScript">
  function amplia(){
    resizeTo(screen.width, screen.height)
    moveTo(0, 0);
  }
  </script>
 </head>
 <body onload="amplia()">
  <h1>
  Tamaño máximo
  </h1>
 </body>
</html>
avatar
univalle-group.net
Raúl A. Alzate
Raúl A. Alzate

Mensajes : 50
Puntos : 99
Ciudad / Localización : Buga Valle

Universidad / sede / Instituto : Universidad del Valle / Sede Buga

Profesión / Estudio / Área : Tegnología en Sistemas

Ver perfil de usuario

Volver arriba Ir abajo

Re: FAQs JavaScript

Mensaje por univalle-group.net el Lun Feb 15, 2010 1:30 pm

7.- PopUps
P: ¿Como puedo abrir una ventana PopUp sin toolbar, sin menubar, sin navegación y sin estatus?

R: [Tienes que estar registrado y conectado para ver este vínculo]


Código:
<html>
 <head>
  <script language="JavaScript">
  function abrirVentana() {
    open("popUp.htm","miVentana", "toolbar=no,directories=no,menubar=no,status=no");
  }
  </script>
 </head>
 <body>
  <form name="frm">
  <input type="button" name="boton" value="PopUp" onClick="abrirVentana()">
  </form>
 </body>
</html>
avatar
univalle-group.net
Raúl A. Alzate
Raúl A. Alzate

Mensajes : 50
Puntos : 99
Ciudad / Localización : Buga Valle

Universidad / sede / Instituto : Universidad del Valle / Sede Buga

Profesión / Estudio / Área : Tegnología en Sistemas

Ver perfil de usuario

Volver arriba Ir abajo

Re: FAQs JavaScript

Mensaje por univalle-group.net el Lun Feb 15, 2010 1:31 pm

8.- Cambiar el color de una celda
P: ¿Cómo puedo cambiar el color de una celda al pasar el ratón?

R:

Código:
<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td onmouseover='this.style.background="[COLOR=orangered]red[/COLOR]"' onmouseout='this.style.background="[COLOR=orangered]white[/COLOR]"'>
Texto de la celda
</td>
</tr>
</table>

Onmouseover significa cuando el ratón está encima del elemento, y onmouseout, significa cuando deja de estarlo.
Lo que está en Rojo Claro, son los colores de los que formará parte el fondo de la celda. En éste caso, Red y White, (Rojo y Blanco). Pueden ser también de tipo hexadecimal, #FFFFFF.
avatar
univalle-group.net
Raúl A. Alzate
Raúl A. Alzate

Mensajes : 50
Puntos : 99
Ciudad / Localización : Buga Valle

Universidad / sede / Instituto : Universidad del Valle / Sede Buga

Profesión / Estudio / Área : Tegnología en Sistemas

Ver perfil de usuario

Volver arriba Ir abajo

Re: FAQs JavaScript

Mensaje por univalle-group.net el Lun Feb 15, 2010 1:32 pm

9.- Fecha y Hora
P: ¿Cómo puedo mostrar la Fecha y la Hora actual?

R:

Código:
<html>
<head>
<script language="JavaScript">
/*
Fecha y Hora By Chivi
*/

/* Coeminza el script del Reloj */

function actualizaReloj(){

/* Capturamos la Hora, los minutos y los segundos */
marcacion = new Date()

/* Capturamos la Hora */
Hora = marcacion.getHours()

/* Capturamos los Minutos */
Minutos = marcacion.getMinutes()

/* Capturamos los Segundos */
Segundos = marcacion.getSeconds()

/* Si la Hora, los Minutos o los Segundos
Son Menores o igual a 9, le añadimos un 0 */

if (Hora<=9)
Hora = "0" + Hora

if (Minutos<=9)
Minutos = "0" + Minutos

if (Segundos<=9)
Segundos = "0" + Segundos

/* Termina el Script del Reloj */


/* Coemienza eñ Script de la Fecha */

var Dia = new Array("Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado", "Domingo");
var Mes = new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
var Hoy = new Date();
var Anio = Hoy.getFullYear();
var Fecha = "Hoy es " + Dia[Hoy.getDay()] + ", " + Hoy.getDate() + " de " + Mes[Hoy.getMonth()] + " de " + Anio + ", a las ";

/* Termina el script de la Fecha */


/* Creamos 4 variables para darle formato a nuestro Script */
var Inicio, Script, Final, Total

/*En Inicio le indicamos un color de fuente  y un tamaño */
Inicio = "<font size=3 color=red>"

/* En Reloj le indicamos la Hora, los Minutos y los Segundos */
Script = Fecha + Hora + ":" + Minutos + ":" + Segundos

/* En final cerramos el tag de la fuente */
Final = "</font>"

/* En total Finalizamos el Reloj uniendo las variables */
Total = Inicio + Script + Final

/* Capturamos una celda para mostrar el Reloj */
document.getElementById('Fecha_Reloj').innerHTML = Total

/* Indicamos que nos refresque el Reloj cada 1 segundo */
setTimeout("actualizaReloj()",1000)
}
</script>

<body onload="actualizaReloj()">
Aquí mostramos la Fecha y la hora:
<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td id="Fecha_Reloj"></td>
</tr>
</table>
</body>
</html>
avatar
univalle-group.net
Raúl A. Alzate
Raúl A. Alzate

Mensajes : 50
Puntos : 99
Ciudad / Localización : Buga Valle

Universidad / sede / Instituto : Universidad del Valle / Sede Buga

Profesión / Estudio / Área : Tegnología en Sistemas

Ver perfil de usuario

Volver arriba Ir abajo

Re: FAQs JavaScript

Mensaje por univalle-group.net el Lun Feb 15, 2010 1:35 pm

12.- Control de caracteres
P: ¿Como puedo contar el número de caracteres escritos en un area de texto de un formulario?

R: [Tienes que estar registrado y conectado para ver este vínculo]

Código:
<html>
 <head>
  <script language="JavaScript">

  var primeraVez = true;

  function limpia(){
    if (primeraVez){
    document.formulario.mensaje.value = "";
    primeraVez = false;
    }
  }

  function cuenta(){
    document.formulario.total.value = document.formulario.mensaje.value.length;
  }

  </script>
 </head>
 <body>
  <form name="formulario">
  <textarea name="mensaje" onfocus="limpia()" onKeyUp="cuenta()" rows="10" cols="50">
  </textarea>
  <input type="text" name="total" size="5" maxlength="3" disabled> Caracteres
  </form>
 </body>
</html>
avatar
univalle-group.net
Raúl A. Alzate
Raúl A. Alzate

Mensajes : 50
Puntos : 99
Ciudad / Localización : Buga Valle

Universidad / sede / Instituto : Universidad del Valle / Sede Buga

Profesión / Estudio / Área : Tegnología en Sistemas

Ver perfil de usuario

Volver arriba Ir abajo

Re: FAQs JavaScript

Mensaje por univalle-group.net el Lun Feb 15, 2010 1:37 pm

13.- Validación de fechas
P: ¿Como puedo validar una o mas fechas escritas en elementos TEXT?

R: [Tienes que estar registrado y conectado para ver este vínculo]

Código:
<html>
 <head>
  <script language="JavaScript">

  function esDigito(sChr){
    var sCod = sChr.charCodeAt(0);
    return ((sCod > 47) && (sCod < 58));
  }

  function valSep(oTxt){
    var bOk = false;
    var sep1 = oTxt.value.charAt(2);
    var sep2 = oTxt.value.charAt(5);
    bOk = bOk || ((sep1 == "-") && (sep2 == "-"));
    bOk = bOk || ((sep1 == "/") && (sep2 == "/"));
    return bOk;
  }

  function finMes(oTxt){
    var nMes = parseInt(oTxt.value.substr(3, 2), 10);
    var nAno = parseInt(oTxt.value.substr(6), 10);
    var nRes = 0;
    switch (nMes){
    case 1: nRes = 31; break;
    case 2: nRes = 28; break;
    case 3: nRes = 31; break;
    case 4: nRes = 30; break;
    case 5: nRes = 31; break;
    case 6: nRes = 30; break;
    case 7: nRes = 31; break;
    case 8: nRes = 31; break;
    case 9: nRes = 30; break;
    case 10: nRes = 31; break;
    case 11: nRes = 30; break;
    case 12: nRes = 31; break;
    }
    return nRes + (((nMes == 2) && (nAno % 4) == 0)? 1: 0);
  }

  function valDia(oTxt){
    var bOk = false;
    var nDia = parseInt(oTxt.value.substr(0, 2), 10);
    bOk = bOk || ((nDia >= 1) && (nDia <= finMes(oTxt)));
    return bOk;
  }

  function valMes(oTxt){
    var bOk = false;
    var nMes = parseInt(oTxt.value.substr(3, 2), 10);
    bOk = bOk || ((nMes >= 1) && (nMes <= 12));
    return bOk;
  }

  function valAno(oTxt){
    var bOk = true;
    var nAno = oTxt.value.substr(6);
    bOk = bOk && ((nAno.length == 2) || (nAno.length == 4));
    if (bOk){
    for (var i = 0; i < nAno.length; i++){
      bOk = bOk && esDigito(nAno.charAt(i));
    }
    }
    return bOk;
  }

  function valFecha(oTxt){
    var bOk = true;
    if (oTxt.value != ""){
    bOk = bOk && (valAno(oTxt));
    bOk = bOk && (valMes(oTxt));
    bOk = bOk && (valDia(oTxt));
    bOk = bOk && (valSep(oTxt));
    if (!bOk){
      alert("Fecha inválida");
      oTxt.value = "";
      oTxt.focus();
    } else alert("Fecha correcta");
    }
  }

  </script>
 </head>
 <body>
  <form name="frm">
  Escriba fecha (dd/mm/aaaa):
  <input type="text" size="10" name="fec">
  <br>
  <input type="button" value="Validar"

onclick="valFecha(document.frm.fec)">
  </form>
 </body>
</html> 
avatar
univalle-group.net
Raúl A. Alzate
Raúl A. Alzate

Mensajes : 50
Puntos : 99
Ciudad / Localización : Buga Valle

Universidad / sede / Instituto : Universidad del Valle / Sede Buga

Profesión / Estudio / Área : Tegnología en Sistemas

Ver perfil de usuario

Volver arriba Ir abajo

Re: FAQs JavaScript

Mensaje por univalle-group.net el Lun Feb 15, 2010 1:39 pm

14.- Resta de horas
P: ¿Como puedo obtener la resta de dos horas almacenadas en elementos TEXT?

R: [Tienes que estar registrado y conectado para ver este vínculo]

Código:
<html>
 <head>
  <script language="JavaScript">

  function padNmb(nStr, nLen){
    var sRes = String(nStr);
    var sCeros = "0000000000";
    return sCeros.substr(0, nLen - sRes.length) + sRes;
  }

  function stringToSeconds(tiempo){
    var sep1 = tiempo.indexOf(":");
    var sep2 = tiempo.lastIndexOf(":");
    var hor = tiempo.substr(0, sep1);
    var min = tiempo.substr(sep1 + 1, sep2 - sep1 - 1);
    var sec = tiempo.substr(sep2 + 1);
    return (Number(sec) + (Number(min) * 60) + (Number(hor) * 3600));
  }

  function secondsToTime(secs){
    var hor = Math.floor(secs / 3600);
    var min = Math.floor((secs - (hor * 3600)) / 60);
    var sec = secs - (hor * 3600) - (min * 60);
    return padNmb(hor, 2) + ":" + padNmb(min, 2) + ":" + padNmb(sec, 2);
  }

  function substractTimes(t1, t2){
    var secs1 = stringToSeconds(t1);
    var secs2 = stringToSeconds(t2);
    var secsDif = secs1 - secs2;
    return secondsToTime(secsDif);
  }

  function calcT3(){
    with (document.frm)
    t3.value = substractTimes(t1.value, t2.value);
  }

  </script>
 </head>
 <body>
  <form name="frm">
  Hora1 (hh:mm:ss): <input type="text" name="t1" value="12:30:15"><br>
  Hora2 (hh:mm:ss): <input type="text" name="t2" value="3:40:18"><br>
  <hr>
  Resta (hh:mm:ss): <input type="text" name="t3" value=""><br><br>
  <input type="button" onclick="calcT3()" value="Restar">
  </form>
 </body>
</html>
avatar
univalle-group.net
Raúl A. Alzate
Raúl A. Alzate

Mensajes : 50
Puntos : 99
Ciudad / Localización : Buga Valle

Universidad / sede / Instituto : Universidad del Valle / Sede Buga

Profesión / Estudio / Área : Tegnología en Sistemas

Ver perfil de usuario

Volver arriba Ir abajo

Re: FAQs JavaScript

Mensaje por univalle-group.net el Lun Feb 15, 2010 1:41 pm

15.- Campos no vacíos
P: ¿Como puedo validar que varios campos de texto no estén vacíos?

R: [Tienes que estar registrado y conectado para ver este vínculo]

Código:
<html>
 <head>
  <script language="JavaScript">
  function noVacio() {
    var i;
    var n = parseInt(document.frm.cantidad.value);
    var bError = false;

    for (i = 0; i < n; i++){
    bError = bError || (eval("document.frm.elemento" + i + ".value == ''"));
    if (bError){
      alert("Campo inválido");
      eval("document.frm.elemento" + i + ".focus()");
      break;
    }
    }
    if (!bError) alert("Ok");
  }

  </script>
 </head>
 <body>
  <form name="frm">
  <input type="text" name="elemento0"><br>
  <input type="text" name="elemento1"><br>
  <input type="text" name="elemento2"><br>
  <input type="hidden" name="cantidad" value="3">
  <input type="button" name="enviar" value="enviar" onclick="noVacio()">
  </form>
 </body>
</html> 
avatar
univalle-group.net
Raúl A. Alzate
Raúl A. Alzate

Mensajes : 50
Puntos : 99
Ciudad / Localización : Buga Valle

Universidad / sede / Instituto : Universidad del Valle / Sede Buga

Profesión / Estudio / Área : Tegnología en Sistemas

Ver perfil de usuario

Volver arriba Ir abajo

Re: FAQs JavaScript

Mensaje por univalle-group.net el Lun Feb 15, 2010 1:43 pm

16.- Página de Inicio
P: ¿Cómo puedo hacer que agreguen mi sitio web, como su página de Inicio?

R:

Código:
<html>
<head>
<script language="JavaScript">
<!--
function Pagina_Inicio()
{
obj_Pagina_Inicio.style.behavior='url(#default#homepage)';
obj_Pagina_Inicio.setHomePage("[COLOR=orangered][U]http://www.tu_sitio.com[/U][/COLOR][U][/U]");
}
//-->
</script>
</head>
<body>
<IE:HOMEPAGE ID="obj_Pagina_Inicio"/>
<a href="javascript:Pagina_Inicio();">Convierte [COLOR=orangered][U]Tu Sitio Web[/U][/COLOR] en tu página de Inicio</a>

Únicamente debes cambiar los contenidos con Color Rojo Anaranjado o Subrayado
avatar
univalle-group.net
Raúl A. Alzate
Raúl A. Alzate

Mensajes : 50
Puntos : 99
Ciudad / Localización : Buga Valle

Universidad / sede / Instituto : Universidad del Valle / Sede Buga

Profesión / Estudio / Área : Tegnología en Sistemas

Ver perfil de usuario

Volver arriba Ir abajo

Re: FAQs JavaScript

Mensaje por univalle-group.net el Lun Feb 15, 2010 1:44 pm

17.- Agregar a Favoritos
P: ¿Cómo puedo hacer que agreguen mi sitio web a sus Favoritos?

R:

Código:
<html>
<head>
<script language="JavaScript1.2">
var url="http://www.tu_sitio.com"
var titulo="Tu Sitio Web"
function agregar(){
if (document.all)
window.external.AddFavorite(url,titulo)
}
</script>
</head>
<body>
<script>
if (document.all)
document.write('<a href="javascript:agregar()">Agregar a Favoritos</a>')
</script>
</body>
</html>

A pesar de ese pequeño código, se puede simplificar poniéndolo únicamente en el Tag del Body: <a href="javascript:window.external.AddFavorite('http ://www.tu_sitio.com', 'Tu Sitio Web')">Agregar a Favoritos</a> .
¿Cuál es la diferencia? Pues el que os puse al principio, es para evitarnos cualquier posible error con Navegadores distintos al Internet Explorer. Es el que os recomiendo poner.
avatar
univalle-group.net
Raúl A. Alzate
Raúl A. Alzate

Mensajes : 50
Puntos : 99
Ciudad / Localización : Buga Valle

Universidad / sede / Instituto : Universidad del Valle / Sede Buga

Profesión / Estudio / Área : Tegnología en Sistemas

Ver perfil de usuario

Volver arriba Ir abajo

Re: FAQs JavaScript

Mensaje por univalle-group.net el Lun Feb 15, 2010 1:46 pm

18.- Barra de Estado
P: ¿Cómo puedo poner un mensaje en la Barra de Estado al pasar sobre un enlace?

R:

Código:
<a href="indice.htm" onmouseover="status='Ir al Índice'; return true" onmouseout="status=''">Home</a>

Éste es uno de los más facilitos
avatar
univalle-group.net
Raúl A. Alzate
Raúl A. Alzate

Mensajes : 50
Puntos : 99
Ciudad / Localización : Buga Valle

Universidad / sede / Instituto : Universidad del Valle / Sede Buga

Profesión / Estudio / Área : Tegnología en Sistemas

Ver perfil de usuario

Volver arriba Ir abajo

Re: FAQs JavaScript

Mensaje por univalle-group.net el Lun Feb 15, 2010 1:46 pm

19.- Alerta de Confrimación
P: ¿Se puede crear una alerta con opciones de Ok y Cancelar?

R:

Código:
<html>
<head>
<script language="Javascript">
function preguntar(){
confirmar=confirm("¿Eres mayor de edad?");
if (confirmar)
//Aquí pones lo que quieras si da a Aceptar
alert('Diste a Aceptar')
else
//Aquí pones lo que quieras Cancelar
alert('Diste a Cancelar')
}
</script>
</head>
<body>
<a href="java script:preguntar()">Cuidao que muerdo</a>
</body>
</html>
avatar
univalle-group.net
Raúl A. Alzate
Raúl A. Alzate

Mensajes : 50
Puntos : 99
Ciudad / Localización : Buga Valle

Universidad / sede / Instituto : Universidad del Valle / Sede Buga

Profesión / Estudio / Área : Tegnología en Sistemas

Ver perfil de usuario

Volver arriba Ir abajo

Re: FAQs JavaScript

Mensaje por univalle-group.net el Lun Feb 15, 2010 1:48 pm

20.- Validar un rango de fechas
P: ¿Como puedo validar un rango de fechas para que ambos valores sean no vacíos, válidos, y la fecha hasta sea mayor o igual que la fecha desde?

R: [Tienes que estar registrado y conectado para ver este vínculo]


Código:
<html>
 <head>
  <script language="JavaScript">

  function esDigito(sChr){
    var sCod = sChr.charCodeAt(0);
    return ((sCod > 47) && (sCod < 58));
  }

  function valSep(oTxt){
    var bOk = false;
    bOk = bOk || ((oTxt.value.charAt(2) == "-") && (oTxt.value.charAt(5) == "-"));
    bOk = bOk || ((oTxt.value.charAt(2) == "/") && (oTxt.value.charAt(5) == "/"));
    return bOk;
  }

  function finMes(oTxt){
    var nMes = parseInt(oTxt.value.substr(3, 2), 10);
    var nAno = parseInt(oTxt.value.substr(6), 10);
    var nRes = 0;
    switch (nMes){
    case 1: nRes = 31; break;
    case 2: nRes = 28; break;
    case 3: nRes = 31; break;
    case 4: nRes = 30; break;
    case 5: nRes = 31; break;
    case 6: nRes = 30; break;
    case 7: nRes = 31; break;
    case 8: nRes = 31; break;
    case 9: nRes = 30; break;
    case 10: nRes = 31; break;
    case 11: nRes = 30; break;
    case 12: nRes = 31; break;
    }
    return nRes + (((nMes == 2) && (nAno % 4) == 0)? 1: 0);
  }

  function valDia(oTxt){
    var bOk = false;
    var nDia = parseInt(oTxt.value.substr(0, 2), 10);
    bOk = bOk || ((nDia >= 1) && (nDia <= finMes(oTxt)));
    return bOk;
  }

  function valMes(oTxt){
    var bOk = false;
    var nMes = parseInt(oTxt.value.substr(3, 2), 10);
    bOk = bOk || ((nMes >= 1) && (nMes <= 12));
    return bOk;
  }

  function valAno(oTxt){
    var bOk = true;
    var nAno = oTxt.value.substr(6);
    bOk = bOk && ((nAno.length == 2) || (nAno.length == 4));
    if (bOk){
    for (var i = 0; i < nAno.length; i++){
      bOk = bOk && esDigito(nAno.charAt(i));
    }
    }
    return bOk;
  }

  function valFecha(oTxt){
    var bOk = true;
    if (oTxt.value != ""){
    bOk = bOk && (valAno(oTxt));
    bOk = bOk && (valMes(oTxt));
    bOk = bOk && (valDia(oTxt));
    bOk = bOk && (valSep(oTxt));
    return bOk;
    }
  }

  function fechaMayorOIgualQue(fec0, fec1){
    var bRes = false;
    var sDia0 = fec0.value.substr(0, 2);
    var sMes0 = fec0.value.substr(3, 2);
    var sAno0 = fec0.value.substr(6, 4);
    var sDia1 = fec1.value.substr(0, 2);
    var sMes1 = fec1.value.substr(3, 2);
    var sAno1 = fec1.value.substr(6, 4);
    if (sAno0 > sAno1) bRes = true;
    else {
    if (sAno0 == sAno1){
      if (sMes0 > sMes1) bRes = true;
      else {
      if (sMes0 == sMes1)
        if (sDia0 >= sDia1) bRes = true;
      }
    }
    }
    return bRes;
  }

  function valFechas(){
    var bOk = false;
    if (valFecha(document.f1.fec0)){
    if (valFecha(document.f1.fec1)){
      if (fechaMayorOIgualQue(document.f1.fec1, document.f1.fec0)){
      bOk = true;
      alert("Ok");
      } else {
      alert("Rango inválido");
      document.f1.fec1.focus();
      }
    } else {
      alert("Fecha inválida");
      document.f1.fec1.focus();
    }
    } else {
    alert("Fecha inválida");
    document.f1.fec0.focus();
    }
  }

  </script>
 </head>
 <body>
  <form name="f1">
  <table>
    <tr>
    <td align="right">
      Fecha inicial (dd/mm/aaaa):
    </td>
    <td>
      <input type="text" size="10" name="fec0">
    </td>
    </tr>
    <tr>
    <td align="right">
      Fecha final (dd/mm/aaaa):
    </td>
    <td>
      <input type="text" size="10" name="fec1">
    </td>
    </tr>
    <tr>
    <td colspan="2" align="center">
      <input type="button" name="val" value="Validar" onclick="valFechas()">
    </td>
    </tr>
  </table>
  </form>
 </body>
</html>
avatar
univalle-group.net
Raúl A. Alzate
Raúl A. Alzate

Mensajes : 50
Puntos : 99
Ciudad / Localización : Buga Valle

Universidad / sede / Instituto : Universidad del Valle / Sede Buga

Profesión / Estudio / Área : Tegnología en Sistemas

Ver perfil de usuario

Volver arriba Ir abajo

Re: FAQs JavaScript

Mensaje por univalle-group.net el Lun Feb 15, 2010 1:51 pm

21.- CheckBox
P: ¿Como puedo comprobar si un checkbox está seleccionado?

R: [Tienes que estar registrado y conectado para ver este vínculo]

Código:

<html>
 <head>
  <script language="JavaScript">
  function estado(){
    if (document.frm.chk.checked)
    alert("Marcado");
    else
    alert("Desmarcado");
  }
  </script>
 </head>
 <body>
  <form name="frm" onClick="estado()">
  <input type="checkbox" name="chk">Selector<br>
  </form>
 </body>
</html>
avatar
univalle-group.net
Raúl A. Alzate
Raúl A. Alzate

Mensajes : 50
Puntos : 99
Ciudad / Localización : Buga Valle

Universidad / sede / Instituto : Universidad del Valle / Sede Buga

Profesión / Estudio / Área : Tegnología en Sistemas

Ver perfil de usuario

Volver arriba Ir abajo

Re: FAQs JavaScript

Mensaje por univalle-group.net el Lun Feb 15, 2010 1:52 pm

22.- Resolución de pantalla
P: ¿Como puedo redireccionar mi página a otras dependiendo de la resolución del browser del cliente?

R:

Código:
<html>
 <head>
  <script language="JavaScript">
  function redireccionar() {
    var url640x480 = "http://www.tu-sitio.com/640x480";
    var url800x600 = "http://www.tu-sitio.com/800x600";
    var url1024x768 = "http://www.tu-sitio.com/1024x768";
    var nWdt = screen.width;
    var nHgh = screen.height;
    if ((nWdt == 640) && (nHgh == 480)) window.location.href= url640x480;
    else if ((((nWdt == 800) && (nHgh == 600)) window.location.href= url800x600;
    else if ((nWdt == 1024) && (nHgh == 768)) window.location.href= url1024x768;
    else window.location.href= url640x480;
  }
  </script>
 </head>
 <body onLoad="redireccionar()">
 </body>
</html> 
avatar
univalle-group.net
Raúl A. Alzate
Raúl A. Alzate

Mensajes : 50
Puntos : 99
Ciudad / Localización : Buga Valle

Universidad / sede / Instituto : Universidad del Valle / Sede Buga

Profesión / Estudio / Área : Tegnología en Sistemas

Ver perfil de usuario

Volver arriba Ir abajo

Re: FAQs JavaScript

Mensaje por univalle-group.net el Lun Feb 15, 2010 1:53 pm

23.- Pantalla "FullScreen"
P: ¿Como puedo hacer una página "fullscreen"?

R: [Tienes que estar registrado y conectado para ver este vínculo]

Nota: donde dice "java script" debería decir "JavaScript"

Código:
<html>
 <head>
  <script language="JavaScript">

  function fullFullScr(){
    var vent = null;
    vent = window.open('','vVent','fullscreen=yes')
    llenaVentana(vent);
    // Para direccionar a una página específica, elimine la linea anterior
    // y utilice la siguiente:
    // vent.location = "miPagina.htm";
  }

  function llenaVentana(vent){
    with (vent.document){
    open();
    write("<html><head></head><body>")
    write("(Solo funciona sobre IE v.4 o superior)<br>")
    write("Recuerde colocar un botón para carrar<br><br>")
    write("<input type='button' value='Cerrar' onclick='JavaScript:window.close()'>")
    write("</html>")
    close();
    }
  }

  </script>
 </head>
 <body>
  <input type="button" value="Abrir FullScreen" onclick="fullFullScr()">
 </body>
</html> 
avatar
univalle-group.net
Raúl A. Alzate
Raúl A. Alzate

Mensajes : 50
Puntos : 99
Ciudad / Localización : Buga Valle

Universidad / sede / Instituto : Universidad del Valle / Sede Buga

Profesión / Estudio / Área : Tegnología en Sistemas

Ver perfil de usuario

Volver arriba Ir abajo

Re: FAQs JavaScript

Mensaje por univalle-group.net el Lun Feb 15, 2010 1:57 pm

24.- (TEORIA) Uso de un archivo .js
P: ¿Como puedo meter mi codigo en un .js?

R:

Veamos como colocar una función dentro de un .js a través de un ejemplo:

Supongamos que tenemos la siguiente página y que deseamos aislar la función

cerrar() dentro de un archivo llamado librerias.js.

Página original

Código:
<html>
 <head>
  <script language="JavaScript">
  function cerrar(){
    window.close();
  }
  </script>
 </head>
 <body>
  <input type="button" value="Abrir FullScreen" onclick="cerrar()">
 </body>
</html>

Lo primero que debemos hacer es "aislar" el código JavaScript contenido
entre las etiquetas <script> y </script> de la siguiente manera:

librerias.js

Código:
// Nótese que no se debe colocar ningún tag HTML. Ni siquiera <script>.
function cerrar(){
 window.close();

La página transformada quedaría de la siguiente manera:

Página transformada

Código:
<html>
 <head>
  <script language="JavaScript" src="librerias.js">
  </script>
 </head>
 <body>
  <input type="button" value="Abrir FullScreen" onclick="cerrar()">
 </body>
</html>

Colocar el código de esta manera tiene las siguientes ventajas:
- Da mayor claridad a la página.
- Ayuda a reutilizar el código.
- Dificulta (no imposibilita) la lectura del código por terceros.

Notas:
- Se pueden incluir tantos archivos .js como se necesiten.
- La inclusión puede estar tanto en el <head> como en el <body>.
avatar
univalle-group.net
Raúl A. Alzate
Raúl A. Alzate

Mensajes : 50
Puntos : 99
Ciudad / Localización : Buga Valle

Universidad / sede / Instituto : Universidad del Valle / Sede Buga

Profesión / Estudio / Área : Tegnología en Sistemas

Ver perfil de usuario

Volver arriba Ir abajo

Re: FAQs JavaScript

Mensaje por univalle-group.net el Lun Feb 15, 2010 1:58 pm

25.- Validación de radio buttons
P: Como comprobar si todos los radios buttons de un formulario han sido respondidos

R:
Código:

var el = document.(tu formulario).elements;
for (var i = 0 ; i < el.length ; ++i) {
    if (el[i].type == "radio") {
        var radiogroup = el[el[i].name];
        var itemchecked = false;
        for (var j = 0 ; j < radiogroup.length ; ++j) {
            if (radiogroup[j].checked) {
            itemchecked = true;
            break;
            }
        }
        if (!itemchecked) {
            i=0;
            break;
        }
    }
}
if (i>0) {
    return true;
} else {
    alert("No ha respondido todas las preguntas");
    return false;
avatar
univalle-group.net
Raúl A. Alzate
Raúl A. Alzate

Mensajes : 50
Puntos : 99
Ciudad / Localización : Buga Valle

Universidad / sede / Instituto : Universidad del Valle / Sede Buga

Profesión / Estudio / Área : Tegnología en Sistemas

Ver perfil de usuario

Volver arriba Ir abajo

Re: FAQs JavaScript

Mensaje por univalle-group.net el Lun Feb 15, 2010 2:01 pm

26.- Habilitar un texto según un radiobutton
P: ¿Como puedo habilitar o deshabilitar un campo de texto según la opción seleccionada en un radiobutton?

R: [Tienes que estar registrado y conectado para ver este vínculo]

Código:
<html>
 <head>
  <script language="JavaScript">

  function habilita(){
    document.frm.txt.disabled = false;
  }

  function deshabilita(){
    document.frm.txt.disabled = true;
    document.frm.txt.value = "";
  }

  </script>
 </head>
 <body>
  <form name='frm'>
  <b>Sexo:</b><br>
  <input type="radio" name="rad" value="M" onclick="deshabilita()">
  Masculino<br>
  <input type="radio" name="rad" value="F" onclick="deshabilita()">
  Femenino<br>
  <input type="radio" name="rad" value="O" onclick="habilita()">
  Otro  (Indique cual:
  <input type='text' name='txt' disabled>)
  </form>
 </body>
</html>
avatar
univalle-group.net
Raúl A. Alzate
Raúl A. Alzate

Mensajes : 50
Puntos : 99
Ciudad / Localización : Buga Valle

Universidad / sede / Instituto : Universidad del Valle / Sede Buga

Profesión / Estudio / Área : Tegnología en Sistemas

Ver perfil de usuario

Volver arriba Ir abajo

Re: FAQs JavaScript

Mensaje por Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Página 1 de 2. 1, 2  Siguiente

Ver el tema anterior Ver el tema siguiente Volver arriba


 
Permisos de este foro:
No puedes responder a temas en este foro.