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í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í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í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í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>
&nbs
p;
</label>
<label></label>
<div align="center">
<input type="button" onclick="c1()" value="1" >
 
;
<input type="button" onclick="c2()" value="2" />
<input type="button" onclick="c3()" value="3" />
</div>
<p> </p>
<p>
<input type="image" name="imageField" height="200" width="200"src="../../All Users/Documentos/Mis imágenes/Imágenes de muestra/Colinas azules.jpg" />
</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ágenes/Imágenes de muestra/Puesta de sol.jpg" />
</label>
</form>
</body>
</html>