Faire afficher une image avec un lien déjà en place dans le formulaire

[Papy Roosevelt]

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

Bonjour j'ai créé un formulaire mais je n'arrive pas à faire afficher une image dessus à l'aide d'un lien.

voici le screen :



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

voici le code de mon formulaire :

Code:

<script type="text/javascript">
function envoiMessage(form) {
// Créer un message à partir des informations fournies
  var txt_message = "[center][img]https://i62.servimg.com/u/f62/17/70/94/08/coolte10.png[/img][/center] " + '\n\n'
    + "[u][b]Pseudo Habbo :[/b][/u] " + form.avatar.value + '\n\n'
    + "[u][b]Nom et Prénom RPG :[/b][/u] " + form.nomrpg.value + '\n\n'
    + "[u][b]Avatar :[/b][/u] https://www.habbo.fr/habbo-imaging/avatarimage?user="+form.avatar.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é favorite :[/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.avatar.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="avatar"><strong> Pseudo Habbo :</strong></label><br />        <textarea placeholder=" " name="avatar" id="avatar" value=" " size="10" maxlength="20" type="text"></textarea><br /><br />          <img src="https://i58.servimg.com/u/f58/14/11/57/63/rp_ico10.png" />                      <label for="nomrpg"><strong> Pseudo RPG :</strong> </label><br />            <input name="nomrpg" id="nomrpg" value=" " size="50" maxlength="20" 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>

[Shiyami]

Bonjour !
Je te conseille de remplacer le

Code:

[img]URL IMAGE[/img]

par

Code:

<img src="URL IMAGE"/>

Vois si ça marche ^^

[Papy Roosevelt]

Bonjour,

Je l'ai déjà fais haha, il ne sagit pas juste de donner le code malheureusement, il faut aussi savoir le placer sur cette ligne de code :

Code:

+ "[u][b]Avatar :[/b][/u] https://www.habbo.fr/habbo-imaging/avatarimage?user="+form.avatar.value+ '\n\n'

Si par exemple je met les balises sur le lien de l'image comme ceci :

Code:

[IMG]https://www.habbo.fr/habbo-imaging/avatarimage?user=[/IMG]

Et bien ça marchera pas car ce lien n'est pas complet, il génère l'avatar une fois qu'on met son pseudo à la suite de ce lien, juste après le =

(CECI EST UN EXEMPLE)
https://www.habbo.fr/habbo-imaging/avatarimage?user=concierge-un

(ici concierge-un est le pseudo, là ça fonctionne ça donne cette image : )

C'est le code : " +form.avatar.value+ " qui permet de placer son pseudo automatiquement à la suite de ce lien, dans se cas ma question est simple et précise :

Comment mettre la dernière balise par rapport à ce codage pour générer une image directement

Merci d'avance

[Shiyami]

Quand je clique sur le lien de votre avatar, ça ne m'affiche absolument pas une image. Peut-être que le problème vient de là ? Après tout, généralement, à la fin d'un lien qui amène vers une image, il y a un ".png" ".jpg" ".jepg" ."gif" etc.
Je ne suis pas une experte dans le domaine, mais je pense que le soucis vient de là. Si quelqu'un pouvait confirmer ou infirmer ça, ce serait super !
Malheureusement je ne pourrais pas t'aider davantage, je n'ai pas les qualifications/compétences pour ^^"
Bonne soirée quand même

EDIT : Vous avez modifié votre message quand j'ai posté le mien, je ré-édite pour prêter plus attention à vos modifications.
EDIT 2 : Je vois qu'il y a un " dans votre code (juste avant le +form.avatar.value+) :

Code:

+ "[u][b]Avatar :[/b][/u] https://www.habbo.fr/habbo-imaging/avatarimage?user="+form.avatar.value+ '\n\n'

Mais qu'il n'est plus là une fois le pseudo ajouté. Le guillemet est-il indispensable ou détruit-il le code ? Car, généralement, après avoir ouvert des guillemets après un signe égal, il faut refermer le "code". Comme ceci :

Code:

+ "[u][b]Avatar :[/b][/u] https://www.habbo.fr/habbo-imaging/avatarimage?user="+form.avatar.value+" '\n\n'

Mais s'il n'y a pas de besoin, alors :

Code:

+ "[u][b]Avatar :[/b][/u] https://www.habbo.fr/habbo-imaging/avatarimage?user=+form.avatar.value+ '\n\n'

Mais voilà, ce seront les seules choses que je pourrais signaler.
Bonne soirée bis !

[Papy Roosevelt]

Merci quand même de ton aide, mais toutes ces propositions de codes, je l'ai es déjà effectuée, et cela ne fonctionne pas.
le lien habbo-imaging, c'est sur le site habbo.fr, il n'y a pas besoin d'ajouter .png .jpg etc .. car il est déjà mis en image sur le site, ya juste à prendre le lien et ça fonctionne, la preuve :

= https://www.habbo.fr/habbo-imaging/avatarimage?user=concierge-un

[Scoubifitz]

Merci quand même de ton aide, mais toutes ces propositions de codes, je l'ai es déjà effectuée, et cela ne fonctionne pas.
le lien habbo-imaging, c'est sur le site habbo.fr, il n'y a pas besoin d'ajouter .png .jpg etc .. car il est déjà mis en image sur le site, ya juste à prendre le lien et ça fonctionne, la preuve :

= https://www.habbo.fr/habbo-imaging/avatarimage?user=concierge-un

Bonsoir,

Comme vous l'avez déjà remarqué , il faut entourer l'adresse du lien de l'image par les BBbalises images ...
Le lien complet est après la valeur de l'avatar , donc la balise de fermeture aussi .

Code:

 + "[u][b]Avatar :[/b][/u] [img]https://www.habbo.fr/habbo-imaging/avatarimage?user="+form.avatar.value+ '[/img]\n\n'

[Papy Roosevelt]

Ah enfin!! merci énormément Scoubifitz