Module de connexion, écart entre le haut de l'écran et le header, bouton close qui ne fonctionne pas

[Trw]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : installation d'un module de connexion rapide
Lien du forum : https://thereverseworld.forumactif.com/

Description du problème

Bonjour,
j'ai un petit problème au niveau d'une installation de module de connexion rapide.
J'ai tout installé et il y a du coup un écart entre le haut de l'écran et le header.
Egalement, la croix pour fermer ne fonctionne pas...

J'ai tester des petites choses, mais j'ai juste l'impression d'empirer les choses

Html du module dans le overall_header

Code:

<!-- BEGIN switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
<form action="{S_LOGIN_ACTION}" method="get">
 <div class="cor">
   <div class="cort1">Seattle te fera perdre la tête </div>  <div id="login_popup_buttons">
   <input id="login_popup_close" type="button" class="button" value="X" /></div>
  <div class="cor2">
    <div class="cor3">
      <div class="cortexte">Prêt.e à rejoindre ou retrouver le monde de NTOS ?
      Attention à votre mental, le forum est déconseillé au moins de 16 ans et aborde les sujets de Gang.
      Mais des TW sont mit en place dans les profils, remplissez les et parlez--en à votre partenaire.</div>
      <div class="corins"><a href="f=lien vers la page d'inscription">Nouveau Visa</a></div>
    </div>
        <div class="cor4">
          <div class="corapi">
            <input class="coo" size="11" type="text" name="username" value="Pseudo"  onFocus="this.value='';" /><br/>
              <input class="coo" size="11" type="password" name="password" value="Mot de passe" onFocus="this.value='';"/><br/>
              <input class="radio" type="checkbox" name="autologin" id="autologin" {AUTOLOGIN_CHECKED} />
 <label for="autologin">Connexion Automatique</label>
            <input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
          </div>
     </div>
    </div>
</div>
</form>
</div>
<!-- END switch_login_popup -->

CSS du module

Code:

/* MODULE DE CONNEXION RAPIDE PAR ASHLING POUR EPICODE */
  .cor {width:400px; height:175px; padding:10px; background:var(--profil-noir); border: 2px solid var(--color-bordure); position: fixed; left:50%; top:50%; translate: -50% -50%; z-index: 999;} /*bloc global, gris*/
  .cort1 {width:340px; padding:5px; text-align:center; background:var(--color-fond); text-transform:uppercase; color:var(--color-font); letter-spacing:2px; border: 2px solid var(--color-bordure); font-family:var(--profil-font2); font-size:15px;} /*titre du module*/
  .cor2 {width:400px; height:134px; margin-top:10px;}
  .cor3 {height:130px; width:215px; float:left;}
  .cortexte {height:100px; width:215px; overflow:auto; text-align:justify; font-family:var(--profil-font1); font-size:12px; lien-height:15px; color:var(--color-font);} /*bloc du petit texte sur la gauche*/
  .cor4 {height:125px; width:170px; background:var(--profil-noir); float:left; margin-left:10px; border: 2px solid var(--color-bordure)} /*bloc contenant les informations de connexion*/
  .corapi {text-align:center; font-family:var(--profil-font1); font-size:9px; text-transform:uppercase; width:155px; height:115px; margin:2px; padding:5px 5px 0px 5px;}
  .corapi input.coo {color:#A1A1A1; text-align:center; background:var(--color-bordure); width:150px; padding:3px; margin-bottom:6px; border:none !important; font-size:13px;} /*bloc des entrées de texte "pseudo" et "mdp"*/
  .corapi input.mainoption{margin-top:9px; padding:4px; background-color:var(--color-fond); font-size:13px; font-family:var(--profil-font1); text-transform:uppercase; color:var(--color-font); border: 2px solid var(--color-bordure);} /*bouton "connexion"*/
  .corapi input.mainoption:active {border:2px solid var(--color-bordure) !important; background:var(--degrade-hover) !important;}
  .corins {font-family:var(--profil-font2); text-transform:uppercase; font-size:13px; text-align:center; letter-spacing:4px; width:150px; padding:3px; border: 2px solid var(--color-bordure); height:14px; background:var(--color-fond); margin-top:5px;} /*bouton "inscription*/
  .corins a {text-decoration:none; color:var(--color-font)}
  .autologin {color:var(--color-font)}
  .button {margin: -30px 368px; height: 30px; width: 30px; border: 2px solid var(--color-bordure); background: var(--color-fond); color: var(--color-font); cursor: pointer;}

Merci d'avance pour votre aide

[Trw]

Coucou, petit Up

[zest_n]

Please post your full overall_header code.

[Trw]

Please post your full overall_header code.

Hello, as you ask

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}"
     xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}"/>
   <meta http-equiv="content-script-type" content="text/javascript"/>
   <meta http-equiv="content-style-type" content="text/css"/>
   <!-- BEGIN switch_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}"/>
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}"/>
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}"/>
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}"/>
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}"/>
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <!-- BEGIN switch_recent_jquery -->
   <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
   <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
   <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
   <!-- END switch_recent_jquery -->
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
   {RICH_SNIPPET_GOOGLE}

   <!-- BEGIN switch_fb_login -->
   <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
   <link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css"/>
   <script src="{JQUERY_DIR}/ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
   <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch (tickerDirParam) {
         case 'top' :
            slid_vert = true;
            break;
         case 'left':
            break;
         case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;
         case 'right':
            auto_dir = 'prev';
            break;
         default:
            slid_vert = true;
      }

      $(document).ready(function () {
         var w_cont = $('#fa_ticker_container').width();

         if (w_cont > 0) {
            $('#fa_ticker_container').width(w_cont);

            /* Affichage de la liste */
            $('#fa_ticker_content').css('display', 'block');

            /* Calcul des dimensions du conteneur et des elements */
            var width_max = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});
            var height_max = h_perso;

            /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
            $('ul#fa_ticker_content li').each(function () {
               if ($(this).height() > height_max) {
                  height_max = $(this).height();
               }
            });

            /* Redimensionnement des elements et des images trop larges */
            $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
               if ($(this).width() > width_item) {
                  var ratio = $(this).width() / width_item;
                  var new_height = Math.round($(this).height() / ratio);
                  $(this).height(new_height).width(width_item);
               }
            });

            /* Redimensionnement et centrage du conteneur en mode vertical */
            if (slid_vert) {
               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft', 'auto').css('marginRight', 'auto');
            }

            /* Initialisation du caroussel */
            $('#fa_ticker_content').jcarousel({
               vertical: slid_vert,
               wrap: 'circular',
               auto: {switch_ticker.STOP_TIME},
               auto_direction: auto_dir,
               scroll: 1,
               size: {switch_ticker.SIZE},
               height_max: height_max,
               animation: {switch_ticker.SPEED}
            });
         } else {
            $('ul#fa_ticker_content li:not(:first)').css('display', 'none');
            $('ul#fa_ticker_content li:first').css('list-style', 'none').css('text-align', 'center');
         }
      });
      //]]>
   </script>
   <!-- END switch_ticker_new -->

   <script type="text/javascript">//<![CDATA[
      $(document).ready(function () {
         <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         if (pm != null) {
            pm.focus();
         }
         <!-- END switch_enable_pm_popup -->
         <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         if (report != null) {
            report.focus();
         }
         <!-- END switch_report_popup -->
         <!-- BEGIN switch_ticker -->
         $(document).ready(function () {
            Ticker.start({
               height: {switch_ticker.HEIGHT},
               spacing: {switch_ticker.SPACING},
               speed: {switch_ticker.SPEED},
               direction: '{switch_ticker.DIRECTION}',
               pause: {switch_ticker.STOP_TIME}
            });
         });
         <!-- END switch_ticker -->
      });

      <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH},
         logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
      <!-- END switch_login_popup -->

      <!-- BEGIN switch_login_popup -->
      $(document).ready(function () {
         $(window).resize(function () {
            var windowWidth = document.documentElement.clientWidth;
            var popupWidth = $("#login_popup").width();
            var mypopup = $("#login_popup");

            $("#login_popup").css({
               "left": windowWidth / 2 - popupWidth / 2
            });
         });
      });
      <!-- END switch_login_popup -->
      //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN switch_ticker_new -->
   <style>
      .jcarousel-skin-tango .jcarousel-item {
         text-align: center;
         width: 10px;
      }

      .jcarousel-skin-tango .jcarousel-item-horizontal {
         margin-right: {switch_ticker.SPACING}px;
      }

      .jcarousel-skin-tango .jcarousel-item-vertical {
         margin-bottom: {switch_ticker.SPACING}px;
      }
   </style>
   <!-- END switch_ticker_new -->
   {HOSTING_JS}

   <!-- BEGIN google_analytics_code -->
   <script async src="https://www.googletagmanager.com/gtag/js?id={G_ANALYTICS_ID}"></script>
   <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', '{G_ANALYTICS_ID}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
      <!-- BEGIN google_analytics_code_bis -->
      gtag('config', '{G_ANALYTICS_ID_BIS}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
      <!-- END google_analytics_code_bis -->
   </script>
   <!-- END google_analytics_code -->

</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}"
     vlink="{T_BODY_VLINK}">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
   <h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt=""/> <em>Hit</em>skin.com</h1>
   <div class="content">
      <p>
         {hitskin_preview.L_THEME_SITE_PREVIEW}
         <br/>
         <span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
      </p>
   </div>
</div>
<!-- END hitskin_preview -->

