Desarrollo y diseño

[AYUDA]Generar HTML a partir de datos de un form

B
[Borrado] #1 Jul '12

Hola,

Estoy diseñando una firma corporativa (para correo-e) y se me ha ocurrido que una buena forma para distribuirla sería crear un formulario web en el que el usuario introduzca sus datos y le genere el código html con sus datos para que pueda configurar la firma en los diferentes gestores de correo, incluso un botón de "Guardar Código". El problema es que no sé muy bien como hacerlo, he estado experimentando con createelement y function addElement pero no me sale.
Lo que quiero conseguir es algo como esto: http://www.onu.org.do/instraw/webs/index.html sólo que en vez de para crear una página web me dé el html de la firma con los datos que introduzca el usuario.
Los campos serían:
Nombre ; Apellidos ; Departamento ; Función ; Teléfono ; Móvil ; e-mail

El html de la firma es este:

HTML

Un saludo y muchas gracias de antemano.

HeXaN
HeXaN #2 Jul '12

A mí se me ocurre así a simple vista que metas esos datos en variables ($nombre, $apellidos...) y las pongas dentro de ese HTML que has pegado. Luego simplemente tendrías que "imprimirlo" en una caja de texto por ejemplo.

Vamos, usando PHP.

1 1 respuesta
B
[Borrado] #3 Jul '12

#2 Muchas gracias por la idea, el problema es que mis conocimientos de php son mas bien nulos, podrías por favor, y disculpa si es abusar :( ponerme uno de ejemplo? después ya lo replico yo para todos los campos. Muchísimas gracias.

Merkury
Merkury #4 Jul '12

Pues tendrías que hacer el envió del Form y pillar los valores de los textbox (a mi me gusta hacerlo por POST) y luego con la función echo() de php imprimir el HTML metiendo las variables sin mas.

<form action="generaHTML.php" method="POST">
//Aqui la info del form con un submit y los campos de texto que quieras recoger con un id//
<input type="text" id="nombre>
</form>

Esto es el script generaHTML.php

<?php

if(isset($_POST["nombre"]))
{
             $nombre = $_POST["nombre"];
             echo("<style=FONT-SIZE:10pt>$nombre</font></font></span></b><span style=><br>");
}else
{
             echo("Datos introducidos erroneos");
             echo("<form action=main.php><input type=submit value=Volver></form>");
}

?>

Mas o menos espero que te ayude, lo he hecho on the fly así que no se como irá XD

1 1 respuesta
EnZo
EnZo #5 Jul '12

Busca php forms en google y te saldran ejemplos que te serviran de ayuda. Ejem:
http://www.tizag.com/phpT/forms.php/

1 1 respuesta
B
[Borrado] #6 Jul '12

#4 Primero de todo, muchísimas gracias me está ayudando mucho pero tengo un problema con el script, me salta un error de sintaxis en el netbeans en la línea del

}else

por lo que no lo ejecuta bien y no puedo ver el resultado de mis pruebas.

#5 gracias, he encontrado cosas muy interesantes en ese enlace.

Salu2 ;)

edito: #7 ya encontré el error, era que le faltaba un ) en el if.

1 respuesta
EnZo
EnZo #7 Jul '12

#6 debajo de la linea de }else no tienes una linea debajo que abra llave { y luego cierre } ? Si no es así quita la palabra else de esa linea y deja solo }.

1 respuesta
HeXaN
HeXaN #8 Jul '12

#1 Como está el Diablo III chapado te lo he hecho xD Es lo más simple y llano que se me ha ocurrido:

introduceDatos.php

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<form action="muestraFirma.php" method="POST">
	
<label for="nombre">Nombre: </label>
<input type="text" name="nombre" id="nombre" />
</br>

<label for="apellidos">Apellidos: </label>
<input type="text" name="apellidos" id="apellidos" />
</br>

<label for="departamento">Departamento: </label>
<input type="text" name="departamento" id="departamento" />
</br>

