¿hasta donde podre llegar?

mmmm, hace mucho que no escribo, no por la buena vida, mas bien, por la mala costumbre.

estoy algo atareado, desarrollando una pequeña aplicación para admisión, pero bueno, es cosa de avanzar, publicare algunas de las cosas que me parecieron muy importantes de mostrar. (si amigos, jQuery…).

aun recuerdo hace ya poco mas de un mes, cuando aquellos 3 arboles de moras empezaron a soltar esos frutos tan dulces (aunque gran parte de las que encontraba eran las amargas, todos solian sacar las mas negritas).

recordaba tambien aquel día en que casi caigo de espaldas por pisar uno de sus frutos. mmm, que nostalgia, el tiempo se va, las moran no caen. los arboles envejecen. igual que yo.

pero! aun tengo uno que explorar, es el arbol de peras, lo bueno es que se encuentra muy cerca de nuestra oficina, ciertamente, en nuestra ventana, como para sacar el brazo y cojer alguna. pero aun es muy temprano, nunca imagine tener la dicha de ver como se forman esos frutos, es muy bonito, paciente.

papa el día de ayer ordeno el patio, construyo lo que soliamos llamar ayer por la tarde: “el hotel conejo”, con piscina, jajaja, fue muy gracioso, no pude tomar fotos, llege de trabajar y a almorzar, el tiempo es muy corto.

el siguiente post lo dedicare a él, mi padre.

hice un trabajo muy bonito en jQuery, pueden verlo en la siguiente dirección, luego paso el código fuente, en realidad, lo hice asi case un mes, les agrado mucho!!!, punto para computo XD.

por ahora tendre que sonreir con aquellas gomitas de ambrosoli – amberries, aunque pensandolo bien, son muy ricas, nos vemos!!!

pues hoy observe lo descuidado del blog, navegando encontre notas curiosas en blogs de compañeros de estudios, aqui algunos:

(luego los listo XD, perdi el ficheritoo)

mmm, se me van los años XD…

el domingo ya pasado, deseaba ir a un campeonato internacional de pesca de orilla y submarina, mmm, lamentablemente no pude, problemillas conejunos.

deseo tomar fotos y grabar en video a 2d y n!!!, estan creciendo, ya no me dicen cosas de antes!!!, no pegan papelitos en mi puerta, no me dan regalos, pucha, los extraño, no deseo que crescan…

por otro lado, necesito terminar mi informe, mmm, no es una necesidad, es un deber!, mmmm, debo administrar mejor mi tiempo ahora que me quedan menos de 1 mes y medio, si podre, por mis hermanos!.

tengo planeado hacer tesis con un compañero de la universidad, bueno, luego vemos lo de la aplicación, me gusta el movimiento de las bibliotecas, ahora con los conocimientos que llevo croe que sera mas sencillo.

pues pues pues, se me dio por hacer este tutorial gracias a este post:

¿que contiene la aplicación?

• agregación de nueva fila por medio de un formulario a la tabla
• eliminación de una fila obteniendo su id para modificar la base de datos por ajax
• validación de campos de texto enteros, texto y formato e-mail con jquery.validate
• actualización de bases de datos con ajax
• formato de aplicacion usando css

¿que olvide añadir?

• la opción de editar fila, por ejemplo un enlace en la fila y al hacerle click obtener sus datos y modificarlos. no tengan problema en un futuro tutorial hare un ejemplo similar a este.

imagen de la aplicación

descarga

puedes descargar la aplicacion desde el siguiente enlace.

cualquier duda bienvenida sea.

tabs o pestañas en nuestro buen español, antiguamente solia usar un muy excelente plugin pata tabs llamado idTab, pero al momento de actualizar jQuery a la versión 1.3.2 dejo de funcionar en ie6, paro completamente el desarrollo de mis labores.

asi que ya habiendo leido algo sobre la creación de plugins en jQuery decidi intentar crear uno, pues a ver como me va:

Descargar: DEMO

estructura html

pues, la estructura html es muy sencilla, y usual, debe tener la siguiente forma:

<div id="tab" class="tab">
<ul>
	<li><a href="#tab1">Internet</a></li>
	<li><a href="#tab2">Wap</a></li>
	<li><a href="#tab3">jQuery</a></li>
