interface a onglet et php

**saramery** · 07/01/2010, 10h42

Bonjour,

j'ai trouvé un script qui fait une interface avec onglet ,chaque onglet a un contenu différent. et lorsque j'ai mis un formulaire d'ajout dans le contenu de la deuxième onglet et je clique sur le bouton ajouter ,je me trouve sur le premier onglet et non sur celui où il y a le formulaire d'ajout.

Merci d'avance pour votre aide et voila le script :

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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
 
    <script type="text/javascript">
 
        //<!--
                function change_onglet(name)
                {
                        document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                        document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                        document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                        document.getElementById('contenu_onglet_'+name).style.display = 'block';
                        anc_onglet = name;
                }
        //-->
        </script>
    <style type="text/css">
        .onglet
        {
                display:inline-block;
                margin-left:3px;
                margin-right:3px;
                padding:3px;
                border:1px solid black;
                cursor:pointer;
        }
        .onglet_0
        {
                background:#bbbbbb;
                border-bottom:1px solid black;
        }
        .onglet_1
        {
                background:#dddddd;
                border-bottom:0px solid black;
                padding-bottom:4px;
        }
        .contenu_onglet
        {
                background-color:#dddddd;
                border:1px solid black;
                margin-top:-1px;
                padding:5px;
                display:none;
        }
        ul
        {
                margin-top:0px;
                margin-bottom:0px;
                margin-left:-10px
        }
        h1
        {
                margin:0px;
                padding:0px;
        }
        </style>
</head>
<body>
        <div class="systeme_onglets">
        <div class="onglets">
            <span class="onglet_0 onglet" id="onglet_quoi" onclick="javascript:change_onglet('quoi');">Quoi</span>
            <span class="onglet_0 onglet" id="onglet_qui" onclick="javascript:change_onglet('qui');">Qui</span>
            <span class="onglet_0 onglet" id="onglet_pourquoi" onclick="javascript:change_onglet('pourquoi');">Pourquoi</span>
        </div>
        <div class="contenu_onglets">
            <div class="contenu_onglet" id="contenu_onglet_quoi">
                <h1>Quoi?</h1>
 
                Un simple syst&egrave;me d'onglet utilisant les technologies:<br />
                <ul>
                    <li>(X)html</li>
                    <li>CSS</li>
                    <li>Javascript</li>
                </ul>
            </div>
            <div class="contenu_onglet" id="contenu_onglet_qui">
                <h1>Qui?</h1>
                 <?php
    include('ajouter.php');
        
        ?>
                C'est un script r&eacute;alis&eacute; par Ybouane,<br />
                Webmaster du site <a href="http://www.supportduweb.com/">http://www.supportduweb.com/</a>
            </div>
            <div class="contenu_onglet" id="contenu_onglet_pourquoi">
                <h1>Pourquoi?</h1>
                Pour simplifier la navigation et la diviser en parties
            </div>
        </div>
    </div>
    <script type="text/javascript">
        //<!--
                var anc_onglet = 'quoi';
                change_onglet(anc_onglet);
        //-->
        </script>

**SpaceFrog** · 07/01/2010, 11h00

a priori les onglets on des classes differentes selon qu'ils sont actif ou pas ...

a toi de mettre la bonnne classe dans l'onglet actif avec php

**saramery** · 07/01/2010, 11h07

Envoyé par SpaceFrog

a priori les onglets on des classes differentes selon qu'ils sont actif ou pas ...

a toi de mettre la bonnne classe dans l'onglet actif avec php

Merci pour votre réponse mais si vous pourriez m'aidez un peu plus .
parce que je peu pas saisir ce que vous m'avez proposé.

**SpaceFrog** · 07/01/2010, 11h14

Bon on va faire plus simple

sur le onload de la page lance la fonction function change_onglet(name)

Code :

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

<body onload="change_onglet('<?php $ongletactif; ?>')" >

**saramery** · 07/01/2010, 11h38

Envoyé par SpaceFrog

Bon on va faire plus simple

sur le onload de la page lance la fonction function change_onglet(name)

Code :

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

<body onload="change_onglet('<?php $ongletactif; ?>')" >

désolé SpaceFrog, je trouve pas le solution ,je debute en javascript,je vais passer un peu plus de temps pour comprendre le fonctionnement du script .et Merci beaucoup pour votre temps dépensé à m'aider.

interface a onglet et php

JavaScript

Discussions similaires

Partager

Partager