Foros del Web » Programando para Internet » Javascript »

boton agregar y borrar fila que contiene datos extraidos de mysql

Estas en el tema de boton agregar y borrar fila que contiene datos extraidos de mysql en el foro de Javascript en Foros del Web. Estimados amigos.! Esta es una tabla que sirve para modificar datos de un trabajador. Con él ya logro mostrar de la base de datos 2 ...
  #1 (permalink)  
Antiguo 15/11/2010, 19:15
Avatar de Doble_a71  
Fecha de Ingreso: noviembre-2010
Ubicación: Venezuela
Mensajes: 6
Antigüedad: 13 años, 5 meses
Puntos: 1
boton agregar y borrar fila que contiene datos extraidos de mysql

Estimados amigos.!
Esta es una tabla que sirve para modificar datos de un trabajador. Con él ya logro mostrar de la base de datos 2 cargos y 2 sitios donde labora la persona; el formulario tiene 2 botones hechos con javascript que agregan o borran una linea. El problema esta en que ya puedo generar otra linea pero no puedo borrar la primera que se me muestra cuando abro la consulta para modificar de la base de datos. Para colmo de males, si agrego una linea con el botón "agregar" y luego la borro, allí si me permite borrar la linea que tiene los datos de la bd..!. Se que debo utilizar DOM y una sentencia DELETE FROM de mysql para borrar los registros pero de verdad ya no se donde ponerlas para que funcione como es debido.

De antemano un millón de gracias por explicármelo como si se lo explicaran a un bebe gorila..!

Código:
<?php
include ("acceso.php");
include ("conexion.php");
$ced  = $_POST["cedula"];

//abro la conexion a personal
$plink=@mysql_connect($dbhost,$dbuser,$dbpassw)or die ('Ha fallado una conexion a la bd: '.mysql_error()); 
//selecciono mi base de datos
@mysql_select_db($dbname,$plink) or die(mysql_error());

// para sacar el cargo del plantel donde trabaja
$var="";
$resump=@mysql_query("SELECT * FROM $dbtablec ORDER BY ccargo",$plink);
while ($row1=@mysql_fetch_array($resump))
{ 
$var.= '<option value="'.$row1["ccargo"].'" alt="'.$row1["dcargo"] .'", alt1="'.$row1["ccargo"] .'">'.$row1["ccargo"].'</option>';
}

// para sacar el plantel por donde cobra
$var1="";
$resump1=@mysql_query("SELECT * FROM $dbtablp2 ORDER BY cdependencia",$plink);
while ($row2=@mysql_fetch_array($resump1))
{ 
$var1.= '<option value="'.$row2["cdependencia"].'" alt2="'.$row2["ddependencia"] .'", alt3="'.$row2["cdependencia"] .'">'.$row2["cdependencia"].'</option>';
}

// para sacar el plantel por donde trabaja
$var2="";
$resump2=@mysql_query("SELECT * FROM $dbtablp2 ORDER BY cdependencia",$plink);
while ($row3=@mysql_fetch_array($resump2))
{ 
$var2.= '<option value="'.$row3["cdependencia"].'" alt4="'.$row3["ddependencia"] .'", alt5="'.$row3["cdependencia"] .'">'.$row3["cdependencia"].'</option>';
}
// para sacar el cargo funcional
$var3="";
$resump=@mysql_query("SELECT * FROM $dbtablec ORDER BY ccargo",$plink);
while ($row4=@mysql_fetch_array($resump))
{ 
$var3.= '<option value="'.$row4["ccargo"].'" alt6="'.$row4["dcargo"] .'", alt7="'.$row4["ccargo"] .'">'.$row4["ccargo"].'</option>';
}
?>

