Foros del Web
Página 3 de 14 12 3 45678913 Último »
Mostrar 50 mensajes desde este tema en una página

Foros del Web (http://www.forosdelweb.com/)
-   Javascript (http://www.forosdelweb.com/f13/)
-   -   FAQs JavaScript (http://www.forosdelweb.com/f13/faqs-javascript-105325/)

Carlitos 07/12/2002 14:31
41.- Enlaces [Ejemplo]

P.- ¿Cómo quitar el marco de los enlaces?

R.- Añadiendo onFocus="this.blur()"

Código:
<A href="http://www.pagina.com" onFocus="this.blur()">Enlace</a>

Carlitos 07/12/2002 14:34
42.- Navegación
 
P.-¿Como redireccionar a una página?

R.- Entre el <HEAD> y el </HEAD> de tu página debes poner lo siguiente:

Código:
<META HTTP-EQUIV="Refresh" CONTENT="@;URL=http://www.tusitioweb.com">
Donde @ es el tiempo que esperará a redireccionarse, puedes poner 0 para que rápido se redireccione.

Carlitos 07/12/2002 14:37
43.- Frames
 
P.-¿Cómo evitar que tu página se cargue en un frame externo?

R.- Poniendo esto en el <head> de tu página.

Código:
<script>
if (parent.frames.length > 0)  parent.location.href = self.document.location
</script>

Carlitos 07/12/2002 14:46
44.- Frames
 
P.- ¿Como cargar el frame principal si acceden directamente a una de mis páginas secundarias?

R.- Poniendo esto en el <head> de tus páginas secundarias.

Código:
<script>
if(top==self) top.location="index.htm"
</script>
Donde index.htm, es el nombre de tu página principal.

Kaopectate 08/12/2002 18:30
45.- Formato de números enteros
 
P: ¿Como puedo presentar un número entero usando separadores de miles?

R: [ver ejemplo]
Código PHP:
<html>
 <head>
  <script language="JavaScript">
   function formatNmb(nNmb){
    var sRes = "";
    for (var j, i = nNmb.length - 1, j = 0; i >= 0; i--, j++)
     sRes = nNmb.charAt(i) + ((j > 0) && (j % 3 == 0)? ".": "") + sRes;
    return sRes;
   }
  </script>
 </head>
 <body>
  <table border="1">
   <script language="JavaScript">
    document.writeln("<tr><td>" +      13528 + "</td><td>" + formatNmb(     "13528") + "</td></tr>");
    document.writeln("<tr><td>" +        412 + "</td><td>" + formatNmb(       "412") + "</td></tr>");
    document.writeln("<tr><td>" +    1378528 + "</td><td>" + formatNmb(   "1378528") + "</td></tr>");
    document.writeln("<tr><td>" +     213528 + "</td><td>" + formatNmb(    "213528") + "</td></tr>");
    document.writeln("<tr><td>" + 1234567890 + "</td><td>" + formatNmb("1234567890") + "</td></tr>");
   </script>
  </table>
 </body>
</html> 

Kaopectate 08/12/2002 18:31
46.- Entrada de datos númericos con formato
 
P: ¿Como puedo presentar un número con formato de separador de decimales y de miles a medida que va siendo transcrito en un campo de texto?

Créditos: Este script me llegó en una pregunta ya desaparecida. Si alguien tiene información del autor, por favor hágamelo saber para colocar los créditos correspondientes.

R: [ver ejemplo]
Código PHP:
<html>
 <head>
  <script language="JavaScript">
   function currencyFormat(fld, milSep, decSep, e) {
    var sep = 0;
    var key = '';
    var i = j = 0;
    var len = len2 = 0;
    var strCheck = '0123456789';
    var aux = aux2 = '';
    var whichCode = (window.Event) ? e.which : e.keyCode;
    if (whichCode == 13) return true; // Enter
    key = String.fromCharCode(whichCode); // Get key value from key code
    if (strCheck.indexOf(key) == -1) return false; // Not a valid key
    len = fld.value.length;
    for(i = 0; i < len; i++)
     if ((fld.value.charAt(i) != '0') && (fld.value.charAt(i) != decSep)) break;
    aux = '';
    for(; i < len; i++)
     if (strCheck.indexOf(fld.value.charAt(i))!=-1) aux += fld.value.charAt(i);
    aux += key;
    len = aux.length;
    if (len == 0) fld.value = '';
    if (len == 1) fld.value = '0'+ decSep + '0' + aux;
    if (len == 2) fld.value = '0'+ decSep + aux;
    if (len > 2) {
     aux2 = '';
     for (j = 0, i = len - 3; i >= 0; i--) {
      if (j == 3) {
       aux2 += milSep;
       j = 0;
      }
      aux2 += aux.charAt(i);
      j++;
     }
     fld.value = '';
     len2 = aux2.length;
     for (i = len2 - 1; i >= 0; i--)
      fld.value += aux2.charAt(i);
     fld.value += decSep + aux.substr(len - 2, len);
    }
    return false;
   }
  </script>
 </head>
 <body>
  <form>
   Tipee un número: 
   <input type="text" name="test" length="15" onKeyPress="return(currencyFormat(this,',','.',event))">
  </form>
 </body>
</html> 

Kaopectate 08/12/2002 18:32
47.- Validación del formato de una dirección de correo
 
P: ¿Como puedo validar que una dirección de correo sea consistente?

R: [ver ejemplo]
Código PHP:
<html>
 <head>
  <script language="JavaScript">
   function Validar(form){
    var pos1, pos2, bOk = true;
    var sDir = document.frm.dir.value;
    if (sDir == ""){
     alert("Por favor ingrese su dirección de correo");
     document.frm.dir.focus();
     return false;
    }
    pos1 = sDir.indexOf('@', 0);
    pos2 = sDir.indexOf('.', 0);
    bOk = bOk && (pos1 > 0);
    bOk = bOk && (pos2 != -1);
    bOk = bOk && (pos1 < pos2 - 1);
    bOk = bOk && (pos2 < sDir.length - 1);
    if (!bOk){
     alert("Dirección de correo inválida");
     document.frm.dir.focus();
     return false;
    }
   }
  </script>
 </head>
 <body>
  <form name="frm" method="post" action="" onSubmit="return Validar(this);">
   Dirección de correo:
   <input type="text" name="dir">
   <input type="submit">
  </form>
 </body>
</html> 

Kaopectate 08/12/2002 21:12
48.- History
 
P: ¿Como se puede manipular mediante JavaScript los botones "Atrás", "Adelante" y "Recargar" del navegador?

R: [ver ejemplo]

NOTA: Debe reemplazar las palabras "java script" por "JavaScript".

Código PHP:
<html>
 <head>
 </head>
 <body>
  <b>Manipular una páginia individual o frame actual</b><br>
  <a href="javascript:history.reload()">Recargar esta página o frame</a><br>
  <a href="javascript:history.back()">Ir a página (o frame) anterior</a><br>
  <a href="javascript:history.forward()">Ir a página (o frame) siguiente</a><br><br>
  <b>Manipular un frame vecino</b><br>
  <a href="javascript:parent.frames[2].history.reload()">Recargar un frame vecino</a><br>
  <a href="javascript:parent.frames[2].history.back()">Ir a frame vecino anterior</a><br>
  <a href="javascript:parent.frames[2].history.forward()">Ir a frame vecino siguiente</a><br><br>
  <b>Manipular un frame vecino usando su nombre</b><br>
  <a href="javascript:parent.nombreDelFrame.history.reload()">Recargar un frame vecino (por nombre)</a><br>
  <a href="javascript:parent.nombreDelFrame.history.back()">Ir a frame vecino anterior (por nombre)</a><br>
  <a href="javascript:parent.nombreDelFrame.history.forward()">Ir a frame vecino siguiente (por nombre)</a><br><br>
 </body>
</html> 

Kaopectate 08/12/2002 21:12
49.- Contar palabras
 
P: ¿Como puedo contar el número de palabras dentro de un textarea?

R: [ver ejemplo]

Código PHP:
<html>
 <head>
  <script language="JavaScript">
   function calcula(){
    var sTxt = document.frm.txt.value;
    var sTx2 = "";
    var sSep = document.frm.sep.value;
    var iRes = 0;
    var bPalabra = false;
    for (var j = 0; j < sTxt.length; j++){
     if (sSep.indexOf(sTxt.charAt(j)) != -1){
      if (bPalabra) sTx2 += " ";
      bPalabra = false;
     } else {
      bPalabra = true;
      sTx2 += sTxt.charAt(j);
     }
    }
    if (sTx2.charAt(sTx2.length - 1) != " ") sTx2 += " ";
    for (var j = 0; j < sTx2.length; j++)
     if (sTx2.charAt(j) == " ") iRes++;
    if (sTx2.length == 1) iRes = 0;
    alert("Número de palabras: " + String(iRes));
   }
  </script>
 </head>
 <body>
  <form name="frm">
   Texto:<br>
   <textarea name="txt" rows="5" cols="80"></textarea><br><br>
   Separadores:
   <input type="text" name="sep" value=" ,.;:"><br><br>
   <input type="button" name="btn" value="Calcular" onclick="calcula()">
  </form>
 </body>
</html> 

Kaopectate 08/12/2002 21:13
50.- Ventana explosiva
 
P: ¿Como puedo hacer que una ventana se abra simulando un efecto de explosión?

R: [ver ejemplo]

Créditos: Carlitos

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

   var ancho = 100
   var alto = 100
   var fin = 300
   var x = 100
   var y = 100

   function inicio(){
    ventana = window.open("hola.htm", "_blank", "resizable,height=1,width=1,top=x,left=y,screenX=x,screenY=y");
    abre();
   }

   function abre(){
    if (ancho <= fin) {
     ventana.moveTo(x, y);
     ventana.resizeTo(ancho, alto);
     x += 5;
     y += 5;
     ancho += 15;
     alto += 15;
     timer = setTimeout("abre()", 1);
    } else {
     clearTimeout(timer);
    }
   }

  </script>
  <form>
   <input type="button" value="Abrir Ventana" onClick="inicio()"></p>
  </form>
 </body>
</html> 

Kaopectate 08/12/2002 21:14
51.- Frase diaria
 
P: ¿Como puedo colocar en mi página una frase distinta cada día de la semana?

R: [ver ejemplo]

Código PHP:
<html>
 <head>
  <script language="JavaScript">
   function frase(){
    var aFrases = new Array("Texto del Domingo", 
                            "Texto del Lunes", 
                            "Texto del Martes", 
                            "Texto del Miércoles", 
                            "Texto del Jueves", 
                            "Texto del Viernes", 
                            "Texto del Sábado");
    var fecha = new Date();
    var indice = fecha.getDay();
    return aFrases[indice];
   }
  </script>
 </head>
 <body>
  <form name="frm">
   <h1>
    <script language="JavaScript">
     document.write(frase());
    </script>
   </h1>
  </form>
 </body>
</html> 

Ruchu 09/12/2002 08:47
52. Un efecto chachi para texto y no muy complicado
 
un efecto chachi para texto y no muy complicado, no lo he hecho yo, lo copie de no se donde.
Código PHP:
<script>
var TimerID;
var updown = true;
var str = 1;
function start()
{
if (document.all)
TimerID = window.setInterval( "wave()", 100 );
}
function wave()
{
if ( str > 10 || str < 1 )
updown = !updown;
if ( updown )
str++;
else
str--;
wft.filters( "wave" ).phase = str * 20;
wft.filters( "wave" ).strength = str;
}
window.onload=start
</script>

<div id = "wft" style = "font-family:Arial;font-size:10pt;width:60px; filter:wave(add=0, freq=7, light=0, phase=0, strength=5)" class = "big"><b>Ruchu</b></div> 

KarlanKas 09/12/2002 15:12
53.Banners Aleatorios (GIF y SWF)
 
P: ¿Cómo puedo hacer para que cada vez que se abra una página muestre un banner aleatorio, ya sea un archivo swf o un archivo gif?
R: Este código sirve también para cualquier archivo de imagen.

Código PHP:
<html>
<head>
    <title>Selección de Banners Aleatorios</title>
</head>

<body>
<SCRIPT LANGUAGE="JavaScript"> 
// Realizado por: Fabian Muller modificado por KarlanKas para forosdelweb.com 
// WebExperto.com - Ayuda al webmaster en español 
// Comienzo 

width="468"; //Anchura del banner
height="60"; //Altura del banner

banners= new Array();
banners[0]="banner1.gif";
banners[1]="banner2.gif";
banners[2]="banner3.swf";
banners[3]="banner4.gif";
banners[4]="banner5.swf";

totalbanners = banners.length;
var ahora = new Date()
var segundos = ahora.getSeconds()
var ad = segundos % totalbanners;
seleccionado=banners[ad];
localizador=seleccionado.lastIndexOf('.');
localizador2=localizador+4
extension=seleccionado.substring(localizador+1,localizador2); 
archivo=seleccionado.substring(0,localizador);

document.write("<center>");
if (extension=="swf"){
flash=seleccionado;
document.write('<OBJECT CLASSID=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" width=' + width + ' height=' + height + ' CODEBASE=\"http://active.macromedia.com/flash4/cabs/swflash.cab#version=4,0,0,0\">');
document.write('<PARAM NAME=\"MOVIE\" VALUE=\"' + flash + '\">');
document.write('<PARAM NAME=\"PLAY\" VALUE=\"true\">');
document.write('<PARAM NAME=\"LOOP\" VALUE=\"true\">');
document.write('<PARAM NAME=\"QUALITY\" VALUE=\"high\">');
document.write('<EMBED SRC=' + flash + ' width=' + width + ' height=' + height + ' PLAY=\"true\" LOOP=\"true\" QUALITY=\"high\" PLUGINSPAGE=\"http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash\">');
document.write('</EMBED>');
document.write('</OBJECT>');}
else {document.write('<img src='+seleccionado+' width='+width+' height='+height+'>');
document.write('</center>');}
// Fin

</SCRIPT>

<!-- RESTO DE PÁGINA-->
</body>
</html> 
Espero que sirva!

CORE 09/12/2002 20:19
54 Detectar Plugins

P ¿Como detecto flash player?

R
Código PHP:
<script language="JavaScript">
<!--
function MM_checkPlugin(plgIn, theURL, altURL, autoGo) {
  var ok=false; document.MM_returnValue = false;
  with (navigator) if (appName.indexOf('Microsoft')==-1 || (plugins && plugins.length)) {
    ok=(plugins && plugins[plgIn]);
  } else if (appVersion.indexOf('3.1')==-1) {
    if (plgIn.indexOf("Flash")!=-1 && window.MM_flash!=null) ok=window.MM_flash;
    else if (plgIn.indexOf("Director")!=-1 && window.MM_dir!=null) ok=window.MM_dir;
    else ok=autoGo; }
  if (!ok) theURL=altURL; if (theURL) window.location=theURL;
}
//-->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000" onLoad="MM_checkPlugin('Shockwave Flash','index.html','http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash&amp;Lang=LatinAmerica&amp;P5_Language=Spanish',true);return document.MM_returnValue"> 


P¿Como detecto shockwave player?
R
Código PHP:
<script language="JavaScript">
<!--
function MM_checkPlugin(plgIn, theURL, altURL, autoGo) { //v4.0
  var ok=false; document.MM_returnValue = false;
  with (navigator) if (appName.indexOf('Microsoft')==-1 || (plugins && plugins.length)) {
    ok=(plugins && plugins[plgIn]);
  } else if (appVersion.indexOf('3.1')==-1) { //not Netscape or Win3.1
    if (plgIn.indexOf("Flash")!=-1 && window.MM_flash!=null) ok=window.MM_flash;
    else if (plgIn.indexOf("Director")!=-1 && window.MM_dir!=null) ok=window.MM_dir;
    else ok=autoGo; }
  if (!ok) theURL=altURL; if (theURL) window.location=theURL;
}
//-->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000" onLoad="MM_checkPlugin('Shockwave for Director','index.html','http://www.macromedia.com/shockwave/download/download.cgi?Lang=LatinAmerica&amp;P5_Language=Spanish',true);return document.MM_returnValue"> 
P ¿Como detecto live audio?

R
Código PHP:
<script language="JavaScript">
<!--
function MM_checkPlugin(plgIn, theURL, altURL, autoGo) { //v4.0
  var ok=false; document.MM_returnValue = false;
  with (navigator) if (appName.indexOf('Microsoft')==-1 || (plugins && plugins.length)) {
    ok=(plugins && plugins[plgIn]);
  } else if (appVersion.indexOf('3.1')==-1) { //not Netscape or Win3.1
    if (plgIn.indexOf("Flash")!=-1 && window.MM_flash!=null) ok=window.MM_flash;
    else if (plgIn.indexOf("Director")!=-1 && window.MM_dir!=null) ok=window.MM_dir;
    else ok=autoGo; }
  if (!ok) theURL=altURL; if (theURL) window.location=theURL;
}
//-->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000" onLoad="MM_checkPlugin('LiveAudio','index.html','http://www.live-audio.com/',true);return document.MM_returnValue"> 
P¿Como detecto Netscape Media Player?
R
Código PHP:
<script language="JavaScript">
<!--
function MM_checkPlugin(plgIn, theURL, altURL, autoGo) { //v4.0
  var ok=false; document.MM_returnValue = false;
  with (navigator) if (appName.indexOf('Microsoft')==-1 || (plugins && plugins.length)) {
    ok=(plugins && plugins[plgIn]);
  } else if (appVersion.indexOf('3.1')==-1) { //not Netscape or Win3.1
    if (plgIn.indexOf("Flash")!=-1 && window.MM_flash!=null) ok=window.MM_flash;
    else if (plgIn.indexOf("Director")!=-1 && window.MM_dir!=null) ok=window.MM_dir;
    else ok=autoGo; }
  if (!ok) theURL=altURL; if (theURL) window.location=theURL;
}
//-->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000" onLoad="MM_checkPlugin('Netscape Media Player','index.html','http://rc.lrs.lt:8080/n/media/nmplaydn.html',true);return document.MM_returnValue"> 
P¿Como detecto quick time?
R
Código PHP:
<script language="JavaScript">
<!--
function MM_checkPlugin(plgIn, theURL, altURL, autoGo) { //v4.0
  var ok=false; document.MM_returnValue = false;
  with (navigator) if (appName.indexOf('Microsoft')==-1 || (plugins && plugins.length)) {
    ok=(plugins && plugins[plgIn]);
  } else if (appVersion.indexOf('3.1')==-1) { //not Netscape or Win3.1
    if (plgIn.indexOf("Flash")!=-1 && window.MM_flash!=null) ok=window.MM_flash;
    else if (plgIn.indexOf("Director")!=-1 && window.MM_dir!=null) ok=window.MM_dir;
    else ok=autoGo; }
  if (!ok) theURL=altURL; if (theURL) window.location=theURL;
}
//-->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000" onLoad="MM_checkPlugin('QuickTime Plug-In','index.html','http://www.apple.com/quicktime/download/',true);return document.MM_returnValue"> 

tunait 10/12/2002 08:29
P. Cómo abrir una ventana pop-up al tamaño de una imagen?
 
R. Ver ejemplo

Código PHP:
<script language="javascript">

//script por Tunait
var ventana
var cont=0
var titulopordefecto = "Perico de los palotes" //texto por defecto a mostrar en la barra de título en caso de omitir el argumento titulo

function afoto(cual,titulo)
{
if(cont==1){ventana.close();ventana=null}
if(titulo==null){titulo=titulopordefecto}
ventana=window.open('','ventana','resizable=yes,scrollbars=no')
ventana.document.write('<html><head><title>' + titulo + '</title></head><body style="overflow:hidden" marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" scroll="no" onUnload="opener.cont=0"><img src="' + cual + '" onLoad="opener.redimensionar(this.width, this.height)">')
ventana.document.close()
cont++
}
function redimensionar(ancho,alto)
{
ventana.resizeTo(ancho+12,alto+28)
ventana.moveTo((screen.width-ancho)/2,(screen.height-alto)/2) //centra la ventana. Eliminar si no se quiere centrar el popup
}
</script> 
Y luego a cada enlace a cada imagen....

desde texto: <a href="#" onClick="afoto('nombredelaimagen.jpg','Mi titulo');return false">Imagen 1 </a>

desde una imagen: <a href="#" onClick="afoto('nombredelaimagen.jpg','Mi titulo');return false"><img src="imagen.jpg"></a>

Nota: Se puede omitir el segundo argumento (titulo) al llamar a la función. En ese caso la ventana tendrá el título por defecto guardada en la variable titulopordefecto

tunait 10/12/2002 08:49
pop-up ajustada a imagen versión 2
 
R. Es una variante que incluye la posibilidad de pasar a la imagen siguiente o a la anterior desde el mismo pop-up

Código PHP:
<script language="javascript">

//Ventana ajustada a foto por tunait

var ventana
//metemos en un array el listado de las imágenes que queramos utilizar en el orden que nos interese

afotos=new Array()
afotos[0]="tibidabo.jpg"
afotos[1]="gato.jpg"
afotos[2]="paloma.jpg"
afotos[3]="perico.jpg"

function afoto(cual)
{
if(ventana){ventana.close()}
buscar(cual)
ventana=window. open('','ventana','resize=yes,scrollbars=no,resizable=yes')
ventana.document.write('<body marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0"><img id="foto" alt="mi foto" src="' + cual + '" onLoad="opener.redimensionar(this.width, this.height)">')
ventana.document.write('<br><div align="center"><a href="#" onClick="if(opener.cont==0){opener.cont=opener.afotos.length-1}else{opener.cont--};document.getElementById(\'foto\').src =opener.afotos[opener.cont];return false">anterior</a>')
ventana.document.write('  |  <a href="#" onClick="if(opener.cont==opener.afotos.length-1){opener.cont=0}else{opener.cont++};document.getElementById(\'foto\').src =opener.afotos[opener.cont];return false">siguiente</a>')
}

var cont
function redimensionar(ancho, alto)
{
ventana.resizeTo(ancho,alto+50)
}
function buscar(que)
{
for(c=0;c<afotos.length;c++)
{
   if(afotos[c]==que)
   {
   cont= c;
   return cont
   break
  }
}

}
</script> 
... y luego llamamos a cada imagen a través de la función pasándole como argumento el nombre de la imagen:

<body bgcolor="#FFFFFF" text="#000000">
<div align="center"><b onClick="afoto('tibidabo.jpg')">Tibidabo</b> &nbsp;&nbsp;
<b onClick="afoto('gato.jpg')">Gato</b> &nbsp;&nbsp;<b onClick="afoto('paloma.jpg')">Paloma</b>
&nbsp;&nbsp;<b onClick="afoto('perico.jpg')">Perico</b> </div>
</body>

Carlitos 10/12/2002 12:02
57.- Mostrar/ocultar capas [Ejemplo]

P.- ¿Cómo puedo mostrar/ocultar capas pulsando sobre un enlace?

R.- Código de ejemplo. (Funciona en todos los navegadores, creo)

Código:
<html>
<head>
<script LANGUAGE="javascript">
var capa
function cambio(idCapa){
 if (document.layers) capa = eval("document." + idCapa);
 if (document.all) capa = eval(idCapa + ".style");
 if (document.getElementById) capa = eval('document.getElementById("' + idCapa + '").style');

 if ((capa.visibility == "hidden") || (capa.visibility == "hide")){
  capa.visibility = (document.layers) ? "show" : "visible" ;
 }else{
  capa.visibility = (document.layers) ? "hide" : "hidden" ;
 }
}
//-->
</script>
</head>
<body>
<div id="capa1" style='position:relative;'>
Esta es la capa 1
</div>
<div id="capa2" style='position:relative;'>
Esta es la capa 2
</div>
<a href="#" onclick="cambio('capa1')">Muestra/oculta la capa 1</a>
<br>
<a href="#" onclick="cambio('capa2')">Muestra/oculta la capa 2</a>
</body>

JavierB 10/12/2002 12:38
58.- Navegar con un menú desplegable (select)

P.- ¿Cómo puedo cambiar de página segun la opción elegida en un <select>?

R.- Con un código parecido a este:
Código PHP:
<select name="select" onChange="location.href=this.value">
  <option value="paginauno.html">Pagina 1</option>
  <option value="paginados.html">Pagina 1</option>
  <option value="paginatres.html">Pagina 1</option>
</select> 

Kaopectate 11/12/2002 08:19
59.- Trampa de texto
 
P: ¿Como puedo redireccionar lo escrito en un elemento HTML hacia otro elemento?

R: [ver ejemplo]

Código PHP:
<html>
 <head>
  <script language="JavaScript">
   function redirecciona(){
    if (oTrap.checked){
     oOutput.innerText += "[trap = " + event.keyCode + "]";
     event.returnValue = false;
    } else oOutput.innerText += String.fromCharCode(event.keyCode);
   }
  </script>
 </head>
 <body>
  <table border="0">
   <tr>
    <td>
     Texto:<input id="oExample" type="text" onkeydown="redirecciona()">
    </td>
    <td>
     <input type="checkbox" id="oTrap"> Modo debug
    </td>
   </tr>
   <tr>
    <td colspan="2">
     <textarea id="oOutput" rows="10" cols="50"></textarea>
    </td>
   </tr>
  </table>
 </body>
</html> 

Kaopectate 11/12/2002 11:52
60.- Filtro sobre un select
 
P: ¿Como puedo filtrar los elementos que conforman un select de acuerdo a lo tipeado en un área de texto?

R: [ver ejemplo]

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

   var i;

   function addOpt(oCntrl, sTxt, sVal, sCnd){
    if (sTxt.substr(0, sCnd.length).toUpperCase() == sCnd.toUpperCase()){
     var selOpcion=new Option(sTxt, sVal);
     eval(oCntrl.options[i++]=selOpcion);
    }
   }

   function cambia(oCntrl){
    var txtVal = document.frm.txt.value;
    while(oCntrl.length > 0) oCntrl.options[0]=null;
    i = 0;
    oCntrl.clear;
    addOpt(oCntrl,  "Ciudad de México", "0", txtVal);
    addOpt(oCntrl,  "Ciudad de Panamá", "0", txtVal);
    addOpt(oCntrl,  "Ciudad de Guatemala", "0", txtVal);
    addOpt(oCntrl,  "Caracas", "0", txtVal);
    addOpt(oCntrl,  "Cancún", "0", txtVal);
    addOpt(oCntrl,  "Maracay", "0", txtVal);
    addOpt(oCntrl,  "Maracaibo", "0", txtVal);
    addOpt(oCntrl,  "Zaragoza", "0", txtVal);
   }
  </script>
 </head>
 <body onload="cambia(document.frm.ciudad)">
  <form name="frm">
   <table border="0">
    <tr>
     <td>
      Ciudad:
     </td>
     <td>
      <input type="text" name="txt" onkeyup="cambia(document.frm.ciudad)">
     </td>
     <td>
      <select name="ciudad">
      </select>
     </td>
    </tr>
   </table>
  </form>
 </body>
</html> 


La zona horaria es GMT -6. Ahora son las 16:42.
Página 3 de 14 12 3 45678913 Último »
Mostrar 50 mensajes desde este tema en una página

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2025, Jelsoft Enterprises Ltd.