evenement sur clic

**cels** · 24/10/2006, 04h33

Bonjour,

j'ai une table membre que j'affiche pour le moment sans soucis avec une fonction afficher de base.

Maintenat je voudrais que l'utilisateur puisse cliquer sur une ligne ou sur le numéro de membre (qui est la clé primaire) pour ensuite charger la page d'affichage du membre.

Mon problème ce que je ne sais pas faire d'évènement on-click, et je ne vois pas comment envoyer mon num_m, meme avec variable de session. Le mieux que je puisse faire pour le moemnt c créer n lien sur le num, mais ça ne m'avance à rien en fait...

Merci pour vos conseils.

**is_null** · 24/10/2006, 04h46

Si vous voulez que chaque nom de membre listé soit un lien avec son profil : il suffit de faire une lien.

Si vous souhaitez que sur l'évènement clic sur un nom, il suffit de charger les détails de chaque utilisateurs dans la page et d'utiliser le style css par défaut sur leurs balises de divisions :

Code :

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

display:none

Les liens par exemple :

Code :

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

<a href="javascript:;" onclick="javascript:expandcollapse('serie_2');" style="text-decoration: underline;">South Park</a>

Il suffira de déclarer, au préalable, une telle fonction :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function expandcollapse (postid) { 
 
   whichpost = document.getElementById(postid); 
 
   if (whichpost.className=="postshown") { 
      whichpost.className="posthidden"; 
   } 
   else { 
      whichpost.className="postshown"; 
   }
}

Cela fait, au clic sur le lien, le code entre les balises suivantes sera affiché ou masqué, selon son état :

Code :

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

<div id="serie_2" class="postshown">c'est moi le code</div>

Mais c'est très lourd, reste à faire la même chose avec l'AJAX, mais cela me dépasse, reste aussi d'afficher le profil tout simplement dans une autre page.

**zyongh** · 24/10/2006, 07h39

Voici un exemple avec une base de données

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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<?php /* 
auteur: Zyongh
IDE utilisé: notepad++ 3.4
testé en PHP 5 avec Xampp 1.5.1
*/
?>
<HTML>
<HEAD>
<TITLE></TITLE>
 
</HEAD>
<BODY>
<?php // Affichage du titre du logiciel et du sous-titre de la page
$soustitre = "Liste Des Membres";
include "titre.inc.php";
?>
 
<?php
// variables de connexion au serveur MySQL
$server  = SERVER;
$user = USER;
$pass = PASS;
 
// variables de manipulations MySQL
$dbname = DB;
$tablename = MMB;
 
// on se connecte au serveur mysql
$link = mysql_connect($server, $user, $pass) or die(__file__ ."(". __line__ ."): ". mysql_errno() ." -> ". mysql_error());
 
include INC."fonctionsmysql.class.php";
 
$request = "SELECT * from contact ORDER BY nomcontact, prenomcontact";
$mysqlfct = new MySqlFunctions($dbname, $server, $user, $pass);
// On envoie la requête
$result = $mysqlfct->dbLireLignesDansTable($request);
//$result = mysql_db_query($dbname, $request, $link);
 
// créer un tableau
print("<table class='enteteliste' cellpadding='4' cellspacing='4'>");
print("<tr align=left valign=top>");
print("<td class='enteteliste' align=left valign=top bgcolor=yellow><b><font class='enteteliste'>Nom Prénom</font></b></td>");
print("<td class='enteteliste' align=left valign=top bgcolor=yellow><b><font class='enteteliste'>Groupe</font></b></td>");
print("<td class='enteteliste' align=left valign=top bgcolor=yellow><b><font class='enteteliste'>Adresse</font></b></td>");
print("<td class='enteteliste' align=left valign=top bgcolor=yellow><b><font class='enteteliste'>Code Postal</font></b></td>");
print("<td class='enteteliste' align=left valign=top bgcolor=yellow><b><font class='enteteliste'>Ville</font></b></td>");
print("<td class='enteteliste' align=left valign=top bgcolor=yellow><b><font class='enteteliste'>Tél Domicile</font></b></td>");
print("<td class='enteteliste' align=left valign=top bgcolor=yellow><b><font class='enteteliste'>Tél Mobile</font></b></td>");
print("<td class='enteteliste' align=left valign=top bgcolor=yellow><b><font class='enteteliste'>Tél Bureau</font></b></td>");
print("<td class='enteteliste' align=left valign=top bgcolor=yellow><b><font class='enteteliste'>E Mail Perso</font></b></td>");
print("<td class='enteteliste' align=left valign=top bgcolor=yellow><b><font class='enteteliste'>Ouvrir Fiche</font></b></td>");
print("</tr>");
 
if($result){
        foreach($result as $contact){
                print("<tr align='left' valign=top>");
                print("<td class='afficherlistenomprenomcontact' align='left' valign='top'><font class='listelabel'>$contact[nomcontact]</font> <font class='listelabel'>$contact[prenomcontact]</font></td>");
                print("<td class='afficherliste' align='left' valign='top'><font class='listelabel'>$contact[groupecontact]</font></td>");
                print("<td class='afficherlisteadressecontact' align='left' valign='top'><font class='listelabel'>$contact[adressecontact]</font></td>");
                print("<td class='afficherliste' align='left' valign='top'><font class='listelabel'>$contact[codepostalcontact]</font></td>");
                print("<td class='afficherliste' align='left' valign='top'><font class='listelabel'>$contact[villecontact]</font></td>");
                print("<td class='afficherliste' align='left' valign='top'><font class='listelabel'>$contact[telfixecontact]</font></td>");
                print("<td class='afficherliste' align='left' valign='top'><font class='listelabel'>$contact[telmobilecontact]</font></td>");
                print("<td class='afficherliste' align='left' valign='top'><font class='listelabel'>$contact[telbureaucontact]</font></td>");
                print("<td class='afficherliste' align='left' valign='top'><font class='listelabel'>$contact[emailcontact]</font></td>");
                print("<td class='afficherliste' align='left' valign='top'><form method=POST action='fiche_contact.php' target='fichecontact'><input type='hidden' name='idcontact' value='$contact[idcontact]' /><input class='button' type='submit' name='atteindre' value='Voir Fiche'></form></td>");
                print("</tr>");
        }
}
// on quitte le serveur mysql
mysql_close($link);
 
print("</table>");
?>
 
</BODY>
</HTML>

La ligne située dans le code ci-dessus et qui correspond à ta demande est:

Code :

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

><form method=POST action='fiche_contact.php' target='fichecontact'><input type='hidden' name='idcontact' value='$contact[idcontact]' /><input class='button' type='submit' name='atteindre' value='Voir Fiche'></form></

evenement sur clic

JavaScript

Discussions similaires

Partager

Partager