División activa: Shutdown
Para postular, solo contesta al formulario que aparece en pantalla.

Podrás acceder a los apartados del foro más abajo.

División activa: Shutdown

Servidor actual: VortexRO
 
ÍndiceÍndice  RegistrarseRegistrarse  ConectarseConectarse  
¡¡ Follow us !!



VortexRO

Comparte | 
 

 ¿Cómo has... creado un formulario que al enviarlo se postee automaticamente?

Ir abajo 
AutorMensaje
Globo
Administrador
Administrador
avatar

Nacionalidad : España Masculino Mensajes : 672
Fecha de inscripción : 30/07/2011
Edad : 27

MensajeTema: ¿Cómo has... creado un formulario que al enviarlo se postee automaticamente?   Mar 5 Feb - 5:26

Paso por paso;
- Accedes al panel de administrador

- Clicas sobre MODULOS (asegúrate de tener clicado el modo AVANZADO)

- Abajo del todo, clicas sobre Gestión de códigos JAVASCRIPT

- Seleccionas CREAR NUEVO JAVASCRIPT

Código:
<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>

- Registra el formulario

- ¡¡ Pruébalo !!

*Asegúrate de leer el contenido comentado del código y ve editándolo a tu gusto*

_________________
Volver arriba Ir abajo
Ver perfil de usuario http://www.teamprivilege.com
 
¿Cómo has... creado un formulario que al enviarlo se postee automaticamente?
Volver arriba 
Página 1 de 1.

Permisos de este foro:No puedes responder a temas en este foro.
División activa: Shutdown :: Sección de Invitados :: Temas generales :: Tutoriales :: ¿Como has...?-
Cambiar a: