Foros del web, para los que viven de bits

T4X · 26-abr-2005, 14:48

Pregunta: Cómo hago la letra capital en un text input?
Respuesta:

En el text-input colocas el método onBlur colocas lo siguiente:

Código PHP:


			
onBlur="this.style.textTransform='capitalize'"

Y si lo deseas, el texto en minusculas junto con la letra capital, entonces quedaría así:

Código PHP:


			
onBlur="this.value = this.value.toLowerCase(); this.style.textTransform='capitalize'"

Saruman · 03-may-2005, 10:38

Pregunta: ¿Cómo transformo un valor en monedas?

utilización:

cantidad = 5
precio_unitario = 10.98

total = cantidad * precio_unitario
//el resultado de total de haber multiplicado esos dos valores en javascript nos traerá como resultado: 54.900000000000006
//para redondearlo y transformarlo a moneda utilizaremos la siguiente función:

total = formatCurrency(total);
document.write(total);

resultado: 54.90

//Nota: no le pases el parseInt() después de multiplicar el valor ok?

Función:

Código:

function formatCurrency(num) {
	num = num.toString().replace(/\$|\,/g,'');
	if(isNaN(num)) num = "0";
	sign = (num == (num = Math.abs(num)));
	num = Math.floor(num*100+0.50000000001);
	cents = num%100;
	num = Math.floor(num/100).toString();
	if(cents<10) cents = "0" + cents;
	for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
	num = num.substring(0,num.length-(4*i+3))+
	num.substring(num.length-(4*i+3));
			
	return (((sign)?'':'-') + num + '.' + cents);
}

Saludos

KarlanKas · 09-may-2005, 10:55

P.- Cómo hacer un selector de color?
R.-Hay varias opciones. Una de las mismas es este código que propongo:

Código PHP:


			
<html> 

<head> 



<script> 



//Script de KarlanKas para Foros Del Web 

//Muchas gracias a caricatos por advertirme de los fallitos ;-) 

//He aprovechado para mejorar un poco el script 



hexadecimal=['0' , '1' , '2' , '3' , '4' , '5' , '6' , '7' , '8' , '9' , 'A' , 'B' , 'C' , 'D' , 'E' , 'F']; 

r=0; 

g=0; 

b=0; 

colores=["r","g","b"]; 



function color(incremento,n){ 



    if(eval(colores[n])+incremento<256 && eval(colores[n])+incremento>-1){ 

        eval(colores[n]+"+="+incremento); 

    } 



    document.getElementById("campo").style.backgroundColor="rgb("+r+","+g+","+b+")"; 

    document.getElementById("campo").style.color="rgb("+(255-r)+","+(255-g)+","+(255-b)+")"; 

     

    document.getElementById("color").value="#"+convertir(r)+convertir(g)+convertir(b); 

    document.getElementById("color2").value="rgb("+r+","+g+","+b+")"; 



} 



function convertir(numero){ 

    numero=parseInt(numero) 

    enHexa=hexadecimal[parseInt(numero/16)]+""+hexadecimal[numero%16]; 

    return enHexa; 

} 

</script> 



<style> 

*{ 

    font:normal 10px/10px verdana; 

} 

#campo{ 

    height:400px; 

} 

div[id="campo"]{ 

    height:210px!important; 

} 

#campo{ 

    width:400px; 

    background-color:rgb(0,0,0); 

    font:bold 20px/20px verdana; 

    color:#fff; 

    text-align:center; 

    padding-top:190px; 

} 

</style> 

</head> 



<body> 



<div style="width:400px;"> 

    <div id="campo" >FOROS DEL WEB</div> 



    <table>

        <tr>

            <td>En Hexadecimal:</td>

            <td><input type="text" name="color" id="color" readonly></td>

        <tr>

            <td>En Decimal:</td>

            <td><input type="text" name="color2" id="color2" readonly><br></td>

        </tr>

    </table> 

    <div style="float:left;border:solid 1px black;padding:10px;width:110px;">Mantén apretado cada botón hasta llegar al valor deseado.</div> 

    <table style="text-align:center;"> 

        <tr> 

            <td><input type="button" onmouseup="clearInterval(pepe)"  value="-" onmousedown="pepe=setInterval('color(-5,0)',100)"></td>

            <td>Rojo</td> 

            <td><input type="button" onmouseup="clearInterval(pepe)"   value="+" onmousedown="pepe=setInterval('color(5,0)',100)"></td>

        </tr> 

        <tr> 

            <td><input type="button" onmouseup="clearInterval(pepe)"  value="-" onmousedown="pepe=setInterval('color(-5,1)',100)"></td>

            <td>Verde</td>

            <td><input type="button" onmouseup="clearInterval(pepe)"  value="+" onmousedown="pepe=setInterval('color(5,1)',100)"></td>

        </tr>

        <tr> 

            <td><input type="button" onmouseup="clearInterval(pepe)"  value="-" onmousedown="pepe=setInterval('color(-5,2)',100)"></td> 

            <td>Azul</td> 

            <td><input type="button" onmouseup="clearInterval(pepe)"  value="+" onmousedown="pepe=setInterval('color(5,2)',100)"></td> 

        </tr> 

    </table> 

