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

3 participants

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

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

Message par Papy Roosevelt Ven 20 Oct 2017 - 3:37

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 :
Faire afficher une image avec un lien déjà en place dans le formulaire Prysen10


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>




Dernière édition par Papy Roosevelt le Sam 28 Oct 2017 - 5:00, édité 1 fois
Papy Roosevelt

Papy Roosevelt
***

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

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

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

Message par Shiyami Ven 20 Oct 2017 - 12:55

Bonjour !
Je te conseille de remplacer le
Code:
[img]URL IMAGE[/img]
par
Code:
<img src="URL IMAGE"/>
Vois si ça marche ^^
Shiyami

Shiyami
***

Messages : 184
Inscrit(e) le : 09/02/2017

http://the-owl.forumactif.com/
Shiyami a été remercié(e) par l'auteur de ce sujet.

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

Message par Papy Roosevelt Ven 20 Oct 2017 - 18:13

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]

Faire afficher une image avec un lien déjà en place dans le formulaire Avatarimage?user= 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 : Faire afficher une image avec un lien déjà en place dans le formulaire Avatarimage?user=concierge-un )

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 Smile

Merci d'avance
Papy Roosevelt

Papy Roosevelt
***

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

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

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

Message par Shiyami Ven 20 Oct 2017 - 18:47

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 Smile

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 !
Shiyami

Shiyami
***

Messages : 184
Inscrit(e) le : 09/02/2017

http://the-owl.forumactif.com/
Shiyami a été remercié(e) par l'auteur de ce sujet.

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

Message par Papy Roosevelt Lun 23 Oct 2017 - 1:24

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 :

Faire afficher une image avec un lien déjà en place dans le formulaire Avatarimage?user=concierge-un = https://www.habbo.fr/habbo-imaging/avatarimage?user=concierge-un
Papy Roosevelt

Papy Roosevelt
***

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

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

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

Message par Scoubifitz Jeu 26 Oct 2017 - 23:22

Papy Roosevelt a écrit: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 :

Faire afficher une image avec un lien déjà en place dans le formulaire Avatarimage?user=concierge-un = 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'
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3732
Inscrit(e) le : 18/03/2008

https://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

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

Message par Papy Roosevelt Sam 28 Oct 2017 - 5:00

Ah enfin!! Very Happy merci énormément Scoubifitz
Papy Roosevelt

Papy Roosevelt
***

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

http://www.Habbonu.fr/
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

- Sujets similaires

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