Code Javascript permettant de publier une image de fond (formulaire)

Voir le sujet précédent Voir le sujet suivant Aller en bas

Code Javascript permettant de publier une image de fond (formulaire)

Message par Papy Roosevelt le Jeu 12 Oct 2017 - 13:18

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.Habbonu.org/

Description du problème

Lien du formulaire : http://www.habbonu.org/h32-formulaire-de-base

Bonjour, y'aurait-il une âme charitable connaissant le codage en Javascript, pour m’éclaircir sur ce problème de formulaire.

J'ai créer un formulaire de recrutement qui fonctionne parfaitement, j'aimerais juste y ajouter une image de fond, lorsqu'on valide le formulaire, une image de fond est présent sur le message, je connais le code mais je ne sais pas comment l'ajouter sur mon script de formulaire.

Et j'aimerais notamment en plus de l'image de fond, qu'une petite image (ça sera un logo) puisse se positionner au début du message de manière centré.


Voici le script de mon formulaire :

Code:
<script type="text/javascript">
function envoiMessage(form) {
// Créer un message à partir des informations fournies
  var txt_message = "[u][b]Pseudo Habbo :[/b][/u] " + form.pseudo.value + '\n\n'
    + "[u][b]Nom et Prénom RPG :[/b][/u] " + form.nomrpg.value + '\n\n'
    + "[u][b]Age RPG :[/b][/u] " + form.agerpg.value + '\n\n'
    + "[u][b]Age IRL :[/b][/u] " + form.ageirl.value + '\n\n'
    + "[u][b]Ancien compte :[/b][/u] " + form.excompte.value + '\n\n'
    + "[u][b]Parcours Militaire/Police :[/b][/u] " + '\n' + form.parcoursj.value + '\n\n'
    + "[u][b]Parcours Mafieux :[/b][/u] " + '\n' + form.parcoursm.value + '\n\n'
    + "[u][b]Parcours Civil :[/b][/u] " + '\n' + form.parcoursc.value + '\n\n'
    + "[u][b]Temps de Connexion :[/b][/u] " + '\n' + form.temps.value + '\n\n'
    + "[u][b]Motivation :[/b][/u] " + '\n' + form.objectif.value + '\n\n'
    + "[u][b]Votre activité :[/b][/u] " + '\n' + form.activity.value + '\n\n';
  // Insère le texte construit dans le champ caché "message" du formulaire
  form.message.value = txt_message;
  // Créer un titre de sujet dynamiquement (Présentation + pseudo) :
  form.subject.value = " " + "[Présentation] " + form.nom.value + "";
}
</script>  <br />
<div style="width: 80%;margin: auto;">
    
   <table style="padding: 0px; background-color: rgb(249, 243, 192); border-style: solid; border-width: 27px; border-image-source: url('http://i86.servimg.com/u/f86/19/41/87/73/cadre10.png');
        border-image-slice: 27 fill; border-image-width: initial; border-image-outset: initial; border-image-repeat: repeat; width: 50%;" align="center" border="10" cellpadding="0" cellspacing="15">
         
      <tbody>
              
         <tr style="border: 0px;">
                   
            <td style="border: 0px;">
                        
               <center>
                              <img src="https://i62.servimg.com/u/f62/17/70/94/08/mini_l10.png" /><br />                                      <strong>FORMULAIRE DE RECRUTEMENT</strong>                                                       
               </center>
                        
               <form action="/post" method="post" name="post" enctype="multipart/form-data" onsubmit="envoiMessage(this)">
                              <input name="lt" value="0" type="hidden" />            <input name="mode" value="newtopic" type="hidden" />            <input name="topictype" value="0" checked="checked" type="hidden" />            <input name="message" value="" type="hidden" />            <input name="subject" value="" type="hidden" />            <input name="f" value="92" type="hidden" />            <img src="https://i58.servimg.com/u/f58/14/11/57/63/icon_m10.gif" />            <label for="pseudo"><strong> Pseudo Habbo:</strong></label><br />            <input name="nom" id="pseudo" value=" " size="50" maxlength="100" type="text" /><br /><br />            <img src="https://i58.servimg.com/u/f58/14/11/57/63/rp_ico10.png" />            <label for="nomrpg"><strong> Nom et Prénom RPG :</strong></label><br />            <input name="nomrpg" id="nomrpg" value=" " size="50" maxlength="100" type="text" /><br /><br />            <img src="https://i62.servimg.com/u/f62/17/70/94/08/settin10.png" />            <label for="agerpg"><strong> Age RPG :</strong></label><br />            <input name="agerpg" id="agerpg" value=" " size="10" maxlength="100" type="text" /><br /><br />            <img src="https://i62.servimg.com/u/f62/17/70/94/08/gyteau12.png" />            <label for="ageirl"><strong> Age IRL :</strong></label><br />            <input name="ageirl" id="ageirl" value=" " size="10" maxlength="100" type="text" /><br /><br />            <img src="https://i62.servimg.com/u/f62/17/70/94/08/parcou10.png" />            <label for="excompte"><strong> Ancien compte :</strong></label><br />            <textarea placeholder="Date : Pseudo du compte (Motif de l'arrêt de l'utilisation ; Banni, Hack..)" name="excompte" id="excompte" rows="3" cols="70"></textarea><br /><br />            <img src="https://i62.servimg.com/u/f62/17/70/94/08/i_icon10.gif" />            <label for="parcoursj"><strong> Parcours Militaire/Police :</strong></label><br />            <textarea placeholder="Date : Nom de l'organisation (Poste occupé)" name="parcoursj" id="parcoursj" rows="4" cols="70"></textarea><br /><br />            <img src="https://i62.servimg.com/u/f62/17/70/94/08/icon_r10.png" />            <label for="parcoursm"><strong> Parcours Mafieux :</strong></label><br />            <textarea placeholder="Date : Nom de l'organisation (Poste occupé)" name="parcoursm" id="parcoursm" rows="4" cols="70"></textarea><br /><br />            <img src="https://i62.servimg.com/u/f62/17/70/94/08/menu_a10.png" />            <label for="parcoursc"><strong> Parcours Civil :</strong></label><br />            <textarea placeholder="Date : Nom de l'organisation (Poste occupé)" name="parcoursc" id="parcoursc" rows="4" cols="70"></textarea><br /><br />            <img src="https://i62.servimg.com/u/f62/17/70/94/08/bzmqer10.gif" />            <label for="temps"><strong> Temps de Connexion ? :</strong></label><br />            <select id="temps" name="temps">
              <option value="Plus de 2h par Jour">Plus de 2h par Jour</option>
              <option value="1h par Jour">1h par Jour</option>
              <option value="1h tout les 3 Jours">1h tout les 3 Jours</option>
              <option value="1h tout les 7jours">1h tout les 7 Jours</option>
            </select><br /><br />            <img src="https://i62.servimg.com/u/f62/17/70/94/08/commen10.png" />            <label for="objectif"><strong> Votre objectif dans l'ONU ? :</strong></label><br />            <textarea name="objectif" id="objectif" rows="4" cols="70"></textarea><br /><br />            <img src="https://i62.servimg.com/u/f62/17/70/94/08/justic11.png" />            <label for="activity"><strong> Votre activité favorite ? :</strong></label><br />            <select name="activity" id="activity">
              <option value="Intervention Saccage (Infiltration/Corruption)">Intervention Saccage (Infiltration/Corruption)</option>
              <option value="Intervention Raid (Affrontement/Arrestation)">Intervention Raid (Affrontement/Arrestation)</option>
              <option value="Les deux : Intervention Saccage et Raid">Les deux : Intervention Saccage et Raid</option>
              <option value="Gestion de Business">Gestion de Business</option>
            </select>  <br /><br />                               
                  <center>
                                   <strong><em>Un Sous-Officier/Officier du Corps Armée validera votre candidature dans les plus brefs délais.</em></strong>                                                         
                  </center>
                             
                  <center>
                                   <input name="post" value="Valider ma candidature" type="submit" />                                                         
                  </center>
                           
               </form>
                      
            </td>
                 
         </tr>
            
      </tbody>
       
   </table>
     <br />
</div>

Merci énormément du temps que vous consacrerez à mon problème.
Cordialement
Papy Roosevelt.

avatar

Papy Roosevelt
*

Masculin
Messages : 37
Inscrit(e) le : 03/07/2015

http://www.Habbonu.org/
Papy Roosevelt a été remercié(e) par l'auteur de ce sujet.

Re: Code Javascript permettant de publier une image de fond (formulaire)

Message par Papy Roosevelt le Mar 17 Oct 2017 - 16:56

Up
avatar

Papy Roosevelt
*

Masculin
Messages : 37
Inscrit(e) le : 03/07/2015

http://www.Habbonu.org/
Papy Roosevelt a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum