[débutant] creation Onglets

**iftolotfi** · 04/06/2007, 14h08

salut,
je veux utiliser les onglets dans mon application j ai cherché des exemples mes j ai pas trouvé grand chose, est ce que quelqu un à un lien qui explique de manière claire l utilisation des onglets dans Struts.
Merci

**Cronycs** · 04/06/2007, 14h19

Est-ce que tu pourrais être plus explicite ? Dans quoi voudrais tu créer des Onglets ? Pour faire un menu ?

**iftolotfi** · 04/06/2007, 14h28

oui pour faire un menu dans une page donnée, j utilise jdk 1.4 et struts 1.2

**Cronycs** · 04/06/2007, 14h32

En sachant que Struts est une technologie Web donc figé, je pense que les "onglets" sont plus un effet de style qu'autre chose. Ca se passerait donc plutôt du coté du css que de struts. Mais peut-être que je me trompe

**azur_34** · 04/06/2007, 14h49

J'ai une application struts avec des onglets et en effet j'utilise les css

**iftolotfi** · 04/06/2007, 16h40

y as t il un tuto ou un exemple ou je peux m en inspirer

**azerr** · 05/06/2007, 09h10

Bonjour
si tu es interesse tu as le projet JSPTabControl
http://jsptabcontrol.sourceforge.net/ qui est une taglib qui te perrmet de gerer des onglets dans une JSP.

Angelo

**OButterlin** · 05/06/2007, 09h16

Tu as également Struts-Layout, très complet
(champs date, onglet, liste paginée etc...)

http://struts.application-servers.com/

A+

**AnneB** · 05/06/2007, 16h45

Dans l'appli que je suis en train de réaliser, il y a des onglets. Pour mettre ca en place, je me suis largement inspirée de ce site :
http://demo.raibledesigns.com/struts-menu/

Pour faire des trucs comme ca il faut que tu télécharge le struts-menu.tld....
J'ai aussi fait des onglets "dynamiques", c'est à dire que mes onglets varient en fonction de l'utilisateur et pour ca j'ai du utiliser la struts-menu-el.tld (à télécharger aussi)

Bon courage

Anne

**iftolotfi** · 05/06/2007, 20h38

merci pour vos reponses

j ai essayé de faire ça
http://demo.raibledesigns.com/struts...abs.jsp?People

la page s affiche bien avec les onglets mes lorsque je klick sur le lien les onglets disparessent et la page s affiche toute seule!!!

voila mon fichier meu-configue.xml

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
<?xml version="1.0" encoding="UTF-8"?>
<MenuConfig>
    <Displayers>
        <Displayer 	name="TabbedMenu"
  					type="net.sf.navigator.displayer.TabbedMenuDisplayer"/>
    </Displayers>
    <Menus>
		<Menu 	name="Test1" 
				title="Menu1" 
				description="Todos Menu" 
				page="/main.do"/>
		<Menu 	name="Test2" 
				title="Menu2" 
				description="Todos Menu" 
				page="creationProfils.do/>
     </Menus>
 
 
</MenuConfig>

**Mister Nono** · 06/06/2007, 00h29

On peut faire de très beaux onglets en XHTML et CSS et éventuellement Javascript.

**azerr** · 06/06/2007, 02h24

Suite a la remarque de Mister Nono
JSPTabControl permet de generer le code HTML des onglets avec des ul/li => http://jsptabcontrol.sourceforge.net...per-guide.html.

Le parametrage des onglets (images, border,...) se fait uniquement avec des CSS. JSPTabcontrol te permet de :

1. gerer le rendu de tes onglets avec des CSS.
2. gerer la localisation des onglets (avec Struts ou non)
3. selectionner un onglet depuis le serveur (action Struts par exemple)
4. gerer des etats sur tes onglets comme erreur, lecture seule, invisible,... cote serveur ou client (javascript)
5. selectionner un onglet cote serveur
6. garde l'onglet selectionne apres un post.

Angelo

**AlexisG** · 06/06/2007, 08h09

Je vais peut être faire une reponse a l'ouest mais il y a le tag <TabbedPanel /> qui fonctionne bien avec le theme 'ajax'.

**Mister Nono** · 06/06/2007, 09h35

Envoyé par azerr

Suite a la remarque de Mister Nono
JSPTabControl permet de generer le code HTML des onglets avec des ul/li => http://jsptabcontrol.sourceforge.net...per-guide.html.

...

Cela peut-être intéressant effectivement.

Mais c'est encore l'ajoût et l'apprentissage d'une bibliothèque pour faire quelque chose qui est quand même simple à réaliser, et quand on réalise un projet on prend en compte le coût horaire et le rapport (complexité / résultat).

Merci pour l'information.

**AnneB** · 06/06/2007, 09h49

Envoyé par iftolotfi

