Discussion :

[Angelik]

Bonjour à tous, je ne sais pas si je poste sur le bon forum... Auquel cas je vous prie de m'excuser.

Mon problème concerne Jquery ui et le menu accordéon.

J'ai mis en place une petite messagerie - à l'intérieur même du menu accordéon -. J'aimerais mettre en place un update sur la table msg afin de renseigner qu'un message a été lu/vu --> seulement les messages contenus à l'intérieur d'une section ouverte.

Mais comment savoir qu'une section a été "ouvert" ?

Voici mon code pour plus de clarté :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$(function() {
    $( "#accordion" ).accordion();
});

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<div id="accordion">
 
<?php
 
$req = $bdd->prepare('SELECT * FROM msg');
$req->execute;
 
while ($donnees = $req->fetch())
{
   echo"<h3>".$donnees['objet']."</h3>";
   echo"<div>".$donnees['contenu']."</div>";
}
?>
 
</div>
 
<?php   
$req->closeCursor();
?>
 
</div>

Merci d'avance de votre aide !

[Angelik]

Je poursuis mon investigation ... ce qui s'apparente le plus à mon problème se trouve à : mémoriser-l-etat-des-sections

Je balance le code en vrac, ci-suit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
var index = $.cookie('accordion'); // on récupère le cookie, et on le créé s'il n'existe pas
var section; // variable qui contiendra l'index de l'élément
 
if(index != null){
    section = $('#accordion').find('h3:eq(' + index + ')'); // on rentre l'index du titre h3 sélectionné
}
else{
    section = 0; // si le cookie n'existait pas, on définit la section à 0 (première section ouverte)
}
 
$('#accordion').accordion({
    header : 'h3',
    active : section, // la section active est celle spécifiée par l'élément sélectionné
 
    change : function(event, ui){ // au changement de section, on modifie le cookie
        var index = $(this).find('h3').index(ui.newHeader[0]); // on rentre le nouvel élément sélectionné dans une variable
 
	$.cookie('accordion', index, {
	    path : '/'
	}); // on rentre le nouvel index dans le cookie (le chemin doit être la racine, sauf exceptions, afin d'éviter des bugs de cookie)
    }
});

A l'ouverture de mes sections - à proprement parlé - aucun cookies n'est enregistré !

[danielhagnoul]

Bonsoir

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
/*
 * Par défaut, les divisions (panels) reçoivent un ID 
 * du type  ui-accordion-accordion-panel-X
 * 
 * Il suffit de récupérer l'index
 */
$( "#accordion" ).accordion({
    "activate" : function( event, ui ){
        console.log( "new panel index : " , ui.newPanel[0].id.slice( -1 ), "old panel index : ", ui.oldPanel[0].id.slice( - 1 ) );
    }
});

[fredoche]

A l'ouverture de mes sections - à proprement parlé - aucun cookies n'est enregistré !

Salut

Si je ne m'abuse, la gestion des cookies passe par un plug-in jquery que tu dois charger au préalable

je n'ai pas très bien compris ta problématique concernant ces menus accordéons

[Angelik]

Merci de vos réponses ! La solution de danielhagnoul me retourne correctement la section ouverte dans la console du navigateur

1ère question : Comment récupérer cette valeur en php ?

Sinon :

je n'ai pas très bien compris ta problématique concernant ces menus accordéons

Après réflexion, je ne sais pas du tout comment m'organiser pour obtenir ce que je souhaite ... c'est à dire identifier qu'un message (à l'intérieur d'une section) a bien été lu/vu à l'ouverture de celle-ci (la section).

Il faudrait pouvoir passer un UPDATE dans ma table msg et indiquer vu = oui SI section ouverte

Mais comment savoir quels messages sont contenus dans la section[0], section[1], section[2] et ainsi de suite ?

Voici un screen de ma page afin d'y voir plus clair :

Merci de votre aide

[Darkaurora]

Je pense qu'a la base tout les messages doivent être marqué comme non lu, lorsque tu charges tes messages l'ensemble des sections seront fermé.

La condition pour noter un message comme lu est:

Si le message est non lu et la section ouverte alors mise à jour de l'enregistrement pour signaler le message comme lu.

Avec la méthode de daniel, tu dois seulement envoyer une information (via AJAX) au serveur sur lequel tu feras ta requête UPDATE

[Angelik]

Merci pour les réponses. Je n'ai pas bien saisi le lien entre ajax et php (je débute)... A l'intérieur de la section - ouverte - comment retourner/reconnaître/identifier les messages relatifs ?

Avec la méthode de daniel, tu dois seulement envoyer une information (via AJAX) au serveur sur lequel tu feras ta requête UPDATE

Comment puis-je récupérer cette valeur en php et l'interpréter ?

Et comment l'associer aux messages de la section ?