Problème avec les onglets
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème avec les onglets
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?
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.
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
Re: Problème avec les onglets
Bonsoir
puis-je avoir vos codes, css, javascript et html ?
Cordialement.
puis-je avoir vos codes, css, javascript et html ?
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Problème avec les onglets
Voici pour le CSS:
Code HTML, c'est ce que j'ai mit sur mon PA (Panneau d'Administration > Affichage > Généralité):
Code Javascript:
Merci d'essayer de trouver une erreur pour m'aider.
- 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.
Re: Problème avec les onglets
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...)
Re: Problème avec les onglets
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!
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!
Re: Problème avec les onglets
Help please!
Re: Problème avec les onglets
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.
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.
Re: Problème avec les onglets
Bonjour, Où en-est votre problème ? Deux solutions :
A bientôt sur ForumActif |
Re: Problème avec les onglets
Bonjour,
Sinon le tutoriel a été mis à jour ( et simplifié ) :
https://forum.forumactif.com/t310879-3-tableaux-a-onglets-pour-le-message-d-accueil
Cordialement.
Sinon le tutoriel a été mis à jour ( et simplifié ) :
https://forum.forumactif.com/t310879-3-tableaux-a-onglets-pour-le-message-d-accueil
Cordialement.
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Problème avec les onglets
Mon problème est donc résolu et peut être archivé.
Je vous remercie pour votre aide!
Bonne continuation à tous <3
Je vous remercie pour votre aide!
Bonne continuation à tous <3
Sujets similaires
» Problème avec ma pa en onglets
» Problème avec mes onglets >.<
» Problème avec des onglets.
» Problème avec des onglets
» Problème avec mon tableau à Onglets.
» Problème avec mes onglets >.<
» Problème avec des onglets.
» Problème avec des onglets
» Problème avec mon tableau à Onglets.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum