HTML dinámico no ejecuta funciones de jquery! [SOLUCIÓN]

El dia de hoy que trabajaba en el mismo proyecto del post anterior me encontre con el detalle que al generar html dinamico por medio de jquery este no ejecutaba funciones definidas en mi codigo js y revisando un poco en la red me dicuenta que a muchos les ha pasado y la info que exite para resolver este problema es poca y por supuesto en español se encuentra en menor cantidad, asi que para los que no han resulto este problema o estan en el he aqui un ejmplo para que se den una idea de como hacerlo:

 jquery | 
 
 copy code |
?

  1. $('#divid').live('click', function() {
  2. alert('hello');
  3. });

la funcion “live()” nos ayuda a resolver este problema. Salu2.

via: codingforums.com

Trabajar con checkbox JQuery

Me encuentro trabajando en una especia de juego y para el he tenido la necesidad de trabajar con checkbox y jquery, así que me tuve que dar a la tarea de investigar y gracias a webintenta he podido resolver algunas de las dudas que he tenido al trabajar en este proyecto:

A continuación expongo unos pequeños snippets o trucos a la hora de trabajar con checkboxes y jQuery. En mi opinión, quizá la forma más adecuada de acceder a los checkboxes mediante jQuery es asignándoles una clase o id. De esta forma podemos actuar sobre los checkboxes de una manera selectiva. Podremos tener más elementos de este tipo en nuestra página web pero sólo actuaremos sobre los que poseen determinada clase o id. Algunos ejemplos:

Comprobar si un checkbox está marcado

 jquery | 
 
 copy code |
?

  1. $(".ck").is(":checked");

Devuelve true si está marcado y false en cualquier otro caso

Marcar un checkbox

 jquery | 
 
 copy code |
?

  1. $(".ck").attr("checked","checked");

Desmarcar un checkbox

 jquery | 
 
 copy code |
?

  1. $(".ck").removeAttr("checked");

Marcar todos los checkboxes

 CSS | 
 
 copy code |
?

  1. $(".ck:checkbox:not(:checked)").attr("checked", "checked");

Desmarcar todos los checkboxes

 jquery | 
 
 copy code |
?

  1. $(".ck:checkbox:checked").removeAttr("checked");

Combinando algunos de lo visto anteriormente podemos realizar fácilmente un check que haga la función de marcar/desmarcar todo y que actue sólo sobre los elementos con la clase “ck”:

 HTML | 
 
 copy code |
?

  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  2. <script language="javascript">
  3. $(document).ready(function(){
  4.    $(".check_todos").click(function(event){
  5.      if($(this).is(":checked")) {
  6.    $(".ck:checkbox:not(:checked)").attr("checked", "checked");
  7.   }else{
  8.   $(".ck:checkbox:checked").removeAttr("checked");
  9.   }
  10.    });
  11. });
  12. </script>
  13. <form>
  14. <p><input name="Todos" type="checkbox" value="1" class="check_todos"/>Seleccionar todos</p>
  15. <p>
  16.   <input name="elemento1" type="checkbox" value="1" class="ck"/>elemento 1<br />
  17.   <input name="elemento2" type="checkbox" value="2" class="ck"/>elemento 2<br />
  18.   <input name="elemento3" type="checkbox" value="3" class="ck"/>elemento 3<br />
  19.   <input name="elemento4" type="checkbox" value="4" class="ck"/>elemento 4<br />
  20.   <input name="elemento5" type="checkbox" value="5" class="ck"/>elemento 5</p>
  21. <p>El siguiente check no se verá afectado</p>
  22. <input name="elemento5" type="checkbox" value="5" />elemento n
  23. </form>

Fuente y ejmplo en: Webintenta

Menús personalizados en WP

Una de las nuevas características de WordPress 3.0 es la creación de menús personalizados. Hasta ahora los usuarios tenían que hacer complicadas modificaciones en el código de sus plantillas o themes si querían añadir otros enlaces en el menú de navegación.

WordPress permitía mostrar solamente las páginas o solamente las categorías del blog pero no era posible mezclar ambas en el mismo menú. Con la nueva función wp_nav_menu() podemos escoger las páginas, las categorías y los enlaces (externos o internos) que deseemos mostrar en el mismo menú.

Está selección la podemos hacer desde el propio DashBoard o Backend, en Appearance – Menus, y podemos crear tantos menús como queramos. Desde la pestaña derecha le asignamos un nombre al menú y seleccionamos las categorías y páginas que deseemos mostrar en el menú marcándolas y pulsando el botón Add to Menu. Así como los enlaces que teclearemos en la ventana Custom links y después añadiremos al menú pulsando el botón Add to Menu.

Inicialmente si el theme no viene preparado, WordPress 3.0 nos permite ubicar el menú con un widget en el sidebar verticalmente. Aunque lo suyo es situarlo horizontalmente en la parte superior a continuación de la cabecera del theme. Para que una plantilla pueda hacer uso de esta posibilidad debe contener la función wp_nav_menu() en el archivo header.php.

WordPress indica que el theme no está preparado para el uso de menús con este mensaje.

Normalmente las plantillas hacen uso de las funciones wp_page_menu() o wp_lists_page() para crear un menú con las páginas del blog. Si sustituímos ese código por;

 PHP | 
 
 copy code |
