|
|
|
|
Posté par
neo673, le mercredi 12 septembre 2007 à 17:48:05
<td bgcolor=#336185" class="liensousmenu">
<img src="entre_ss_titre.png" alt=""/>
<img src="fleche.png" alt=""/><a class="menuitems" href="index.php?page=identification">Identification</a>
</td>
</tr>
<a class="menuitems" href="index.php?page=news" onclick="ouvre_ss_menu">Accueil</a>
Configuration: Windows XP Firefox 2.0.0.6
Si c'est possible de le faire en php je suis pas contre , au contraire :)) |
Bsr
Oui c'est possible d'ajouter du code HTML dynamiquement avec Javascript. Mais je ne comprends pas très bien ce que tu veux faire. Lorsque tu cliques sur ton lien Accueil ça te charge déjà la page index.php?page=news non ? Donc ça rique de recharger également ton menu à moins que tu n'utilises des frames. Pourrais tu poster l'adresse de ta page histoire d'accèder à tout le code ? PhP Il y a 10 types de personnes dans le monde : ceux qui comprennent le binaire et les autres ... |
oui effectivement ca me charge directement la page news, cependant, sous accueil, j'aurai d'autres sections, genre Identification, Recherche Utilisateur etc... et je pensais que ca pouvais être sympa :)
voici le lien : www.duotone.ch/neo/AnciensEtudiants/ Je suis sur que le script ou le code php doit etre tout con :p |
Bonjour
heu non ajouter dynamiquement du code à un tableau en manipulant DOM via Javascript n'est pas une mince affaire .... :-( En Php c'est assez simple tu passes une variables à ta page et en fonction de sa valeur vrai/faux par ex tu inclus ou tu n'inclus pas le sous-menu. Cependant dès que tu as plusieurs sous-menu ça devient vite compliqué ... Une autre façon de faire en JavaScript + feuille de style CSS est de jouer sur l'affichage/le masquage des sous-menus grace à l a propriété display. Ta page contient toujours le code des sous-menus : son contenu ne change plus dynamiquement et ça change tout :-) Par contre il faut virer les styles intégrés directement dans les balises (quelle horreur !!!!) et utiliser les feuilles de style. Ex : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style> * { font-family : arial; } .menu { font-size : 12pt; font-weight : bold; font-color : #0000C0; } .sous_menu { font-size : 10pt; font-weight : normal; font-color : #0000C0; margin-left : 20px; display : none; } </style> <script type="text/javascript"> <!-- function toggle(menuID) { var elt = document.getElementById(menuID); // Recherche du style en cours : attention le style en cours est read-only! var eltStyle = elt.currentStyle || window.getComputedStyle(elt, null); if (eltStyle.display == "none") { elt.style.display = "block"; } else { elt.style.display = "none"; } } //--> </script> </head> <body> <table class="menu"> <tr> <td> <a href="javascript:void(0);" onclick="toggle('accueil')">Accueil</a> <table id="accueil" class="sous_menu"> <tr> <td> <a href="javascript:void(0);">Identification</a> </td> </tr> <tr> <td> <a href="javascript:void(0);">Recherche</a> </td> </tr> </table> </td> </tr> <tr> <td> <a href="javascript:void(0);" onclick="toggle('etudiant')">Etudiants</a> <table id="etudiant" class="sous_menu"> <tr> <td> <a href="javascript:void(0);">Sous-menu 1</a> </td> </tr> <tr> <td> <a href="javascript:void(0);">Sous-menu 2</a> </td> </tr> </table> </td> </tr> </table> </body> </html> je te laisse essayer et t'en inspirer tester sous IE et FF Voilà PhP Il y a 10 types de personnes dans le monde : ceux qui comprennent le binaire et les autres ... |
waouh!!!! merci bien :)
cependant comment fait l'utilisateur pour naviguer si les urls sont : <a href="javascript:void(0);" onclick="toggle('etudiant')">Etudiants</a> je peux pas les redirigé comme ici dans ton exemple vers une page étudiants. Merci beaucoup pour ton aide en tout cas :)) |
Lorsqu'une option d'un menu permet de masquer/afficher des sous-menus comme par ex l'option Etudiant on n'associe généralement pas de lien avec. Seules les sous-options du sous-menu sont censées rediriger vers un lien.
En effet si lorsque tu cliques sur Etudiant tu affiches le sous-menu qui disparâit aussitôt pour laisser la place à une nouvelle page à quoi bon ? Normalement un menu ne devrait jamais être rechargé. Cependant afin de ne pas se brider avec les frames c'est souvent ce qu'on fait. Par contre en PhP on peut éventuellemnt changé de pages en pré-déroulant un menu donné. Par ex 1 : Tu charges ta page d'accueil avec le menu : aucun sous-menu n'est affiché 2 : Tu cliques sur le lien Etudiant 3 : La page Etudiant est alors chargée : cette page contient également le menu et affiche le sous-menu étudiant Ce qui donne : styles.css (feuille de styles) : *
{
font-family : arial;
}
.menu
{
font-size : 12pt;
font-weight : bold;
font-color : #0000C0;
}
.sous_menu
{
font-size : 10pt;
font-weight : normal;
font-color : #0000C0;
margin-left : 20px;
}
.titre
{
font-size : 18pt;
font-weight : bold;
}
main.php (page de démarrage) : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <link rel="stylesheet" href="styles.css" type="text/css"> </head> <body> <?php include('menu.php'); ?> </body> </html> menu.php : <?php
$menuID="";
if (isset($_GET["menuID"])) $menuID=$_GET["menuID"];
?>
<table class="menu" width="200px">
<tr>
<td>
<a href="page_accueil.php?menuID=accueil">Accueil</a>
<?php
if ($menuID == "accueil")
{
include("sousmenu_accueil.php");
}
?>
</td>
</tr>
<tr>
<td>
<a href="page_etudiant.php?menuID=etudiant">Etudiants</a>
<?php
if ($menuID == "etudiant")
{
include("sousmenu_etudiant.php");
}
?>
</td>
</tr>
</table>
page_acccueil.php : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Page accueil</title> <link rel="stylesheet" href="styles.css" type="text/css"> </head> <body> <table> <tr> <td> <?php include('menu.php'); ?> </td> <td> <p class="titre">Vous êtes sur la page accueil ! </p> </td> </tr> </table> </body> </html> page_etudiant.php : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Page étudiant</title> <link rel="stylesheet" href="styles.css" type="text/css"> </head> <body> <table> <tr> <td> <?php include('menu.php'); ?> </td> <td> <p class="titre">Vous êtes sur la page étudiant ! </p> </td> </tr> </table> </body> </html> Copie toutes les pages dans un sous-répertoire accessible à ton serveur PHP en les nommants comme indiqué puis lance http://(adresse de ton serveu PHP)/main.php PhP Il y a 10 types de personnes dans le monde : ceux qui comprennent le binaire et les autres ... |
merci encore pour ton aide ;)
je l'ai fais selon ton exemple en php,ca fonctionne pas mal !! http://www.duotone.ch/neo/AnciensEtudiants/index.php ps : les erreurs d'include c'est normal j'ai pas encore mis les pages derrière ;) Problème résolu donc ;) merci !! |
Bjr
Oui en effet c nickel comme ça ;-) En plus avec le haut débit on a l'impression d'avoir affaire à un vrai menu. Bon développement. @+ PhP Il y a 10 types de personnes dans le monde : ceux qui comprennent le binaire et les autres ... |
| 08/11 10h32 | [Javascript] Lien aléatoire / Choisir un lien au hasard | Javascript |
| 18/11 01h53 | [CCM] Astuces et conseils pour la rédaction | CommentçaMarche |
| 05/11 11h52 | [Javascript] Effacer un champ de formulaire lors du clic (focus) | Javascript |
| 07/03 16h47 | [Site web] Vérification des liens brisés | Webmaster |
| 03/04 17h28 | On peut cacher le code source d'une page HTML | Mythes et légendes |
| 04/06 17h40 | JavaScript: ajouter un lien dans un bouton | 3 |
| 17/02 00h20 | Ajout d'un lien apres edition | 12 |
| 13/07 13h25 | Ajournement codec jc-3500d | 0 |
| 26/06 22h38 | Ajout code pokemon rubis game boy advance | 0 |
![]() | Taskbar Repair Tool Plus! - Taskbar Repair Tool Plus! est un logiciel uniquement valable pour Windows XP. Il vous permet de personnaliser la barre des... | Catégorie: Personnalisation Licence: Freeware/gratuit |
![]() | CustomizeGoogle - Comme beaucoup de monde, vous êtes probablement utilisateur de Google. Mais Google n'est pas parfait. Cette extension vous... | Catégorie: Extensions Firefox Licence: Open Source |
![]() | SpaceTime - Pour plus de fluidité et d'ergonomie dans vos recherches sur le web, en mode interactif, c'est encore mieux. Space Time est... | Catégorie: Internet Licence: Freeware/gratuit |
![]() | Vista Codec Package - Vista Codec Package regroupe une collection impressionnante de codecs (audio et vidéo), permettant d'ouvrir la plupart... | Catégorie: Codecs Licence: Freeware/gratuit |
![]() | Resident Evil - Code: | Catégorie: Jeu vidéo Gamecube | 14.90 € PriceMinister |
![]() | Coded Arms Contagion | Catégorie: Jeu vidéo PSP | 36.82 € Amazon.fr |
![]() | Zack & Cody: Circle | Catégorie: Jeu vidéo Nintendo DS | 27.99 € Amazon.fr |
![]() | Codename : Kids Next | Catégorie: Jeu vidéo Gamecube | 10.00 € PriceMinister |