Onglets sur un post ?

2 participants

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

Résolu Onglets sur un post ?

Message par Sweety-candy Lun 17 Oct 2011, 16:16

Bonjour,

J'avais anciennement un pa à onglet, j'avais essayé de la mettre dans un post mais ça n'avait pas marché.
Spoiler:

Aujourd'hui, j'en aurais besoin mais je ne sais plus les faire, je me demandais si je pourrais avoir de l'aide, et aussi j'aimerais savoir si il est possible de les mettre dans des posts ou non.
Merci d'avance.


Dernière édition par Sweety-candy le Mar 18 Oct 2011, 16:54, édité 3 fois
Sweety-candy

Sweety-candy
**

Féminin
Messages : 52
Inscrit(e) le : 10/05/2011

http://ohsweet.wow-gratuit.com/
Sweety-candy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets sur un post ?

Message par SoraNoHime Lun 17 Oct 2011, 16:18

Bonjour

Aviez vous essayé avant ou après la mise en place des pages javascripts par ForumActif ?

retestez le en mettant le code javascript dans PA > Modules > gestion des pages javascripts et en cochant la cases "dans les sujets"

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

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

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

Résolu Re: Onglets sur un post ?

Message par Sweety-candy Lun 17 Oct 2011, 16:29

J'avais essayé avant il me semble ... Le problème et que j'ai perdu mon code, je me demandais si je pouvais avoir un peu d'aide là-dessus aussi :s
Sweety-candy

Sweety-candy
**

Féminin
Messages : 52
Inscrit(e) le : 10/05/2011

http://ohsweet.wow-gratuit.com/
Sweety-candy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets sur un post ?

Message par SoraNoHime Lun 17 Oct 2011, 16:31

Vous trouverez sur ce tutoriel 3 types de tableaux en onglets ^^ Choississez celui que vous préférez.

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

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

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

Résolu Re: Onglets sur un post ?

Message par Sweety-candy Lun 17 Oct 2011, 16:32

Merci, j'essaie et si j'ai un problème je vous préviens.
EDIT: J'ai essayé un des codes en cochant "dans les messages" sur le code javascript mais ça n'a pas marché, j'ai testé sur la pa, ça marché parfaitement donc le problème ne vient pas des codes apparemment ... lorsque je passe la souris sur les onglets rien ne se passe.
Onglets sur un post ? Captur10
Sweety-candy

Sweety-candy
**

Féminin
Messages : 52
Inscrit(e) le : 10/05/2011

http://ohsweet.wow-gratuit.com/
Sweety-candy a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Onglets sur un post ?

Message par SoraNoHime Lun 17 Oct 2011, 16:45

Dans ce cas, il faut passé par un iframe et donc créer tout le tableau dans une page HTML sans utiliser ni le haut, ni le bas de votre forum.

Construisez déjà votre page HTML en insérant ainsi :
<html>

<head>
<title>Tableau dans post</title>
</head>
<body>

<style type="text/css">

CSS du tableau

</style>

<script type="text/javascript">

script du tableau

</script>

Code HMLT du tableau

</body></html>

remplissez les parties en rouge avec les données, enregistrez et prévisualiser en cliquant sur la loupe.

Confirmez moi déjà que le tableau marche dans une page html
SoraNoHime

SoraNoHime
Membre actif

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

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

Résolu Re: Onglets sur un post ?

Message par Sweety-candy Lun 17 Oct 2011, 16:48

Désolée mais je ne m'y connais pas réellement en page HTML, est-il possible d'avoir une "base" ou pas ? :/ Car j'y touche très rarement et j'ai du mal à le manier ...
Sweety-candy

Sweety-candy
**

Féminin
Messages : 52
Inscrit(e) le : 10/05/2011

http://ohsweet.wow-gratuit.com/
Sweety-candy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets sur un post ?

Message par SoraNoHime Lun 17 Oct 2011, 16:53

^^ je vous ai donné la base, en reprenant le tuto du tableau à onglet, remplacer les parties que j'ai noté en rouge.
SoraNoHime

SoraNoHime
Membre actif

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

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

Résolu Re: Onglets sur un post ?

Message par Sweety-candy Lun 17 Oct 2011, 16:58

