Utiliser ajax pour une modal box

[fabrizti]

Bonjour et bonne année à tous

J'essaie sans réussite d'utiliser OSX Style Dialog que j'ai télécharger à cette adresse http://www.ericmmartin.com/projects/simplemodal-demos/

Cela fonctionne directement mais une fois intégré sur mon site j'ai un problème.

J'aimerais utiliser cette technologies sur une liste de résultat découlant d'une requete mysql et implémenté grâce à un foreach en php.

En bref j'ai une liste de titre grâce à un foreach, j'aimerais quand cliquant sur ce titre la modal box s'ouvre et présente le contenu qui correspond ... J'ai donc implémenté cela mais lorsque je clique cela ne m'affiche que le 1er résultat. C'est donc surement un problème entre javascript et php qui ne s'éxécute pas au même moment. mais je ne suis pas top en javascript, ajax.

Voici mon code si une bonne âme veut bien m'aider :

Code :

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
 
foreach($sql3 as $row){
 
 
                 $titleposts=$row['title'];
                 $contentposts=$row['content'];       
                 $photoposts=$row['photo'];
 
                    ?>
                                          <div class="posts2">
                                                        <div class="bloctitreposts">
                                                            <span class="titreposts">
                                                                <?php
                                                                echo $title; ?>
                                                            </span>
                                                            <p class="dateposts"><?php echo $date; ?></p>
                                                        </div>
                                                        <div class="contenuposts">
                                                            <img class="photoposts" src="<?php echo $photoposts; ?>" />
                                                            <?php
                                                            echo "<a href='#' class='osx'>".$contentposts."</a>";
                                                            ?>
                                                        </div>
                                                    </div>
                                                    <div class='postsclear'></div>
                                                    </div>
                                                        <!-- dialog box -->
                                                        <!-- modal content -->
                                                        <div id="osx-modal-content">
                                                            <div id="osx-modal-title"><?php echo $titleposts; ?></div>
                                                            <div class="close"><a href="#" class="simplemodal-close">x</a></div>
                                                            <div id="osx-modal-data">
                                                                <?php echo $contentposts; ?>
                                                                <p><button class="simplemodal-close">Close</button> <span>(or press ESC or click the overlay)</span></p>
                                                            </div>
                                                        </div>
                                                    <?php
 
                                                    }

[RomainVALERI]

Envoyé par fabrizti

Voici mon code si une bonne âme veut bien m'aider

Une bonne âme, je ne sais pas mais en tout cas ce morceau de code ne nous est quasiment d'aucune utilité : AJAX, ça se passe en javascript. C'est cette partie qu'il nous faut en priorité pour t'aider. La structure HTML de la page aussi, d'ailleurs, mais pas le PHP comme ici, plutôt le code généré. ^^