?

  1. <?php wp_nav_menu( array( 'container_class' => 'menu-header',
  2. 'theme_location' => 'primary' ) );
  3. ?>

estaremos en disposición de usar el menú que configuremos en el DashBoard.

Los parámetros que se pasan a la función son; ‘container_class’ => ‘menu-header’, para decirle que aplique los estilos de la clase “menu-header” contenidos en el archivo style.css y ‘theme_location’ => ‘primary’ que le indica que es el primero de nuestros menús. Por supuesto, puedes usar otro nombre para container_class siempre que definas sus propiedades en la hoja de estilos style.css o incluso no usar ninguno.

Si el menú falla o no se encuentra, se usará la función wp_page_menu() que mostrará un menú sólo con las páginas.

Para mostrar un segundo menú se procede de la misma manera pero indicándo la palabra secondary:

 PHP | 
 
 copy code |
?

  1. <?php wp_nav_menu( array( 'container_class' => 'menu-header',
  2. 'theme_location' => 'secondary' ) );
  3. ?>

Lo visto anteriormente se refiere a la ubicación y la elección de los menús en las distintas zonas de nuestro theme. Es decir, no siempre podemos necesitar un sólo menú superior o que éste aparezca en la página principal, podríamos hacer uso del menú que nos interese.

Pero para poder hacer uso de los menús tenemos que decirle a WordPress cuál es cada uno y así nos permita seleccionarlos y configurarlos desde el DashBoard. Eso lo hacemos en el archivo functions.php. Para el caso de dos menús:

 PHP | 
 
 copy code |
?

  1. register_nav_menus( array (
  2. 'primary' => __( 'Navegacion Principal', 'tu_theme' ),
  3. 'secondary'=>__( 'Navegacion Secundaria', 'tu_theme' )));

Este será el resultado en la ventana de configuración de menús.

Via: Enraladas.

Hacer un botón a partir de un link con css

Les comparto esta truco css que la verdad le da mucha vista a nuestros links html:

1. envolvemos nuestro el contenido del tag con etiquetas y asiganamos las respectivas clases css, quedando de la siguiente forma:

 HTML | 
 
 copy code |
?

  1. <a href="#" class="button">
  2.     <span class="vermas">Texto de mi boton</span>    
  3. </a>

 2. creamos nuestras clases de css para que el lin obtenga un aspecto de boton.

3. el “PLUS” es que el boton contiene un icono que le dara mucha vista:

 CSS | 
 
 copy code |
?

  1. a.button{
  2. background-position: center top;
  3. background: url('images/bk_mas_a.png');
  4. display: block;
  5. color: #333333;
  6. font-weight: bold;
  7. height: 27px;
  8. line-height: 28px;
  9. text-decoration: none;
  10. width: 296px;
  11. font-size: 10px;
  12. font-family: arial;
  13. background-repeat: no-repeat;
  14. margin-left: 3px;
  15. margin-top: -1px;
  16. text-align: center;
  17. }
  18. a:hover.button{
  19. background-position: center top;
  20. text-decoration: none;
  21. background-image: url('images/bk_mas_hover.png');
  22. background-repeat: no-repeat;
  23. color: #333333;
  24. }
  25. .vermas{
  26. background-position: 80px 7px;
  27. text-indent: 10px;
  28. display: block;
  29. background-image: url('images/link.png');
  30. background-repeat: no-repeat;
  31. }

Espero que les agrade el truco. Salu2

 

Cuanto cobrar?

¿Eres freelance y no sabes cuánto cobrar por tu trabajo? Esta aplicación es una herramienta para todo aquel que trabaja de manera independiente. Calcula cuánto cobrar por horas trabajadas o por proyecto de acuerdo con las características que este tendrá tendrá.
Cobrar por horas trabajadas: Maneja tus gastos personales y laborales por mes y por año, luego calcula cuanto puedes cobrar por tu trabajo de medio tiempo o tiempo completo.

Cobrar por proyecto: Selecciona todas las características del proyecto que vas a implementar, el tipo de cliente, el entorno de desarrollo, etcétera. La aplicación calculará cuando puedes cobrar por categoría y también un costo total del proyecto.

YouTube Preview Image

www.cuantocobrar.com

Detectar Malware en sitios web

Recientemente me encontre con la nefasta situacion en la cual un proveedor de servicios de hosting hacia aceveraciones hacerca de los desarrollos web de un servidor, diciendo:

Suspendimos tu servicio por que tenia un monton de archivos que estaban hospedando con malware. Se me hace que estos chavos que les pasaste la administracion de la pagina o no le saben mucho o pusieron templates piratas que venian con malware y ni cuenta se dieron.

 

 

TEMPLATES PIRATAS!!!…. al ver esto me puse como HULK!! por que para los desarrollos no uso templates, son desarrollos a la medida, pero bueno dije, a cualquiera puede pasarle asi es que decidi poner manos a la obra y no dejar que esto manche el desarrollo aqui dejo 2 herramientas para detectar malware en su web:

1- http://www.urlvoid.com/

2- http://www.google.com/safebrowsing/diagnostic?site=<dirección_web.com>