29 ene 2011

CURSO INTRODUCTORIO JQUERY

buscando Formas de aprender algunas cosas nuevas de esta tecnología JQUERY para el desarrollo de paginas en la web 2.0 me encontré con un vídeo tutorial animado introductorio de esta tecnología que nos nos introduce a todo este nuevo mundo de la web 2.0 y acceso a base de datos desde JQUERY. Esta librería que hace más fácil la programación en javascript y que facilita mucho la creación de esos efectos en el texto y las imágenes que tanto nos gustan.

Las aplicaciones en internet son cada vez más complejas, ya que incorporan efectos visuales, drag and drop, auto-completar, animaciones etc. el desarrollar todos estos conceptos desde cero puede resultar complicado sobretodo si tenemos que presentar la solución con muy poco tiempo, en este tipo de situaciones el empleo de librerías como el jQuery nos facilitan el desarrollo de la aplicación. Otra ventaja paralela es despreocuparnos cuando codificamos en la compatibilidad de navegadores, ya que la librería resolverá esto.

Para utilizar la librería como dijimos debemos descargarla del sitio oficial y en cada página que lo requiera agregar:

  

Del sitio oficial de jQuery descargaremos la versión descomprimida que ocupa alrededor de 60 Kb (es el archivo jquery.js) y cuando subamos nuestro sitio es recomendable descargar la versión comprimida que tiene un peso de 20 Kb.

La librería jQuery en resumen nos aporta las siguientes ventajas:

  • Nos ahorra muchas líneas de código.
  • Nos hace transparente el soporte de nuestra aplicación para los navegadores principales.
  • Nos provee de un mecanismo para la captura de eventos.
  • Provee un conjunto de funciones para animar el contenido de la página en forma muy sencilla.
  • Integra funcionalidades para trabajar con AJAX.

La Pagina Oficial de Jquery AQUI

y el link de descargar para la libreria jquery.1.4.4.min.js la encuentras Aqui

Copias Todo el contenido de la pagina y lo pegas en un archivo JAVASCRIPT y le puedes poner el nombre que desees Te Recomiendo jquery.1.4.4.min.js

otra pagina donde puedes encontrar tutoriales muy buenos es javascriptya Entrar AQUI

Video Muy Bueno





Para ver mas videos aca esta la direccion

illasaron-Curso-de-jQuery


Apoya al blog dando click en los anuncios no te tomara mas de 10 segundos -- ademas te informaras de noticias de actualidad Comentar es Agradecer (Clickear Anuncios También)

19 ene 2011

Insertar Eliminar Datos en ListBox Java

Para Esta Ocasion Utilizaremos las Siguientes Propiedades

Primero Diseniamos la pantalla de presentacion que tendra nuestra aplicacion


Asi como se Muestra :





Utilizaremos la propiedad : MODEL del Jlist que nos permite personalizar el Elemento Jlist
desde El codigo dicha propiedad se puede cambiar como se observa la imagen y le asignamos el nombre nuestra pereferencia










luego en el formulario como se muestra el siguiente codigo

