Contenu d'un id dans un input value.

Page 2 sur 2 Précédent  1, 2

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

Résolu Contenu d'un id dans un input value.

Message par stefou le Mer 16 Juil 2014 - 7:29

Rappel du premier message :

Bonjour à tous,

Comme je suis pas très à l'aise en formulaire, je rencontre deux problèmes.

- je souhaiterai récupérer le contenu d'un id et le placer en value par défaut d'un input.
J'utilise la fonction var an = document.getElementById('mon_id').textContent (en js) pour récupérer le texte contenu dans l'id.
Mais je n'arrive pas à le placer dans l'input value.

2ème soucis,
- les inputs ce trouve en hidden et je souhaiterai à l'ouverture du formulaire arriver directement sur la page Prévisualisation du message avec les champs titre et textarea pré rempli.
Pour le moment j'ai un input bouton qui envoi le formulaire vers la Prévisualisation mais je souhaite l'automatiser.

Une autre idée était d'utiliser le script avertissement modérateur plutôt qu'un formulaire, mais là aussi je suis confronter à mon id à placer dans le titre.
Bonne journée à tous.


Dernière édition par stefou le Sam 19 Juil 2014 - 0:19, édité 1 fois

stefou
*****

Masculin
Messages : 889
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu d'un id dans un input value.

Message par stefou le Ven 18 Juil 2014 - 21:31

Voilà cette fois ci c'est la bonne  thumleft 
Il place bien --> Joyeux anniversaire à Albert, Robert,

Voilà les modifications effectué
j'ai ajouter strong au chargement
Code:
$('#ig_anif').load('/forum #anif strong', function(response, status, xhr){

Comme c'est pas bien d'ajouter <p>, </p> j'ai ajouté <strong>, </strong>
Ajouté à ton code
Code:
$("#ig_anif strong").append("<strong>,  </strong>");

Ensuite une petite modif sur la vérification d'anniversaire
Code:
if($('#ig_anif strong').length == 0){

Et pour finir j'ai ajouté un bouton "annuler" pour sortir de la page (birthday) quand il n'y a pas d'anniversaire.

Voici le code au complet.
Code:
<!DOCTYPE html>
        <html>
          <head>
              <meta charset="utf-8">
              <title>Birthday</title>
             
              <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
              <script type="text/javascript">
               
       
                jQuery(function($){
                    $('#ig_anif').load('/forum #anif strong', function(response, status, xhr){
                     
                      if(status == 'success'){/*Si le chargement réussi*/
                          $("#ig_anif strong").append("<strong>,  </strong>");
                          var v_anif = $('#ig_anif').text();
                                          if($('#ig_anif strong').length == 0){
                    $('.birthday').html('Il n\'y a pas d\'anniversaire aujourd\'hui');
                    return false;
                    };
         
                          /*Fonction d'envoi du message*/
                          function envoiMessage(form) {
                            form.subject.value = "Joyeux anniversaire à "+v_anif;
                          };
       
                          $('form').on('submit', function(){
                            envoiMessage(this);
                          });
       
                          /*Déclenchement du clique sur le bouton previw*/
                          $('#test').trigger('click');
                      }else if (status == 'error'){/*Si le chargement échoue*/
                         
                          alert('Erreur '+xhr.status+' '+xhr.statusText);
                      };
                    }); 
                });
              </script>
          </head>
          <body>
              <form method="post" action="/post" enctype="multipart/form-data">
                <!--      champs invisibles      -->
                <input name="lt" value="0" type="hidden"/>
                <!--      Un nouveau topic sera créé      -->
                <input name="mode" value="newtopic" type="hidden"/>
                <!--      Value 0: Sujet Normal (1 = Note / 2 = annonce)      -->
                <input name="topictype" value="0" type="hidden"/>
                <!--      Contiendra le texte du message      -->
                <input name="message" value=":605" type="hidden"/>
                <!--        ID du forum dans lequel le message sera posté      -->
                <input name="f" value="20" type="hidden"/>
                <input name="subject" type="hidden"/>
                <p>
                    <span class="birthday"><b>Veuillez patienter...</b></span>
                    <input id="test" value="Prévisualiser le message !" name="preview" type="submit" style="display:none;" /><br>
                  <input value="Annuler!" onclick="location.href='http://discussansfrontieres.forumgratuit.fr/forum';" type="button"
                    </br>
                </p>
                <div id="ig_anif" style="display:none;"></div>
              </form>
          </body>
        </html>

Voilà encore un grand merci à toi, et en plus tu as amélioré le code  thumright 
J'attends avant de mettre en résolu si jamais tu as des commentaires.

stefou
*****

Masculin
Messages : 889
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu d'un id dans un input value.

Message par Self le Ven 18 Juil 2014 - 22:23

@stefou a écrit:Ok,
Pourrais tu me dire si &#32 est considérer comme un espace et texte ?

Oui en ISO, le mieux si tu tiens à utiliser l'ISO c'est l'espace insécable &\#160; ou en HTML &\nbsp; sans les backslashs bien sur Wink .

@stefou a écrit:Je lis le code pour comprendre et je me pose une question ?

ceci
Code:
var v_anif = $('#anif').text();
de devrais pas être
Code:
var v_anif = $('#ig_anif').text();

La fonction load charge le contenu et la balise du sélecteur donc l'id #anif est bien présent sur la page, autant l'utiliser puisque c'est le sélecteur de ce qu'on veut récupérer.

EDIT: ce n'est pas que <p>, </p> n'est pas bien, c'est que mettre des balises pour un espace c'est pas top, le mieux est d’utiliser :
Code:
,&\nbsp;
toujours sans le backslash Wink !

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu d'un id dans un input value.

Message par stefou le Sam 19 Juil 2014 - 0:19

Voilà plus de <p>
Code:
$("#ig_anif strong").append(",&nbsp;");

Merci  thumright 

stefou
*****

Masculin
Messages : 889
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

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