<label for="funcion">Función: </label>
<input type="text" name="funcion" id="funcion" />
</br>

<label for="telefono">Teléfono: </label>
<input type="text" name="telefono" id="telefono" />
</br>

<label for="movil">Móvil: </label>
<input type="text" name="movil" id="movil" />
</br>

<label for="email">Email: </label>
<input type="text" name="email" id="email" />
</br>

<input type="submit" value="Generar" />


</form>

muestraFirma.php

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<?php 
	extract($_POST);
 ?>

<!-- Mostramos el código de la firma en una caja de texto -->
<textarea rows="35" cols="80" value="<p><hr></p>	
<p style="MARGIN:0cm 0cm 0pt" class="MsoNormal"><b><span style=""><font
color="#9b0f0f" face="Verdana"><font

style="FONT-SIZE:10pt">Nombre y apellidos: <?php echo $nombre.' '.$apellidos; ?></font></font></span></b><span style=""><br>

</span><span style=""><font color="#595959"><font face="Verdana">

<font style="FONT-SIZE:8pt">Nombre Departamento: <?php echo $departamento; ?> <br> Puesto de trabajo: <?php echo $funcion; ?> <br>
E-mail: </font></font></font></span>

<span style=""><a moz-do-not-send="true" 

href="mailto:<?php echo $email; ?>"><span

style=""><font color="#9b0f0f" face="Verdana"><font style="FONT-SIZE:8pt">
<?php echo $email; ?></font></font></span></a><br>

</span><span style=""><font face="Verdana"><font color="#111111">

<font style="FONT-SIZE:7pt">T. <b><?php echo $telefono.' - '.$movil; ?></b>| 

</font></font></font></span></p>

<p style="MARGIN:0cm 0cm 0pt"><span><font face="Verdana"><font
color="#111111"><font style="FONT-SIZE:7pt"><img
moz-do-not-send="true"
src="https://dl.dropbox.com/u/28986675/imagen01.gif"><br>
</font></font></font></span></p>"
 </textarea>


<!-- Mostramos la firma -->
<p><hr></p>	
<p style="MARGIN:0cm 0cm 0pt" class="MsoNormal"><b><span style=""><font
color="#9b0f0f" face="Verdana"><font

style="FONT-SIZE:10pt">Nombre y apellidos: <?php echo $nombre.' '.$apellidos; ?></font></font></span></b><span style=""><br>

</span><span style=""><font color="#595959"><font face="Verdana">

<font style="FONT-SIZE:8pt">Nombre Departamento: <?php echo $departamento; ?> <br> Puesto de trabajo: <?php echo $funcion; ?> <br>
E-mail: </font></font></font></span>

<span style=""><a moz-do-not-send="true" 

href="mailto:<?php echo $email; ?>"><span

style=""><font color="#9b0f0f" face="Verdana"><font style="FONT-SIZE:8pt">
<?php echo $email; ?></font></font></span></a><br>

</span><span style=""><font face="Verdana"><font color="#111111">

<font style="FONT-SIZE:7pt">T. <b><?php echo $telefono.' - '.$movil; ?></b>| 

</font></font></font></span></p>

<p style="MARGIN:0cm 0cm 0pt"><span><font face="Verdana"><font
color="#111111"><font style="FONT-SIZE:7pt"><img
moz-do-not-send="true"
src="https://dl.dropbox.com/u/28986675/imagen01.gif"><br>
</font></font></font></span></p>

Enlace de descarga: http://dl.dropbox.com/u/8284637/generafirmas.rar

2 2 respuestas
Merkury
Merkury #9 Jul '12

#8 Hahaha que amote, pero le has quitado toda la gracia a #1 XD

B
[Borrado] #10 Jul '12

#8 OMFG! si vienes a galicia cuenta con unas copas como aperitivo :P mil gracias!!! lo voy a probar.

Usuarios habituales

Tags