<!-- BEGIN inactive_users_modal -->
<div id="inactive_popup" style="z-index: 10000 !important;">
   <table class="forumline" style="padding: 0px; width: 480px;" border="0" cellspacing="1"
        cellpadding="0">
      <tr height="25">
         <td class="catLeft">
            <span class="genmed module-title">{inactive_users_modal.L_MODAL_TITLE}</span>
         </td>
      </tr>
      <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
         <td class="row1" align="left" valign="top">
            <span class="genmed">{inactive_users_modal.L_MODAL_BODY}</span>
            <div id="inactive_popup_buttons">
               <input type="button" id="inactive_popup_url" class="mainoption"  value="{inactive_users_modal.L_MODAL_BUTTON}" />
               <input type="button" id="inactive_popup_close" class="button" value="{inactive_users_modal.L_CLOSE}" />
            </div>
         </td>
      </tr>
   </table>
</div>
<script type="text/javascript">
   $('#inactive_popup #inactive_popup_close').on('mouseup', function () {
      document.cookie = "modal_require_activation_closed=1; max-age=86400*15; path=/;";
      $('#inactive_popup').hide(50);
   });
   $('#inactive_popup #inactive_popup_url').on('mouseup', function () {
      document.cookie = "modal_require_activation_closed=1; max-age=86400*15; path=/;";
      location.href = '{inactive_users_modal.U_MODAL}'
   })
</script>
<!-- END inactive_users_modal -->

<!-- BEGIN switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
<form action="{S_LOGIN_ACTION}" method="get">
 <div class="cor">
  <div class="cort1">Seattle te fera perdre la tête </div>  <div id="login_popup_buttons">
  <input id="login_popup_close" type="button" class="button" value="X" /></div>
  <div class="cor2">
    <div class="cor3">
      <div class="cortexte">Prêt.e à rejoindre ou retrouver le monde de NTOS ?
      Attention à votre mental, le forum est déconseillé au moins de 16 ans et aborde les sujets de Gang.
      Mais des TW sont mit en place dans les profils, remplissez les et parlez--en à votre partenaire.</div>
      <div class="corins"><a href="f=lien vers la page d'inscription">Nouveau Visa</a></div>
    </div>
        <div class="cor4">
          <div class="corapi">
            <input class="coo" size="11" type="text" name="username" value="Pseudo"  onFocus="this.value='';" /><br/>
              <input class="coo" size="11" type="password" name="password" value="Mot de passe" onFocus="this.value='';"/><br/>
              <input class="radio" type="checkbox" name="autologin" id="autologin" {AUTOLOGIN_CHECKED} />
 <label for="autologin">Connexion Automatique</label>
            <input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
          </div>
    </div>
    </div>
</div>
</form>
</div>
<!-- END switch_login_popup -->

<a name="top"></a>
{JAVASCRIPT}

<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td class="bodyline">
         <table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr>
               <!-- BEGIN switch_logo_left -->
               <td><a href="{U_INDEX}"><img loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
               </td>
               <!-- END switch_logo_left -->
               <td align="center" width="100%" valign="middle">
                  <!-- BEGIN switch_logo_center -->
                  <a href="{U_INDEX}"><img loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
                  <br/>
                  <!-- END switch_logo_center -->
                  <div class="maintitle">{MAIN_SITENAME}</div>
                  <br/>
               </td>
               <!-- BEGIN switch_logo_right -->
               <td><a href="{U_INDEX}"><img loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
               </td>
               <!-- END switch_logo_right -->
            </tr>
         </table>

      
         <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" style="background-color: #1c1c1c; padding: 0.5rem; border: 2px solid #000; margin: 0; width: 100%;">
                          <tr><br/>
               <td id="navBarre" align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
            </tr>
         </table>

         <div style="clear: both;"></div>

         <!-- BEGIN switch_ticker_new -->
         <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
               <tr>
                  <td align="left" class="row1">
                     <div id="fa_ticker_container">
                        <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                           <!-- BEGIN ticker_row -->
                           <li>{switch_ticker.ticker_row.ELEMENT}</li>
                           <!-- END ticker_row -->
                        </ul>
                     </div>
                  </td>
               </tr>
            </table>
         </div>
         <!-- END switch_ticker_new -->

         <!-- BEGIN switch_ticker -->
         <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
               <tr>
                  <td align="left" class="row1">
                     <div id="fa_ticker_container">
                        <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                           <div class="fa_ticker_content">
                              <!-- BEGIN ticker_row -->
                              <div>{switch_ticker.ticker_row.ELEMENT}</div>
                              <!-- END ticker_row -->
                           </div>
                        </div>
                     </div>
                  </td>
               </tr>
            </table>
         </div>
         <!-- END switch_ticker -->

         <div id="page-body">
            <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
               <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                  <tbody>
                  <tr>
                     <td valign="top" width="{C1SIZE}">
                        <div id="{ID_LEFT}">
                           <!-- BEGIN giefmod_index1 -->
                           {giefmod_index1.MODVAR}
                           <!-- BEGIN saut -->
                           <div style="height:{SPACE_ROW}px"></div>
                           <!-- END saut -->
                           <!-- END giefmod_index1 -->
                        </div>
                     </td>
                     <td valign="top" width="100%">
                        <!-- BEGIN html_validation -->
                     </td>
                  </tr>
                  </tbody>
               </table>
            </div>
         </div>
      </td>
   </tr>
