[AJAX] Création tableau

**Mat_DZ** · 01/08/2006, 16h04

Bonjour,
je tente d'afficher un tableau partir d'une requete avec un paramètre.
Ce paramètre est la value d'une colonne d'un tableau déjà existant.
J'aimerai lorsque qu'on clic sur la colonne en question, que l'autre tableau apparaisse sur ma page.
Vu que je débute tout juste avec l'ajax,je ne trouve pas réellement mes erreur.
Voiçi des extraits de mon code :

tableau existant

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
 
<html>
<head>
<script language="javascript" type="text/javascript" src="./js/fonctions.js"></script>
</head>
<body>
<table>
<tr>
<td value="17"  style="cursor:pointer" onclick="AfficheResultatListe(this.value,'div_resultat')">test</td>
</tr>
</table>
</form>
<hr><div id="div_resultat"><br>
</div>
</body>
</html>

fonction.js

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
 
function writediv(texte,div)
{
document.getElementById(div).innerHTML = texte;
}
 
function file(fichier)
{
if(window.XMLHttpRequest) // FIREFOX
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) // IE
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
else
return(false);
xhr_object.open("GET", fichier, false);
xhr_object.send(null);
if(xhr_object.readyState == 4) return(xhr_object.responseText);
else return(false);
}
function AfficheResultatListe(f,div)
{
 
   		texte = file('Ajax.php?sessid='+escape(f));
	}
 
writediv(texte,div);
 
}

Ajax.php

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
 
<?php
session_start();
include("./fonction_f.php");
 
$connection_pg= ConnectionPg();
 
//requete qui me retourne les inscrits pour la session passée en paramètre, elle fonctionne
        $Queryinscris="Select lettre.nom,lettre.prenom,f_session.datedebsession,f_session.datefinsession,f_inscription_session.dateinscript,f_inscription_session.obsgenerale,f_inscription_session.heurearriveechartres,f_inscription_session.datearriveechartres,f_inscription_session.obsarrivee,f_inscription_session.reservehotel,f_inscription_session.obshotel from lettre,f_session,f_inscription_session where lettre.lettreid=f_inscription_session.lettreid and f_session.sessionid=f_inscription_session.sessionid and f_inscription_session.sessionid=".$_GET["sessid"]." and f_inscription_session.inscrit=TRUE;";
 
   $resultatinscrit = pg_query ($connection_pg, $Queryinscris);
   if ($resultatinscrit)
        {
//fonction qui me crai mon tableau et qui fonctionne
        AfficheTableauResultat($resultatinscrit);
 
        }
        pg_close ($connection_pg);
 
?>

Lorsque je tente d'exécuter le code, l'erreur est "objet attendu" au niveau du <td value="17" style="cursor:pointer" onclick="AfficheResultatListe
si vous voyez quelque chose qui pourrai m'aider...
Merçi

**marcha** · 01/08/2006, 16h15

Salut,

L'attribut value n'est sensé exister pour un td. J'ai testé avec un attribut id,
là ça fonctionne. Par contre je suis pas sur que tu aie besoin de créer un
attribut pour ça ? ne peux-tu pas simplement générer cette value directement
dans le premier paramettre de ta fonction js quand tu crée le tableau ?

Code :

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

1
2
 
<td style="cursor:pointer" onclick="AfficheResultatListe(17,'div_resultat')">test</td>

Je pense aussi que si tout tes td produisent un résultat dans le div résultat
tu pourrais simplifier ainsi

Code :

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

1
2
 
<td style="cursor:pointer" onclick="AfficheResultatListe(17)">test</td>

Et encore une idée de simplification coté CSS cette fois:

Code :

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

1
2
 
<td onclick="AfficheResultatListe(17)">test</td>

dans le CSS

table tr td[onclick] { cursor: pointer; }

je pense que IE comprendra pas

**Mat_DZ** · 01/08/2006, 16h29

j'ai test en mettant directement la valeur en paramettre et aucune réaction.
Mais de toute façon je ne pense pas pouvoir le faire car ma valeur provient de codephp

Code :

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

1
2
 
<td value="<?php echo($Tabsession2[$i]["sessionid"]); ?> "style="cursor:pointer" onclick="AfficheResultatListe(this.value,'div_resultat')">test</td>

Mais si tu me dit que td n'a pas de value alors je suis mal parti.

**marcha** · 01/08/2006, 16h32

Essaie comme ça

Code :

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

1
2
 
<td style="cursor:pointer" onclick="AfficheResultatListe(<?php echo($Tabsession2[$i]["sessionid"]); ?>,'div_resultat')">test</td>

**Mat_DZ** · 01/08/2006, 16h41

toujour la meme erreur : objet attendu, je voit pas de quoi il me cause,l'objet td?

ça c'est bon pourtant

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
 
function AfficheResultatListe(f,div)
{
 
   		texte = file('Ajax.php?sessid='+escape(f));
	}
 
writediv(texte,div);
 
}

**marcha** · 01/08/2006, 16h47

Tu peux poster le code html résultant ? que je puise tester le js

**Herode** · 01/08/2006, 16h47

Non, ce n'est pas bon : 2 accolades fermantes pour une seule accolade ouvrante

**marcha** · 01/08/2006, 16h53

Envoyé par Herode

Non, ce n'est pas bon : 2 accolades fermantes pour une seule accolade ouvrante

Bien vu

**Mat_DZ** · 01/08/2006, 17h08

oups!
Mais c pas ça,j'ai toujour la même erreur

**Mat_DZ** · 01/08/2006, 17h11

Quel code exactement veux tu?

**marcha** · 01/08/2006, 17h17

Le code source que tu vois dans ton navigateur une fois la page affichée

**Mat_DZ** · 01/08/2006, 17h20

IE me ramènne une autre erreur :
document.getElementById(...) a la valeur nul ou n'est pas un objet

pourtant j'ai bien

Code :

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

1
2
3
4
5
6
7
8
9
10
 
function AfficheResultatListe(f)
{
 
texte = file('Ajax.php?sessid='+escape(f));
 
 
writediv(texte,div_resultat);
 
}

Code :

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

1
2
3
4
5
 
function writediv(texte,div)
{
document.getElementById(div).innerHTML = texte;
}

**Mat_DZ** · 01/08/2006, 17h23

voilà le code source de la page principale

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
 
<html>
 
<head>
<script language="javascript" type="text/javascript" src="./js/fonctions.js"></script>
</head>
<body>
17<table>
<tr>
<td style="cursor:pointer" onclick="AfficheResultatListe(17)">test</td>
</tr>
</table>
<hr><div id="div_resultat"><br>
</div>
<hr>
 
 
</body>
</html>

**marcha** · 01/08/2006, 17h25

Le problème est là

writediv(texte,div_resultat);

il cherche une variable nommée div_resultat,

corrige ainsi:

writediv(texte,'div_resultat');

**Mat_DZ** · 01/08/2006, 17h30

YAOUUU!!!
c'était ça, j'me suis galéré toute la journée pour mettre ce foutu truc en place!
Je te remerçie énormément, ça commencai vraiement à me prendre la tête,tout ça pour une erreur à la con...ouf
Merçi

[AJAX] Création tableau

JavaScript

Discussions similaires

Partager

Partager