</ul>
<div id="tab1">

Contenido para internet</div>
<div id="tab2">

Contenido para tecnologías WAP</div>
<div id="tab3">

Contenido para plugins jQuery</div>
<div class="pie">Este div es opcional</div>
</div>

pueden observar que existe una lista, y un conjunto de divs, creo que la idea ya esta definida, por cada click que haga en un enlace de la lista, hara ocultar todos los divs y mostrara al div que tenga como referencia.

el estilo

bueno, no se si sea necesario agregar el código del estilo, pero para los curiosos ahi les va

@charset "utf-8";
/* CSS Document */

body{
	font-family: "Lucida Sans Unicode";
	font-size: 11px;
}

.tab{
	margin: auto;
}
.tab ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.tab ul li{
	float: left;
	padding: 7px 0px;
	border-right: 1px solid #fff;
}
.tab ul li a{
	padding: 7px 14px;
	background-color: #CCC;
	text-decoration: none;
	color: #369;
}
.tab ul li a:hover{
	background-color: #ddd;
}

.tab .selected{
	background-color: #eee;
}

.tab div{
	clear: both;
	padding: 20px;
	*padding-top:10px;
	border: 1px solid #CCC;
}
p{
	margin: 0px 0px 20px 0px;
}
.ultimo{
	margin: 0px 0px 0px 0px;
}
.tab div.pie{
	text-align: right;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

el plugin jQuery: tab

a continuación explico el code del plugin

jQuery.fn.tab = function() {
	var div = jQuery(this);
	$(div).find("div:not(.pie)").hide().eq(0).show();
	$(div).find("ul li a").eq(0).addClass('selected');
	$(div).find("ul li a").click(function(){
		$(div).find("ul li a").removeClass('selected');
		$(this).addClass('selected');
		$(div).find("div:not(.pie)").hide();
		$( $(this).attr('href') ).show();
	});
}

la descripción

linea 01: creo la función con el nombre tab
linea 02: almaceno en una variable llamada div todo el contenedor div
linea 03: ocultamos todos los divs de contenido situados dentro del contenedor, a eXepción del div que tiene la clase .pie, seleccionamos el primer div con eq(0) y luego lo mostramos
linea 04: ubicamos el primer item de la lista y le agregamos la clase de estilo .selected, dara un efecto de enfoque

linea 05: aqui viene un evento de tipo click al momento de hacer click en uno de los items de la lista.
linea 06: una vez hecho click removemos a todos los enlaces de la lista la clase .selected
linea 07: ahora al enlace de la lista que hicimos click añadimos la clase de estilo .selected, para dar el efecto de enfocado
linea 08: ocultamos nuevamente a toodos los div a eXepción del div de clase .pie (este div es opcional agregarlo, en mi caso lo agrego para agregar botones como agregar, modificar, cancelar, etc)…
linea 09: ubicamos el nombre del div a mostrar tomando el atributo del enlace ‘href’ con ‘attr’: $(this).attr(‘href’), y mostramos al div enlaZado.

añadiendo las dependencias

añadimos jQuery, nuestro plugin, y una hoja de estilos.

ejecutando el plugin

pues, sencillamente…

	$(document).ready(function(){
		$("#tab").tab();
	});

pues, luego de pasar muuucho tiempo, crei que el agregar código en wordpress.com seria cuestión de pago, mmm, afortunadamente googleando, encontre el siguiente ejemplo:

agregando la siguiente estructura (nota que es un ejemplo), se puede dar formato automático al código agregado, con numeración, coloreado, etc, en nuestro caso, agregamos algunas lineas css.

de lo cual tendriamos el siguiente resultado

  body{
    float: left;
    clear: both;
  }

  table{
    margin: auto;
    border: 0px;
  }

puede soportar varios formatos: cpp, csharp, css, delphi, html, java, jscript, php, python, ruby, sql, vb, xml

fuente: ubuntulife

luego de destruir un poco el blog buscando e indagando, por fin pude agregar código a mi blog en wordrpress.com, crei que siempre seria con algun plugin, pero bueno, era muy sencillo…

segun nuestro amigo wikipedia jQuery es:

jQuery es una biblioteca o framework de Javascript que permite simplificar la manera de interactuar con los documentos HTML, permitiendo manejar eventos, desarrollar animaciones y agregar interacción con la tecnología AJAX a páginas web. jQuery, al igual que otras bibliotecas, ofrece una serie de funcionalidades basadas en Javascript que de otra manera requerirían de mucho más código. Es decir, con las funciones propias de esta biblioteca se logran grandes resultados en menos tiempo y espacio.

jQuery, se puede descargar desde el siguiente enlace, actualmente se encuentra en la versión 1.3.2, tube algunos problemas, ya que solia usar su versión 1.2.6 y algunos plugins no andaban bien en la 1.3.2 como idTabs (muy bueno), jClock, etc.

primeramente se enlaza la libreria

<script language="javascript" type="text/javascript" src="su_carpeta/jquery-1.3.2.min.js"></script>

<script language="javascript" type="text/javascript">
  $(document).ready(function(){
    alert('hola mundo');
  )};
</script>

el alert ‘hola mundo’ se enviara una vez cargada totalmente la estructura de la web, eso nos da la facilidad de ejecutar código javascript ’solo’ cuando se a cargado totalmente la estructura web, asi nos evitaremos muchos problemas…

en los proximos días estare actualizando este espacio, agregando los plugins que han pasado por mis manuus.

solo deseaba una llamada, un “hey, puedes venir a recogerme?”, un “hola conejito te extraño”, un mensaje de texto, tal vez no del cel, podria ser desde la web, algun correo…

sueñitos tontitos, y aquella ilusión dijo…

“tu presencia me enoja, vete, para vienes…”

luego de eso hui, con aquel pastelito en las manos… me acostumbro… a ser basura…

te extraño kde, mi viejo amigo, perdón por no cuidarte, tal vez, aun estarias aqui, mordiendo mis cables, caminando en mi camita, hechadote con las orejotas a lado, perdón amigo kde, te falle…

cuando parara la lluvia en mi corazón

cuando dejara de hablarme con tu voz

busco y no encuentro

sueño hasta despierto y no entiendo… cuando parara…

estoy triste…

inicie algo horrible, ahora no puedo detenerlo, lo dejo todo en sus manos, la extraño, hoy por la tarde no aguante las ganas de llamarla, me imagino que debe estar bien… siempre lo esta…

nunca, desde que iniciaron sus clases vino a buscarme, nunca se paro en mi puerta, o me espero en la capilla sentadita como antes…

nunca hiZo algo…

io… solo espero…

hoy fui a buscarla,

martes por la tarde,

estaba muy bonita, me

dijo que su cuerpo

andaba mal, su figura…

nunca mire su figura,

solo miro su carita, que

me encanta ver…

la amo

le dije que la extraño,

que desearia que este

aqui a mi lado,

abrazarla… me dijo que

no…

io la extraño, desearia

que me envie mensajes

como antes…

no lo hace, no me

escribe… no me visita

siempre lo hago io, por

que no me da amor…

tantos años, tan rapido

se olvidan?, no

entiendo, quiero

entender, quiero

olvidar, queiro escapar,

quiero respirar otra

vez… pero deseo, que

sea por ella

deseo que ella sea

aquella salvavidas, que

busco, deseo qeu vuelva

a acariciarme cuando

este cansado, que se

heche en mi cuando este

cansada

que me mire dormir, me

de masajes, que me

rasque la cabeza…

me me muerda los labios,

que me bese, que me

abraze…

que me de amor, que me

espere, que suspire por

mi, que su corazón lata

por mi, que intente ser

la de antes…

que me pregunte si

almorze hoy, que me

traiga comida, que se

preocupe por mi, que sea

mi madre y amor, que me

extrañe

necesito tantas cosas de

ella, tantas…

deseo que este aqui,

hechadita a mi lado y

verla dormir…

deseo morir a su lado,

enevjecer a su lado…

ver a nuetros hijos

crecer…

pero cada minuto, cada hora, cada dia, cada semana, veo mas lejos mis sueños… la veo mas lejos

me siento mas lejos

y eso me esta matando… no quiero respirar, quiero dormir por siempre…

“soy un conchudo”

por que ella paso por eso…

i ahora io ioro i eia sonrie…

soy un maldito egoista…

todo es tan divertido hasta que pierdes lo que ganaste…