Retroceder   Foros del Web > Programación para sitios web > Javascript

Respuesta
 
Herramientas Desplegado
Antiguo 01-dic-2002, 15:24   #1 (permalink)
Colaborador
Kaopectate ha deshabilitado el karma
 
Fecha de Ingreso: noviembre-2002
Ubicación: Curaçao (Antillas Holandesas)
Mensajes: 3.126
FAQs JavaScript

Cita:
Importante! Este tema es sólo para agregar respuestas concretas a preguntas frecuentes.
Este tema no es para realizar preguntas. Si tienes una pregunta respecto a alguna FAQ de este tema, por favor, plantéala en un nuevo tema indicando el número de FAQ sobre la cual quieres realizar la consulta.

Los mensajes insertados que sean para realizar una pregunta algo dentro de este tema serán eliminados sin aviso al autor

Las FAQ añadidas que no tengan que ver con javascript también serán eliminadas sin aviso al autor
¿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: Kaopectate





Un resumen de todos los temas publicados lo puedes encontrar en nuestro Indice Temático.

Normas de uso:
- El código correspondiente a la respuesta debe estar escrito dentro del mismo mensaje.

Última edición por tunait; 22-oct-2004 a las 13:12.
Kaopectate está desconectado   Responder Citando
Antiguo 01-dic-2002, 15:28   #2 (permalink)
Colaborador
Kaopectate ha deshabilitado el karma
 
Fecha de Ingreso: noviembre-2002
Ubicación: Curaçao (Antillas Holandesas)
Mensajes: 3.126
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: [ver ejemplo]

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

   function 
addOpt(oCntrliPossTxtsVal){
     var 
selOpcion=new Option(sTxtsVal);
     eval(
oCntrl.options[iPos]=selOpcion);
   }

   function 