</div> 



</body> 

</html>

occiso · 21-may-2005, 05:02

P: ¿Cómo puedo añadir un método a la clase String para que me borre los espacios en blanco?

R:

Muchos nos hemos preguntado alguna vez porque no viene intrínsecamente definido en la clase String un método Trim que nos elimine los espacios en blanco que pueda haber en una cadema.

Pero eso lo podemos solucionar nosotros mismos añadiendoselo (puedes meterlo en un archivo .js y servirte para cualquier página que lo necesites):

Código:

<HTML>
<HEAD>
<TITLE>Document </TITLE>
  <script language="javascript">
/* ----------------------------------------------------------------------------------- 
------- Trim(), LTrim(), RTrim() ----------------------------------------------------- 
------- 
------- Metodos que eliminan los espacios en blanco de una cadena */

  String.prototype.Trim = function(){
      return this.replace(/\s+$|^\s+/g,""); 
  }

  String.prototype.LTrim = function(){
       return this.replace(/^\s+/,""); 
  }

  String.prototype.RTrim = function(){
        return this.replace(/\s+$/,""); 
  }
  
/*-------------------------------------------------------------------------------------*/

  function ambos(str){
      str = str.Trim();
      alert (  '|' + str + '|');
  }

  function izq(str){
      str = str.LTrim();
      alert (  '|' + str + '|');
  }

  function dcha(str){
      str = str.RTrim();
      alert (  '|' + str + '|');
  }

  </script>
</HEAD>

<BODY>
<button onclick="ambos('   galleta   ')">ambos lados</button>
<button onclick="izq('   galleta   ')">izquierda</button>
<button onclick="dcha('   galleta   ')">derecha</button>
</BODY>
</HTML>

occiso · 21-may-2005, 05:30

P: ¿Cómo puedo validar los formularios y que los datos que introducen son los correctos?

R: Muchas son las consultas sobre como validar este o aquel campo. Bien pues he desarrollado una pequeña clase en Javascript que creo cubre el 90% de validaciones que tengamos que realizar.

Para manejarla bien hay que saber algo de programación orientada a objetos (POO) pero si se le hecha un vistazo es bastante intuitiva y esta muy comentada. Como es un archivo bastante extenso meto un enlace a un archivo .rar con el archivo .js en cuestion y una pagina html de ejemplo de utilización y otro archivo .css con los estilos.

La clase sigue un código estándar y yo la he probado en Opera, IExplorer y Firefox y me ha funcionado perfectamente. Lo que no es estándar son los estilos css.

EDITADO (07/08/2005):

Como el enlace se había roto vuelvo a poner una direccion para que os podais bajar todos los archivos en uno comprimido. He hecho algunas mejoras respecto a la version anterior. Ahora voy por la version 1.1. Ahi la teneis:

Enlace

T4X · 01-jun-2005, 17:15

Pregunta: Cómo resaltar los checkboxes como lo hace hotmail?
Créditos: JavierB

Respuesta:
Usa este código, es simple pero te funcionará...

<html>
<head>
<script>
function marcar(obj) {
elem=obj.parentNode.parentNode;
elem.style.backgroundColor=(obj.checked) ? 'red' : 'white';
}

function marcarTodos(obj) {
elem=document.getElementsByName('algo');
for(i=0;i<elem.length;i++) {
elem[i].checked=obj.checked;
fila=elem[i].parentNode.parentNode;
fila.style.backgroundColor=(obj.checked) ? 'red' : 'white';
}
}
</script>
</head>

