simplemodal passant paramètre supplémentaire de l'élément appelant

Question

J'essaie de mettre en place une page qui présente une grille avec une séquence de fois sur elle pour un groupe de personnes. Essentiellement un calendrier avec des lignes pour une heure spécifique et des colonnes pour la personne à laquelle il se rapporte.

J'ai l'intention d'ouvrir une boîte de dialogue modale lorsqu'un utilisateur clique sur une heure et charge les données actuelles via AJAX. Ceci est très similaire à l'exemple de formulaire de contact, à l'exception bien sûr que je ne saurai pas ce que l'heure et la personne sont jusqu'à ce que le lien est cliqué. Je voudrais donc un moyen de transmettre ces données supplémentaires au script d'appel de boîte de dialogue.

Un grand merci

Answer 1

Une belle façon de le faire est le nouveau data- attributs HTML5. Ne vous inquiétez pas, ils sont pris en charge par tous les navigateurs.

Si vos données supplémentaire est le temps et personne, votre lien ressemblerait à ceci:

<a href="#" data-time="2011-01-01 11:11:11" data-person="John Smith">...</a> 

Et vous pouvez accéder à ces données dans la fonction javascript:

var link = this, 
    time = link.getAttribute("data-time"), 
    person = link.getAttribute("data-person");