Ver Mensaje Individual
  #4 (permalink)  
Antiguo 19/02/2007, 14:57
Avatar de hgp147
hgp147
 
Fecha de Ingreso: diciembre-2006
Ubicación: Buenos Aires, Argentina
Mensajes: 980
Antigüedad: 17 años, 3 meses
Puntos: 36
Re: Hacer formulario para añadir datos a un código HTML

Hola eMx, he hecho el siguiente codigo, espero que te sirva:

Código HTML:
<html>

<head>

<SCRIPT language=JavaScript>

			function build_it(form) {



			form.generar_codigo.value='';



			    if (form.input1.value != "") {

                                                  if (form.input2.value != "") {

                                                     if (form.input3.value != "") {

                                                        if (form.input4.value != "") {

                                                           if (form.input5.value != "") {

                                                              if (form.input6.value != "") {







                                                 form.generar_codigo.value = "<table border=\"1\" cellpadding=\"0\" cellspacing=\"0\" style=\"border-collapse: collapse\" bordercolor=\""  +

			      form.input1.value+"\""  +

                                                 form.generar_codigo.value + " width=\"100%\">\n"  +

                                                 form.generar_codigo.value + "<tr>\n"  +

                                                 form.generar_codigo.value + "<td background=\""  +



			      form.input2.value+"\" onmouseover = \"this.style.background='"  +

                                                 form.input3.value+"'\" onmouseout = \"this.style.background='"  +

                                                 form.input4.value+"'\" onclick = \"location='" +

                                                 form.input5.value+"'\" style=\"cursor: hand;\" width=\"100%\">\n" +

                                                 form.generar_codigo.value + "<table border=\"0\" cellpadding=\"0\" cellspacing=\"3\" style=\"border-collapse: collapse\" width=\"100%\">\n<tr>\n<td width=\"100%\">"  +

                                                 form.input6.value+"<\/td>\n</tr>\n</table>\n</td>\n</tr>\n</table>\n" ;

            

}	

}

}

}

}

}		    

}



</SCRIPT>



</head>



<form name="generar_codigo">



<p>Color del borde de la tabla<input size=15 name=input1></p>



<p>Color de fondo predeterminado de la tabla<input size=15 name=input2></p>



<p>Color para efecto OnMouseOver<input size=15 name=input3></p>



<p>Color para efecto OnMouseOut<input size=15 name=input4></p>



<p>URL de destino<input size=15 name=input5></p>



<p>Texto del enlace<input size=15 name=input6></p>



<input onClick="build_it(this.form)" type="button" value="Generar Codigo" name="button">



<input type="reset" value="Limpiar" name="reset">



<textarea name="generar_codigo" rows=12 cols=45></textarea>



<input onClick=form.generar_codigo.focus();form.generar_codigo.select(); type=button value="Seleccionar Codigo" name=grab>



</form>

                  





</body>

</html> 

Para que te aparezca el codigo generado tienen que estar completadas todos los input de texto, sino el codigo no se va a mostrar.

Si te queda alguna duda decime

Última edición por hgp147; 19/02/2007 a las 16:34 Razón: Arreglado