01  /*
02 * JvinFrm.java
03 *
04 * Created on 14/01/2011, 11:32:16 PM
05 */
06
07 package jvinlistbox;
08 import javax.swing.DefaultListModel;
09 import javax.swing.JOptionPane;
10 /**
11 *
12 * @author Vinces
13 */
14 public class JvinFrm extends javax.swing.JFrame {
15 DefaultListModel jvinlist = new DefaultListModel();
16 /*declaramos el modelo del jlist que definimos en la propiedad*/
17 int pos=-1;
18 /** Creates new form JvinFrm */
19 public JvinFrm() {
20 initComponents();
21 txtjvin2.setVisible(false);
22 setSize(450, 465);
23 setLocation(350, 150);
24 this.setResizable(false);
25 }
26
27 private void btnjvinActionPerformed(java.awt.event.ActionEvent evt) {
28 Agregar();//llaama al metodo que insertara los datos
29 }
30
31 private void jButton1ActionPerformed(java.awt.event.ActionEvent evt) {
32 eliminar();//Llamamos Al Metodo Eliminar sin ningun parametro debido a que utiliza
33 //la variable global pos
34 }
35
36 private void jList1MouseClicked(java.awt.event.MouseEvent evt) {
37 verifica();//llamamos al metodo que verificac que indice se ha seleccionado
38 }
39
40 private void jList1FocusGained(java.awt.event.FocusEvent evt) {
41 verifica();//llamamos al metodo que verificac que indice se ha seleccionado
42 }
43
44 private void jList1ValueChanged(javax.swing.event.ListSelectionEvent evt) {
45 verifica();//llamamos al metodo que verificac que indice se ha seleccionado
46 }
47
48 private void jButton2ActionPerformed(java.awt.event.ActionEvent evt) {
49 parametros();//carga el abecedario por defecto
50 }
51
52 private void jButton3ActionPerformed(java.awt.event.ActionEvent evt) {
53 jvinlist.clear();//limmpia el model
54 }
55 /*Meetodos*/
56 public void Agregar()
57 {
58 if(txtjvin.getText().trim().equalsIgnoreCase(""))//verifica se hemo escrito algo
59 {//el textbox(Caja de Texto eliminando espacios en blanco
60 JOptionPane.showMessageDialog(null, "nu ha Escrito Nada tenga la Amabilidad de escribir para poder ingresar los datos al ListBox", "http://Jvinceso.blogspot.com", WIDTH);
61 this.txtjvin.setText("");//limpiamos espacios
62 }
63 else
64 {
65 jvinlist.addElement(txtjvin.getText());//agregamos los datos del textbox al list box
66 this.txtjvin.setText("");//limpiamos caja texto
67 }
68 }
69
70 public void eliminar()
71 {
72 if(pos>=0)//Verificamos que hayan Datos Agregados en el Listbox
73 {
74 jvinlist.remove(pos);//Si Contiene DatosRemovemos del ListModel
75 } else
76 {
77 //Caso Contrario Mostramos un Mensaje De Informacion
78 JOptionPane.showMessageDialog(null, "nu selecciono ningun Item", "http://Jvinceso.blogspot.com", WIDTH);
79 }
80 }
81
82 public void verifica()
83 {
84 if(jvinlist.getSize()>1)//validamos que el listmodel contenga datos
85 {
86 pos = jList1.getSelectedIndex();//Obtenemos el Indice Seleccionado con el metodo getSelectedIndex()
87 //y lo igualamos a la variable global que guarda las posiciones de seleccion
88 int tem=pos+1;
89 txtjvin2.setText("Item a Eliminar : "+tem);//mostramos que indice se eliminara
90 txtjvin2.setVisible(true);//hacemos visible el textbox
91 }
92 }
93 public void parametros()
94 {
95
96 String[] ABC={"A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z"};
97 for(int i=0;i<ABC.length;i++)
98 {
99 jvinlist.addElement(ABC[i]);
100 }
101 }





ahora solo nos faltaria la clase main la cual tiene el siguiente codigo


01 package jvinlistbox;
02
03 /**
04 *
05 * @author Vinces
06 */
07 public class Main {
08
09 /**
10 * @param args the command line arguments
11 */
12 public static void main(String[] args) {
13 // TODO code application logic here
14 new JvinFrm().setVisible(true);
15 }
16
17 }


LO QUE EJECUTANDO EL PROGRAMA NOS QUEDARIA COMO LAS SIGUIENTES PANTALLAS





no se puede eliminar si no se tiene itemes en el list otra imagen del programa corriendo





y no podia faltar el codigo fuente del programa para bajar el proyecto y darle un vistazo al codigo


Hosting Mediafire
No Olvides Comentar Es Agradecer