<body>
<table width="400px" border="1">
<tr>
<td> </td>
<td><input type="checkbox" name="todos" onclick="marcarTodos(this)"/></td>
</tr>
<tr>
<td> </td>
<td>
<input type="checkbox" name="algo" onclick="marcar(this)"/>
</td>
</tr>
<tr>
<td> </td>
<td>
<input type="checkbox" name="algo" onclick="marcar(this)"/>
</td>
</tr>
<tr>
<td> </td>
<td>
<input type="checkbox" name="algo" onclick="marcar(this)"/>
</td>
</tr>
</table>
</body>
</html>

JavierB · 08-jun-2005, 03:56

P - ¿Como puedo hacer para que solo se vean las filas de una tabla (<table>) que coinciden con lo escrito en un cuadro de texto?

R - Con este código:

Código PHP:


			
<html>

<head>

<script>

function buscar(txt) {

  obj=document.getElementById('tabla');

  // Recorremos todas las filas de la tabla

  for (i=0;ele=obj.getElementsByTagName('tr')[i];i++) {

    // elegimos la primera celda de la fila

    celda = ele.getElementsByTagName('td')[0]

    // averiguamos que hay dentro de la celda

    dato = celda.innerHTML;

    // vemos si coincide con lo que se ha escrito en el cuadro de texto

    iz = dato.substr(0,txt.length);

    celda.style.display = (txt==iz) ? '' : 'none';

  }

}

</script>

</head>

<body>

<input type="text" onkeyup="buscar(this.value)" />

<table id="tabla" border="1">

<tr><td>avion</td></tr>

<tr><td>coche</td></tr>

<tr><td>aviador</td></tr>

<tr><td>coger</td>

</table>

</body>

</html>

MorZilla · 29-jun-2005, 08:26

Cita:

Iniciado por CHuLoSoY

P: Como deshabilito la selección de un texto?

El código de CHuLoSoy puede ser mejorado:

Código HTML:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
<title>Hecho por MorZilla</title>
<script type="text/javascript">
document.onselectstart = new Function("return false");
// Para IE
</script>
<style type="text/css">
* {
-moz-user-select: none; /* Para navegadores Mozilla */
user-select: none; /* Posiblemente en futuros navegadores */
}
</style>
<body>
<h1>¡MorZilla!</h1>
</body>
</html>

Ojalá les sirva!

MorZilla · 29-jun-2005, 08:39

Cita:

Iniciado por T4X

P: Cómo abrir una ventana popUp sin menus contextuales ó mejor un Dialogo Web???????

Ten en cuenta que esta función solo se desempeña en IE 5.5 y superior, aunque se está investigando si esta función de JavaScript tambien sea compatible con otros browsers.

Estas funciones sólo funcionan en IE, en Mozilla y otros navegadores provoca mensajes de error.
Recomiendo modificar el código:

Código PHP:


			
function verDialogo(url,nombre,argumentos) {

try {

if(window.showModalDialog) return showModalDialog(url,nombre,argumentos);

else return open(url,nombre,argumentos);

}

catch(e) { alert("Error JavaScript"); }

}

Tengan en cuenta que no comprobé el código todavía. (Por eso incluyo el try...catch)

causita · 30-jun-2005, 14:56

no soy diestro en el manejo del Javascript pero "jugando" y poniendo en práctica las clases q alguna vez tuve les pongo un script muy útil (espero no esté repetido)

P: Cómo hago un rollover para q se vea en celdas diferentes de una tabla?
R:

Cita:

<html>
<head>
<script languaje="javascript">
function cambiar(foto){
document.getElementById('mostrar').innerHTML = '<img src="' + foto + '">';
}
</script>
</head>
<body>
<table width="450">
<tr>
<td><a href="#nada" onmouseover="cambiar('1.GIF')" OnMouseout="cambiar('inicio.GIF')">foto 1</a></td>
<td><a href="#nada" onmouseover="cambiar('2.GIF')" OnMouseout="cambiar('inicio.GIF')"">foto 2</a></td>
</tr>
<tr>
<td colspan="2"><div id="mostrar"><img src="inicio.gif"></div></td>
</tr>
</table>
</body>
</html>

Espero les sea d utilidad

Trulala de cordoba · 01-jul-2005, 13:01

P: ¿Como paso datos de una ventanita abierta a la página que la abrío en Firefox?
R:

En firefox no funciona opener.location por lo cual para pasar datos a un campo de formulario que está en otra ventanita debemos usar esta forma:

