Foros del Web » Creando para Internet » HTML »

existen librerias en HTML o algo asi

Estas en el tema de existen librerias en HTML o algo asi en el foro de HTML en Foros del Web. necesito saber como hacer referencia a un formulario de html , pero que este me sirva para ingresar datos como tambien para mostrar los datos ...
  #1 (permalink)  
Antiguo 22/02/2005, 21:24
 
Fecha de Ingreso: diciembre-2004
Mensajes: 13
Antigüedad: 13 años
Puntos: 0
Pregunta 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
  #2 (permalink)  
Antiguo 23/02/2005, 06:51
Avatar de monoswim
$moderador{'Esteban'}
 
Fecha de Ingreso: febrero-2002
Ubicación: Buenos Aires - Argentina
Mensajes: 8.762
Antigüedad: 15 años, 10 meses
Puntos: 90
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:
<!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&oacute;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> &nbsp; <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>&nbsp;&nbsp;Sistema 
                de Administraci&oacute;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&oacute;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&oacute;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()">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
                    <input name="confirmar" type="submit" disabled id="confirmar" value="Confirmar Operaci&oacute;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&oacute;n de Reclamos</FONT></DIV></TD>
              </TR>
            </TBODY>
          </TABLE>
          <p><br>
          </p>
        </DIV></TD>
    </TR>
  </TBODY>
</TABLE>

</BODY></HTML>
Como verás está todo hecho en javascript, debes conocer bastante de javascript, para aprender puedes visitar www.desarrolloweb.com

Espero que te sirva
Saludos
__________________
Esteban Quintana

Última edición por monoswim; 23/02/2005 a las 06:52
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 21:04.