le MEMO du WEB développeur
••• HTML •••  Liste des Mémos, astuces et bonnes pratiques

Ma méthode pour affecter un identifiant entier à mes éléments HTML

Les éléments HTML peuvent être identifiés par un id unique.

<div id="mon_id"> </div>

Un attribut de type identifiant doit commencer par une lettre ([A-Za-z]), suivie d'un nombre quelconque de lettres, chiffres ([0-9]), traits d'union ("-"), soulignements ("_"), deux-points (":"), et points (".")

Affecter l'identifiant entier de l'enregistrement de ma BDD à un élément HTML

Or, il peut être utile lorsqu'on a besoin d'une liste de données tirées d'une base de données chacune d'elle intégrée dans un élément, comme un div, d'affecter à l'id de ce div l'identifiant unique de la données (l'enregistrement) qui lui est sous forme d'entier.

Ma méthode est la suivante :

Code HTML/PHP :

Je parcours la table de ma BDD (penser à se connecter préalablement à la base de données), je crée un DIV par enregistrement dont l'attribut ID est le mot clé "madonnee_" suivi du numéro d'identifiant de l'enregistrement de la BDD (donc madonnee_1, madonnee_2 etc ...).
Tous les DIV ont la classe "mesdonnee"

$result = mysql_query("SELECT id, nom FROM matable WHERE ..");
// Parcours de la table de la BDD, création d'un DIV par enregistrement
while ($row = mysql_fetch_array($result)) {
   echo '<div class="mesdonnee" id="madonnee_'.$row->id.'"> '.$row->nom.'</div>';
}

Code JQuery :

En JQuery, lorsqu'on clique sur un DIV de classe "mesdonnee", je récupère la valeur de l'identifiant unique de l'enregistrement de la BDD en utilisant la fonction replace() javascript qui me supprime le mot clé 'madonnee' pour me délivrer l'identifiant sous sa forme originale.

$("div.madonnee").click(function(){   
   var id_donnee = ($(this).attr('id').replace ('madonnee_', ''));
   alert ('la donnée affichée correspond à l\'enregistrement d\'identifiant : '+id_donnee );
});

 

 

publié le 05/08/2013 par Memo Web
Commenter le Mémo :

Trouver le chemin canonique absolu d'un répertoire
Empêcher l'autocomplétion dans les formulaires
Padding et margin en hauteur ne fonctionnement pas sur éléments inline
Comment ne pas interpréter une commande HTML à l'affichage
Rafraîchir automatiquement une page
Internet Explorer : Commentaire conditionnel
Problème de slash sur passage de paramètres dans formulaire
Revenir à la page précédente du navigateur
Mettre un lien vers la page d'accueil son site
Comment ajouter un favicon sur son site
Ajoutez vos propres Mémos sur MEMO-WEB

Il suffit de vous créer un compte sur le site

Vous pourrez choisir un thème parmis l'une des catégories proposées par MEMO-WEB.

Rédigez votre Mémo.
Après validation par MEMO-WEB, il sera mis en ligne.
Ajouter vos Mémos