problème de Pa en onglets

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu problème de Pa en onglets

Message par Maria Kurenai le Dim 11 Déc 2011 - 2:06

Bonjour/Bonsoir a ceux qui me lisent,

J'ai un petit soucis avec un Page d'accueil-tableau en onglet qui se trouvais être dans les tutoriels de ce forum --> ici
Voici aussi le lien du forum où se trouve la PA -->Ici
J'ai fait comme il est inscrit dans le tutoriel ( j'ai pris le style de tableau Modèle 2 )

Donc j'ai mis dans le Java ce code la en cochant " Index ":

Code:
function changeOnglet(_this){
    var getOnglets    = document.getElementById('mes_onglets').getElementsByTagName('span');
    for(var i = 0; i < getOnglets.length; i++){
        if(getOnglets[i].id){
            if(getOnglets[i].id == _this.id){
                getOnglets[i].className = 'mon_onglet_selected';
                document.getElementById('c' + _this.id).style.display            = 'block';
            }
            else{
                getOnglets[i].className = 'mon_onglet';
                document.getElementById('c' + getOnglets[i].id).style.display    = 'none';
            }
        }
    }   
}

J'ai mis ce code pour la page d'accueil HTML :

Code:
<table style="margin: auto;"><tr><td style="padding-bottom: 4px;" align="center"><div id="mes_onglets">
    <span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Onglet 1</span>
        <span id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Onglet 2</span>
        <span id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Onglet 3</span>
        <span id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Onglet 4</span></td></tr>
<tr><td>
        <div class="clear"><div id="mes_contenus">
    <div id="co_1" class="mon_contenu">Mon contenu 1 </div>
    <div id="co_2" class="mon_contenu" style="display: none;">Mon contenu 2</div>
    <div id="co_3" class="mon_contenu" style="display: none;">Mon contenu 3</div>
    <div id="co_4" class="mon_contenu" style="display: none;">Mon contenu 4</div>
</div></div></div></td></tr></table>

et pour le CSS celui la :

Code:
 
.mon_onglet{
  display: inline;
  padding: 2px;
  margin: 2px;
  color: #000;
  background: #fff;
  border: 1px solid #000;}
 
.mon_onglet:hover{
  background: #b8efa1;}
     
.mon_onglet_selected{
  display: inline;
  padding: 2px;
  margin: 2px;
  color: #000;
  background: #ffff;
  border: 1px solid #000;}
     
.clear{
  clear: both;}
 
.mon_contenu{
  color: #000;
  background: #fff;
  border: 1px solid #000;
  padding: 10px;
  margin: 10 px;
  height: 120px;
  line-height: normal;
  font-size: 11px;}
 
#mes_contenus, #mes_onglets{
  height: 100%;
  width:100%;}

Alors je l'ai déja retirer puis remis pour voir si ce n'était pas moi qui avait fait une fausse m'anipulation mais non, j'ai meme changer le "onclick" par "onmouseover" mais rien n'y fait !

Il reste bloquer sur le " contenu 1 " c'est un peu facheux surtout que ce n'est même pas pour moi mais pour un ami.
Es ce que j'ai oublier quelques chose ? Le code est il valable ?
Ha oui le forum est en phpBB2.

J'espère avoir bien décrit la situation merci.

EDIT : J'ai essayer de faire la forme 1 du tableau et sur le forum dont j'ai mis le lien j'ai toujours le meme problème alors que je l'ai essayer sur mon ancien forum qui est mon forum test maintenant et la ca fonctionne, c'est quand même étrange ...


Dernière édition par Maria Kurenai le Dim 11 Déc 2011 - 15:15, édité 1 fois

Maria Kurenai
Nouveau membre

Féminin
Messages : 10
Inscrit(e) le : 30/09/2010

http://capu-chuu2.forumactif.org
Maria Kurenai a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de Pa en onglets

Message par Invité le Dim 11 Déc 2011 - 13:03

Bonjour,

Dans PA > Module > Gestion des codes javascript, la gestion des codes javascript est bien activée?

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de Pa en onglets

Message par Maria Kurenai le Dim 11 Déc 2011 - 14:20

Mon dieu, je suis des fois blonde ^^""

Merci c'était bien ça, désolé de vous avoir déranger ><

Maria Kurenai
Nouveau membre

Féminin
Messages : 10
Inscrit(e) le : 30/09/2010

http://capu-chuu2.forumactif.org
Maria Kurenai a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum