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

**gwyohm** · 14/10/2009, 18h49

Salut,

J'ai un premier conseil à te donner :
Prend le temps de lire la doc (surtout les api et les exemples) de prototype et surtout de ne pas te contenter d'utiliser prototype pour ajax, mais pour tout le javascript (écoute d'événements, récupération d'éléments dans le DOM, manipulation du DOM...).

Perso je préfère l'ancien look de la doc

Prototype est un super framework, mais lourd à charger, donc il faut le rentabiliser... De plus, tu vas te rendre compte que le javascript sera plus compact et plus lisible, plus rapide à écrire si tu utilises prototype à fond.

**Arnaud F.** · 15/10/2009, 22h55

Bonjour,

ça ne résoudra pas votre problématique, mais pour gérer votre parc informatique (ce que vous cherchez à faire apparemment), pourquoi ne pas utiliser GLPI ?

Navigation par Onglets, Ajax , Prototype et PHP

Bibliothèques & Frameworks

Discussions similaires

Partager

Partager