<script language='JavaScript'>
// script que ayuda a seleccionar de la bd los codigos de los cargos y planteles y que permite q se clone esa linea donde se escogen los datos
var cont=1
function addRow()
{
cont++;
var indiceFilaFormulario=1;
myNewRow = document.getElementById('tabla').insertRow(-1);
myNewRow.id=indiceFilaFormulario;
myNewCell=myNewRow.insertCell(-1);
myNewCell.innerHTML='<td><select name="lista_'+cont+'" onChange="listaSeleccionada(this)" ><option value="<? echo "$var";?>"></option></select></td>';
myNewCell=myNewRow.insertCell(-1);

myNewCell.innerHTML='<input type="text" size="11" name="unid_'+cont+'" value=""/>';
myNewCell=myNewRow.insertCell(-1);

myNewCell.innerHTML='<td><select name="lista4_'+cont+'" onChange="listaSeleccionada4(this)" ><option value="<? echo "$var3";?>"></option></select></td>';
myNewCell=myNewRow.insertCell(-1);

myNewCell.innerHTML='<input type="text" size="11" name="unid4_'+cont+'" value=""/>';
myNewCell=myNewRow.insertCell(-1);

myNewCell.innerHTML='<td><select name="lista2_'+cont+'" onChange="listaSeleccionada1(this)" ><option value="<? echo "$var1";?>"></option></select></td>';
myNewCell=myNewRow.insertCell(-1);

myNewCell.innerHTML='<input type="text" size="16" name="unid1_'+cont+'" value=""/>';
myNewCell=myNewRow.insertCell(-1);

myNewCell.innerHTML='<td><select name="lista3_'+cont+'" onChange="listaSeleccionada2(this)"><option value="<? echo "$var2";?>"></option></select></td>';
myNewCell=myNewRow.insertCell(-1);

myNewCell.innerHTML='<input type="text" size="16" name="unid2_'+cont+'" value=""/>';
myNewCell=myNewRow.insertCell(-1);

myNewCell.innerHTML='<input type="text" size="5" name="choras_'+cont+'" value="" style="text-align:center" onFocus="javascript:Sumar();" onBlur="javascript:NoSumar();" />';
myNewCell=myNewRow.insertCell(-1);
indiceFilaFormulario++;


myNewCell.innerHTML='<input type="button" name="borrar" value="x" onClick="borra()""/>';
}

function borra()
{
var nparrafo=document.getElementById('tabla');
nparrafo.deleteRow(myNewRow.rowIndex);
}
</script>
<script language='JavaScript'>
function listaSeleccionada(lista) { 
arr=lista.name.split("_");
//c1="code_"+arr[1];
c2="unid_"+arr[1];
c3="code_"+arr[1];
document.form[c2].value = lista.options[lista.selectedIndex].getAttribute("alt");
document.form[c3].value = lista.options[lista.selectedIndex].getAttribute("alt1");
}
function listaSeleccionada1(lista) { 
arr=lista.name.split("_");
c4="unid1_"+arr[1];
c5="code1_"+arr[1];
document.form[c4].value = lista.options[lista.selectedIndex].getAttribute("alt2");
document.form[c5].value = lista.options[lista.selectedIndex].getAttribute("alt3");
}
function listaSeleccionada2(lista) { 
arr=lista.name.split("_");
c6="unid2_"+arr[1];
c7="code2_"+arr[1];
document.form[c6].value = lista.options[lista.selectedIndex].getAttribute("alt4");
document.form[c7].value = lista.options[lista.selectedIndex].getAttribute("alt5");
}
function listaSeleccionada4(lista) { 
arr=lista.name.split("_");
c8="unid4_"+arr[1];
c9="code4_"+arr[1];
document.form[c8].value = lista.options[lista.selectedIndex].getAttribute("alt6");
document.form[c9].value = lista.options[lista.selectedIndex].getAttribute("alt7");
}
</script>

<BODY LANG="es-VE" TEXT="#000000" DIR="LTR" >
<table width="1060px" border="1" align="center" cellpadding="6" cellspacing="0" height="30px" style = "FONT-SIZE:10.5px;border-bottom:none;"><br />
		<td align="center" WIDTH=95px BGCOLOR="#99ccff" style="font-size:12px;">
			<strong>Cod. Cargo Nominal</strong></td>
		<td align="center" WIDTH=123px BGCOLOR="#99ccff" style="font-size:12px;">
			<strong>Cargo Nominal</strong></td>
		<td align="center" WIDTH=95px BGCOLOR="#99ccff" style="font-size:12px;">
			<strong>Cod. Cargo Funcional</strong></td>
		<td align="center" WIDTH=123px BGCOLOR="#99ccff" style="font-size:12px;">
			<strong>Cargo Funcional</strong></td>
		<td align="center" WIDTH=100px BGCOLOR="#99ccff" style="font-size:12px;">
			<strong>Cod Plant Cobra</strong></td>
		<td align="center" WIDTH=175px BGCOLOR="#99ccff" style="font-size:12px;">
			<strong>Plantel Cobra</strong></td>
		<td align="center" WIDTH=95px BGCOLOR="#99ccff" style="font-size:12px;">
			<strong>Cod Plant Trab</strong></td>
		<td align="center" WIDTH=175px BGCOLOR="#99ccff" style="font-size:12px;">
			<strong>Plantel Trabaja</strong></td>
		<td align="center" WIDTH=65px BGCOLOR="#99ccff" style="font-size:12px;">
			<strong>Cant. Hrs</strong></td>
		<td align="center" WIDTH=40px BGCOLOR="#99ccff" style="font-size:12px;">
			<strong>1+</strong></td>
