IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

[BootStarp] Passer une variable JS => modal


Sujet :

JavaScript

  1. #1
    Membre averti
    Homme Profil pro
    �tudiant
    Inscrit en
    Septembre 2012
    Messages
    17
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 35
    Localisation : France

    Informations professionnelles :
    Activit� : �tudiant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Septembre 2012
    Messages : 17
    Par d�faut [BootStarp] Passer une variable JS => modal
    Bonjour � tous,

    Je reviens vers vous avec une question.Je crois que mon cas est relativement simple mais comme je ne suis pas du tout un expert en JS et que je suis plut�t limit� je bloque assez facilement.

    J'utilise un modal boostrap. Ce dernier est lanc� via un bouton dans lequel j'aimerai faire passer une variable afin de r�aliser une requ�te php dans mon modal.

    Malheureusement le code JS qui me permet de r�cup�rer la variable me l'a fait passer dans un <span> � afficher dans mon modal. Je n'arrive pas � modifier ce JS pour au final r�cup�rer la valeur dans une variable classique en php $test

    Je vous joins mon code :

    Le bouton :

    Code html : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    <a href="#myModal" class="dropdown-item" data-toggle="modal" id="'.$id_post.'" data-target="#edit-modal">
              <i class="fas fa-edit text-blue"></i>Modifier
            </a>

    mon JS :

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    <script>
            $('#edit-modal').on('show.bs.modal', function(e) {
     
                var $modal = $(this),
                    esseyId = e.relatedTarget.id;
     
    //            $.ajax({
    //                cache: false,
    //                type: 'POST',
    //                url: 'backend.php',
    //                data: 'EID='+essay_id,
    //                success: function(data) 
    //                {
                        $modal.find('.edit-content').html(esseyId);
    //                }
    //            });
     
            })
        </script>
    Mon Modal :

    Code html : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    <!-- Edit -->
    <div class="text-right mb-auto">
      <form action="./index.php?id_index=4" method="POST" enctype="multipart/form-data">
      <?php include('./includes/form/form_users_edit_post.php'); ?>
      <div id="edit-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog modal- modal-dialog-centered modal" role="document">
          <div class="modal-content">
            <div class="card bg-secondary border-0 mb-0">
              <div class="modal-header">
                  <h3 class="modal-title" id="modal-title-default">Modifier votre publication</h3>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                      <span aria-hidden="true">×</span>
                  </button>
              </div>
              <div class="modal-body">
                <div class="d-flex align-items-center">
                  <a class="avatar avatar-sm rounded-circle" href="">
                    <img alt="Image placeholder" class="avatar avatar-sm rounded-circle" src="./assets/img/avatar/<?php echo $info_user["avatar_pat"]; ?>" class="rounded-circle">
                  </a>
                  <div class="mx-3">
                    <a href="" class="text-dark font-weight-600 text-sm"><?php echo $info_user["first_name_pat"]; ?> <?php echo $info_user["last_name_pat"]; ?></a>
                  </div>
                </div>
                <br/>
                <span class="modal-body edit-content">
                </span>
                <textarea rows="4" class="form-control" name="spaces_post_content" placeholder="Une question, un témoignage, un partage, quelque chose qui vous tient à coeur, partagez le avec la communauté..."><?php echo $id_post; ?></textarea>
              </div>
              <div class="modal-footer">
                <input type="hidden" value="'.$id_post.'" name="option_post_id"/>
                <input type="submit" class="btn btn-primary ml-auto" name="form_edit_post" value="Modifier"/>
              </div>
            </div>
          </div>
        </div>
      </div>
      </form>
    </div>

    Un grand merci � mes aideurs,

    Une bonne journ�e,
    AlexLax

  2. #2
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    Une Modal avec Bootstrap c'est juste un popin donc la variable est sur la page ...

    apr�s si tu veux la passer � php pour une requete il faudra soit la passer en get ou en post (url ou form) ou faire une requ�te ajax
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  3. #3
    Membre averti
    Homme Profil pro
    �tudiant
    Inscrit en
    Septembre 2012
    Messages
    17
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 35
    Localisation : France

    Informations professionnelles :
    Activit� : �tudiant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Septembre 2012
    Messages : 17
    Par d�faut
    Merci @SpaceFrog pour ton retour.

    Alors en faite mon lien/bouton appelant le modal est dans une boucle qui en faite va chercher l'ensemble des posts (blog).
    Et donc la variable si je la passe directement en affichage comme cela elle ne correspond qu'en faite qu'� la premi�re variable sortie de ma requ�te et non celle sp�cifique � ma publication

    Concr�tement mon modal est un formulaire d'�dition des posts.

    Le plus simple serait de pouvoir afficher au travers d'une variable PHP et donc modifier le JS.
    Chose sur laquelle je suis pas bon du tout

    Une petite aide ?

    merci � tous,
    AlexLax

  4. #4
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    colle un identifiant sur chaque �l�ment de la boucle dans un attribut data-elt que tu r�cup�reras au moment du click
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

Discussions similaires

  1. Passer une variable avec bootstrap modal
    Par Mvu dans le forum G�n�ral JavaScript
    R�ponses: 0
    Dernier message: 20/04/2021, 08h13
  2. Passer une variable vers une modale
    Par Zarkoffe dans le forum G�n�ral JavaScript
    R�ponses: 7
    Dernier message: 15/11/2018, 21h11
  3. [Custom Tags 1.2] Passer une variable comme valeur d'attribut d'un tag jsp
    Par Pi2 dans le forum Taglibs
    R�ponses: 7
    Dernier message: 16/09/2005, 14h44
  4. Passer une variable entre deux fen�tres
    Par DeezerD dans le forum G�n�ral JavaScript
    R�ponses: 1
    Dernier message: 17/08/2005, 09h52
  5. [Struts] Passer une variable dans l'url
    Par pilz dans le forum Struts 1
    R�ponses: 2
    Dernier message: 30/03/2005, 15h23

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo