JSFiddle - React, Tailwind, and code Playground

by curtisweeks

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js"></script>
<a id="modalOpener" href="#sup" class="btn btn-danger btn-lg" data-toggle="modal" data-id="foo" data-nom="bar">Delete</a>

<div class="modal hide fade" id="sup">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">×</button>
        <h3>
            Suppression
        </h3>
    </div>
    <div class="modal-body">
        <p>
            Voulez vous vraiment supprimer cet enregistrement ?
        </p>
    </div>
    <div class="modal-footer">
        <a id="okbtn" href="supprimerEquipe" class="btn btn-primary">OK</a>
        <a href="#" class="btn btn-primary" data-dismiss="modal">Annuler</a>
    </div>
</div>

JavaScript

$("#modalOpener").click(function(e) {
	var _href = $("#okbtn").attr("href");
	var params = "?id=" + $(this).data('id') + "&nom=" + $(this).data('nom');
	$("#okbtn").attr("href", _href + params);
});