self.opener.document.NombredelFormulario.Nombredel Campo.value ='algo'

JavierB · 09-jul-2005, 10:31

P: Como validar que los datos que se van introduciendo en un cuadro de texto de un formulario son correcto.

R: Utilizando este código (Probado en IE 6.0 y Firefox 1.4)

Código PHP:


			
<html>

<head>

<script>

function validar(e) {

    tecla = (document.all) ? e.keyCode : e.which;

    if (tecla==8) return true; //Tecla de retroceso (para poder borrar)

    patron =/[A-Za-z]/; // Solo acepta letras

    //patron = /\d/; Solo acepta números

    //patron = /\w/; Acepta números y letras

    //patron = /\D/; No acepta números

    te = String.fromCharCode(tecla);

    return patron.test(te); 

} 

</script>

</head>



<body>

<input type="text" name="textfield" onkeypress="return validar(event)">

</body>

</html>

Saruman · 19-jul-2005, 15:01

P: ¿Cómo hago para que cuando se presione la tecla ESCAPE se cierre una ventana?

R: así:

Código:

 
function _CloseOnEsc() {
if (event.keyCode == 27) { window.close(); return; }
}
function InitESC() {
document.body.onkeypress = _CloseOnEsc;
}

Utilización:

Código HTML:

 <body onload="InitESC();"></body>

Saruman · 26-jul-2005, 14:27

P: ¿Cómo puedo transformar Números a Letras?

R: Utiliza las siguientes funciones para que puedas transformar números enteros en letras. Esta función soporta hasta números que van desde el Cero hasta el el Billón.

Funciones:

Código:

 
function letras(c,d,u)
{
var centenas,decenas,decom
var lc=""
var ld=""
var lu=""
centenas=eval(c);
decenas=eval(d);
decom=eval(u);
switch(centenas) 
{
case 0: lc="";break;
case 1: 
{
if (decenas==0 && decom==0)
lc="Cien"
else
lc="Ciento ";
}
break;
case 2: lc="Doscientos ";break;
case 3: lc="Trescientos ";break;
case 4: lc="Cuatrocientos ";break;
case 5: lc="Quinientos ";break;
case 6: lc="Seiscientos ";break;
case 7: lc="Setecientos ";break;
case 8: lc="Ochocientos ";break;
case 9: lc="Novecientos ";break; 
} 
switch(decenas) 
{
	case 0: ld="";break;
	case 1:
{ 
switch(decom) 
{
	case 0:ld="Diez";break;
	case 1:ld="Once";break;
	case 2:ld="Doce";break;
	case 3:ld="Trece";break;
	case 4:ld="Catorce";break;
	case 5:ld="Quince";break;
	case 6:ld="Dieciseis";break;
	case 7:ld="Diecisiete";break;
	case 8:ld="Dieciocho";break;
	case 9:ld="Diecinueve";break;
}
}			 
break;
case 2:ld="Veinte";break;
case 3:ld="Treinta";break;
case 4:ld="Cuarenta";break;
case 5:ld="Cincuenta";break;
case 6:ld="Sesenta";break;
case 7:ld="Setenta";break;
case 8:ld="Ochenta";break;
case 9:ld="Noventa";break; 
}
switch(decom) 
{
	case 0: lu="";break;
	case 1: lu="Un";break;
	case 2: lu="Dos";break;
	case 3: lu="Tres";break;
	case 4: lu="Cuatro";break;
	case 5: lu="Cinco";break;
	case 6: lu="Seis";break;
	case 7: lu="Siete";break;
	case 8: lu="Ocho";break;
	case 9: lu="Nueve";break; 
}
 
if (decenas==1)
{
return lc+ld;
}
if (decenas==0 || decom==0)
{
return lc+" "+ld+lu;
}
else
{
if(decenas==2) 
{
ld="Veinti";
return lc + ld + lu.toLowerCase();
}
else
{
return lc+ld+" y "+lu
}
}
}
 
