Lien modifiant contenu page web - Javascript

Version imprimable

27/03/2007, 14h46
annekeuss

Lien modifiant contenu page web - Javascript

Bonjour,

Je suis en train de déveloper un portail en PHP et javascript. J'exectute des requetes sur une base oracle. J'ai une page qui liste tous les titres sans les contenus. Je souhaiterais qu'en cliquant sur un + ou une fleche, le contenu apparaisse dans un cadre, et que l'on puisse le faire disparaitre de la meme façon. Et ceux pour chaque titre. Je sais que cela est possible en javascript mais je n'ai pas encore trouvé de solution interressante. Toute suggestion, idée seront les bienvenues.

Voici le code qui liste les titres :

<?php
$conn = ora_logon("DBAAT@dbks.DBAAT","DBAAT");
if ($conn) {
$sql1="select idmenu from menus where page='antoine'";
error_reporting(0);
$results = array();
$ora_cur = ora_do($conn, $sql1);
include("select.php");
if (count($results)) {
reset($results);
while($res = each($results)){
$idmenu=$res[1]["IDMENU"];
}
}
else{
print "impossible de trouver la page";
}
$sql2="select idpar, titre from paragraphe where idmenu='$idmenu' order by idpar";
error_reporting(0);
$results = array();
$ora_cur = ora_do($conn, $sql2);
include("select.php");
if (count($results)) {
reset($results);
echo '<TABLE align="top" WIDTH="92%" BORDER=0 CELLPADDING=0 CELLSPACING=0 bgcolor="#FFFFFF">';
while($res = each($results)){
$titre=$res[1]["TITRE"];
$idpar= $res[1]["IDPAR"];
echo '<tr>';
echo '<td width="5%" bgcolor="#ffe0e0"></td>';
echo '<td width="65%" bgcolor="#ffe0e0">';
echo '<div class="ver11">'.$titre.'</div></td><td width="10%" bgcolor="#ffe0e0">';
echo '<a href="../Magasin/modifier.php"><img src="../Magasin/editeur.gif" border=0 alt="Modifier"></a>';
echo '<a href="../Magasin/editeurtitre.php?nom=antoine" TARGET=popup onclick="javascript:openpopup();"><img src="../Magasin/ajout_para.gif" border=0 alt="Ajouter un paragraphe"></a>';
echo '<a href="../Magasin/supprimer.php"><img src="../Magasin/supprimer.gif" border=0 alt="Supprimer"></a>';
echo '</td></tr>';
echo '<tr><td>';
echo '<a href="#"><img src="../Magasin/bas.gif" border=0 alt="Voir"></a></td></tr>';--> lien qui permet d'afficher le bou de code

//echo '<td> <div class="pad"> jdjhdsqbdsqhbdhbsdq </div><br></td>'; --> a cet endroit je voudrais inserer du code qui n'apparait qu'on moment on clique sur un lien

}
echo '</table>';
}
else{
//print "";
}

}
ora_logoff($conn);
?>

Merci pour votre aide

An-So

Tu peux faire une fonction js du genre:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
function switch(){
var etat=document.getElementById('mondiv').style.display;
if(etat=='hidden')
{
 etat='none';
}
else
{
 etat='hidden';
}
}

Avec ton code d'auparavant:

Code:

1
2
3
4
 
echo '<img src="../Magasin/bas.gif" border=0 onclick="javascript:switch();" alt="Voir"></td></tr>';--> lien qui permet d'afficher le bou de code
 
//echo '<td> <div id="mondiv" style="visibility: hidden;" class="pad"> jdjhdsqbdsqhbdhbsdq </div><br></td>';

27/03/2007, 17h42
annekeuss

Merci pour ta réponse. j'ai testé en insérant le code que tu as fourni, mais ça ne fonctionne pas ... Il ne se passe rien quand je clique sur le lien, j'ai aussi essayé avec un bouton a la place du lien mais il ne passe rien non plus.
J'ai l'impression qu'il ne rentre même pas dans la fonction switch ...
27/03/2007, 17h51
calitom

Tu as bien mis la fonction switch entre deux balises javascript?
J'ai testé en local et ca marche en executant la fonction a partir d'un onclick sur la balise img...

oui j'ai bien defini la fonction entre des balises javascript entre les balises html <head></head>
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <script language="javascript"> function switch(){ var etat=document.getElementById('mondiv').style.display; if(etat=='hidden') { etat='none'; } else { etat='hidden'; } } </script>
[

et entre les balises <Body> </body>, j'ai placé le code
Code:

1 2 echo '<img src="../Magasin/bas.gif" border=0 onclick="javascript:switch();" alt="Voir"></td></tr>'; echo '<td> <div id="mondiv" style="visibility: hidden;" class="pad"> jdjhdsqbdsqhbdhbsdq </div><br></td>';
mais il ne se passe rien quand je clique