Problème avec les onglets

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

Résolu Problème avec les onglets

Message par Illiana le Mer 15 Fév 2012 - 22:27

Bonjour / Bonsoir

Alors voilà.
Depuis quelques temps, je me dis "pourquoi pas faire des onglets pour mon PA, ce serait plus jolie parce que là, c'est brouillon".
Comme j'ai déjà fait des infobulles, je me suis dit que ça ne serait pas plus compliqué mais le problème est là: ça ne marche pas...

Je me suis pourtant bien basée sur votre aide pour ce genre de chose, qui se trouve ici et malgrès tout je n'y arrive pas.

Alors, je désespère et ça m'énerve T_T

Voici le forum test qui me sers donc > http://pandm-test.forumgratuit.be/
Ce forum test a pour version phpBB2 (subsilver) et c'est cette version que nous utiliserons sur l'autre forum par transfert de thème.
Je suis bien la fondatrice de ce forum, je n'ai modifié aucun templates (pas le courage et trop compliqué =P) et j'ai modifié pas mal de couleur et dans ma feuille de CSS il y a déjà des tas de choses écrites avant même que je n'y aille, et je n'ai pas encore ajouté mes infobulles.

Donc, j'aimerai savoir si l'une de vos mains expertes pourrait m'aider à gérer mon problème.
J'ai bien suivit toutes les instructions, les codes qu'il faut mettre dans le javascript, le HTML et aussi dans la feuille CSS et pourtant, comme vous pouvez le voir en première page, il m'est impossible de cliquer sur mes onglets et d'en voir le contenu.
J'ai bien cru au départ qu'il s'agissait d'un problème venant de mon PC, mais sur une autre forum (qui n'est pas à moi) ils ont des onglets et ça marche bien *-*
Donc, est-ce que vous ça marche et sinon, quels conseils pouvaient vous me donner pour faire en sorte que ça marche?

J'espère que je me suis fais comprendre, sinon je vais essayer de réexpliquer autrement.

Merci d'avance pour les personnes qui me proposeront leur aide.

Bonne journée / Bonne soirée.


Dernière édition par Illiana le Mer 7 Mar 2012 - 15:06, édité 1 fois

Illiana
**

Féminin
Messages : 88
Inscrit(e) le : 19/05/2011

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

Résolu Re: Problème avec les onglets

Message par SoraNoHime le Jeu 16 Fév 2012 - 0:47

Bonsoir

puis-je avoir vos codes, css, javascript et html ?

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les onglets

Message par Illiana le Sam 18 Fév 2012 - 10:40

Voici pour le CSS:
Spoiler:
.mon_onglet{
float: left;
padding: 2px 10px;
margin-right: 5px;
color: #000;
background: #fff;
border: 1px solid #000;
cursor: pointer;
margin-bottom: -1px;
list-style: none;
}
.mon_onglet:hover{
background: #b8efa1;
}
.mon_onglet_selected{
float: left;
padding: 2px 10px;
margin-right: 5px;
color: #000;
background: #fff;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #fff;
cursor: pointer;
margin-bottom: -1px;
list-style: none;}
.clear{
clear: both;
}
.mon_contenu{
color: #000;
background: #fff;
border: 1px solid #000;
padding: 10px;
line-height: normal;
font-size: 11px;}
#mes_contenus, #mes_onglets{
width: 400px;
margin: auto;}

Code HTML, c'est ce que j'ai mit sur mon PA (Panneau d'Administration > Affichage > Généralité):
Spoiler:
<div id="mes_onglets">
<ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Onglet 1</li>
<li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Onglet 2</li>
<li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Onglet 3</li>
<li id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Onglet 4</li>
<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></ul></div>

Code Javascript:
Spoiler:
function changeOnglet(_this){
var getOnglets = document.getElementById('mes_onglets').getElementsByTagName('li');
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';
}
}
}
}

Merci d'essayer de trouver une erreur pour m'aider.

Illiana
**

Féminin
Messages : 88
Inscrit(e) le : 19/05/2011

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

Résolu Re: Problème avec les onglets

Message par Illiana le Dim 19 Fév 2012 - 20:48

J'ai effectué quelques changement sur ma page CSS pour agrandir notamment la fche et changer des couleurs. Est-ce que je dois remettre ce nouveau code ou pas? (parce que ça change juste des couleurs...)

Illiana
**

Féminin
Messages : 88
Inscrit(e) le : 19/05/2011

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

Résolu Re: Problème avec les onglets

Message par Illiana le Lun 20 Fév 2012 - 21:42

Par contre, sur le CSS il y avait des codes avec le thème que nous avons choisi. Alors, est-ce qu'ils pourraient empêcher l'affichage de mes onglets? Sachant que mes codes infobulles marchent nickel?

Et je tiens à préciser que j'ai testé vos codes sur un autre forum, et ça n'a pas marché non plus... Pourtant, tout est correct, les espaces, rien n'a changé!

Merci de votre aide, j'en ai rapidement besoin pour installer dénifitivement la V3!

Illiana
**

Féminin
Messages : 88
Inscrit(e) le : 19/05/2011

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

Résolu Re: Problème avec les onglets

Message par Illiana le Mer 22 Fév 2012 - 15:47

Help please!

Illiana
**

Féminin
Messages : 88
Inscrit(e) le : 19/05/2011

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

Résolu Re: Problème avec les onglets

Message par Illiana le Lun 27 Fév 2012 - 15:26

S'il vous plaît, j'ai besoin d'aide rapidement.
Notre V3 est terminée et nous aimerions pouvoir la mettre correctement (sans les problèmes avec les onglets qui ne s'ouvrent pas) pour les 1 an de notre forum dans quelques jours!

merci d'avance.

Illiana
**

Féminin
Messages : 88
Inscrit(e) le : 19/05/2011

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

Résolu Re: Problème avec les onglets

Message par Automne le Lun 5 Mar 2012 - 12:34

Bonjour,

Où en-est votre problème ?

Deux solutions :

  • Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône résolu en éditant votre premier message,
  • Votre problème est toujours d'actualité, et dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté,


A bientôt sur ForumActif Smile

Automne
+ Hyperactif +

Messages : 8422
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les onglets

Message par Ea le Mar 6 Mar 2012 - 17:39

Bonjour,


Sinon le tutoriel a été mis à jour ( et simplifié ) :
http://forum.forumactif.com/t310879-3-tableaux-a-onglets-pour-le-message-d-accueil

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23429
Inscrit(e) le : 04/04/2008

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

Résolu Re: Problème avec les onglets

Message par Illiana le Mer 7 Mar 2012 - 15:05

Mon problème est donc résolu et peut être archivé.
Je vous remercie pour votre aide!

Bonne continuation à tous <3

Illiana
**

Féminin
Messages : 88
Inscrit(e) le : 19/05/2011

http://mondeandmagiev5.forumactif.org/
Illiana 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