Archivo de la categoría ‘javascript’

Incompatibilidad de mootools con jquery

Viernes, 4 de Febrero de 2011

Para hacerlo compatible con Mootools añadiremos la función jQuery.noConflict() y cambiaremos las $ por jQuery, dejando así el código javascript:

jQuery.noConflict();
jQuery(document).ready(function(){
etc..

problemas con lytebox y ajax

Viernes, 5 de Noviembre de 2010

Solo hay que poner la función myLytebox.updateLyteboxItems(); después del responseText

if ( xmlhttp.readyState == 4 && xmlhttp.status == 200 ) {

obj.innerHTML = xmlhttp.responseText;

myLytebox.updateLyteboxItems();

}

Problema con el combos con IE Internet Explore

Jueves, 18 de Febrero de 2010

Para actualizar un combo se haría así:

<select id=”miselect”>
<option>Opcion1</option>
</select>

Para recargarlo haríamos así:

document.getElementById(“miselect”).innerHTML = “<option>Opcion2</option>”;

En Internet Explorer se ha de hacer utilizando un div y en el actualizar todo el combo:

<div id=”miselectDiv”>

<select id=”miselect”>
<option>Opcion1</option>
</select>

</div>

A través de javascript además de inyectarle las option añadimos el propio select (con <select> </select>).

document.getElementById(“miselectDiv“).innerHTML = “<select><option>Opcion2</option></select>”;

Quitar el intro en los formularios con javascript

Viernes, 4 de Diciembre de 2009

En los formularios si presionas intro, te hace el submit del formulario, esto ocasiona envíos de datos incompletos o posibles ataques externos.

Aquí pego el código para eliminar este tipo de comportamiento.

<html>
<
head>
<
script>
function
tabular(e,obj) {
tecla=(document.all) ? e.keyCode : e.which;
if(
tecla!=13) return;
frm=obj.form;
for(
i=0;i<frm.elements.length;i++)
if(
frm.elements[i]==obj) {
if (
i==frm.elements.length-1) i=-1;
break }
frm.elements[i+1].focus();
return
false;
}
</script>
</head>
<body>
<form>
<input type=”text” onkeypress=”return tabular(event,this)” />
<input type=”text” onkeypress=”return tabular(event,this)” />
</form>
</body>

</html>

Hacer un input solo de números en javascript

Jueves, 26 de Noviembre de 2009

Podemos hacer una entrada de teclado de un formularios, para que solo se muestren números. Dejando así el no poder escribir ningún otro carácter.

Aquí está el código en javascript:

 function onlyNumbersDano(evt)
      {
        var keyPressed = (evt.which) ? evt.which : event.keyCode
        return !(keyPressed > 31 && (keyPressed < 48 || keyPressed > 57));
      }
Esta función se pone en el head o en archivos externos js, que es como se aconseja. 
Y en la entrada input colocamos esta función 
onkeypress="return onlyNumbersDano(event)" 
Lo que hace este código es retornar falso en todas las teclas que no sean de 0 al 9.

Valido en todos los navegadores.
Saludos!

Abrir correctamente un popup en javascript

Miércoles, 13 de Mayo de 2009

Código:
<a href=”pagina.htm” target=”_blank”
onclick=”window.open(this.href,this.target,’width=400, height=250,top=120,left=100,toolbar=no,location=no,status=no, menubar=no’);return false;”>Mi popup mal hecho</a>
Parametros:

  • width=pixeles: el ancho en píxeles del nuevo popup.
  • height=pixeles: el alto en píxeles del nuevo popup.
  • toolbar=yes|no: indica si se muestra o no la barra del navegador.
  • location=yes|no: indica si se muestra o no la barra de direcciones.
  • status=yes|no: indica si se muestra o no la barra de estado.
  • menubar=yes|no: indica si se muestra o no la barra de menú.
  • scrollbars=yes|no: indica si se muestran o
    no las barras de scroll.
  • top=pixeles: indica la posición de la ventana desde su borde superior hasta la parte superior de la pantalla.
  • left=pixeles: indica la posición de la ventana desde su borde izquierdo hasta la parte izquierda de la pantalla.