Au secour!! Gros problème de code pour mon QEEL Bouton_activeAu secour!! Gros problème de code pour mon QEEL Bouton_hoverAu secour!! Gros problème de code pour mon QEEL Fb-hoverAu secour!! Gros problème de code pour mon QEEL Fb-active
AccueilForumÉquipe 
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Au secour!! Gros problème de code pour mon QEEL EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Au secour!! Gros problème de code pour mon QEEL EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Au secour!! Gros problème de code pour mon QEEL EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Au secour!! Gros problème de code pour mon QEEL EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Au secour!! Gros problème de code pour mon QEEL EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Au secour!! Gros problème de code pour mon QEEL EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Au secour!! Gros problème de code pour mon QEEL EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Au secour!! Gros problème de code pour mon QEEL EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
SSD interne Crucial BX500 2,5″ SATA – 500 ...
Voir le deal
29.99 €

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Au secour!! Gros problème de code pour mon QEEL

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://chromeoflegion.web-rpg.com/index.htm
Ramy Sama
Ramy Sama
{ Membre }
{ Membre }

Masculin Messages : 16



Au secour!! Gros problème de code pour mon QEEL Empty
Bonsoir,

Bon ben voilà, je souhaite faire un QEEL original pour mon forum.
Quoi de plus normal me direz vous.
Mais voilà, mon code ne fonctionne pas comme je veux.
En fait, il s'agit d'un QEEL avec onglets qui affiche le descriptif des groupes quand le pointeur passe dessus et qui envoie au groupe quand on clique dessus.
Voici une capture d'un test que j'ai fait sur ma PA.
La partie droite ne m'intéresse pas sur ce coup là mais ça permet de voir un peut le rendu que je veux obtenir
Au secour!! Gros problème de code pour mon QEEL Mini_101027073330132757004329
Voici une capture de mon QEEL
Au secour!! Gros problème de code pour mon QEEL Mini_101027073331132757004330
Comme vous pouvez le constater, il n'y a rien qui s'affiche dans la partie gauche alors que j'ai mis exactement le même code.

Voici maintenant mon code seul
Code:
<script type="text/javascript">//<!--
function change_qeel(name)
{
document.getElementById('qeel_'+anc_qeel).className = 'qeel_0 qeel';
document.getElementById('qeel_'+name).className = 'qeel_1 qeel';
document.getElementById('contenu_qeel_'+anc_qeel).style.display = 'none';
document.getElementById('contenu_qeel_'+name).style.display = 'block';
anc_qeel = name;
}
//-->
</script>

<style type="text/css">
.qeel
{
display:inline-block;color : #B09D8D ;
margin-left:3px;margin-right:3px;padding:2px;padding-bottom : 1px ;
cursor:pointer;font: normal 10px verdana ;
}
.qeel_0
{
text-shadow: #BDBDBD 2px 2px 2px ;
}
.qeel_1
{
text-shadow: #BDBDBD 2px 2px 2px ;
}
.contenu_qeel
{
text-align : justify ;margin-left : 10px ;margin-right : 22px ;color : #606060 ;
border:0px solid black;margin-top:-1px;padding:5px;height: 50px ;font-size: 11px ;display:none;
}
.ul
{margin-top:0px;margin-bottom:0px;margin-left:-10px}
</style></head><center><img src="http://nsm04.casimages.com/img/2010/10/26//101026095439132756998709.png">

