1 pièce(s) jointe(s)
Navigation par Onglets, Ajax , Prototype et PHP
Bonjour je travaille actuellement sur un projet de gestion de parc informatique.
Pour l'insertion d'un nouvel équipement, je souhaiterais le réaliser par une navigation basée sur des onglets;
En navigant, d'onglet à onglet, je garde une même partie statique qui regroupe les informations essentiels de l'équipement : le nom, la fonction, le constructeur, le modèle, l'adresse IP....et une partie dynamique en cliquant sur les différents onglets....
Les différents onglets sont :
- Principal : partie statique + composants (RAM,processeur,disque dur)
- Réseau : partie statique + config réseau
- Logiciel : partie statique + logiciel installé
- Sérialisation : partie statique + licensing
- Management : partie statique + management (méthode d'accès)
- support partie statique + informations de support
- note partie statique + note sur l'équipement
- Historique partie statique + historique
Par exemple, pour la partie management, la partie dynamique à afficher est un formulaire à remplir...
pour la partie licensing, même chose, formulaire avec la liste de toutes les licences associés à l'équipement ...
On m'a conseillé de réaliser cela en ajax et plus particulièrement avec le framework prototype. J'ai donc commencé à m'y intéresser un peu ...J'aimerais que vous me donniez des pistes pour bien commencer ....
Voilà déjà ma navigation par onglets :
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 40 41 42 43 44
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript" src="tabber.js"></script>
<script type="text/javascript" src="prototype.js"></script>
<link rel="stylesheet" href="style.css" type="text/css"/>
</script>
</head>
<body>
<div class="tabber">
<div class="tabbertab" title="Général">
Général
</div>
<div class="tabbertab" title="Réseau">
Réseau
</div>
<div class="tabbertab" title="Logiciel">
Logiciel
</div>
<div class="tabbertab" title="Licencing">
Licensing
</div>
<div class="tabbertab" title="Management">
Management
</div>
<div class="tabbertab" title="Note">
<h3>Section One</h3>
Note
</div>
<div class="tabbertab" title="Historique">
<h3>Section One</h3>
Historique
</div> |
En fait, cette fenêtre va s'ouvrir via un popup et récupérer l'id du client (on le gère pour tout les clients)
Cette fenêtre va servir pour l'ajout d'un équipement, il faudrait donc passer l'id de l'équipement par ajax ....
Pouvez vous m'aidez et me donnez des pistes , je vous remercie ...:D