Tableau à onglet dans le QEEL

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

Résolu Tableau à onglet dans le QEEL

Message par soulliah le Mer 9 Nov 2011 - 17:19

Bonjour !
J'ai cherché un peu partout et je n'ai pas réussit a mettre la main sur le sujet qui m'intéresse.
Alors voila, je vous explique.

Je suis actuellement en train de créer un QEEL personnalisé dans lequel je compte mettre un tableau à onglets.

Le problème n'est pas de faire le tableau, non, je l'ai et il marche parfaitement sur ma PA mais dès que je met mon tableau dans mon QEEL les contenus ne changent plus quand je passe ma souris sur les différentes images qui composent mes onglets.

J'ai cherché ce qui cloche et je ne trouve pas.

Voici mon code Java 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';
                    }
                }
            }   
        }
Voici mon code CSS :
Spoiler:
Code:
.statistiques{
border:0px;
background-image: url("IMAGE EN HAUT");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color:;border: 0px #D0D0D0 dotted ;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

Voici la partie modifiée de mon template :
Spoiler:
Code:
<!-- BEGIN disable_viewonline -->
<table cellspacing="2" cellpadding="2" width="800" border="0" class="statistiques">
  <tr>
<td width="15%"></td>
<td width="100%">
<TABLE cellSpacing=5 cellPadding=2 width="100%" align=middle>
<TBODY>
<TR>
<TD align=middle width=400></TD>
<TD align=middle width=300></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center" width=400><script src="http://test-thbp.forumactif.com/h1-page-d-accueil"></script> 

<table style="margin: auto;"><tr><td style="padding-bottom: 4px;" align="center"><div id="mes_onglets">
<table style="margin: auto;"><tr><td style="padding-bottom: 4px;" align="center">
            <span id="o_1" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><A href="http://calderam.forumactif.biz/g17-pnj"><img src="http://data.imagup.com/11/1135516449.png" /></A></span>
                <span id="o_2" class="mon_onglet" onmouseover="changeOnglet(this);"><A href="http://calderam.forumactif.biz/g16-gryffondor"><img src="http://data.imagup.com/10/1135517229.png" /></A></span>
                <span id="o_3" class="mon_onglet" onmouseover="changeOnglet(this);"><A href="http://calderam.forumactif.biz/g2-poufsouffle"><img src="http://data.imagup.com/12/1135517256.png" /></A></span>
                <span id="o_4" class="mon_onglet" onmouseover="changeOnglet(this);"><A href="http://calderam.forumactif.biz/g4-serdaigle"><img src="http://data.imagup.com/10/1135517281.png" /></A></span>
<span id="o_5" class="mon_onglet" onmouseover="changeOnglet(this);"><A href="http://calderam.forumactif.biz/g5-serpentard"><img src="http://data.imagup.com/11/1135517300.png" /></A></span></td></tr>
<tr><td style="padding-bottom: 4px;" align="center">
<span id="o_6" class="mon_onglet" onmouseover="changeOnglet(this);"><A href="http://calderam.forumactif.biz/g6-employes-du-ministere"><img src="http://data.imagup.com/10/1135517320.png" /></A></span>
<span id="o_7" class="mon_onglet" onmouseover="changeOnglet(this);"><A href="http://calderam.forumactif.biz/g3-vendeurs-ou-restaurateurs"><img src="http://data.imagup.com/11/1135517346.png" /></A></span>
<span id="o_8" class="mon_onglet" onmouseover="changeOnglet(this);"><A href="http://calderam.forumactif.biz/g8-employes-de-ste-mangouste"><img src="http://data.imagup.com/10/1135517363.png" /></A></span>
<span id="o_9" class="mon_onglet" onmouseover="changeOnglet(this);"><A href="http://calderam.forumactif.biz/g11-sorciers-actifs-divers"><img src="http://data.imagup.com/10/1135517388.png" /></A></span>
<span id="o_10" class="mon_onglet" onmouseover="changeOnglet(this);"><A href="http://calderam.forumactif.biz/g12-habitants-sorciers"><img src="http://data.imagup.com/12/1135517408.png" /></A></span></td></tr>
<tr><td style="padding-bottom: 4px;" align="center">
<span id="o_11" class="mon_onglet" onmouseover="changeOnglet(this);"><A href="http://calderam.forumactif.biz/g14-habitants-moldus"><img src="http://data.imagup.com/11/1135517422.png" /></A></span>
<span id="o_12" class="mon_onglet" onmouseover="changeOnglet(this);"><A href="http://calderam.forumactif.biz/g18-enfants"><img src="http://data.imagup.com/12/1135517443.png" /></A></span>
<span id="o_13" class="mon_onglet" onmouseover="changeOnglet(this);"><A href="http://calderam.forumactif.biz/g19-rafleurs"><img src="http://data.imagup.com/11/1135517462.png" /></A></span>
<span id="o_14" class="mon_onglet" onmouseover="changeOnglet(this);"><A href="http://calderam.forumactif.biz/g20-ecole-clandestine"><img src="http://data.imagup.com/12/1135517475.png" /></A></span>
<span id="o_15" class="mon_onglet" onmouseover="changeOnglet(this);"><A href="http://calderam.forumactif.biz/g21-autre"><img src="http://data.imagup.com/10/1135517492.png" /></A></span></td></tr></table></td></tr>
        <tr><td>
                <div class="clear"><div id="mes_contenus">
            <div id="co_1" class="mon_contenu">Mon contenu PNJ </div>
            <div id="co_2" class="mon_contenu" style="display: none;">Mon contenu GRYFFY</div>
            <div id="co_3" class="mon_contenu" style="display: none;">Mon contenu POUFFY</div>
            <div id="co_4" class="mon_contenu" style="display: none;">Mon contenu SERDY</div>
                  <div id="co_5" class="mon_contenu" style="display: none;">Mon contenu SERPY</div>
                  <div id="co_6" class="mon_contenu" style="display: none;">Mon contenu MINISTERE</div>
                  <div id="co_7" class="mon_contenu" style="display: none;">Mon contenu VENDEUR</div>
                  <div id="co_8" class="mon_contenu" style="display: none;">Mon contenu ST MANGOUSTE</div>
                  <div id="co_9" class="mon_contenu" style="display: none;">Mon contenu SORCIER ACTIF</div>
                  <div id="co_10" class="mon_contenu" style="display: none;">Mon contenu SORCIER</div>
                  <div id="co_11" class="mon_contenu" style="display: none;">Mon contenu MOLDU</div>
                  <div id="co_12" class="mon_contenu" style="display: none;">Mon contenu ENFANT</div>
                  <div id="co_13" class="mon_contenu" style="display: none;">Mon contenu RAFLEUR</div>
                  <div id="co_14" class="mon_contenu" style="display: none;">Mon contenu CLANDESTIN</div>
                  <div id="co_15" class="mon_contenu" style="display: none;">Mon contenu AUTRES</div>
        </div></div></div></td></tr></table></TD>
<TD style="TEXT-ALIGN: center" width=300> IMAGE COLONE TROIS<br><br>
<table border="0" cellspacing="3" cellpadding="0" width="300" align="center" style="text-align: justify"><span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}

