Navigation par Onglets, Ajax , Prototype et PHP

**vivicente** · 14/10/2009, 17h02

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ...

Navigation par Onglets, Ajax , Prototype et PHP

Bibliothèques & Frameworks

Mode arborescent

Discussions similaires

Partager

Partager