Je ne préfère pas ne faire de bêtises ^^ Je mets le CSS dans la page HTML ?
Sweety-candy

Sweety-candy
**

Féminin
Messages : 52
Inscrit(e) le : 10/05/2011

http://ohsweet.wow-gratuit.com/
Sweety-candy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets sur un post ?

Message par SoraNoHime Lun 17 Oct 2011, 17:00

remplacez les parties en rouge : la css donnée dans le code du tuto du tableau à la place de CSS du tableau, le script à la place de script du tableau et la partie HTML dans HTML du tableau
SoraNoHime

SoraNoHime
Membre actif

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

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

Résolu Re: Onglets sur un post ?

Message par Sweety-candy Lun 17 Oct 2011, 17:03

ça ne marche toujours pas :/
Sweety-candy

Sweety-candy
**

Féminin
Messages : 52
Inscrit(e) le : 10/05/2011

http://ohsweet.wow-gratuit.com/
Sweety-candy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets sur un post ?

Message par SoraNoHime Lun 17 Oct 2011, 17:08

Puis-je avoir le code que vous avez mis dans votre page html ^^

je viens de tester chez moi ça fonctionne. Je vais donc voir ce qui ne va pas sur la votre.
SoraNoHime

SoraNoHime
Membre actif

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

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

Résolu Re: Onglets sur un post ?

Message par Sweety-candy Lun 17 Oct 2011, 17:15

Le voixi Smile
Code:
<html>

<head>
<title>Tableau dans post</title>
</head>
<body>

<style type="text/css">

 
.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%;}

</style>

<script type="text/javascript">

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';
            }
        }
    }     
}

</script>

<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>

</body></html>
Sweety-candy

Sweety-candy
**

Féminin
Messages : 52
Inscrit(e) le : 10/05/2011

http://ohsweet.wow-gratuit.com/
Sweety-candy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets sur un post ?

Message par SoraNoHime Lun 17 Oct 2011, 17:18

^^ je viens de le tester il marche parfaitement pourtant. lorsque vous cliquez, le contenu change de chiffre ^^

maintenant que vous avez votre tableau à onglet dans votre page html, il faut l'appeller dans votre message :

Mettez ce code dans votre message :
<IFRAME src="adresse de votre page html" frameBorder=0 scrolling="auto" width=100% height="400"></iframe>
SoraNoHime

SoraNoHime
Membre actif

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

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

Résolu Re: Onglets sur un post ?

Message par Sweety-candy Lun 17 Oct 2011, 17:21

Merci beaucoup, ça marche, depuis le temps que j'essayais Very Happy
Sweety-candy

Sweety-candy
**

Féminin
Messages : 52
Inscrit(e) le : 10/05/2011

http://ohsweet.wow-gratuit.com/
Sweety-candy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets sur un post ?

Message par Sweety-candy Lun 17 Oct 2011, 19:02

Désolé de mon double post ^^
Le seul problème c'est que lorsque je veux modifier les contenus, ils ne se modifient pas, je dois passer par la page HTML, et ce n'est pas super pratique étant donné que c'est pour des fiches de posts vacants :/
Sweety-candy

Sweety-candy
**

Féminin
Messages : 52
Inscrit(e) le : 10/05/2011

http://ohsweet.wow-gratuit.com/
Sweety-candy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets sur un post ?

Message par Sweety-candy Mar 18 Oct 2011, 16:26

UP ^^
Sweety-candy

Sweety-candy
**

Féminin
Messages : 52
Inscrit(e) le : 10/05/2011

http://ohsweet.wow-gratuit.com/
Sweety-candy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets sur un post ?

Message par SoraNoHime Mar 18 Oct 2011, 16:50

Passer par la page HTML est malheureusement la seule solution, sinon votre tableau à onglets ne marchera pas. Vous devez donc faire vos changemets dans la page d'acceuil.

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

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

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

Résolu Re: Onglets sur un post ?

Message par Sweety-candy Mar 18 Oct 2011, 16:54

D'accord merci beaucoup.
Sweety-candy

Sweety-candy
**

Féminin
Messages : 52
Inscrit(e) le : 10/05/2011

http://ohsweet.wow-gratuit.com/
Sweety-candy a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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