2017-10-21 144 views
0

J'essaie de transmettre le contenu d'un clic de bouton à une fonction Jquery.Passer une variable à une fonction Jquery

Mon script utilise "plugin JBox Stephan Wanger" ce qui est exceptionnel pour créer mon pop-up ..

Mon code bouton:

<div class="imagehelp" id="imaint_help"> 
    <div onClick='javascript:clickMeImage()'> 
    <div class="detailButton" id="TrafficM1"> 
    <a href="#?Record=<?php echo $row_m['RecordID']; ?>"><img src="nav/trafficeDetail_button.png" width="91" height="59" /></a> 
    </div> 
    </div> 
</div> 

Ma fonction Jquery:

function clickMeImage() { 
var record = "<?php echo $_GET['Record'];?>"; 
console.log(record); 
new jBox('Modal', { 
    attach: '.imagehelp', 
    width: 1000, 
    height: 500, 
    title: 'Traffic detail', 
    theme: 'TooltipBorder', 
    closeButton: 'title', 
    draggable: 'title', 
    trigger: 'click', 
    animation: 'false', 
    position: { 
    x: 'center', 
    y: 'center', 
    }, 
    offset: {x: 15, y: -10}, 
    onCloseComplete: function() { 
    this.destroy(); 
    $('#jBox-overlay').remove(); 
    }, 
    ajax: { 
    url: 'traffic_detail.php?RecordID=record', 
    reload: 'strict' 
    } 
}); 
} 

Beaucoup Merci d'avance pour votre temps.

+0

Pourriez-vous préciser ce que vous entendez par – user2233706

+0

@ user2233706 Bonjour, le contenu du bouton de clic contient le contenu de $ _GET ['Record'], j'espère que c'est plus clair. – DCJones

Répondre

1

Vous déclenchez votre fonction à partir d'un élément parent. Je devrais aller quelque chose comme ceci:

<?php 
$row_m['RecordID'] = "something"; 
?> 
<div class="imagehelp" id="imaint_help"> 
    <div onClick='javascript:clickMeImage("<?php echo $row_m['RecordID']; ?>")'> 
     <div class="detailButton" id="TrafficM1"> 
      <img src="nav/trafficeDetail_button.png" width="91" height="59"/> 
     </div> 
    </div> 
</div> 
<script> 
    function clickMeImage(mydata) { 
     alert(mydata); 
    } 
</script> 

si vous voulez garder l'ancre, vous pouvez utiliser un attribut: « ? Le contenu d'un bouton cliquez sur »

<?php 
$row_m['RecordID'] = "other-something"; 
?> 
<div class="imagehelp" id="imaint_help"> 
    <div onClick='javascript:clickMeImage()'> 
     <div class="detailButton" id="TrafficM1"> 
      <a href="#" data-record="<?php echo $row_m['RecordID']; ?>"> <img src="nav/trafficeDetail_button.png" width="91" height="59"/></a> 
     </div> 
    </div> 
</div> 
<script> 
    function clickMeImage() { 
     var el = document.querySelector('a'); 
     var mydata = el.getAttribute('data-record') 
     alert(mydata); 
    } 
</script> 
+0

Remplacer '" "' Avec '' (Pas de guillemets dehors) et vous êtes bon. Supprimez également le 'javascript:' - dans un événement 'onclick', c'est juste un' label' dénué de sens. –

+0

@Alex Angelico salut, merci beaucoup pour votre réponse. fonctionne parfaitement. – DCJones

+0

@NiettheDarkAbsol wow man, comment un commentaire utile !!!! pourquoi ne répondez-vous pas simplement à la question DCJones –