PA à onglets

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

Résolu PA à onglets

Message par Lady doll le Sam 7 Jan 2012 - 10:59

Bonjour,

j'ai actuellement un souci lié à ce topic: http://forum.forumactif.com/t310879-3-tableaux-a-onglets-pour-le-message-d-accueil
J'ai effectuer la seconde version du tableau à onglet. je l'ai fait sur un forum, tout marche à merveille, je fait un copier/coller du travail pour le passer d'un forum à un autre et là... Soucis, pas moyen de passer d'un onglet à l'autre !

voici le forum en question:
Spoiler:
http://olyates.forumgratuit.org/

si besoin, voici mon script, mon codage:

♦Script:
Spoiler:
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';
                    }
                }
            }   
        }
♦Codage:
Spoiler:
Code:
.mon_onglet{
  display: inline;
  padding: 2px;
  margin: 2px;
  color: #000;
  background: #56797D;
  border: 1px solid #000;}
 
.mon_onglet:hover{
  background: #???;
;}
     
.mon_onglet_selected{
  display: inline;
  padding: 2px;
  margin: 2px;
  color: #000;
  background: #2B4447;
  border: 1px solid #000;}
     
.clear{
  clear: both;}
 
.mon_contenu{
  color: #000;
  background-image: url('http://i40.servimg.com/u/f40/15/40/01/68/fondon10.png');
  background-repeat:no-repeat;
  border: 1px solid #000;
  padding: 10px;
  margin: 10 px;
  width: 450px;
height :250px;
  line-height: normal;
  font-size: 11px;}
 
#mes_contenus, #mes_onglets{
  height: 100%;
  width:100%;}
♦Tableaux à onglets et son contenu
Spoiler:
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);">New</span>
                <span id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Olyates</span>
                <span id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Partenaires</span></td></tr>
        <tr><td>
                <div class="clear"><div id="mes_contenus">
            <div id="co_1" class="mon_contenu"><br>=♦ Jeu des votes mit en place, aller donc y jeter un oeil <a href="http://olyates.forumgratuit.org/t73-vote-pieces-d-or#318?tid=a171478892e4871756e257b4784346ee" class="postlink"><font color="red">ICI</font></a>
<br>
<br><strong>=♦ Nous avons besoin de volontaire pour les personnages prédéfinis !</strong>
<br></div>
            <div id="co_2" class="mon_contenu" style="display: none;">இ. Je me souviens encore de ce monde dans lequel j’ai grandi. Je me souviens parfaitement de toute la magie qui s’en échappait, celle grâce à quoi chacun d’entre nous avait vu le jour… Quatre races qui vivaient en parfaite harmonie, chacun bien à l’abri dans son royaume sans venir empiéter sur le territoire des autres. Les guerres étaient inexistantes. Je me souviens, comme tout à cette époque était merveilleux… Mais ce temps-là est révolu.
<br>
<br>Un millier d’année s’est écoulé. En ce temps-là, nous autre les animorphes étions les gardiens privilégiés des kailanh, ces êtres doués de magie, l’Ether était dans leur sang, et nous, nous consacrions notre vie à la leur. Chacune des trois races portait l’ether en eux mais pour une raison qui nous était inconnue, notre race en était dénuée. Pour gagner au change nous avions la nature de notre côté et c’était la puissance des animaux qui nous avait été conférée. C’est grâce à cette même puissance que nous faisions des amis et des protecteurs parfaits, et c’est sans doute notre différence qui faisait que nous étions les plus aptes à protéger les kailanh. Mais voilà, le destin a fait que certaines naissances apportèrent les premières déceptions et engendrèrent le début d’une guerre sans merci.</div>
            <div id="co_3" class="mon_contenu" style="display: none;"><div class="principal img"><br><a href="http://islandnekosworld.forumcanada.org/forum.htm" class="postlink" target="_blank" rel="nofollow"><img src="http://i60.servimg.com/u/f60/12/30/87/85/inw_lo10.gif" border="0" alt="" /></a><a href="http://help-mania.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa28.casimages.com/img/2011/11/01/111101081321932412.png" border="0" alt="" /></a>
