3at
 

calse del dia (08/10/07)

 

Lenguaje de programacion

JTable

Permite mostrar una estructura de filas y columnas, sus datos pueden encontrarse en un modelo similar al JList, este es DefaultTableModel al cual podremos agregarle filas y columnas.

 

El DefaultTableModel debe encontrarse contenido en el JTable y el JTable en un JScrollPane

Para definir las columnas podemos crear un array con los nombres de las columnas(Titulos) yluego asignarlos al modelo con el metodo setColumnIdentifiers(new String{"Titulo1","Titulo2"}) luego para agregar registros o filas usaremos el metodo addRow(new Object[](Dato1,Dato2))

 

El evento que debemos usar para cuando seleccionamos un item de la tabla será MouseListener

  

 

import javax.swing.*;
import java.awt.event.*;
import java.util.Date;
import javax.swing.table.*;
public class Tablas extends JFrame implements MouseListener{
DefaultTableModel dt=new DefaultTableModel();
JTable tabla=new JTable(dt);
JScrollPane Panel =new JScrollPane(tabla);
public Tablas(){
 this.setSize(300,300);
 this.getContentPane().setLayout(null);
 //String titulos[]={"Nombre","Email"};
 //dt.addTableModelListener(this);
 dt.setColumnIdentifiers(new String[]{"Nombre","Email"});
 Object Lista[][]={{"Marco","
marqhino@yahoo.es"},{"Carlos","car01@yahoo.es"}};
 for(int i=0, n=Lista.length;i<n;i++){
 dt.addRow(new Object[]{Lista[i][0],Lista[i][1]}); 
 }
 Panel.setBounds(20,30,150,200);
 this.getContentPane().add(Panel);
 tabla.addMouseListener(this);
 
 }
 public static void main(String[] args) {
  Tablas f1=new Tablas();
  f1.setVisible(true);
 }

 public void mouseClicked(MouseEvent e) {
  Date fechahora = new Date();
  this.setTitle(fechahora.toString());
  int columna=tabla.getSelectedColumn();
  int fila=tabla.getSelectedRow();
  JOptionPane.showMessageDialog(null,dt.getValueAt(fila,columna));
  //tabla.clearSelection();
 }

 public void mouseEntered(MouseEvent e) {
  // TODO Auto-generated method stub
  
 }

 public void mouseExited(MouseEvent e) {
  // TODO Auto-generated method stub
  
 }

 public void mousePressed(MouseEvent e) {
  // TODO Auto-generated method stub
  
 }

 public void mouseReleased(MouseEvent e) {
  // TODO Auto-generated method stub
  
 }

 

 

 

 

 

 

************************************************************************************

 

EJER 2:

 

 

 

import javax.swing.*;
import java.awt.event.*;
import javax.swing.table.*;
public class tabla2 extends JFrame implements ActionListener,MouseListener {
JLabel lblNombre=new JLabel("Nombre");
JLabel lblSueldo=new JLabel("Sueldo");
JTextField txtNombre=new JTextField();
JTextField txtSueldo=new JTextField();
JButton btnAgregar=new JButton("Agregar");
DefaultTableModel modelo=new DefaultTableModel();
JTable tabla=new JTable(modelo);
JScrollPane jspPanel=new JScrollPane(tabla);
public tabla2(){
 this.setSize(300,300);
 this.setDefaultCloseOperation(EXIT_ON_CLOSE);
 getContentPane().setLayout(null);
 modelo.setColumnIdentifiers(new String[]{"Nombre","Sueldo"});
 jspPanel.setBounds(20, 90, 250, 150);
 lblNombre.setBounds(20,20,80,20);
 lblSueldo.setBounds(20,60,80,20);
 txtNombre.setBounds(100,20,80,20);
 txtSueldo.setBounds(100,60,80,20);
 btnAgregar.setBounds(200,20,80,20);
 getContentPane().add(lblNombre);
 getContentPane().add(lblSueldo);
 getContentPane().add(txtNombre);
 getContentPane().add(txtSueldo);
 getContentPane().add(btnAgregar);
 getContentPane().add(jspPanel);
 btnAgregar.addActionListener(this);
 tabla.addMouseListener(this);
}
 public static void main(String[] args) {
  tabla2 t2=new tabla2();
  t2.setVisible(true);
 }
 public void actionPerformed(ActionEvent arg0) {
  if(arg0.getSource()==btnAgregar){
   modelo.addRow(new Object[]{txtNombre.getText(),txtSueldo.getText()});
   txtNombre.setText(null);
   txtSueldo.setText(null);
  }
 }

 public void mouseClicked(MouseEvent arg0) {
  int Col=tabla.getSelectedColumn();
  int Fil=tabla.getSelectedRow();
  txtNombre.setText(modelo.getValueAt(Fil,Col).toString());
  txtSueldo.setText(modelo.getValueAt(Fil,Col+1).toString());
 }

 public void mouseEntered(MouseEvent arg0) {
  // TODO Apéndice de método generado automáticamente
  
 }

 public void mouseExited(MouseEvent arg0) {
  // TODO Apéndice de método generado automáticamente
  
 }

 public void mousePressed(MouseEvent arg0) {
  // TODO Apéndice de método generado automáticamente
  
 }

 public void mouseReleased(MouseEvent arg0) {
  // TODO Apéndice de método generado automáticamente
  
 }

}

 

}

 

 

PROGRAMACION WEB 

 PIZARRA:

EVENTOS ON MOUSEOVER Y ON MOUSEQUT
ON MOUSEOVES = AL COLOCAR EL CURSOS ENCIMA DE ALGUN OBJETO.
ON MOUSEOUT = AL QUITAR EL CURSOS DE ALGUN OBJETO
ONLOAD 0 CUANDO SE CARGA LA PAGUINA
ON UNIDAD 0 CUANDO SE ABANDONA LA PAGINMA

ONCLIK = PARA APRETAR

 

 

EJER1= SE TIENE KE ADJUNTAR 2 IMAGENES IGUALES PERO DE ISTINTA FORMA

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<script>
function c1(){
document.getElementById('xx').src='AAA.JPG'
}
function c2(){
document.getElementById('xx').src='paisaje.jpg'
}
function adios(){

alert('adios'+a)
}
</script>

</head>

<body>
<img  id="xx" onmouseover="c1()" onmouseout="c2()" src="paisaje.jpg" width="448" height="336" />
</body>
</html>

 

EJER2_: CON ESTE CODIGO SE HACE UNA PAGUINA KE  TE SALUDA Y SE DESPIDE

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<script>
function hola(){
a= prompt('ingresa tu npombre')
alert('hola'+a)
}
function adios(){

alert('adios'+a)
}
</script>


</head>

<body onload=" hola()" onunload="adios()">


</body>
</html>

 

 EJER 4: CAMBIO DE COLORES AUTOMATICO

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<script>
function c1(){
document.getElementById('A').bgColor='#FF0000'
}
function c2(){
document.getElementById('A').bgColor='#33R015'
}
function c3(){
document.getElementById('A').bgColor='#FF0154'
}
</script>
<style type="text/css">
<!--

 

-->
</style></head>

<body  id="A" >
<p  onmouseover="c1()" >ROJO</p>
<p  onmouseover="c2()" >NEGRO</p>
<p  onmouseover="c3()" >AZUL</p>
</body>
</html>

 

EJER5: CAMBIO DE COLORES CON BOTONES

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
</head>
<script>
function c1(){
document.getElementById('S').bgColor='#FF0000'
}
function c2(){
document.getElementById('S').bgColor='#33R015'
}
function c3(){
document.getElementById('S').bgColor='#FF0154'
}
</script>

<body id="S">
<label></label>
<label>
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs

p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
<label></label>
<div align="center">
  <input type="button" onclick="c1()" value="1" >

   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp

;&nbsp;&nbsp;&nbsp;
   <input type="button"   onclick="c2()" value="2" />
   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <input type="button"  onclick="c3()"  value="3" />
</div>
<p>&nbsp;</p>
<p>
  <input type="image" name="imageField"  height="200" width="200"src="../../All Users/Documentos/Mis im&aacute;genes/Im&aacute;genes de muestra/Colinas azules.jpg" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
<form id="form1" name="form1" method="post" action="">
  <label>
  <input type="image" name="imageField2"   height="200" width="200" src="../../All Users/Documentos/Mis im&aacute;genes/Im&aacute;genes de muestra/Puesta de sol.jpg" />
  </label>
</form>
</body>
</html>