<div class="tableauqueel"><table style="width: 100%; border-collapse:collapse;"><tr><center><div class="fieldsety"><div class="qeels">
<span class="qeel_0 qeel" id="qeel_LG" onmouseover="javascript:change_qeel('LG');"><a href="http://xtremdesign.forumotion.com/groupcp.forum?g=1"><div style="font-size:10px; letter-spacing:1px; color:#387BC2">Dieux</div></a></span>
<span class="qeel_0 qeel" id="qeel_girl" onmouseover="javascript:change_qeel('girl');"> <a href="http://xtremdesign.forumotion.com/groupcp.forum?g=2"><div style="font-size:10px; letter-spacing:1px; color:#B03C4F">Elus</div></a></span>
<span class="qeel_0 qeel" id="qeel_dance" onmouseover="javascript:change_qeel('dance');"><a href="http://xtremdesign.forumotion.com/groupcp.forum?g=3"><div style="font-size:10px; letter-spacing:1px; color:#8070E0">Prêtres</div></a></span>
<span class="qeel_0 qeel" id="qeel_employés" onmouseover="javascript:change_qeel('employés');"><a href="http://xtremdesign.forumotion.com/groupcp.forum?g=4"><div style="font-size:10px; letter-spacing:1px; color:#E09A31">Privilégiés</div></a></span>
<span class="qeel_0 qeel" id="qeel_trainee" onmouseover="javascript:change_qeel('trainee');"><a href="http://xtremdesign.forumotion.com/groupcp.forum?g=5"><div style="font-size:10px; letter-spacing:1px; color:#96BA29">Mortels</div></a></span>
</div></center>

<td width="50%"><div class="contenu_qeels">
<div class="contenu_qeel" id="contenu_qeel_LG">Les dieux <br>Ils sont la toute puissance sur le forum. Leur parole est loi et il faut craindre leur courroux.</div>
<div class="contenu_qeel" id="contenu_qeel_girl">Les élus <br>Ce sont les êtres qui ont hérité d'une partie des pouvoirs des dieux. Ils sont là pour seconder les dieux et les aider dans leur lourde tâche qu'est de gérer le forum.</div>
<div class="contenu_qeel" id="contenu_qeel_dance">Les prêtre <br>Ils sont là pour divertir tout le monde et assurer l'ambiance sur le forum.</div>
<div class="contenu_qeel" id="contenu_qeel_employés">Les privilégiés <br>Ce sont les membres qui ont prouvé leur valeur en graphisme et qui ont eu l'insigne honneur de devenir les graphistes officiels du forum et ont le droit de répondre aux commandes passées.</div>
<div class="contenu_qeel" id="contenu_qeel_trainee">Les mortels <br>Ce sont les membres qui ont le droit de poster sur le forum grâce à leur présentation qu'ils ont posté.</div>
</div></div>
<script type="text/javascript">
//<!--
var anc_qeel = 'LG';
change_qeel(anc_qeel);
//-->
</script>
</td>

<div style="text-align: justify;"><td width="50%"><div class="partiedroite"><ul><div class="gensmall"><img src="http://nsm04.casimages.com/img/2010/10/26//101026095439132756998710.png"><br>
<span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}

{NEWEST_USER}<br><br>
{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}</center></span><br>
<td width="5%"></td>
</tr>
</table>
 
<table border="0" cellspacing="3" cellpadding="0" width="720" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table><br></div></td></tr></tbody></table></div></div>

Et celui de mon template
Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
    <!-- BEGIN message_admin_titre -->
    <tr>
        <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
    </tr>
    <!-- END message_admin_titre -->
    <!-- BEGIN message_admin_txt -->
    <tr>
        <td class="row1" rowspan="3" align="center" valign="middle">
        <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
        </td>
    </tr>
    <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <!-- BEGIN switch_fb_connect_no -->
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td class="row1" align="center">
                <table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span> 
                        </td>
                    </tr>

                    <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <!-- END switch_fb_connect_no -->

    <!-- BEGIN switch_fb_connect -->
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td valign="top" width="100%"  class="row1" align="center">
                <table width="100%">
                    <tr>
                        <td width="55%" valign="middle" align="right">
                            <table class="right">
                                <tr>
                                    <td><span class="genmed">{L_USERNAME}:</span> </td>
                                    <td><input class="post" type="text" size="10" name="username"/> </td>
                                    <td>
                                        <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                        <span class="gensmall">{L_AUTO_LOGIN}</span> 
                                    </td>
                                </tr>

                                <tr>
                                    <td><span class="genmed">{L_PASSWORD}:</span> </td>
                                    <td><input class="post" type="password" size="10" name="password"/> </td>
                                    <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                                </tr>
                            </table>
                        </td>
                        <td width="10%" align="center" valign="middle">
                            <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                        </td>
                        <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="facebook_login()" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td width="50%" valign="top">
            <!-- BEGIN switch_user_logged_in -->
            <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
            <!-- END switch_user_logged_in -->
            <!-- BEGIN switch_delete_cookies -->
           
