Discussion :

[zblteam]

Bonjour à tous, je viens vers vous car bien sur j'ai un petit blocage niveau requête AJAX. je vous explique.
j'ai une page profile.php qui affiche les infos du user connecté (session user) et en bas de cette page j'ai généré des boutons affichant les autres users (7) avec du php pour récupérer facilement leurs avatars et leurs nicknames dans ma base de donnée sql.
J'ai crée une autre page contacts.php qui me sert a afficher les infos via les id des autres users en cliquant sur les boutons respectifs.
Seulement voila et vous voyez ou je veux en venir certainement, quand je clique sur ces boutons les infos users s'affichent bien mais sur une autre page alors que je voudrais les afficher sur le même tableau que les infos du user connecté (les remplacer en gros). Donc j'ai écris dans ma page profile.php une requête AJAX que je n'arrive pas a faire fonctionner. Tout du moins elle fonctionne peut-être mais n'est pas pris en compte.....:/ J'ai de gros doute sur la partie "data : "id";" de la requête AJAX et sur le code a insérer dans la partie echo de mes boutons.
Voici le code ajax, le tableau et la partie php de mes boutons :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$("#friendslist_button").click(function changeUser(){
    $.ajax({
        type : "GET",
        data : "id";
        url : "contacts.php",
        error: function(msg) {
           alert( "Error !: " + msg ); 
    },
        success: function(data){
           //affiche le contenu du fichier dans le bloc indiqué
           $('#tableau').text(data);
        }
    });
});

Code html :

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
<!-- Header -->
<?php include("header.php"); ?>
 
<!-- Menu/Pseudo/logout -->
<?php include("menu_pseudo_logout.php"); ?>
 
<!-- Profile -->
<section class="bckg_profile">
 
<!-- Tableau -->
<table id="tableau" width="920" bordercolor="FFFFFF"cellspacing="2" cellpadding="15" style="margin-left:15px">
            <tr><span width="10" class="bckg-userprofile">User Profile</span>
            <tr><td width="10" class="profil-color4">User Profile</td>
                <td width="10" class="profil-color4"><?php echo "<img class='bckg_avatar' src='".$row['avatar']."' />"; ?>
            <tr><td width="10" class="profil-color1">Nickname :</td>
                <td width="10" class="profil-color3"><?php echo $row['nickname']; ?>
            <tr><td width="10" class="profil-color1">Name :</td>
                <td width="10" class="profil-color2"><?php echo $row['name']; ?>
            <tr><td width="10" class="profil-color1">Username :</td>
                <td width="10" class="profil-color3"><?php echo $row['username']; ?>
            <tr><td width="10" class="profil-color1">E-mail :</td>
                <td width="10" class="profil-color2"><?php echo $row['email']; ?>
            <tr><td width="10" class="profil-color1">Skype :</td>
                <td width="10" class="profil-color3"><?php echo $row['skype']; ?>
            <tr><td width="10" class="profil-color1">Website :</td>
                <td width="10" class="profil-color2"><?php echo $row['website'];?>
</table>
 
<!-- Button Friends list -->
    <div id="friendslist_title">Friends list :</div>
        <ul id="friendslist_button" onchange="changeUser(this.value)" class="clearfix">    
<?php
    include ('connection_sql.php');
            $query = " SELECT * FROM users ";  
            $result = mysqli_query($link, $query);
    while ($row = mysqli_fetch_array($result)) {
 
echo '<a href="contacts.php? id='.$row['id'].'"><img class="bckg_avatar_buttons" width="22" height="22" src="'.$row['avatar'].'">' .$row['nickname']. '</a>';
}
?>
            <tr>
        </ul>

et le code de la page contacts.php

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
<?php
    if ( isset($_GET['id'])) {
        $id = $_GET['id'];
 
    include ('connection_sql.php');
      //Vérification de la connexion
    if (mysqli_connect_errno()) {
        $texte = 'An error occurred(connect).';
}
    else {
        $query = " SELECT * FROM users WHERE id='$id' "; 
        $result = mysqli_query($link, $query);
 
    while($row = mysqli_fetch_assoc($result)) {
 
      print $row['nickname'] . $row['name'] . $row['username'] . $row['email'] . $row['skype'] . $row['website'] . $row['avatar']; 
    }
  }
}
?>

Merci d'avance pour votre aide
Bertrand

[SpaceFrog]

Code :

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

data : "id";

là tu passes juste une chaine string "id" avec une plus une erreur de syntaxe tu as mis un ; au lieu d'une virgule ...

Par contre si tu fais ceci:

Code :

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

data : {"id":variableid},

coté serveur tu récupères la variable dans $_GET["id"]

[zblteam]

Merci SpaceFrog pour la correction. Je me doutais bien que c’était un peu léger sur ce point.
Bon ça ne marche toujours pas. Est-ce que dois apporter une modification à ma ligne 'echo' qui forme les boutons ? car pour l'instant les infos des users s’ouvrent mais sur une page vierge.

[SpaceFrog]

ce qui est normal car tu ne passes pas par l'ajax, mal par le lien href et son paramètre get ...

poru passer par l'ajax il fuat lors du clock sur le lien, inhiber le href

Code :

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

1
2
3
$("#friendslist_button").click(function changeUser(e){
    e.preventDefalut()
    $.ajax({

le preventDefault empechera le trigger du href

[zblteam]

ok je ne connaissais pas cette fonction. Je viens de le rajouter mais cela ne change rien. au click je vais toujours sur une autre page. J'ai même essayé le "onclick="return false;" pour tester, lui il désactive bien les boutons mais rien ne s'affiche :/

[SpaceFrog]

Ha !!!!!

Au temps pour moi... ton élément est celui ci :

Code :

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

1
2
 
 <ul id="friendslist_button" onchange="changeUser(this.value)" class="clearfix">

ce n'est pas un href ...
donc nul besoin d'inhiber avec un preventDefault() ...


par contre tu mets dans le tableau ... un tableau ????
de même id ....
un id doit être unique sur la page

ne recupères que le contenu du tableau

et colle le en html() et pas en text() dans la balise id tableau