</table>
</body>
</html>
<!-- END html_validation -->

[Trw]

Hello, petit Up

[Trw]

Hello petit up

[Trw]

Hello petit up

[Toryudo]

Bonjour !
A l'intérieur du code de vos catégories (Template index_box je crois ?), je vois ce script :

Code:

<script type="text/javascript">$('.link-cat').each(function(){$(this).html($(this).html().replace(/,/g,""));});</script>

Il provoque des erreurs, est-ce que vous pourriez essayer de le retirer et de voir si le bouton X du module de connexion fonctionne ensuite ? Même s'il ne fonctionne pas, ne remettez pas le script tout de suite, on verra ensuite pour le corriger si besoin.

En tout cas, ce que vous fournissez fonctionne chez moi, c'est autre chose qui doit provoquer le problème.

[Trw]

Bonjour,
J'ai retirer le script en question mais de mon coter ça ne fonctionne toujours pas,
Je n'ai pas remis le script comme demandé

[Toryudo]

Ok, j'ai compris et j'ai réussi à reproduire le problème.
En fait, si vous allez sur la page https://thereverseworld.forumactif.com/?change_version qui correspond à votre forum sans les templates modifiés, on peut voir le module de connexion apparaitre deux fois :



Même chose dans le code, on voit deux fois l'id login_popup, c'est-à-dire que le navigateur affiche deux fois cette popup.
Quand on crée un code JavaScript et qu'on lui dit de s'appliquer sur un id (comme l'id de l'input qui permet de fermer la popup), il s'applique uniquement sur le premier id qui a ce nom (sachant qu'un id ne doit être déclaré qu'une seule fois dans un document)... donc s'il y en a deux, ça pose problème. Surtout si vous cliquez sur le deuxième, parce qu'il n'a finalement aucun évènement associé.

J'ai cherché un peu pourquoi il y avait 2 fois cette popup chez vous, et je me rends compte que c'est un bug.
Je vais le remonter et vous donner une astuce pour normalement ne plus avoir le problème :
Dans le panneau d'administration > Utilisateurs & Groupes > Options des utilisateurs, il faut cocher "Non" en face de "Activer le bouton Topic'it Connect sur le forum :".

Si vous retournez sur la page https://thereverseworld.forumactif.com/?change_version ensuite, vous ne devriez plus avoir qu'une seule popup de connexion.
Et avec une seule popup, j'ai bon espoir que le bouton fonctionne correctement à nouveau.

[Trw]

Ça fonctionne! Merci! Maintenant je n'ai plus que le problème de l'écart entre le haut de l'écran et le header!

Edit: Alors oui du coup ça fonctionne mais du coup maintenant l'autre problème c'est que ça réapparait plus quand on recharge la page

[Trw]

Hello petit Up

[Toryudo]

Bonjour !
Alors effectivement, le texte du bouton de base est "Ne plus afficher", comprendre "ne plus jamais afficher"... le forum enregistre l'action dans un Cookie et la popup ne s'affiche plus ensuite parce que le Cookie indique de ne plus l'afficher. Si ça ne vous convient pas, je pourrai peut-être vous fournir un code personnalisé pour faire en sorte que la popup se ré-affiche à chaque rechargement de page.

Concernant la position par contre, vous allez pouvoir la manipuler avec un peu de CSS comme ceci :

Code:

#login_popup {
    position: fixed;
    top: 10px !important;
}

A vous de choisir la valeur de top qui vous convient, tout en conservant le !important, sans quoi ça ne fonctionnera pas !

[Trw]

Hello
Merci pour votre aide!
J'aimerais beaucoup ce code personnalisé si ça ne vous dérange pas!

[Toryudo]

Ce que vous allez faire, c'est, dans votre Template, remplacer le code suivant

Code:

<input id="login_popup_close" type="button" class="button" value="X" />

Par celui-ci (on change juste l'id pour que l'évènement habituel ne s'applique plus dessus) :

Code:

<input id="login_popup_close_perso" type="button" class="button" value="X" />

Puis, vous n'avez plus qu'à ajouter ce script dans l'un de vos Codes Javascript :

Code:

$('#login_popup_close_perso').live('click', function(){
   $('#login_popup').hide();
});

Et voilà qui devrait fonctionner !

[Trw]

J'ai tout installer, ça ne fonctionne merci beaucoup