<a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
            <!-- END switch_delete_cookies -->
            </span>
        </td>
        <td width="50%" align="right">
            <span class="gensmall">
                <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a>

                <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a>

                <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
                <!-- BEGIN switch_on_index -->
                    <!-- BEGIN switch_delete_cookies -->
                   
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
                    <!-- END switch_delete_cookies -->
                <!-- END switch_on_index -->
            </span>
        </td>
    </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <!-- BEGIN switch_fb_connect_no -->
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td class="row1" align="center">
                <table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span> 
                        </td>
                    </tr>

                    <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <!-- END switch_fb_connect_no -->

    <!-- BEGIN switch_fb_connect -->
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td valign="top" width="100%"  class="row1" align="center">
                <table width="100%">
                    <tr>
                        <td width="55%" valign="middle">
                            <table class="right">
                                <tr>
                                    <td><span class="genmed">{L_USERNAME}:</span> </td>
                                    <td><input class="post" type="text" size="10" name="username"/> </td>
                                    <td>
                                        <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                        <span class="gensmall">{L_AUTO_LOGIN}</span> 
                                    </td>
                                </tr>

                                <tr>
                                    <td><span class="genmed">{L_PASSWORD}:</span> </td>
                                    <td><input class="post" type="password" size="10" name="password"/> </td>
                                    <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                                </tr>
                            </table>
                        </td>
                        <td width="10%" align="center" valign="middle">
                            <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                        </td>
                        <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="facebook_login()" v="2" perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<script type="text/javascript">//<!--
function change_qeel(name)
{
document.getElementById('qeel_'+anc_qeel).className = 'qeel_0 qeel';
document.getElementById('qeel_'+name).className = 'qeel_1 qeel';
document.getElementById('contenu_qeel_'+anc_qeel).style.display = 'none';
document.getElementById('contenu_qeel_'+name).style.display = 'block';
anc_qeel = name;
}
//-->
</script>

<style type="text/css">
.qeel
{
display:inline-block;color : #B09D8D ;
margin-left:3px;margin-right:3px;padding:2px;padding-bottom : 1px ;
cursor:pointer;font: normal 10px verdana ;
}
.qeel_0
{
text-shadow: #BDBDBD 2px 2px 2px ;
}
.qeel_1
{
text-shadow: #BDBDBD 2px 2px 2px ;
}
.contenu_qeel
{
text-align : justify ;margin-left : 10px ;margin-right : 22px ;color : #606060 ;
border:0px solid black;margin-top:-1px;padding:5px;height: 50px ;font-size: 11px ;display:none;
}
.ul
{margin-top:0px;margin-bottom:0px;margin-left:-10px}
</style></head><center><img src="http://nsm04.casimages.com/img/2010/10/26//101026095439132756998709.png">

<div class="tableauqueel"><table style="width: 100%; border-collapse:collapse;"><tr><center><div class="fieldsety"><div class="qeels">
<span class="qeel_0 qeel" id="qeel_LG" onmouseover="javascript:change_qeel('LG');"><a href="http://xtremdesign.forumotion.com/groupcp.forum?g=1"><div style="font-size:10px; letter-spacing:1px; color:#387BC2">Dieux</div></a></span>
<span class="qeel_0 qeel" id="qeel_girl" onmouseover="javascript:change_qeel('girl');"> <a href="http://xtremdesign.forumotion.com/groupcp.forum?g=2"><div style="font-size:10px; letter-spacing:1px; color:#B03C4F">Elus</div></a></span>
<span class="qeel_0 qeel" id="qeel_dance" onmouseover="javascript:change_qeel('dance');"><a href="http://xtremdesign.forumotion.com/groupcp.forum?g=3"><div style="font-size:10px; letter-spacing:1px; color:#8070E0">Prêtres</div></a></span>
<span class="qeel_0 qeel" id="qeel_employés" onmouseover="javascript:change_qeel('employés');"><a href="http://xtremdesign.forumotion.com/groupcp.forum?g=4"><div style="font-size:10px; letter-spacing:1px; color:#E09A31">Privilégiés</div></a></span>
<span class="qeel_0 qeel" id="qeel_trainee" onmouseover="javascript:change_qeel('trainee');"><a href="http://xtremdesign.forumotion.com/groupcp.forum?g=5"><div style="font-size:10px; letter-spacing:1px; color:#96BA29">Mortels</div></a></span>
</div></center>

