22/02/2005, 21:24
| |||
| |||
 existen librerias en HTML o algo asi necesito saber como hacer referencia a un formulario de html , pero que este me sirva para ingresar datos como tambien para mostrar los datos , pero sin tener que hacer 2 formularios independientes, si alguien me ayuda se lo agradesco , estoy comenzando en esto, gracias |
|
23/02/2005, 06:51
| ||||
| ||||
| Yo hice un formulario que servía para mostrar la info y además para subir info, el tema era así: A la izquierda puse una lista con todos los registros de la base de datos y cuando clickeabas en cada uno te mostraba la info de ese registro en los inputs del formulario, a la vez tenías un botón de agregar que borraba todos los inputs del form y otro de modificar que le sacaba el disabled para que puedas modiricarlos. Acá te coloco el template que hice, espero que te sirva
Código:
Como verás está todo hecho en javascript, debes conocer bastante de javascript, para aprender puedes visitar www.desarrolloweb.com<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- TemplateBeginEditable name="doctitle" -->
<title></title>
<!-- TemplateEndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<STYLE type=text/css>.form_item {
FONT-SIZE: 12px; FONT-FAMILY: verdana
}
.form_titulo {
FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #ffffff; FONT-FAMILY: verdana; BACKGROUND-COLOR: #000000
}
.celda_logger { background: #eeeeee;
border: 1px solid #888888;
color: black;
padding: 1em;
}
</STYLE>
<SCRIPT language=JavaScript type="text/javascript">
function split_registro (registro_data) {
var inputs_array = ['id','nombre','telefono','email','direccion'];
var registro_array = registro_data.split("||")
document.formulario.registro_id.value = registro_array[0];
document.formularioo.productor_id.value = registro_array[0];
document.formularioo.partidos.disabled = false;
var i = 1;
for (i = 1 ; i < registro_array.length ; i++){
var text_name = inputs_array[i];
if (document.getElementById(text_name)) { //si el input está en este formulario, si no que no haga nada
if (registro_array[i] != ''){ //que llene info siolamente si tiene información
document.getElementById(text_name).value = registro_array[i];
} else {//sino que que lo llene con un espacio vacio
document.getElementById(text_name).value = registro_array[i];
}
}
}
//writeLayer('boton_modificar','<input name="boton_modificar" type="button" onclick="form_modificar(formulario.lista_id.value)" value="Modificar Información">');
}
function form_modificar (){
var inputs_array = ['id','nombre','telefono','email','direccion'];
var i = 1;
for (i = 1 ; i < inputs_array.length ; i++){
var text_name = inputs_array[i];
if (document.getElementById(text_name)) { //si el input está en este formulario, si no que no haga nada
document.getElementById(text_name).disabled = false;
}
}
document.formulario.confirmar.value = 'Guardar Cambios';
document.formulario.confirmar.disabled = false;
}
function form_new (){
var inputs_array = ['id','nombre','telefono','email','direccion'];
var i = 1;
for (i = 1 ; i < inputs_array.length ; i++){
var text_name = inputs_array[i];
if (document.getElementById(text_name)) { //si el input está en este formulario, si no que no haga nada
document.getElementById(text_name).disabled = false;
document.getElementById(text_name).value = '';
}
}
document.formulario.confirmar.value = 'Agregar Nuevo';
document.formulario.confirmar.disabled = false;
}
function form_confirmar () {
if (document.formulario.confirmar.value == 'Guardar Cambios'){
alert('Procesar la actualización de la base de datos');
}else {
if (document.formulario.confirmar.value == 'Agregar Nuevo'){
alert('Procesar el alta en la base de datos');
}
}
}
</SCRIPT>
</HEAD>
<BODY text=#000000 bgColor=#ffffff>
<TABLE cellSpacing=0 cellPadding=0 width=752 align=center border=0>
<TBODY>
<TR>
<TD height="67" align=middle vAlign=top> <TABLE cellSpacing=0 cellPadding=0 width="95%" align=center border=0>
<TBODY>
<TR>
<TD bgcolor="#006699"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong> Sistema
de Administración de Reclamos</strong></font></TD>
</TR>
</TBODY>
</TABLE>
<FORM name="formulario" action=index.pl method=post>
<input type="hidden" name="registro_id" value="">
<TABLE cellSpacing=0 cellPadding=0 width="95%" align=center border=0>
<TBODY>
<TR>
<TD colspan="2"> <DIV class=form_item align=left>
<p><strong>Bienvenidos al sistema: </strong>Administrador
del Sistema</p>
</DIV></TD>
</TR>
<TR>
<TD width="36%"> <DIV class=form_item align=left>
<p>Productores<br>
<select name="productores" size="20" id="arbitros" onChange="split_registro(this.value)">
<TMPL_LOOP NAME="productores">
<option value="<TMPL_VAR NAME=value>"><TMPL_VAR NAME=name></option>
</TMPL_LOOP>
</select>
</p>
</DIV></TD>
<TD width="64%"><p>Formulario de Administración:</p>
<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="celda_logger"> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="66%" valign="top"><p align="left"><font color="#006699" size="2" face="Verdana, Arial, Helvetica, sans-serif">Nombre:<br>
<input name="nombre" type="text" id="nombre" size="30" disabled>
<br>
Telefono:<br>
<input name="telefono" type="text" id="telefono" size="15" disabled>
<br>
E-Mail:<br>
<input name="email" type="text" id="email" size="40" disabled>
<br>
Dirección:<br>
<input name="direccion" type="text" id="direccion" size="40" disabled>
</font></p>
</td>
</tr>
</table></td>
</tr>
</table>
<p>
<input name="boton_mod" type=button id="action3" value="Modificar Productor" onClick="form_modificar()">
<br>
<input type="button" name="Button" value="Agregar Productor" onClick="form_new()">
<input name="confirmar" type="submit" disabled id="confirmar" value="Confirmar Operación">
<br>
<input type=reset value="Restaurar Formulario" name=Reset>
</p>
</TD>
</TR>
</TBODY>
</TABLE>
</FORM>
<DIV align=center>
<form method="post" action="index2.pl" name="formularioo">
<p align="left">
<input name="productor_id" type="hidden" id="productor_id" value="">
<input type="submit" name="partidos" id="partidos" value="Administrar Reclamos de este Productor" disabled>
</p>
</form>
<TABLE width="100%">
<TBODY>
<TR vAlign=center bgColor=#666666>
<TD height=13 colSpan=2 bgcolor="#006699"> <DIV align=right><FONT face="Arial, Helvetica, sans-serif"
color=#ffffff size=-7>Sistema de administración de Reclamos</FONT></DIV></TD>
</TR>
</TBODY>
</TABLE>
<p><br>
</p>
</DIV></TD>
</TR>
</TBODY>
</TABLE>
</BODY></HTML>
Espero que te sirva Saludos
__________________ Esteban Quintana Última edición por monoswim; 23/02/2005 a las 06:52 |
