Ver Mensaje Individual
  #8 (permalink)  
Antiguo 19/05/2007, 08:26
Avatar de derkenuke
derkenuke
Colaborador
 
Fecha de Ingreso: octubre-2003
Ubicación: self.location.href
Mensajes: 2.665
Antigüedad: 21 años, 2 meses
Puntos: 45
Re: ¿Como seleccionar una fila de una tabla para borrarla?

Podría ser una cosa así (no he hecho el modificar):

Código PHP:
<table border="1" id="tabla">
    <
tr>
        <
td>Curso</td><td>Asignatura</td><td>Convocatoria</td><td>Nota</td><td>N&ordmCr&eacute;ditos</td>
    </
tr>
    <
tr>
        <
td>2</td><td>Programaci&oacute;n II</td><td>3</td><td>7</td><td>7.5</td>
    </
tr>
    <
tr>
        <
td>1</td><td>A</td><td>3</td><td>7</td><td>4</td>
    </
tr>
    <
tr>
        <
td>2</td><td>X</td><td>3</td><td>5</td><td>7.5</td>
    </
tr>
    <
tr>
        <
td>1</td><td>Y</td><td>3</td><td>1</td><td>7.0</td>
    </
tr>
    <
tr>
        <
td>2</td><td>O</td><td>3</td><td>NP</td><td>3</td>
    </
tr>
    </
table>
    
    <
table>
    <
tr>
        <
td><input type=button value="A&ntilde;adir" onclick="anadir()"></td>
        <
td><input type=button value="Borrar" onclick="eliminar()"></td>
        <
td><input type=button value="Modificar"></td>
    </
tr>
</
table>



<
script type="text/javascript">

var 
seleccionado=null;            //contiene la fila seleccionada

function onclickHandler() {
        if(
seleccionado==this) {
            
this.style.backgroundColor="transparent";
            
seleccionado=null;
        }
        else {
            if(
seleccionado!=null
                
seleccionado.style.backgroundColor="transparent";
            
this.style.backgroundColor="#e0b";
            
seleccionado=this;
        }
        
    }

var 
filas=document.getElementById("tabla").getElementsByTagName("tr");
for(var 
i=0i<filas.lengthi++) {
    
filas[i].onclick=onclickHandler;
}


function 
anadir() {
    var 
tr=document.createElement("TR");
    var 
celdas=["Curso","Asignatura","Convocatoria","Nota","Número Créditos"];
    for( var 
i in celdas ) {
        var 
td=document.createElement("TD");
        var 
txt=document.createTextNodewindow.prompt(celdas[i],"a") );
        
td.appendChild(txt);
        
tr.appendChild(td);
    }
    
tr.onclick=onclickHandler;
    
document.getElementById("tabla").appendChild(tr);
}

function 
eliminar() {
    if(
seleccionado==null) return alert("Seleccione una fila haciendo click sobre ella");
    
seleccionado.parentNode.removeChild(seleccionado);
}

</script> 
A ver si te gusta.

Saludos.
__________________
- Haz preguntas inteligentes, y obtendrás más y mejores respuestas.
- Antes de postearlo Inténtalo y Búscalo.
- Escribe correctamente tus mensajes.