Passage de variable js modalbox

Bonjour

Euh, je ne suis pas une spécialiste, mais là j'aurais mis un getAttribute() au lieu d'un attr() :

<button type="button" onclick="validateupgrade($('#myModal4').getAttribute('data-id'));" ...

non non c'est bien attr en jQuery. Par contre ça pourrait aussi s'écrire:

  $('#myModal4').data('id'); // == $('#myModal4').attr('data-id');

par contre

a écrit :
mais je n'arrive pas à faire suivre l'id du tableau a l'ouverture de ma modale

Apparemment récupérer l'id n'est pas un problème, mais savoir qu'en faire? Y'a plein de possibilité ça dépend de ce que tu faits (et actuellement c'est très peu clair).

Merci pour votre aide c'est vraiment sympa je me rends compte que ce n'est pas très clair je vais essayer de simplifier pour que cela sois plus compréhensible


j'ai donc un lien

<a id='edittodo' data-id='".$array['ID']."' data-toggle='modal' data-target='#myModal4' href='#'>Edit</a>

qui ouvre une modale (je simplifie le code pour plus de lisibilité)

<div class="modal inmodal fade" id="myModal4" tabindex="-1" role="dialog"  aria-hidden="true">
     <?php 	
    $infos = view_todo(38);
    while ($array1  =  mysql_fetch_array($infos)){



   }
<button type="button" onclick="validateupgrade( $('#myModal4').data('id'));" data-dismiss="modal" class="btn btn-primary" id="save">Save changes</button>
</div>

qui appel une fonction javascript

 function validateupgrade(id){
		alert('id = '+id);;
		}

mon premier problème se situe ici " $infos = view _todo(38); " sois 38 l'id de la ligne à modifier, mais comment faire en sorte de récupérer le data id passer à la modale ?


mon second problème et que la fonction validateupgrade en Js renvoie toujours id=undefined
Je dois faire une bêtise quelque part mais là j'avoue que je sèche

Re Bonjour, c'est encore moi
J'ai réussi à faire à peux prés ce que je voulais faire mais, je ne suis pas sûr que cela soit très propre, je résume donc ce que j'ai fait.
Si une bonne âme pouvait me dire si je fais fausse route ça serait sympa.

j ai donc créer un bouton comme ceci

<div style='padding:10px;''>
   <button  onclick='essai(".$array['ID'].")'>Edit</button>
<div>

qui appel la fonction js suivant

function essai(id){
        var $modal = $('#load_popup_modal_show_id'+id);  
        $modal.load('test.php',{'id1': id},
        function(){
            $modal.modal('show');
        });
}

Qui appel donc la page tets.php qui affiche ma modale

<?php id1 = $_POST['id']; ?>
<form role="form" class="form-inline" role="form" id="form_load_content_id">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Show Popup Title Here</h4>
      </div>
	    
	    <div class="modal-body" id="test">
			<?php 	
                               $infos = view_todo($id1);
				while ($array1  =  mysql_fetch_array($infos)){

                                  MON FORMULAIRE ICI
					
				} 

			?>
      </div>
      <div class="modal-footer">

	
      <button type="button" class="btn btn-default" data-dismiss="modal" onclick="oncloseupdate();">Close</button>


       <button type="button" onclick="validateupgrade(<?php echo $id1; ?>);" data-dismiss="modal" class="btn btn-primary" id="save">Save changes</button>
  </div>
</form>

Avec mes deux boutons qui appellent leur fonction respective

que voici :

function validateupgrade(id){
			
                var TITLE =document.getElementById("title").value;
		 var MESSAGE=document.getElementById("summernote").value;
		 var EXPIRATION_DATE=document.getElementById("expdate").value;
		 var PRIORITY=document.getElementById("prio").value;
		 var STATUS=$('input[name=radioInline]:checked').val();
		
               page=$(this).attr("href");
              $.ajax({
                type: "POST",
                url: "ajax_update_status.php",
                data: { 
               
                  TITLE:TITLE,MESSAGE:MESSAGE,EXPIRATION_DATE:EXPIRATION_DATE,PRIORITY:PRIORITY,STATUS:STATUS,ID:id
                
                },
                dataType: "html",
                cache:false,
                success:function(html){
                    $("#tabletodo").empty();
                    $("#tabletodo").append(html);
              
                 
                },
                error:function(XMLHttpRequest,textStatus, errorThrown){
                  reponse_sup("erreur lors du chargement de la page");
                }
              })
              return false;


	}

  function oncloseupdate(){
    page=$(this).attr("href");
              $.ajax({
                type: "POST",
                url: "ajax_refresh_data.php",
                data: {  },
                dataType: "html",
                cache:false,
                success:function(html){
                    $("#tabletodo").empty();
                    $("#tabletodo").append(html);              
                },
                error:function(XMLHttpRequest,textStatus, errorThrown){
                  reponse_sup("erreur lors du chargement de la page");
                }
              })
              return false;
  }

qui au final affiche ce que je veux sans recharger la page et sans utiliser les URL car cette petite todo sera membre d'un site plus important je voulais donc un fonctionnement comme un module.

Mon gros souci c'est que lorsque je clic sur édit ça prend du temps avant d'afficher la modale, temps dû au chargement des scripts js que j'ai dû réintégrer dans ma page test.php donc, je charge deux fois les mêmes scripts justes pour une pauvre petite modale
et de deux on a parfois l'impression que le bouton édit ne marche pas à cause du décalage clic affichage.
Si quelqu'un a une solution ou un conseil pour faire ça plus joliment je suis preneur
Merci beaucoup à tous
Modifié par nostradamus (20 Jul 2016 - 16:22)