Carlita » Uncategorized

JQueryUI Hello accordion

noviembre13

=)Paso#1: Insertar la porción de tags que se convertiran formaran el accordion

<html>

<head>

<title>pagina1</title>

<!–AQUI SCRIPTs –>

</head>

<body>

<div id=»accordion»>

<h3><a href=»#»>First header</a></h3>
<div>First content</div>

<h3><a href=»#»>Second header</a></h3>
<div>Second content</div>

</div>

</body>

</html>

=)Paso#2: //Añadir los css y js de JQueryUI y JQuery

<link rel=»stylesheet» href=»css/ui-lightness/jquery-ui-1.8.16.custom.css»>

<script src=»js/jquery-1.6.2.min.js»></script>

<script src=»js/jquery-ui-1.8.16.custom.min.js»></script>

<script>

$(function() {

$( «#accordion» ).accordion(); //este convierte esos tags en accordion

});

</script>

Así a cualquier div que tengas añádele un header h3 y te queda un lindo accordion =)

posted under Uncategorized | No Comments »

document.createElement vs JQuery append

noviembre13

Detallitos que a veces pasan por alto, pero document.createElement es más rápido. =) =P

Fuente: http://stackoverflow.com/questions/268490/jquery-document-createelement-equivalent

posted under Uncategorized | No Comments »

JQuery append

noviembre13

Un poco de JQuery!

Para crear elementos y añadirlos:

//Ejemplo

for(var i=0;i<menu.length;i++){

$(‘.ui-widget’).append(title[i]+’: <input id=»tags’+i+'» />’);

}

//Esto añade al div de clase ui-widget, los input tags0,1,…

<div class=»ui-widget»>

</div>

Fuente: http://api.jquery.com/append/

posted under Uncategorized | No Comments »

JQuery autocomplete links

noviembre12

=O suuper! si quieren que el autocomplete sea linkeable, agregar evento select e indicar enlace

$( "#project" ).autocomplete({
  minLength: 0,
  source: projects,
  focus: function( event, ui ) {
  $( "#project" ).val( ui.item.label );
	return false;
  },
  select: function( event, ui ) {

  //aqui todo codigo

  //ejemplo1  --->setear imagen u otros atributos de elementos
  $( "#project" ).val( ui.item.label );
  $( "#project-id" ).val( ui.item.value );
  $( "#project-description" ).html( ui.item.desc );
  $( "#project-icon" ).attr( "src", "images/" + ui.item.icon );


  //ejemplo2  --->setear imagen u otros atributos de elementos
  window.location.href = ui.item.value;

  return false;
  }
  })
  .data( "autocomplete" )._renderItem = function( ul, item ) {
    return $( "<li></li>" )
    .data( "item.autocomplete", item )
    .append( "<a>" + item.label + "<br>" + item.desc + "</a>" )
    .appendTo( ul );
  };
Fuentes:

http://jqueryui.com/demos/autocomplete/#custom-data
http://stackoverflow.com/questions/4536055/jquery-autocomplete-where-the-results-are-links

posted under Uncategorized | No Comments »

PhpMyadmin

octubre11

Crear stored procedures en phpmyadmin

DROP PROCEDURE IF EXISTS `listarCiudades`;
DELIMITER $$
CREATE DEFINER=`root`@`localhost` PROCEDURE `listarCiudades`()
BEGIN

SELECT
    p.id,
    p.nombre
FROM
    producto p
;
END $$
DELIMITER ;

Llamarlos

CALL listarCiudades();

posted under Uncategorized | No Comments »

Cada día se aprende algo nuevo, bueno… pues, el día de hoy… leyendo en un foro, vi que alguien preguntaba qué son los archivos inc, por qué se pone a veces un include(«unArchivo.inc») en php, en fin…, una de las personas que contestaron, dijo que esto se hace realmente por seguridad :O, pues al ponerle ésta extensión no se interpreta como php y así el código fuente no será entregado ya que no hay salida por parte de PHP (echo, printf …)… :O

Fuente: http://www.forosdelweb.com/f18/cuando-usa-archivos-inc-399447/

posted under Uncategorized | No Comments »