Logo de pepAguilar.com
INICIO arrow RECURSOS arrow Javascript
Javascript

En esta categoría podreis encontrar todo tipo de scripts javascript que vaya haciendo o vaya recopilando de diferentes webs, para que los podais utilizar siempre que los tengais que necesitar.



Fe de erratas en el artículo de capas desplegables

JavascriptEl otro día un visitante de la web me comentó que un script que había proporcionado hace tiempo, sobre capas desplegables ,no funcionaba.

 

Hoy lo he comprobado y estaba en lo cierto, faltan unas declaraciones en javascript que se me pasó poner, así que os proporciono un .rar con el script funcionando con las imágenes que he empleado. Perdonad el lapsus.

 

El script es este: Descargar

 

En concreto, las inicializaciones que me olvidé poner son las siguientes:

 

 var dis=2;
 var detenido=0;
 var ocupado=0;
 var puntsup;
 var t;

 


 
Controlar campos de formulario

JavascriptUna medida básica de seguridad cuando creas un formulario en PHP, es controlar que los datos insertados en los campos no sean más largos de lo estrictamente necesarios. ¿Por qué? Porque te pueden inyectar código malicioso por un campo que dejes descubierto.

 

Voy a explicar como podemos controlar la longitud de cada campo de un formulario en Javascript, para estar un poco más seguros con nuestro formulario.

 

 

Leer más...
 
Restar horas en javascript

JavascriptDebido a mi trabajo, hoy debía crear una función para hacer unos calculos con fechas, y una de las operaciones primarias era el poder restar dos horas en Javascript.

 

He googleado y he encontrado el código que necesitaba. No pongo la fuente porque estaba en el trabajo y no la he apuntado, la buscaré para apuntarla.

 

El código es sencillo y fácil de modificar. La función se llama "calcular" y le pasamos las dos horas por parámetros con el siguiente formato: hh:mm:ss. Es necesario que sea con este formato ya que sino no funcionará.

 

 

function calcular(v1,v2)
{
horas1=v1.split(":"); /*Mediante la función split separamos el string por ":" y lo convertimos en array. */
horas2=v2.split(":");
horatotale=new Array();
for(a=0;a<3;a++) /*bucle para tratar la hora, los minutos y los segundos*/
{
horas1[a]=(isNaN(parseInt(horas1[a])))?0:parseInt(horas1[a]) /*si horas1[a] es NaN lo convertimos a 0, sino convertimos el valor en entero*/
horas2[a]=(isNaN(parseInt(horas2[a])))?0:parseInt(horas2[a])
horatotale[a]=(horas1[a]-horas2[a]);/* insertamos la resta dentro del array horatotale[a].*/
}
horatotal=new Date()  /*Instanciamos horatotal con la clase Date de javascript para manipular las horas*/
horatotal.setHours(horatotale[0]); /* En horatotal insertamos las horas, minutos y segundos calculados en el bucle*/
horatotal.setMinutes(horatotale[1]);
horatotal.setSeconds(horatotale[2]);
return horatotal.getHours()+":"+horatotal.getMinutes()+":"+horatotal.getSeconds();
/*Devolvemos el valor calculado en el formato hh:mm:ss*/
}

 

 
Capas desplegables

 Os voy a explicar cómo programé el ampliar y disminuir que empleo en el lector de feeds en la parte superior central de la página.

Es un arreglo muy sencillo hecho simplemente con javascript. Se puede emplear para ocultar información que luego se mostrará (típicos mensajes de SPOILERS en los foros de series).

 

Los elementos e instrucciones que haremos servir serán:

 

HTML: <div>, <a> e <img>

Javascript: getElementById, Number, setTimeout, clearTimeout, replace y void.  

CSS: height, overflow

 

Leer más...
 
<<  1 2  >  >>

Resultados 1 - 4 de 6


  PepAguilar.com 2010 - Powered by Joomla! - Web optimizada a 1024x768  
  Creative Commons License

Esta obra está bajo una licencia de Creative Commons
  [Valid RSS] Valid XHTML 1.0 Transitional ¡CSS Válido!