</table>
<table width="1060px" border ="1" id="tabla" color ="0000ff" bordercolor="#FFCC33" align="center" cellpadding="0" cellspacing="0" style = "FONT-SIZE:9px;border-top:none;">
<?php
// hacemos la consulta a la base de datos de donde trabajan
$selec = "SELECT * FROM $dbtabled WHERE ccedula ='$ced'";
$res = mysql_query($selec) or die ('Ha fallado la conexion a la tabla: '.mysql_error());
while($line=mysql_fetch_array($res))
{
$ccargo = $line["ccargo"];
$descri = $line["dcargo"];
$tcargo = $line["tcargo"];
$tdescr = $line["tdcargo"];
$cdepen = $line["cdependencia"];
$cdescr = $line["ddependencia"];
$tdepen = $line["tdependencia"];
$tddesc = $line["tddependencia"];
$cthrs  = $line["cthoras"];
?>
  <tr><td>	<select name='lista_1' onChange='listaSeleccionada(this)'>
<option value="<?php echo $ccargo; ?>"<?php if ($line["ccargo"] == $ccargo) echo ' selected="selected"'; ?>><?php echo $ccargo; ?></option>
			<option value="<?php echo $var;?>"><?php echo $var;?></option>
		</select></td>
	<td>
		<input type="text" size="11" name="unid_1" value="<?php echo $line["dcargo"]; ?>"/></td>
	<td>	<select name='lista4_1' onChange='listaSeleccionada4(this)'>
<option value="<?php echo $tcargo;?>"<?php if ($line["tcargo"] == $tcargo) echo ' selected="selected"';?> > <?php echo $tcargo; ?></option>
			<option value="<?php echo $var3;?>"><?php echo $var3;?></option>
		</select></td>
	<td>
		<input type="text" size="11" name="unid4_1" value="<?php echo $line["tdcargo"]; ?>"/></td>
	<td>
		<select name='lista2_1' onChange='listaSeleccionada1(this)'>
<option value="<?php echo $cdepen; ?>"<?php if ($line["cdependencia"] == $cdepen) echo ' selected="selected"'; ?>><?php echo $cdepen; ?></option>
			<option value="<?php echo $var1;?>"><?php echo $var1;?></option>
		</select></td>
	<td>
		<input type="text" size="16" name="unid1_1" value="<?php echo $line["ddependencia"]; ?>"/></td>
	<td>
		<select name='lista3_1' onChange='listaSeleccionada2(this)'>
<option value="<?php echo $tdepen; ?>"<?php if ($line["tdependencia"] == $tdepen) echo ' selected="selected"'; ?>><?php echo $tdepen; ?></option>
			<option value="<?php echo $var2;?>"><?php echo $var2;?></option>
		</select></td>
	<td>
		<input type="text" size="16" name="unid2_1" value="<?php echo $line["tddependencia"]; ?>"/></td>
	<td>
		<input type=text name="choras" value="<?echo $cthrs ;?>" style="text-align:center" onFocus="Sumar();" onBlur="NoSumar();" size="5">
		<input type="hidden" name="reg" value="<?php echo $line["idnrodc"]; ?>">
	</td>
	<td  width="50" align="center">
		<input type="button" name="boton2" value=" + " onClick="addRow()"></td>
	<td>
		<input type="button" name="borrar" value="[-]" onClick="borra()"></td>
</tr>
<? }// fin del while ?>

Etiquetas: borrar, registro, botones
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:20.