function getNumberLiteral(n)
{ 
var m0,cm,dm,um,cmi,dmi,umi,ce,de,un,hlp,decimal;
 
if (isNaN(n)) {
alert("La Cantidad debe ser un valor Numérico.");
return null
}
m0= parseInt(n/ 1000000000000); rm0=n% 1000000000000;
m1= parseInt(rm0/100000000000); rm1=rm0%100000000000;
m2= parseInt(rm1/10000000000); rm2=rm1%10000000000;
m3= parseInt(rm2/1000000000); rm3=rm2%1000000000;
cm= parseInt(rm3/100000000); r1= rm3%100000000;
dm= parseInt(r1/10000000); r2= r1% 10000000;
um= parseInt(r2/1000000); r3= r2% 1000000;
cmi=parseInt(r3/100000); r4= r3% 100000;
dmi=parseInt(r4/10000); r5= r4% 10000;
umi=parseInt(r5/1000); r6= r5% 1000;
ce= parseInt(r6/100); r7= r6% 100;
de= parseInt(r7/10); r8= r7% 10;
un= parseInt(r8/1);
//r9=r8%1; 
999123456789
if (n< 1000000000000 && n>=1000000000)
{
tmp=n.toString();
s=tmp.length;
tmp1=tmp.slice(0,s-9)
tmp2=tmp.slice(s-9,s);
 
tmpn1=getNumberLiteral(tmp1);
tmpn2=getNumberLiteral(tmp2);
 
if(tmpn1.indexOf("Un")>=0)
pred=" Billón "
else
pred=" Billones "
return tmpn1+ pred +tmpn2;
}
 
if (n<10000000000 && n>=1000000)
{
mldata=letras(cm,dm,um); 
hlp=mldata.replace("Un","*");
if (hlp.indexOf("*")<0 || hlp.indexOf("*")>3)
{
mldata=mldata.replace("Uno","un");
mldata+=" Millones ";
}
else
{
mldata="Un Millón ";
}
mdata=letras(cmi,dmi,umi);
cdata=letras(ce,de,un);
if(mdata!="	")
{
if (n == 1000000) {
	mdata=mdata.replace("Uno","un") + "de";
} else {
	mdata=mdata.replace("Uno","un")+" mil ";
}
}
 
return (mldata+mdata+cdata);
} 
if (n<1000000 && n>=1000)
{
mdata=letras(cmi,dmi,umi);
cdata=letras(ce,de,un);
hlp=mdata.replace("Un","*");
if (hlp.indexOf("*")<0 || hlp.indexOf("*")>3)
{
mdata=mdata.replace("Uno","un");
return (mdata +" mil "+cdata);
}
else
	return ("Mil "+ cdata);
} 
if (n<1000 && n>=1)
{
return (letras(ce,de,un));
}
if (n==0)
{
return " Cero";
}
return "No disponible"
}

Utilización:

Código:

 var enteros = 50; 
var resultado = getNumberLiteral(enteros)
alert(resultado)

Enjoy

Saruman · 04-ago-2005, 12:21

P: ¿Cómo puedo validar que el usuario seleccione al menos un checkbox?
R: Utilizando esta función:

Código PHP:


			
<script language="javascript">

