Onglets sur un post ?

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

Résolu Onglets sur un post ?

Message par Sweety-candy le 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
**

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 le 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
+ 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: Onglets sur un post ?

Message par Sweety-candy le 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
**

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 le 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
+ 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: Onglets sur un post ?

Message par Sweety-candy le 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.

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 le 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
+ 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: Onglets sur un post ?

Message par Sweety-candy le 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
**

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 le 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
+ 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: Onglets sur un post ?

Message par Sweety-candy le 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
**

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 le 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
+ 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: Onglets sur un post ?

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

ça ne marche toujours pas :/

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 le 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
+ 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: Onglets sur un post ?

Message par Sweety-candy le 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
**

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 le 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
+ 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: Onglets sur un post ?

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

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

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

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 le Mar 18 Oct 2011 - 16:26

UP ^^

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 le 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
+ 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: Onglets sur un post ?

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

D'accord merci beaucoup.

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


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