Administration de contenu
Fermé
GUIPE
Messages postés
94
Date d'inscription
mardi 5 mai 2009
Statut
Membre
Dernière intervention
15 décembre 2009
-
14 mai 2009 à 16:08
GUIPE Messages postés 94 Date d'inscription mardi 5 mai 2009 Statut Membre Dernière intervention 15 décembre 2009 - 19 mai 2009 à 10:11
GUIPE Messages postés 94 Date d'inscription mardi 5 mai 2009 Statut Membre Dernière intervention 15 décembre 2009 - 19 mai 2009 à 10:11
A voir également:
- Administration de contenu
- Administration fiscale - Guide
- Word a trouvé du contenu illisible - Guide
- Le fichier à télécharger correspond au contenu brut d’un courrier électronique. de quel pays a été envoyé ce message ? - Guide
- Mot de passe administrateur - Guide
- [<B>contenu masqué</b>] ✓ - Forum Téléphones & tablettes Android
6 réponses
GUIPE
Messages postés
94
Date d'inscription
mardi 5 mai 2009
Statut
Membre
Dernière intervention
15 décembre 2009
18 mai 2009 à 10:13
18 mai 2009 à 10:13
Rebonjour à tous . Comme je vous l'avais dit précédemment, j'ai une page avec un menu déroulant affichant mes catégories et mes pages dont le script est celui ci : [CODE]<html>
<head>
<body background="img.jpg">
<h1><font color="white"><div align= "center"> E.C&T ( Eaux Collectives & Traitements )</div></font></h1>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="ddaccordion.js"></script>
<script type="text/javascript">
ddaccordion.init({
headerclass: "submenuheader", //Shared CSS class name of headers group
contentclass: "submenu", //Shared CSS class name of contents group
revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: true, //persist state of opened contents within browser session?
toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
//togglehtml: ["suffix", "<img src='images/plus.gif' class='statusicon' />", "<img src='images/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)
animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})
</script>
<style type="text/css">
.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}
.glossymenu a.menuitem{
background: black url(glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}
.glossymenu a.menuitem:hover{
background-image: url(glossyback2.gif);
}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}
.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}
.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}
.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}
.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}
</style>
</head>
<body>
<?php
error_reporting(E_ALL);
$host="localhost";
$user="root";
$pass="";
$db="ect";
mysql_connect($host,$user,$pass) or die("Impossible de se connecter à la base de donnée : $db");
mysql_select_db($db) or die("Impossible de se connecter à la base de donnée");
$r_cat = mysql_db_query($db,"SELECT * FROM cat ORDER BY ordre ASC");
while($cat = mysql_fetch_assoc($r_cat))
{
$r_pages= mysql_db_query($db,"SELECT * FROM pages WHERE id_cat= '$cat[id]' ORDER BY ordre ASC");
$n=mysql_num_rows($r_pages);
if($n>=1)
{
$class='menuitem submenuheader';
$debut='<div class="submenu"><ul>';
$fin='</ul></div>';
}
else
{
$class='menuitem';
$debut='';
$fin='';
}
echo '<div class="glossymenu"><a class="'.$class.'">'.$cat['nom_fr'].'</a>';
echo $debut;
while($pages = mysql_fetch_assoc($r_pages))
{
echo '<li>'.$pages['id'].'<br>'.$pages['titre_fr'].'/'.$pages['titre_en'].'</a></li>';
}
echo $fin.'</div>';
}
mysql_close();
?>
</body>
</html>
/CODE
J'aimerai qu'une petite icone "modifier" s'affiche à coté de chaque catégorie et que quand je clique dessus bé j'ai les pages associées et seulement associées à la catégorie qui s'affiche. J'ai déjà fait ça avec une liste déroulante mais j'aimerai maintenant le faire en cliquant sur une petite icone. Cependant je ne sais pas comment faire cela, ou ajouter le code pour l'insertion de l'icone, dans le javascript, le css ? Merci de me répondre.
PS: En cliquant sur l'une des catégories du menu, j'ai déjà une action qui s'effectue à savoir le déroulement des pages associées à ma catégorie, c'est là mon premier problème. Mon 2éme sera comment récupérer l'id de la catégorie sur laquelle j'ai appuyé sur l'icone modifier pour pouvoir ensuite utiliser cet id pour le traitement de mes pages !
<head>
<body background="img.jpg">
<h1><font color="white"><div align= "center"> E.C&T ( Eaux Collectives & Traitements )</div></font></h1>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="ddaccordion.js"></script>
<script type="text/javascript">
ddaccordion.init({
headerclass: "submenuheader", //Shared CSS class name of headers group
contentclass: "submenu", //Shared CSS class name of contents group
revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: true, //persist state of opened contents within browser session?
toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
//togglehtml: ["suffix", "<img src='images/plus.gif' class='statusicon' />", "<img src='images/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)
animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})
</script>
<style type="text/css">
.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}
.glossymenu a.menuitem{
background: black url(glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}
.glossymenu a.menuitem:hover{
background-image: url(glossyback2.gif);
}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}
.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}
.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}
.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}
.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}
</style>
</head>
<body>
<?php
error_reporting(E_ALL);
$host="localhost";
$user="root";
$pass="";
$db="ect";
mysql_connect($host,$user,$pass) or die("Impossible de se connecter à la base de donnée : $db");
mysql_select_db($db) or die("Impossible de se connecter à la base de donnée");
$r_cat = mysql_db_query($db,"SELECT * FROM cat ORDER BY ordre ASC");
while($cat = mysql_fetch_assoc($r_cat))
{
$r_pages= mysql_db_query($db,"SELECT * FROM pages WHERE id_cat= '$cat[id]' ORDER BY ordre ASC");
$n=mysql_num_rows($r_pages);
if($n>=1)
{
$class='menuitem submenuheader';
$debut='<div class="submenu"><ul>';
$fin='</ul></div>';
}
else
{
$class='menuitem';
$debut='';
$fin='';
}
echo '<div class="glossymenu"><a class="'.$class.'">'.$cat['nom_fr'].'</a>';
echo $debut;
while($pages = mysql_fetch_assoc($r_pages))
{
echo '<li>'.$pages['id'].'<br>'.$pages['titre_fr'].'/'.$pages['titre_en'].'</a></li>';
}
echo $fin.'</div>';
}
mysql_close();
?>
</body>
</html>
/CODE
J'aimerai qu'une petite icone "modifier" s'affiche à coté de chaque catégorie et que quand je clique dessus bé j'ai les pages associées et seulement associées à la catégorie qui s'affiche. J'ai déjà fait ça avec une liste déroulante mais j'aimerai maintenant le faire en cliquant sur une petite icone. Cependant je ne sais pas comment faire cela, ou ajouter le code pour l'insertion de l'icone, dans le javascript, le css ? Merci de me répondre.
PS: En cliquant sur l'une des catégories du menu, j'ai déjà une action qui s'effectue à savoir le déroulement des pages associées à ma catégorie, c'est là mon premier problème. Mon 2éme sera comment récupérer l'id de la catégorie sur laquelle j'ai appuyé sur l'icone modifier pour pouvoir ensuite utiliser cet id pour le traitement de mes pages !
GUIPE
Messages postés
94
Date d'inscription
mardi 5 mai 2009
Statut
Membre
Dernière intervention
15 décembre 2009
18 mai 2009 à 11:45
18 mai 2009 à 11:45
Si vous avez déjà fait ce genre de choses , merci de m'aider, c'est important pour moi !
GUIPE
Messages postés
94
Date d'inscription
mardi 5 mai 2009
Statut
Membre
Dernière intervention
15 décembre 2009
18 mai 2009 à 14:56
18 mai 2009 à 14:56
J'insiste !
GUIPE
Messages postés
94
Date d'inscription
mardi 5 mai 2009
Statut
Membre
Dernière intervention
15 décembre 2009
18 mai 2009 à 17:04
18 mai 2009 à 17:04
IMPORTANT !!!
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
GUIPE
Messages postés
94
Date d'inscription
mardi 5 mai 2009
Statut
Membre
Dernière intervention
15 décembre 2009
18 mai 2009 à 17:26
18 mai 2009 à 17:26
[CODE] echo '<form method="post" action="adminpages2.php"><input name="imageField" type="image" value="'.$cat['id'].'" src="images.jpg" border="0"><div class="glossymenu"><a class="'.$class.'">'.$cat['nom_fr'].'</a>'; [/CODE]
J'essaie de créer un formulaire dont le submit serait mon icone modifier, l'icone s'affiche mais quelque soit la catégorie ou j'appuie sur modifier, ça me mène toujours à la meme page et donc ça ne m'affiche pas les pages associées à la catégorie sur laquelle j'ai appuyé sur l'icone modifier.
Tout ça parce que je n'arrive pas (en cliquant sur mon icone "modifier" à récupérer l'id de ma catégorie) et donc pouvoir m'en servir pour afficher les pages corrrespondantes sur l'autre page ! Aidez moi SVP !
J'essaie de créer un formulaire dont le submit serait mon icone modifier, l'icone s'affiche mais quelque soit la catégorie ou j'appuie sur modifier, ça me mène toujours à la meme page et donc ça ne m'affiche pas les pages associées à la catégorie sur laquelle j'ai appuyé sur l'icone modifier.
Tout ça parce que je n'arrive pas (en cliquant sur mon icone "modifier" à récupérer l'id de ma catégorie) et donc pouvoir m'en servir pour afficher les pages corrrespondantes sur l'autre page ! Aidez moi SVP !
GUIPE
Messages postés
94
Date d'inscription
mardi 5 mai 2009
Statut
Membre
Dernière intervention
15 décembre 2009
19 mai 2009 à 10:11
19 mai 2009 à 10:11
echo'<form method="post" action="adminpages2.php" name="categories"><input type="hidden" name="id" value="'.$cat['id'].'" /><input type=image src=images.jpg /></form>';
J'ai fait ceci, ça ffiche les icones mais ça maffiche toujours la meme page quelque soit la catégorie sur laquelle jappuie sur l'icone modifier. En gros je n'arrive pas à récupérer l'id de la catégorie sur laquelle j'ai appuyé sur l'icone modifier.
J'ai fait ceci, ça ffiche les icones mais ça maffiche toujours la meme page quelque soit la catégorie sur laquelle jappuie sur l'icone modifier. En gros je n'arrive pas à récupérer l'id de la catégorie sur laquelle j'ai appuyé sur l'icone modifier.