<td width="50%"><div class="contenu_qeels">
<div class="contenu_qeel" id="contenu_qeel_LG">Les dieux <br>Ils sont la toute puissance sur le forum. Leur parole est loi et il faut craindre leur courroux.</div>
<div class="contenu_qeel" id="contenu_qeel_girl">Les élus <br>Ce sont les êtres qui ont hérité d'une partie des pouvoirs des dieux. Ils sont là pour seconder les dieux et les aider dans leur lourde tâche qu'est de gérer le forum.</div>
<div class="contenu_qeel" id="contenu_qeel_dance">Les prêtre <br>Ils sont là pour divertir tout le monde et assurer l'ambiance sur le forum.</div>
<div class="contenu_qeel" id="contenu_qeel_employés">Les privilégiés <br>Ce sont les membres qui ont prouvé leur valeur en graphisme et qui ont eu l'insigne honneur de devenir les graphistes officiels du forum et ont le droit de répondre aux commandes passées.</div>
<div class="contenu_qeel" id="contenu_qeel_trainee">Les mortels <br>Ce sont les membres qui ont le droit de poster sur le forum grâce à leur présentation qu'ils ont posté.</div>
<div class="contenu_qeel" id="contenu_qeel_citizens">des 6</div>
</div></div>
<script type="text/javascript">
//<!--
var anc_qeel = 'LG';
change_qeel(anc_qeel);
//-->
</script>
</td>

<div style="text-align: justify;"><td width="50%"><div class="partiedroite"><ul><div class="gensmall"><img src="http://nsm04.casimages.com/img/2010/10/26//101026095439132756998710.png"><br>
<span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}

{NEWEST_USER}<br><br>
{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}</center></span><br>
<td width="5%"></td>
</tr>
</table>
 
<table border="0" cellspacing="3" cellpadding="0" width="720" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table><br></div></td></tr></tbody></table></div></div>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
    <tr>
        <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
        <td><span class="gensmall">{L_NEW_POSTS}</span></td>
        <td></td>
        <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
        <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
        <td> &nbsp;</td>
        <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
        <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
    </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
    appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
      status: true,
      cookie: true,
      xfbml: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

Si une âme charitable pouvait me dire où se trouve mon erreur, ça serait super sympa.

Merci d'avance.
Cordialement,
RS.


Dernière édition par Ramy Sama le Jeu 28 Oct 2010, 13:28, édité 1 fois
MessageSujet: Au secour!! Gros problème de code pour mon QEEL   Au secour!! Gros problème de code pour mon QEEL EmptyMer 27 Oct 2010, 14:43
Revenir en haut Aller en bas
http://chromeoflegion.web-rpg.com/index.htm
Ramy Sama
Ramy Sama
{ Membre }
{ Membre }

Masculin Messages : 16



Au secour!! Gros problème de code pour mon QEEL Empty
Bonsoir,

Voilà, c'est bon, j'ai trouvé où était le problème.
Pour tester mon code, je l'avais mis dans mon message d'accueil et les 2 ensembles se mettaient en conflit.
Vous pouvez ferme le sujet ou le supprimer.

En tout cas merci quand même ^^

Cordialement,
RS.
MessageSujet: Re: Au secour!! Gros problème de code pour mon QEEL   Au secour!! Gros problème de code pour mon QEEL EmptyJeu 28 Oct 2010, 13:27
Revenir en haut Aller en bas
 

Au secour!! Gros problème de code pour mon QEEL

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» QEEL : problème de code
» Problème pour la Chatbox, et besoin d'aide pour un code
» Problème dans le code du QEEL
» Problème avec un code de QEEL.
» Aide pour code QEEL

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

Partenaires Or

← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit