Tableau à onglet dans le QEEL
2 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
Tableau à onglet dans le QEEL
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 :
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';
}
}
}
}
- 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;}
- 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 -->
Dernière édition par soulliah le Jeu 10 Nov 2011 - 9:36, édité 1 fois
Re: Tableau à onglet dans le QEEL
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.
Re: Tableau à onglet dans le QEEL
Edit ; comment ça "appeler une page HTML" ?
Re: Tableau à onglet dans le QEEL
Le js est un language et le HTMl en est un autre.
Re: Tableau à onglet dans le QEEL
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." ???
Qu'est-ce que tu veux dire par "faudrait que tu trouve un code js permettant d'appeller une page HTML." ???
Re: Tableau à onglet dans le QEEL
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.
Re: Tableau à onglet dans le QEEL
tu parles de ce lien là ?
- Code:
<script src="http://test-thbp.forumactif.com/h1-page-d-accueil"></script>
Re: Tableau à onglet dans le QEEL
Oui si ton code html est écrit sur cette page.
Re: Tableau à onglet dans le QEEL
J'y arrive pas, je laisse tomber >< je vais faire autrement mais merci quand même pour ton aide
Sujets similaires
» Tableau dans le QEEL
» Tableau a onglet dans le message d'accueil
» Mettre un tableau transparent dans le QEEL
» Tableau à onglet dans Page d'accueil
» problème onglet dans le qeel
» Tableau a onglet dans le message d'accueil
» Mettre un tableau transparent dans le QEEL
» Tableau à onglet dans Page d'accueil
» problème onglet dans le qeel
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