{NEWEST_USER}<br><br>
{TOTAL_USERS_ONLINE}{LOGGED_IN_USER_LIST}<br></span>
{L_CONNECTED_MEMBERS}</table></TD></TR></TBODY></TABLE></td>
</tr>
</table>
<img src="URL DE TON IMAGE ICI SANS LES [IMG]"><br>
<!-- END disable_viewonline -->
Merci d'avance à la personne qui pourra m'aider, et si vous avez besoin d'autre chose, n'hésitez pas à demander.


Dernière édition par soulliah le Jeu 10 Nov 2011 - 9:36, édité 1 fois

soulliah
Nouveau membre

Messages : 20
Inscrit(e) le : 01/09/2010

http://thbp.forum-actif.net
soulliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau à onglet dans le QEEL

Message par Dark Raviel le Mer 9 Nov 2011 - 17:25

La template à la base c'est que du JS et tu intégère du HTMl donc ca va pas, faudrait que tu trouve un code js permettant d'appeller une page HTML.

Dark Raviel
****

Messages : 344
Inscrit(e) le : 10/10/2007

http://rpgdedarkraviel.forumpro.fr
Dark Raviel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau à onglet dans le QEEL

Message par soulliah le Mer 9 Nov 2011 - 17:29

Edit ; comment ça "appeler une page HTML" ?

soulliah
Nouveau membre

Messages : 20
Inscrit(e) le : 01/09/2010

http://thbp.forum-actif.net
soulliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau à onglet dans le QEEL

Message par Dark Raviel le Mer 9 Nov 2011 - 17:30

Le js est un language et le HTMl en est un autre.

Dark Raviel
****

Messages : 344
Inscrit(e) le : 10/10/2007

http://rpgdedarkraviel.forumpro.fr
Dark Raviel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau à onglet dans le QEEL

Message par soulliah le Mer 9 Nov 2011 - 17:33

oui j'ai compris après les abréviations et j'ai édité.
Qu'est-ce que tu veux dire par "faudrait que tu trouve un code js permettant d'appeller une page HTML." ???

soulliah
Nouveau membre

Messages : 20
Inscrit(e) le : 01/09/2010

http://thbp.forum-actif.net
soulliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau à onglet dans le QEEL

Message par Dark Raviel le Mer 9 Nov 2011 - 17:36

Voui si tu héberge ton HTMl dans une page en dehors de ta template, faut que le JS l'appelle comme quand tu appelles du CSS avec du JTML, peut être que cela résoudrait le problème.

Dark Raviel
****

Messages : 344
Inscrit(e) le : 10/10/2007

http://rpgdedarkraviel.forumpro.fr
Dark Raviel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau à onglet dans le QEEL

Message par soulliah le Mer 9 Nov 2011 - 18:36

tu parles de ce lien là ?
Code:
<script src="http://test-thbp.forumactif.com/h1-page-d-accueil"></script>

soulliah
Nouveau membre

Messages : 20
Inscrit(e) le : 01/09/2010

http://thbp.forum-actif.net
soulliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau à onglet dans le QEEL

Message par Dark Raviel le Mer 9 Nov 2011 - 19:09

Oui si ton code html est écrit sur cette page.

Dark Raviel
****

Messages : 344
Inscrit(e) le : 10/10/2007

http://rpgdedarkraviel.forumpro.fr
Dark Raviel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau à onglet dans le QEEL

Message par soulliah le Jeu 10 Nov 2011 - 9:36

J'y arrive pas, je laisse tomber >< je vais faire autrement mais merci quand même pour ton aide

soulliah
Nouveau membre

Messages : 20
Inscrit(e) le : 01/09/2010

http://thbp.forum-actif.net
soulliah 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