<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<title>Formulario</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
/>
<style type="text/css">
<!-- body {
background-color:#7D7B7B;
color:#ffffff;
text-align:center;
}
form {
width:450px;
text-shadow:2px 2px 0px black;
margin:auto;
}
fieldset {
width:430px;
}
-->
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
var auth1;
var auth2;
jQuery(function () {
//ID del foro donde queremos que se cree el tema
var id_foro = 3;
jQuery("#hidden").load("/post?f=" + id_foro + "&mode=newtopic form[action='/post']");
});
function enviarMensaje(form) {
// Crear mensaje a partir de los datos suministrados
var txt_message = "<strong>Nick :</strong> " + form.pseudo.value + '\n' + "<strong>Nombre :</strong> " + form.prenom.value + '\n' + "<strong>Edad :</strong> " + form.age.value + '\n' + "<strong>Aficiones :</strong> " + form.passions.value + '\n' + "<strong>Me gusta: :</strong> " + form.aime.value + '\n' + "<strong>Odio: :</strong> " + form.aime_pas.value + '\n' + "<strong>Tu comida preferida:</strong> " + form.poke_prefere.value + '\n' + "<strong>Tus consolas:</strong> " + form.console.value + '\n' + "<strong>Tu especialidad:</strong> " + form.Specialite.value + '\n' + "<strong> Cómo llegaste hasta el foro</strong> " + form.parrain.value + '\n' + "<strong>Comentario :</strong> " + form.comment.value + '\n' + "<strong>Codigo suministrado por el Admin antes de acceder al foro</strong> " + form.code.value + '\n';
// Ahora se insertará todo lo que hayamos metido en el formulario
form.message.value = txt_message;
jQuery("#hidden").find("input[name='auth[]']").each(function (index) {
if (index == 0) auth1 = jQuery(this).attr("value");
if (index == 1) auth2 = jQuery(this).attr("value");
});
jQuery("input#auth1").attr("value", auth1);
jQuery("input#auth2").attr("value", auth2);
jQuery("#titulo").val("Ficha de presentación de " + jQuery("#pseudo").val());
}
</script>
</head>
<body>
<div id="hidden" style="display:none"></div>
<form action="/post" method="post" name="post" enctype="multipart/form-data"
onSubmit="enviarMensaje(this)" target="_parent">
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" />
<input id="auth1" type="hidden" value="" name="auth[]">
<input id="auth2" type="hidden" value="" name="auth[]">
<!-- Se creará un nuevo tema automaticamente con la información suministrada -->
<input type="hidden" name="topictype" value="0" checked="checked" />
<!-- Value 0: Tema Normal (1=p ost-it / 2=A nuncio) -->
<input type="hidden" name="message" value="" />
<!-- Contendra el texto del mensaje -->
<input type="hidden" name="f" value="3" />
<!-- ID del subforo donde queremos que se cree el tema-->
<input type="hidden" name="subject" id="titulo" value="" class="USERNAME" />
<h3>PRESENTATE </h3>
<table>
<tr>
<td>
<label for="pseudo">
<B>Nick :</B>
</label>
</td>
<td>
<input type="text" name="pseudo" id="pseudo" class="USERNAME" size="30" required="required" />
</td>
</tr>
<tr>
<td>
<label for="prenom">
<B>Nombre :</B>
</label>
</td>
<td>
<input type="text" name="prenom" id="prenom" size="30" required="required" />
</td>
</tr>
<tr>
<td>
<label for="age">
<B>Edad :</B>
</label>
</td>
<td>
<input type="text" name="age" id="age" size="30" placeholder="XX ANS" required="required" />
</td>
</tr>
<tr>
<td>
<label for="passions">
<B>Aficiones :</B>
</label>
</td>
<td>
<input class="text" name="passions" id="passions" size="30" required="required" />
</td>
</tr>
<tr>
<td>
<label for="aime">
<B>Lo que te gusta :</B>
</label>
</td>
<td>
<input class="text" name="aime" id="aime" size="30" required="required" />
</td>
</tr>
<tr>
<td>
<label for="aime_pas ">
<B>Lo que odias :</B>
</label>
</td>
<td>
<input class="text" name="aime_pas" id="aime_pas" size="30" required="required" />
</td>
</tr>
<tr>
<td>
<label for="poke_prefere">
<B>Tu comida preferida:</B>
</label>
</td>
<td>
<input class="text" name="poke_prefere" id="poke_prefere" size="30" required="required" />
</td>
</tr>
<tr>
<td>
<label for="console ">
<B>Tus consolas :</B>
</label>
</td>
<td>
<input class="text" name="console" id="console" size="30" required="required" />
</td>
</tr>
<tr>
<td>
<label for="Specialite">
<B>Especialidades :</B>
</label>
</td>
<td>
<input class="text" name="Specialite" id="Specialite" size="30" required="required" />
</td>
</tr>
</table>
<fieldset>
<legend>
<B>Cómo llegaste al foro</B>
</legend>
<label for="parrain">El modo en que conoci este foro</label>
<br />
<textarea id="parrain" name="parrain" rows="4" cols="50" required="required"></textarea>
<br />
</fieldset>
<fieldset>
<legend>
<B>¿Algun comentario aparte?</B>
</legend>
<label for="comment">Para conocerte mejor :</label>
<br />
<textarea id="comment" name="comment" rows="4" cols="50"></textarea>
<br />
</fieldset>
<fieldset>
<legend>
<B>Codigo suministrado por el administrador para poder participar en el foro</B>
</legend>
<label for="code">El codigo dado por el Fundador.</label>
<br />
<textarea id="code" name="code" rows="1" cols="50" required="required"></textarea>
<br />
</fieldset>
<fieldset>
<legend>
<B></B>
</legend>
<center>
<br />
<input name="post" value="Pulsa el botón para que el post sea creado" type="submit" />
</center>
</fieldset>
</form>
</body>
</html>
Índice 
