Question

Its very simple but i don’t see the solution.

How can I put a php var in this twitter bootstrap popup link?

<a href="#myModal" title="Lees meer" value="12345" data-toggle="modal">Read More</a>

And how can i get and print the value of this link in the popup field?

Answer 1

If short tags are enabled:

<a 
    href="#myModal" 
    title="Lees meer" 
    value="12345" 
    data-toggle="modal" 
    data-phpvar="<?=$myVariable?>"
>
    Read More
</a>

else:

<a 
    href="#myModal" 
    title="Lees meer" 
    value="12345" 
    data-toggle="modal" 
    data-phpvar="<?php echo $myVariable; ?>"
>
    Read More
</a>

both indented for readability – don’t do this in actual HTML, it looks messy.

And to get it in jQuery – .data("variable") automatically gets attributes that start with data-:

$("a[href=#myModal]").click(function() {
    alert($(this).data("phpvar"));
});

or use the .attr equivalent:

$("a[href=#myModal]").click(function() {
    alert($(this).attr("data-phpvar"));
});

and to output in the modal:

$("a[href=#myModal]").click(function() {
    var phpVariable = $(this).attr("data-phpvar");
    var modalObject = $($(this).attr("href"));
    modalObject.find(".modal-body").text(phpVariable); //You might also use .html()
});

JSFiddle demo of the code working