Pues algo que acabo de hacer y no sabía. Sacar el nombre del dominio de la web en la que estás. Mediante JavaScript podemos obtener la información del dominio de una forma muy sencilla. Para ello utilizaremos el objeto document y su propiedad domain. document.domain; Le metemos un alert para debugearlo por pantalla <script>alert(document.domain);</script> Esto es útil cuando se tiene unas funciones javascript genéricas en un desarrollo que se usan en varios dominios, y desde la cual se quiere interactuar con elementos HTML, ya sea con javascript directamente o con Jquery. En el ejemplo que añado, cambio el background de fondo de un determinado div dependiendo del dominio. Así no hay que crear diferentes funciones javascript para cada dominio. switch(document.domain) { case "www.dominio.com": case "www.dominio.com.mx": $(‘div#modulo_post’).css("background-image", "url(../path_url/nueva_imagen.png)"); break; case ‘www.dominio.com.pt’: $(‘div#modulo_post’).css("background-image", "url(../path_url/nueva_imagen_PT.png)"); break; } Esta propiedad devuelve null si el domino del documento no se puede identificar.
Los tooltips o mensajes de ayuda son pequeños esa pequeñas cosas que juegan un gran rol en el diseño y en la atracción del usuario, por lo que si están bien diseñados e integrados en una web, y resultan realmente útiles al usuario dejaran en éstos una buena sensación sobre tu web. Aquí es donde entra JQuery para ayudarnos a hacer los tooltips. Hay muchos plugins de Jquery para hacer tooltips o éstos mensajes de ayuda, pero el que mas me ha gustado a mi es “SimpleTip”. Permite crear tooltips de manera muy sencilla usando cualquier elemento de la pagina con los selectores y gestores de eventos de Jquery. Los tooltips pueden ser estáticos, dinámicos, o se pueden cargar por AJAX con una variedad diferentes de efectos visuales. Ejemplo sencillo de integración de un tooltip estático $("#panel_usuario_cuenta").simpletip ({ content:’Bienvenido usuario este es tu panel de control!!!’, fixed:true, position: ‘top’ }); Sobre el elemento html que tiene el id=”panel_usuario_cuenta” aparecerá en la parte superior el mensaje indicado en la variable content Mas información y descargas de las librerías en la web oficial: http://craigsworks.com/projects/simpletip/
Tras comprobar el éxito del post sobre las funciones javascript de setInterval(), clearInterval y setTimeout() y darme cuenta que este post lo he escrito y estaba en ingles, lo he querido traducir y reducirlo un poco para aclarar mas las diferencias. setInterval() Este método es utilizado para ejecutar repetidamente una función en un intervalo establecido. El formato de este método es: window.setInterval("functionName()",tiempo); El primer parámetro (“functionName()”) es el nombre de la función que desea ejecutar. Observa que el nombre de la función está entre comillas. Es tratado como una cadena para evitar que se ejecute de inmediato. El segundo parámetro (tiempo) es la cantidad de la demora en milisegundos, entre cada vez que la función se ejecuta (1 minuto = 60000 milisegundos). Esto es útil en la animación, para la rotación de imágenes en una galería o tal vez refrescar la pantalla. Por ejemplo, para volver a cargar una página después de un intervalo de 10 minutos (600.000 milisegundos), prueba este script: function reFresh() { location.reload(true) } window.setInterval("reFresh()",600000); clearInterval() Este método se utiliza para detener el bucle cronometrado que se inició con el método setInterval () anterior. El formato es: window.clearInterval(varName); Con el fin de utilizarlo, el bucle debe ser [...]
Hoy he aprendido una cosita bastante sencilla pero muy util con jquery. Estaba haciendo un pequeño desarrollo con PHP y AJAX para que un usuario pudiese seleccionar su nick en un simple input text. El tema es que cuando el nick estuviese ocupado me tendría que mostrar un mensaje en un div y cambiar el class para que se mostrase una clase css determinada. Esto yo sabía como hacerlo en javascript, pero resulta que en IE 6 peta, como siempre!!! Para lo que no lo sepan se haría con la siguiente sentencia: document.getElementById("xxxxxxxxxx").setAttribute("class", "error"); donde: xxxxxxxxxx es el id de mi div, tambien puede ser un p, o un span. class, es el atributo que queremos cambiar de la etiqueta html que estamos usando, en mi caso es el div, pero repito, puede ser un p o un span. error es el nombre de la clase css que he definido en mi hoja de estilos, que tiene un background y una imagen de fondo que muestra el look & feel de un mensajito de error. Pero bueno lo que he aprendido es a hacerlo con jquery, lo cual es una pasada porque en sólo una linea puedes añadir, modificar o [...]
ESTE POST HA SIDO ACTUALIZADO Y TRADUCIDO, CONSULTARLO EN: funciones Javascript – setInterval() clearInterval() setTimeout() – Parte 2 setInterval() This method is used to repeatedly execute a function at a set interval. The format for this method is: window.setInterval(“functionName()”,time); The first parameter (“functionName()”) is the name of the function that you want to have executed. Notice that the function name is in quotes. It’s treated as a string to prevent it from executing immediately. The second parameter (time) is the amount of the delay in milliseconds, between each time the function is executed (1 minute = 60000 milliseconds). This is useful in animation, for rotating pictures in a gallery or perhaps refreshing the screen. For instance, to reload a page after an interval of 10 minutes (600,000 milliseconds), try this script: function reFresh() { location.reload(true) } window.setInterval(“reFresh()”,600000); clearInterval() This method is used to stop the timed loop which was started with the setInterval() method above. The format is: window.clearInterval(varName); In order to use it, the loop must be assigned to a variable. Let’s go back to our page refresh script above. We only need to add the var reserved word in front of the setInterval() loop: function reFresh() { [...]