cambia(oCntrl){
    while (
oCntrl.lengthoCntrl.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 Kaopectate; 25-jul-2003 a las 14:02.
Kaopectate está desconectado   Responder Citando
Antiguo 01-dic-2002, 15:29   #3 (permalink)
Colaborador
Kaopectate ha deshabilitado el karma
 
Fecha de Ingreso: noviembre-2002
Ubicación: Curaçao (Antillas Holandesas)
Mensajes: 3.126
2.- Radio buttons

P: ¿Como puedo conocer el valor del radiobutton seleccionado?

R: [ver ejemplo]

Código PHP:
<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 Kaopectate; 23-dic-2002 a las 21:37.
Kaopectate está desconectado   Responder Citando
Antiguo 01-dic-2002, 15:30   #4 (permalink)
Colaborador
Kaopectate ha deshabilitado el karma
 
Fecha de Ingreso: noviembre-2002
Ubicación: Curaçao (Antillas Holandesas)
Mensajes: 3.126
3.- Deshabilitar

P: ¿Como puedo deshabilitar un elemento a partir del valor de otro?

R: [ver ejemplo]

Código PHP:
<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 Kaopectate; 02-oct-2003 a las 14:38.
Kaopectate está desconectado   Responder Citando
Antiguo 01-dic-2002, 15:31   #5 (permalink)
Colaborador
Kaopectate ha deshabilitado el karma
 
Fecha de Ingreso: noviembre-2002
Ubicación: Curaçao (Antillas Holandesas)
Mensajes: 3.126
4.- Botón derecho

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

R: [ver ejemplo]

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 PHP:
<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 == || 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 dirección.

Última edición por Kaopectate; 24-ene-2003 a las 14:14.
Kaopectate está desconectado   Responder Citando
Antiguo 01-dic-2002, 15:33   #6 (permalink)
Colaborador
Kaopectate ha deshabilitado el karma
 
Fecha de Ingreso: noviembre-2002
Ubicación: Curaçao (Antillas Holandesas)
Mensajes: 3.126
5.- Pase de parámetros

P: ¿Como puedo pasar parámetros entre dos páginas usando JavaScript?

R: [ver ejemplo]

Programa principal (principal.htm)
Código PHP:
<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 PHP:
<html>
 <
head>
  <
script languaje="JavaScript">

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

   
function valParam(urlprmName){ 
    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 1sepPos);
     } else {
      return 
url.substring(prmPosic prmUpper.length 1url.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> 

Última edición por Kaopectate; 23-dic-2002 a las 21:40.
Kaopectate está desconectado   Responder Citando
Antiguo 01-dic-2002, 15:35   #7 (permalink)
Colaborador
Kaopectate ha deshabilitado el karma
 
Fecha de Ingreso: noviembre-2002
Ubicación: Curaçao (Antillas Holandesas)
Mensajes: 3.126
6.- Ventana maximizada

P: ¿Como puedo abrir una ventana maximizada?

R: [ver ejemplo]

Código PHP:
<html>
 <
head>
  <
script language="JavaScript">
   function 
amplia(){
    
resizeTo(screen.widthscreen.height)
    
moveTo(00);
   }
  
</script>
 </head>
 <body onload="amplia()">
  <h1>
   Tamaño máximo
  </h1>
 </body>
</html> 

Última edición por Kaopectate; 23-dic-2002 a las 21:41.
Kaopectate está desconectado   Responder Citando
Antiguo 01-dic-2002, 15:35   #8 (permalink)
Colaborador
Kaopectate ha deshabilitado el karma
 
Fecha de Ingreso: noviembre-2002
Ubicación: Curaçao (Antillas Holandesas)
Mensajes: 3.126
7.- PopUps

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

R: [ver ejemplo]

Código PHP:
<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> 

Última edición por Kaopectate; 23-dic-2002 a las 21:41.
Kaopectate está desconectado   Responder Citando
Antiguo 01-dic-2002, 16:14   #9 (permalink)
Cain ha deshabilitado el karma
 
Avatar de Cain
 
Fecha de Ingreso: noviembre-2002
Ubicación: Catalunya
Mensajes: 6.495
Enviar un mensaje por AIM a Cain Enviar un mensaje por Yahoo  a Cain
8.- Proteger imágenes

P: ¿Cómo puedo proteger las imagenes de mi web para que nadie las pueda guardad?

R:

No se puede.

Puedes usar muchos trucos para que parezca más difícil guardarse las imágenes (deshabilitar el botón derecho, esconder menús, imposibilitar "Ver código fuente"...) pero NUNCA lograrás idear un sistema que impida que cualquier usuario pueda "robar" tus imágenes si se lo propone.

No es necesario ser ningún genio para saltarse cualquier protección de Javascript, basta con usar un navegador con Javascript deshabilitado.
__________________
Josep Tarrés,
web: http://www.traduim.com/
blog: http://www.traduim.com/blog/
Cain está desconectado   Responder Citando
Antiguo 01-dic-2002, 16:17   #10 (permalink)
chivi está en el buen camino
 
Fecha de Ingreso: noviembre-2002
Ubicación: Madrid
Mensajes: 890
9.- Cambiar el color de una celda

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

R:
Código PHP:
<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.

Última edición por chivi; 01-dic-2002 a las 16:24.
chivi está desconectado   Responder Citando
Antiguo 01-dic-2002, 16:57   #11 (permalink)
chivi está en el buen camino
 
Fecha de Ingreso: noviembre-2002
Ubicación: Madrid
Mensajes: 890
11.- Fecha y Hora

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

R:
Código PHP:
<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 InicioScript, 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> 

Última edición por chivi; 11-may-2006 a las 00:12.
chivi está desconectado   Responder Citando
Antiguo 01-dic-2002, 17:10   #12 (permalink)
Colaborador
Kaopectate ha deshabilitado el karma
 
Fecha de Ingreso: noviembre-2002
Ubicación: Curaçao (Antillas Holandesas)
Mensajes: 3.126
12.- Control de caracteres

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

R: [ver ejemplo]

Código PHP:
<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> 

Última edición por Kaopectate; 23-dic-2002 a las 21:42.
Kaopectate está desconectado   Responder Citando
Antiguo 01-dic-2002, 17:12   #13 (permalink)
Colaborador
Kaopectate ha deshabilitado el karma
 
Fecha de Ingreso: noviembre-2002
Ubicación: Curaçao (Antillas Holandesas)
Mensajes: 3.126
13.- Validación de fechas

P: ¿Como puedo validar una o mas fechas escritas en elementos TEXT?

R: [ver ejemplo]

Código PHP:
<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 ==