<a href="http://wings-gakuen.forumgratuit.be/forum" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa22.casimages.com/img/2011/10/21/111021090918647962.png" border="0" alt="" /></a>
<a href="http://je-de-l-ame.rpg-board.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/14/08/01/62/b2-110.png" border="0" alt="" /></a>
><a href="http://aslurne.forumactif.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i46.servimg.com/u/f46/16/66/27/32/fdf10.gif" border="0" alt="" /></a>
<a href="http://pageblanche.forumactif.fr/" class="postlink" target="_blank" rel="nofollow"><img src="http://i45.servimg.com/u/f45/16/45/82/56/bouton11.png" border="0" alt="" /></a>
<a href="http://les4royaumes.forumperso.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://img11.hostingpics.net/pics/886421bouton.png"
border="0" alt=""/></a>
<a href="http://blackhill.forumactif.name/" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/78/43/45/ban_te11.jpg" border="0" alt="" /></a>
<a href="http://lerevedaurea.forumactif.fr/" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa28.casimages.com/img/2011/10/27/111027042858643998.png" border="0" alt="" /></a>
<a href="http://onyris.forumsactifs.com/" class="postlink"><img src="http://i41.servimg.com/u/f41/12/61/11/96/bouton11.png" border="0" alt="" /></a>
<img src="http://i40.servimg.com/u/f40/15/40/01/68/part10.png" border="0" alt="" />
<img src="http://i40.servimg.com/u/f40/15/40/01/68/part10.png" border="0" alt="" />
<img src="http://i40.servimg.com/u/f40/15/40/01/68/part10.png" border="0" alt="" />
<br></div>
           
        </div></div></div></td></tr></table>

Si quelqu'un pouvait m'aider se serait vraiment gentil, merci =)


Dernière édition par Lady doll le Sam 7 Jan 2012 - 14:04, édité 1 fois

Lady doll
***

Féminin
Messages : 113
Inscrit(e) le : 02/11/2011

http://rhansidor.forumactif.org/
Lady doll a été remercié(e) par l'auteur de ce sujet.

Résolu Re: PA à onglets

Message par Psyaliah le Sam 7 Jan 2012 - 11:31

Pour ma part, je ne vois aucun onglet.
Je vois seulement la barre de naviguation sur le côté.

Psyaliah
# Tropactif #

Féminin
Messages : 1280
Inscrit(e) le : 22/12/2011

http://e-booking.forumgratuit.org
Psyaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: PA à onglets

Message par Lady doll le Sam 7 Jan 2012 - 11:53

Possibilité d'avoir un imprimer écran de ce que tu vois de ton côté ?^^

Lady doll
***

Féminin
Messages : 113
Inscrit(e) le : 02/11/2011

http://rhansidor.forumactif.org/
Lady doll a été remercié(e) par l'auteur de ce sujet.

Résolu Re: PA à onglets

Message par Psyaliah le Sam 7 Jan 2012 - 12:45

Ceci:
Spoiler:

Psyaliah
# Tropactif #

Féminin
Messages : 1280
Inscrit(e) le : 22/12/2011

http://e-booking.forumgratuit.org
Psyaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: PA à onglets

Message par Lady doll le Sam 7 Jan 2012 - 13:04

C'est le carré du centre (avec le poisson dedans) mon tableau à onglets... mon problème est qu'il n'active pas l'onglet "olyates" et "partenaires", je ne sais pas pourquoi et c'est pour cela que j'ai besoin d'aide.

Lady doll
***

Féminin
Messages : 113
Inscrit(e) le : 02/11/2011

http://rhansidor.forumactif.org/
Lady doll a été remercié(e) par l'auteur de ce sujet.

Résolu Re: PA à onglets

Message par Invité le Sam 7 Jan 2012 - 13:47

Bonjour,

Si le javascript ne fonctionne pas, cela peut être dû a plusieurs raisons.
Votre template overall_header à-t-il été modifié? Si oui est-il à jour?
> http://forum.forumactif.com/t308422-nouveaute-forumactif-gestion-des-codes-javascript
Avez-vous bien activer la gestion des codes javascript dans PA > Modules > gestion des code javascript?

Cordialement.

Invité
Invité


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

Résolu Re: PA à onglets

Message par Lady doll le Sam 7 Jan 2012 - 13:58

je l'ai modifié dans la journée oui, uniquement pour remettre le template par défaut, cela peut-il poser problème ?

Lady doll
***

Féminin
Messages : 113
Inscrit(e) le : 02/11/2011

http://rhansidor.forumactif.org/
Lady doll a été remercié(e) par l'auteur de ce sujet.

Résolu Re: PA à onglets

Message par Invité le Sam 7 Jan 2012 - 14:02

Si le template est par défaut, alors non le soucis ne vient pas de là.

Cordialement.

Invité
Invité


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

Résolu Re: PA à onglets

Message par Lady doll le Sam 7 Jan 2012 - 14:03

j'avais effectivement oublié d'autoriser la gestion des script ! maintenant tout fonctionne ! Merci beaucoup Isolde =)

Problème résolu, donc ♥

Lady doll
***

Féminin
Messages : 113
Inscrit(e) le : 02/11/2011

http://rhansidor.forumactif.org/
Lady doll 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