requete et Add.Event

**28ToM47** · 08/10/2009, 00h58

Bonjour à tous !

J'ai un problème pour faire un tout p'tit truc normalement tout con, mais là j'sais pas je bloque, j'en ai trop essayé, je vous appelle à l'aide !

Mon code :

la partie Javascript intégrée dans les balises <head>:

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
 
<script language="javascript" type="text/javascript" src="js/mootools.svn.js"></script>
 
<script language="javascript" type="text/javascript">
	window.addEvents({
		'domready': function(){	
 
 
	$$('#slide_section table tr td a.lieninfo').addEvent('click', function(e) { // je pense qu'il y'a une erreur sur cette ligne ? le $$('') ?
	e = new Event(e).stop();
 
	var url = "modules/infos.php"; 
 
	new Ajax(url, {
		method: 'get',
		update: $('infos')
	}).request();});
	}
 
	});
</script>

La partie html + php ou se trouve les liens à cliquer :

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
 
<div class="slide_section">
          	<table width="100%" height="236">
            	<tr>
          		<?php
        $db = mysql_connect($dbhost, $dbuser, $dbpass);
                                mysql_select_db($dbname,$db);
                                $sql = 'SELECT * FROM infos_images WHERE cat = "'.$c.'"';
                                $req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());                          
                                while($data = mysql_fetch_assoc($req))
                        {
                                $taille_image = @getimagesize('images/travaux/mini_'.$data['image']);
                                echo  '<td width="'.$taille_image[0].'" height="'.$taille_image[1].'"><a href="#" class="lieninfo"><img src="images/travaux/mini_'.$data['image'].'" border="0"  class="image" alt="'.$data['titre'].'" /></a></td>';
                        }                       
                                mysql_close();
?> 
   			  </tr></table>
        	</div>

Ce script gère en fait une galerie. Les images sont affichés côtes à côtes dans le div "slide_section", dans un tableau.
Je veux que lorsqu'on clique sur une image, la page "modules/infos.php" se charge dans un div situé sur la même page, appelé "infos".

Rien ne s'affiche lors du clic. Quelque chose vous choque ? J'ai chopé le bout de script JS sur mootools.net, j'ai simplement change le $('start') en $$('#slide_section table tr td a.lieninfo')

Une idée ?
Merci d'avance !
Tom'

**28ToM47** · 08/10/2009, 01h03

bon, en relisant mon post, j'ai résolu le problème lol ...
Le slide_section était un <div class>. Si je le passe en id, ou si je met ça : $$('#slide_container div div table tr td a.lieninfo') , ca marche.

Désolé et merci quand même à ceux qui ont pris la peine de lire lol

MAIS ! J'ai une deuxième question !
Le lien cicble est en fait "modules/infos.php?id=x" où x est l'id de l'image dans la BDD.
comment renseigner l'id ? avec une variable ? dans le lien ? où ?

Actuellement, la page infos.php se charge bien dans le div "infos", mais il faut que je puisse spécifier l'id de l'image en +.
Pourrais-je rajouter quelque chose dans cette balise : <a href="#" class="lieninfo"> ? Genre ca :<a href="#" class="lieninfo" id="'.$data['id'].'"> ???
En fait là je donnerais au lien l'id de l'image, cette id est peut être récupérable dans la requête AJAX ?
Mouarf j'y connais rien en AJAX ...

Merci d'avance !

requete et Add.Event

Bibliothèques & Frameworks

Discussions similaires

Partager

Partager