Te encuentras en: Inicio » Javascript
Categoría:
Javascript
Todo sobre Javascript. Ejemplos, algoritmos, comprobaciones de campos de formularios, efectos y trucos en Javascript
Cuando se usa CKEditor por defecto guarda los acentos, tildes, eñes, a sus caracteres html. Por ejemplo si introducimos áéíóúö?ü? CKEditor guarda sus respectivos html entities <p>áéíóúö?ü?</p> Cuando lo que se desea es que guarde: <p>áéíóúö?ü?</p> Esto se puede solucionar fácilmente incluyendo una variable en el config.js config.entities = false; En la documentación oficial de CKEditor viene la solución http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.entities la cual indica lo siguiente: <static> {Boolean} CKEDITOR.config.entities Since: 3.0 Whether to use HTML entities in the output. Defined in: plugins/entities/plugin.js. config.entities = false; Default Value: true Tags de búsquedas: ckeditor, ckeditor problema estilo, ckeditor quitar etiquetado html, limpiar datos ckeditor, sacar ckeditor
Para centrar un div horizontalmente y verticalmente normalmente se usa css para ello. Pero a veces es imposible hacerlo mediante css, porque cada usuario tiene una resolucion en su pantalla diferente, al mismo tiempo que empleamos menos tiempo en centrarlo mediante jquery y javascript, ya que no tenemos que estar calculando anchos y altos. He encontrado una función muy sencilla a la que le pasamos la clase o el id del div y lo centrará automáticamente en la pantalla. Con la función $(window).width() y $(window).height() obtenemos el ancho y altura de la ventana abierta. Con la función outerWidth() y outerHeight() obtenemos el ancho y altura del div. $(document).ready(function(){ $(window).resize(function(){ $(‘#contenedor_caja’).css({ position:’absolute’, left: ($(window).width() – $(‘#contenedor_caja’).outerWidth())/2, top: ($(window).height() – $(‘#contenedor_caja’).outerHeight())/2 }); }); // Ejecutamos la función $(window).resize(); }); <div id="contenedor_caja"> <p>Contenido del div</p> </div> Tags de búsquedas: centrar div horizontalmente jquery, centrar una pantalla javascript, centrar con javascript, funcion java para centrar div, jquery centrar, jquery centrar capa, modificar posicion de un elemento jquery, modificer un div con query, posicionar un div con jquery, situar un div a un % de la pantalla
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. Tags de búsquedas: diferentes dominios java script, javascript obtener dominio url, obtener dominio y usuario con php, tomar nombre de usuario desde javascript
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/ Tags de búsquedas: mensajes de ayuda, mensajes jquery, mensajes con jquery, jquery mensajes, tooltip jquery ejemplo, tooltip jquery [...]
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 [...]
Sin Comentarios Categoria : Javascript 
RSS Feed 
Suscríbete al RSS por email
Últimos Comentarios
6-02-2012 02:54
3-02-2012 21:40
3-02-2012 17:08
3-02-2012 05:38
1-02-2012 15:48
1-02-2012 10:12
1-02-2012 04:27
1-02-2012 00:57