la page s affiche bien avec les onglets mes lorsque je klick sur le lien les onglets disparessent et la page s affiche toute seule!!!

tu as mis ca dans les jsp sur lesquelles sont redirigées tes actions?

Code :

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

1
2
3
4
5
6
7
8
<div>
<menu:useMenuDisplayer name="TabbedMenu">
    <ul class="menuList">
    <menu:displayMenu name="Test1"/>
    <menu:displayMenu name="Test2"/>
    </ul>
</menu:useMenuDisplayer>
</div>

**azerr** · 06/06/2007, 10h34

Bonjour

Mais c'est encore l'ajoût et l'apprentissage d'une bibliothèque pour faire quelque chose qui est quand même simple à réaliser, et quand on réalise un projet on prend en compte le coût horaire et le rapport (complexité / résultat).

JSPtabcontrol n'est pas très compliqué à mettre en place. De plus tu as une distribution jsptabcontrol-usecases-1.0-b2 qui te répertorie tous les cas d'utilisation de JSPTabControl.

Angelo

**iftolotfi** · 06/06/2007, 11h10

ce que je veux lors d un click sur un ongler afficher l page en dessou sans que mes onglet disparessent .
voila ma page jsp :

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
45
46
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<%@ taglib uri="http://struts-menu.sf.net/tag" prefix="menu" %>
 
 
 
 
 
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Tabbed Menu (with Velocity) Example</title>
 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
    <link rel="stylesheet" type="text/css" media="screen" href="styles/global.css" />  
    <link rel="stylesheet" type="text/css" media="screen" href="styles/tabs.css" />
 
    <script type="text/javascript" src="styles/tabs.js"></script>
</head>
<body>
 
<div>
<menu:useMenuDisplayer name="TabbedMenu" 
    bundle="org.apache.struts.action.MESSAGE">
    <ul class="menuList">
    <menu:displayMenu name="Test1"/>
    <menu:displayMenu name="Test2"/>
    </ul>
</menu:useMenuDisplayer>
</div>
 
<div id="content" style="width: 60%">
    <h2>CSS Tabs with Submenus</h2>
    <p>
        This example uses a Velocity template to render its HTML. Otherwise,
        it's the same as the <a href="tabbedMenu.jsp?Home">Tabbed Menu Example</a>.
        However, this one is much better (in my opinion) because you have full
        control over the HTML (via Velocity templates) and display logic. 
    </p>
</div>
 
 
</body>
</html>

et mon fichier menu-config.xml

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
<?xml version="1.0" encoding="UTF-8"?>
<MenuConfig>
    <Displayers>
        <Displayer 	name="TabbedMenu"
  					type="net.sf.navigator.displayer.TabbedMenuDisplayer"/>
    </Displayers>
    <Menus>
		<Menu 	name="Test1" 
				title="Menu1" 
				description="Todos Menu" 
				page="/main.do"/>
				<Menu 	name="Test2" 
				title="Menu2" 
				description="Todos Menu" 
				page="/welcom.do"/>
     </Menus>
 
 
</MenuConfig>

est ce que config="/templates/tabs.html" est obligatoir pour que les lien s affiche dans la même page, enl ajoutant dans

Code :

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

1
2
<menu:useMenuDisplayer name="TabbedMenu" config="/templates/tabs.html"
    bundle="org.apache.struts.action.MESSAGE">

mes onglets disparessent et j ai à la place des NULL

**iftolotfi** · 06/06/2007, 14h30

mnt c bon j ai les liens qui marchent,

le but de l utilsation des onglets pour moi c la saisie dans un formulaire trés long, donc je veux en clickant sur le premier onglet afficher une partie et puis qlicker sur l autre pour continuer la saisie, la soumission du form peut se faire apartir des deux, je dois avoir une seul action et un seul formBean, est ce que qlq un voix comment le faire

**chaminette** · 06/06/2007, 14h52

C'est un peu tordu ce que tu veux faire .... non?
si tu envois vers la meme actionform ça doit se faire , ce que je ne comprends c'est comment tu veux garder les champs chargés à chaque page en mémoire?

**AnneB** · 06/06/2007, 14h58

Si je comprend bien, tu veux faire un formulaire sur plusieurs onglets que l'utilisateur doit remplir. L'user peut valider la saisie de tous les champs par l'intermédiaire d'un bouton submit "Validation".

Je ne vois qu'une manière de garder les champs saisis : il faut un bouton de soumission "intermédiaire", un bouton "save" par exemple, a la soumission tu passes par ta classe action, tu sauvegarde les champs saisis correspondants aux champs de ton onglet, et tu met ton ActionForm en session. Ainsi tu pourras le récupérer sans soucis apres....

Mais comme dit Chaminette c'est un peu tordu

[débutant] creation Onglets

Struts 1 Java

Discussions similaires

Partager

Partager