function validar_checkbox() { 

var total = f.opciones.length;

var selected = false;

 

if (total != null) {

for (i=0; i<total; i++) {

    if (f.opciones[i].checked ==

26-abr-2005, 14:48	#211 (permalink)
T4X Fecha de Ingreso: enero-2004 Ubicación: myT-Base Mensajes: 259	213. Cómo hago la letra capital en un text input Pregunta: Cómo hago la letra capital en un text input? Respuesta: En el text-input colocas el método onBlur colocas lo siguiente: Código PHP: `onBlur="this.style.textTransform='capitalize'"` Y si lo deseas, el texto en minusculas junto con la letra capital, entonces quedaría así: Código PHP: `onBlur="this.value = this.value.toLowerCase(); this.style.textTransform='capitalize'"` __________________ Ahora T4X es WinGFX!!!!! Última edición por KarlanKas; 06-sep-2005 a las 01:42.

03-may-2005, 10:38	#212 (permalink)
Saruman Fecha de Ingreso: mayo-2003 Ubicación: Panamá Mensajes: 1.154	214. Format Currency (Monedas) Pregunta: ¿Cómo transformo un valor en monedas? utilización: cantidad = 5 precio_unitario = 10.98 total = cantidad * precio_unitario //el resultado de total de haber multiplicado esos dos valores en javascript nos traerá como resultado: 54.900000000000006 //para redondearlo y transformarlo a moneda utilizaremos la siguiente función: total = formatCurrency(total); document.write(total); resultado: 54.90 //Nota: no le pases el parseInt() después de multiplicar el valor ok? Función: Código: function formatCurrency(num) { num = num.toString().replace(/\$\|\,/g,''); if(isNaN(num)) num = "0"; sign = (num == (num = Math.abs(num))); num = Math.floor(num100+0.50000000001); cents = num%100; num = Math.floor(num/100).toString(); if(cents<10) cents = "0" + cents; for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++) num = num.substring(0,num.length-(4i+3))+ num.substring(num.length-(4i+3)); return (((sign)?'':'-') + num + '.' + cents); } Saludos __________________ Saruman* One Ring to rule them all, One Ring to find them, One Ring to bring them all and in the darkness bind them. Última edición por KarlanKas; 06-sep-2005 a las 01:43.

09-may-2005, 10:55	#213 (permalink)
KarlanKas Moderador extraterrestre Fecha de Ingreso: noviembre-2002 Ubicación: Madrid Mensajes: 6.918	215. Selector de color P.- Cómo hacer un selector de color? R.-Hay varias opciones. Una de las mismas es este código que propongo: Código PHP: <html> <head> <script> //Script de KarlanKas para Foros Del Web //Muchas gracias a caricatos por advertirme de los fallitos ;-) //He aprovechado para mejorar un poco el script hexadecimal=['0' , '1' , '2' , '3' , '4' , '5' , '6' , '7' , '8' , '9' , 'A' , 'B' , 'C' , 'D' , 'E' , 'F']; r=0; g=0; b=0; colores=["r","g","b"]; function color(incremento,n){ if(eval(colores[n])+incremento<256 && eval(colores[n])+incremento>-1){ eval(colores[n]+"+="+incremento); } document.getElementById("campo").style.backgroundColor="rgb("+r+","+g+","+b+")"; document.getElementById("campo").style.color="rgb("+(255-r)+","+(255-g)+","+(255-b)+")"; document.getElementById("color").value="#"+convertir(r)+convertir(g)+convertir(b); document.getElementById("color2").value="rgb("+r+","+g+","+b+")"; } function convertir(numero){ numero=parseInt(numero) enHexa=hexadecimal[parseInt(numero/16)]+""+hexadecimal[numero%16]; return enHexa; } </script> <style> { font:normal 10px/10px verdana; } #campo{ height:400px; } div[id="campo"]{ height:210px!important; } #campo{ width:400px; background-color:rgb(0,0,0); font:bold 20px/20px verdana; color:#fff; text-align:center; padding-top:190px; } </style> </head> <body> <div style="width:400px;"> <div id="campo" >FOROS DEL WEB</div> <table> <tr> <td>En Hexadecimal:</td> <td><input type="text" name="color" id="color" readonly></td> <tr> <td>En Decimal:</td> <td><input type="text" name="color2" id="color2" readonly><br></td> </tr> </table> <div style="float:left;border:solid 1px black;padding:10px;width:110px;">Mantén apretado cada botón hasta llegar al valor deseado.</div> <table style="text-align:center;"> <tr> <td><input type="button" onmouseup="clearInterval(pepe)" value="-" onmousedown="pepe=setInterval('color(-5,0)',100)"></td> <td>Rojo</td> <td><input type="button" onmouseup="clearInterval(pepe)" value="+" onmousedown="pepe=setInterval('color(5,0)',100)"></td> </tr> <tr> <td><input type="button" onmouseup="clearInterval(pepe)" value="-" onmousedown="pepe=setInterval('color(-5,1)',100)"></td> <td>Verde</td> <td><input type="button" onmouseup="clearInterval(pepe)" value="+" onmousedown="pepe=setInterval('color(5,1)',100)"></td> </tr> <tr> <td><input type="button" onmouseup="clearInterval(pepe)" value="-" onmousedown="pepe=setInterval('color(-5,2)',100)"></td> <td>Azul</td> <td><input type="button" onmouseup="clearInterval(pepe)" value="+" onmousedown="pepe=setInterval('color(5,2)',100)"></td> </tr> </table> </div> </body> </html> __________________ Cómo escribir\|Cómo preguntar \| ¿Te ayudé?* Última edición por KarlanKas; 09-may-2005 a las 17:21.

21-may-2005, 05:30	#215 (permalink)
occiso Fecha de Ingreso: febrero-2005 Mensajes: 123	217.- Clase validaciones para validar formularios P: ¿Cómo puedo validar los formularios y que los datos que introducen son los correctos? R: Muchas son las consultas sobre como validar este o aquel campo. Bien pues he desarrollado una pequeña clase en Javascript que creo cubre el 90% de validaciones que tengamos que realizar. Para manejarla bien hay que saber algo de programación orientada a objetos (POO) pero si se le hecha un vistazo es bastante intuitiva y esta muy comentada. Como es un archivo bastante extenso meto un enlace a un archivo .rar con el archivo .js en cuestion y una pagina html de ejemplo de utilización y otro archivo .css con los estilos. La clase sigue un código estándar y yo la he probado en Opera, IExplorer y Firefox y me ha funcionado perfectamente. Lo que no es estándar son los estilos css. EDITADO (07/08/2005): Como el enlace se había roto vuelvo a poner una direccion para que os podais bajar todos los archivos en uno comprimido. He hecho algunas mejoras respecto a la version anterior. Ahora voy por la version 1.1. Ahi la teneis: Enlace Última edición por occiso; 07-ago-2005 a las 04:47.

01-jun-2005, 17:15	#216 (permalink)
T4X Fecha de Ingreso: enero-2004 Ubicación: myT-Base Mensajes: 259	218. Resaltado de celdas a través de checkbox Pregunta: Cómo resaltar los checkboxes como lo hace hotmail? Créditos: JavierB Respuesta: Usa este código, es simple pero te funcionará... <html> <head> <script> function marcar(obj) { elem=obj.parentNode.parentNode; elem.style.backgroundColor=(obj.checked) ? 'red' : 'white'; } function marcarTodos(obj) { elem=document.getElementsByName('algo'); for(i=0;i<elem.length;i++) { elem[i].checked=obj.checked; fila=elem[i].parentNode.parentNode; fila.style.backgroundColor=(obj.checked) ? 'red' : 'white'; } } </script> </head> <body> <table width="400px" border="1"> <tr> <td> </td> <td><input type="checkbox" name="todos" onclick="marcarTodos(this)"/></td> </tr> <tr> <td> </td> <td> <input type="checkbox" name="algo" onclick="marcar(this)"/> </td> </tr> <tr> <td> </td> <td> <input type="checkbox" name="algo" onclick="marcar(this)"/> </td> </tr> <tr> <td> </td> <td> <input type="checkbox" name="algo" onclick="marcar(this)"/> </td> </tr> </table> </body> </html> __________________ Ahora T4X es WinGFX!!!!! Última edición por KarlanKas; 06-sep-2005 a las 01:44.

08-jun-2005, 03:56	#217 (permalink)
JavierB Moderata Fecha de Ingreso: noviembre-2002 Ubicación: Madrid Mensajes: 19.472	219 - Filtrar datos de una tabla según lo escrito en un cuadro de texto P - ¿Como puedo hacer para que solo se vean las filas de una tabla (<table>) que coinciden con lo escrito en un cuadro de texto? R - Con este código: Código PHP: <html> <head> <script> function buscar(txt) { obj=document.getElementById('tabla'); // Recorremos todas las filas de la tabla for (i=0;ele=obj.getElementsByTagName('tr')[i];i++) { // elegimos la primera celda de la fila celda = ele.getElementsByTagName('td')[0] // averiguamos que hay dentro de la celda dato = celda.innerHTML; // vemos si coincide con lo que se ha escrito en el cuadro de texto iz = dato.substr(0,txt.length); celda.style.display = (txt==iz) ? '' : 'none'; } } </script> </head> <body> <input type="text" onkeyup="buscar(this.value)" /> <table id="tabla" border="1"> <tr><td>avion</td></tr> <tr><td>coche</td></tr> <tr><td>aviador</td></tr> <tr><td>coger</td> </table> </body> </html>

29-jun-2005, 08:39	#219 (permalink)
MorZilla Fecha de Ingreso: junio-2005 Ubicación: ¡Qué te importa! Mensajes: 9	Cita: Iniciado por T4X P: Cómo abrir una ventana popUp sin menus contextuales ó mejor un Dialogo Web??????? Ten en cuenta que esta función solo se desempeña en IE 5.5 y superior, aunque se está investigando si esta función de JavaScript tambien sea compatible con otros browsers. Estas funciones sólo funcionan en IE, en Mozilla y otros navegadores provoca mensajes de error. Recomiendo modificar el código: Código PHP: `function verDialogo(url,nombre,argumentos) { try { if(window.showModalDialog) return showModalDialog(url,nombre,argumentos); else return open(url,nombre,argumentos); } catch(e) { alert("Error JavaScript"); } }` Tengan en cuenta que no comprobé el código todavía. (Por eso incluyo el try...catch)

30-jun-2005, 14:56	#220 (permalink)
causita Fecha de Ingreso: noviembre-2002 Ubicación: Lima-Perú Mensajes: 1.824	222. Rollover en diferentes celdas de una tabla no soy diestro en el manejo del Javascript pero "jugando" y poniendo en práctica las clases q alguna vez tuve les pongo un script muy útil (espero no esté repetido) P: Cómo hago un rollover para q se vea en celdas diferentes de una tabla? R: Cita: <html> <head> <script languaje="javascript"> function cambiar(foto){ document.getElementById('mostrar').innerHTML = '<img src="' + foto + '">'; } </script> </head> <body> <table width="450"> <tr> <td><a href="#nada" onmouseover="cambiar('1.GIF')" OnMouseout="cambiar('inicio.GIF')">foto 1</a></td> <td><a href="#nada" onmouseover="cambiar('2.GIF')" OnMouseout="cambiar('inicio.GIF')"">foto 2</a></td> </tr> <tr> <td colspan="2"><div id="mostrar"><img src="inicio.gif"></div></td> </tr> </table> </body> </html> Espero les sea d utilidad __________________ \|\| no hay pregunta tonta....lo q hay son tontos q no preguntan \|\| d-.-b El Causita Última edición por KarlanKas; 06-sep-2005 a las 01:48.

01-jul-2005, 13:01	#221 (permalink)
Trulala de cordoba Fecha de Ingreso: noviembre-2002 Mensajes: 822	223. ¿Como paso datos de una ventanita abierta a la página que la abrío en Firefox? P: ¿Como paso datos de una ventanita abierta a la página que la abrío en Firefox? R: En firefox no funciona opener.location por lo cual para pasar datos a un campo de formulario que está en otra ventanita debemos usar esta forma: self.opener.document.NombredelFormulario.Nombredel Campo.value ='algo' __________________ Un Saludo!!! Cristian de Trulala PD: Con amor, fe, amor a Dios y amistad podemos hacer un mundo mejor!!!! Última edición por KarlanKas; 06-sep-2005 a las 01:47.

09-jul-2005, 10:31	#222 (permalink)
JavierB Moderata Fecha de Ingreso: noviembre-2002 Ubicación: Madrid Mensajes: 19.472	224.- Validar entrada de datos en un formulario P: Como validar que los datos que se van introduciendo en un cuadro de texto de un formulario son correcto. R: Utilizando este código (Probado en IE 6.0 y Firefox 1.4) Código PHP: <html> <head> <script> function validar(e) { tecla = (document.all) ? e.keyCode : e.which; if (tecla==8) return true; //Tecla de retroceso (para poder borrar) patron =/[A-Za-z]/; // Solo acepta letras //patron = /\d/; Solo acepta números //patron = /\w/; Acepta números y letras //patron = /\D/; No acepta números te = String.fromCharCode(tecla); return patron.test(te); } </script> </head> <body> <input type="text" name="textfield" onkeypress="return validar(event)"> </body> </html>

19-jul-2005, 15:01	#223 (permalink)
Saruman Fecha de Ingreso: mayo-2003 Ubicación: Panamá Mensajes: 1.154	225. cuando se presione la tecla ESCAPE se cierre una ventana P: ¿Cómo hago para que cuando se presione la tecla ESCAPE se cierre una ventana? R: así: Código: function _CloseOnEsc() { if (event.keyCode == 27) { window.close(); return; } } function InitESC() { document.body.onkeypress = _CloseOnEsc; } Utilización: Código HTML: <body onload="InitESC();"></body> __________________ Saruman One Ring to rule them all, One Ring to find them, One Ring to bring them all and in the darkness bind them. Última edición por KarlanKas; 06-sep-2005 a las 01:48.

04-ago-2005, 12:21	#225 (permalink)
Saruman Fecha de Ingreso: mayo-2003 Ubicación: Panamá Mensajes: 1.154	227. Validar que el usuario seleccione al menos un CheckBox P: ¿Cómo puedo validar que el usuario seleccione al menos un checkbox? R: Utilizando esta función: Código PHP: `<script language="javascript"> function validar_checkbox() { var total = f.opciones.length; var selected = false; if (total != null) { for (i=0; i<total; i++) { if (f.opciones[i].checked ==`