Scripte js - Mémoire cache

3 participants

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

Résolu Scripte js - Mémoire cache

Message par Theodene Sam 11 Jan 2020 - 14:54

Détails techniques

________________________________________________________________________________


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


Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://jdr-hunter.forumactif.com/forum


Description du problème



Bonjour, et merci a ceux et a celles qui me répondront.

je suis entrain de crée un forum, et mon problème c'est présenté lors de la mise en place d'un système permettant aux utilisateurs de personnalisé leurs backgrounds pour plus de plaisir a l'utilisation

sur le forum en bas a droite vous avez un sélecteur qui permet de basculé entre différents backgrounds.


voici le code js qui gère ce sélecteur :




Code:
var video = $("video"),
    thumbs = $(".thumbs option");
    
    if(thumbs){
        thumbs.on("click",function(e){          
            var thumb = $(this);
            e.preventDefault();
            //get new source from thumb
           webm = thumb.data("webmsrc");
            mp4 = thumb.data("mp4src");
            //hide current poster image
            video.removeAttr("poster");
            //set source of video element
          
 video.find("source.webm").attr("src",webm);
          video.find("source.mp4").attr("src",mp4);
            //play
            video.get(0).load();
            video.get(0).play();
        });
    }


et voici la partie html de la template overall_header en relation :

ce code n'est pas inclut dans la balise <head></head>


Code:
<div class="videobg">
<video
  loop
  autoplay
  muted
  poster="https://www.cjoint.com/doc/20_01/JAisRCSLmEX_gardienne-delune.jpg">
    <source class="webm" src="https://www.cjoint.com/doc/20_01/JAisLMSs4zX_gardienne-d-elune.webm" type="video/webm">
  <source class="mp4" src="https://www.cjoint.com/doc/20_01/JAisOr3gwfX_Warcraft-3-Reforged---Campagne-au-bout-de-l-%C3%A9ternit%C3%A9-1080p-30fps-H264-128kbit-AAC-.mp4" type="video/mp4">
</video>
</div>

    
<select class="thumbs">
<option id="box_elfe_de_la_nuit" data-mp4src="https://www.cjoint.com/doc/20_01/JAisOr3gwfX_Warcraft-3-Reforged---Campagne-au-bout-de-l-%C3%A9ternit%C3%A9-1080p-30fps-H264-128kbit-AAC-.mp4"
      data-webmsrc="https://www.cjoint.com/doc/20_01/JAisLMSs4zX_gardienne-d-elune.webm">
  Gardienne d'Elune </option>
  
  
<option  id="box_humain" data-mp4src="https://www.cjoint.com/doc/20_01/JAfrwNN86O0_Warcraft-3-Reforged---Campagne-le-Fl%C3%A9au-de-Lordaeron-1080p-30fps-H264-128kbit-AAC-.mp4"
      data-webmsrc="https://www.cjoint.com/doc/20_01/JAfrguAZOl0_Warcraft-3-Reforged---Campagne-le-Fl%C3%A9au-de-Lordaeron-1080p-30fps-H264-128kbit-AAC-convert-video-online.com-.webm">
  Alliance </option>
    
</select>


ce que j'essaye d'avoir c'est qu'a la sélection d'un background cela ne ce désactive pas si on change de page jusqu’à ce que l'utilisateur décide de le changer lui même via le sélecteur.

ps: le java scripte est déjà activé sur toute les page.


j'ai déjà parcouru le forum ainsi que plusieurs autres, et fait plusieurs testes pour régler le problème, mais mes connaissances actuel ne me permettent malheureusement pas d’appréhendé les propositions comme cela l'exige j'imagine.



merci a tout ceux qui m'aideront a y voire plus claire a passer outre ce soucis Smile .
Theodene

Theodene
Nouveau membre

Messages : 6
Inscrit(e) le : 11/01/2020

https://jdr-hunter.forumactif.com/forum
Theodene a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Scripte js - Mémoire cache

Message par Kardo Lun 13 Jan 2020 - 12:31

Bonjour,
Pour commencer j'ai un soucis en arrivant sur votre page, votre script de changement de fond ne semble pas fonctionner, et en jetant un oeil au code source de votre page, on voit que des balises <meta> ne sont pas dans le <head> (qui est vide, étonnement) ce qui peut rendre votre HTML invalide.
Cela est sans doute lié à de mauvaise édition dans votre overall_header.

Pour ce qui est du fond persistant, pourquoi ne pas ajouter un cookie via votre script qui permettrait de connaître le dernier fond sélectionné et d'afficher le fond en fonction de celui-ci ?


Kardo

Kardo
Dévactif
Dévactif

Messages : 134
Inscrit(e) le : 06/12/2019

https://forum.forumactif.com
Kardo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scripte js - Mémoire cache

Message par Sethe07 Lun 13 Jan 2020 - 13:36

.
Sethe07

Sethe07
Nouveau membre

Messages : 25
Inscrit(e) le : 26/05/2017

http://jeu-de-role.forumactif.com/forum
Sethe07 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scripte js - Mémoire cache

Message par Theodene Lun 13 Jan 2020 - 13:46

"désoler pour le poste avec mon ancien compte, mais ne pouvons pas supprimer mon ancien forum lier a ce compte j’étais obliger d'en crée un autre".


Tout d’abord merci.

en ce qui concerne les <meta> je viens de vérifier sur la template overall_header, et elles sont bien présentes

Code:
<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}

voici un aperçu de ce qui s'affiche chez moi  :  Scripte js - Mémoire cache Ecrant10



est-ce-que le faites que le code du sélecteur ne soit pas inclus dans le head peut avoir engendrer ce bug ?

Après pour votre suggestion a propos des  cookie via un script qui permettrait de rendre le fond persistant, c'est justement ce que j'essaye de faire. mais malheureusement je commence à peine a toucher au java scripte et j’avoue que j'ai du mal a intégrer et transformer ce bout de code a mes besoin

Code:
  onChange="my_setcookie('sstyle',$('#tstyle')[0].href=this.value,1,0);$('#frame_chatbox,iframe[name=smilies]').contents().find('#tstyle').attr('href',this.value);this.selectedIndex=0;"


ce qu'il faut que je réussisse a faire c'est un code qui suivra ces étapes:

1- vérifier la valeur du sélecteur
2-si valeur du sélecteur égale le fond de la valeur par défaut = ne rien faire.
3-si valeur du sélecteur n'égale pas le fond de la valeur par défaut = crée et enregistrer le cookie
(durée du cookie : jusqu’à une nouvelle sélection/enregistrer un nouveau cookie lors du changement de valeur du sélecteur)
4- charger le cookie lors d'un rechargement ou changement de page.

ps: je le dis grossièrement selon ma compréhension du java actuelle ( que j'avoue est très limité actuellement )

donc si possible j'aimerai un coup de main pour essayer justement d'écrire tout cela en js et l'appliquer a mon cas. sans vouloirs abusé ^^'

et merci par avance pour ta réponse.
Theodene

Theodene
Nouveau membre

Messages : 6
Inscrit(e) le : 11/01/2020

https://jdr-hunter.forumactif.com/forum
Theodene a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Scripte js - Mémoire cache

Message par Kardo Lun 13 Jan 2020 - 17:52

Hello,
J'ai revu un peu ton script, essaye avec celui-ci, j'ai réussi à reproduire tes modifs sur un forum de test et ça fonctionne, si tu as des questions, n'hésite pas.
Code:
function setCookie(name,value,days) {
    var expires = "";
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days*24*60*60*1000));
        expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + (value || "")  + expires + "; path=/";
}
function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}
function eraseCookie(name) { 
    document.cookie = name+'=; Max-Age=-99999999;'; 
}

$(document).ready(function () {
    var video = $("video");
    var thumbs = $(".thumbs option");
    var webm = '';
    var mp4 = '';
    var thumb = '';
    var thumbval = '';
 
    if(getCookie('cookie_video_bg')){
      var optionid = getCookie('cookie_video_bg');
      mp4 = $('#'+optionid+'').data('mp4src');
      webm = $('#'+optionid+'').data('webmsrc');
      //hide current poster image
      video.removeAttr("poster");
      //set source of video element         
      video.find("source.webm").attr("src", webm);
      video.find("source.mp4").attr("src", mp4);
      //play
      video.get(0).load();
      video.get(0).play();
    }
   
    if(thumbs){
        $('#thumbs').on("change",function(e){
            e.preventDefault();
            thumb = $(this);
            //get new source from thumb   
            webm = $(this).data("webmsrc");
            mp4 = $('select#thumbs');
                  thumbval = this.value;
          thumbs.each(function(){
            if(this.value === thumbval){
                var optionid = this.id;
                setCookie('cookie_video_bg',optionid,365);
                mp4 = $('#'+optionid+'').data('mp4src');
                webm = $('#'+optionid+'').data('webmsrc');
                //hide current poster image
                video.removeAttr("poster");
                //set source of video element         
                video.find("source.webm").attr("src", webm);
                video.find("source.mp4").attr("src", mp4);
             //play
             video.get(0).load();
             video.get(0).play();
            };
          });

        });
    }
});

Au passage, ton overall_header me paraît étrange, tu pourrais me l'envoyer au complet ?


Kardo

Kardo
Dévactif
Dévactif

Messages : 134
Inscrit(e) le : 06/12/2019

https://forum.forumactif.com
Kardo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scripte js - Mémoire cache

Message par Theodene Lun 13 Jan 2020 - 18:15

Déjà un grand merci, t'as modification marche a merveille Smile

toute fois, je ne m'explique pas pourquoi, mais une fois la page recharger, la vidéo se fige, comme si on l'a mettais en pause. pour la faire fonctionner de nouveau on doit la séléctionné de nouveau sur le selecteur.

voici mon overall_header au complet.

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}>
            

<div class="videobg">
<video
  loop
  autoplay
  muted
  poster="https://www.cjoint.com/doc/20_01/JAisRCSLmEX_gardienne-delune.jpg">
    <source class="webm" src="https://www.cjoint.com/doc/20_01/JAisLMSs4zX_gardienne-d-elune.webm" type="video/webm">
  <source class="mp4" src="https://www.cjoint.com/doc/20_01/JAisOr3gwfX_Warcraft-3-Reforged---Campagne-au-bout-de-l-%C3%A9ternit%C3%A9-1080p-30fps-H264-128kbit-AAC-.mp4" type="video/mp4">
</video>
</div>

    
<select class="thumbs" id="thumbs">
<option id="box_elfe_de_la_nuit" data-mp4src="https://www.cjoint.com/doc/20_01/JAisOr3gwfX_Warcraft-3-Reforged---Campagne-au-bout-de-l-%C3%A9ternit%C3%A9-1080p-30fps-H264-128kbit-AAC-.mp4"
      data-webmsrc="https://www.cjoint.com/doc/20_01/JAisLMSs4zX_gardienne-d-elune.webm">
  Gardienne d'Elune </option>
  
    
  
<option  id="box_humain" data-mp4src="https://www.cjoint.com/doc/20_01/JAfrwNN86O0_Warcraft-3-Reforged---Campagne-le-Fl%C3%A9au-de-Lordaeron-1080p-30fps-H264-128kbit-AAC-.mp4"
      data-webmsrc="https://www.cjoint.com/doc/20_01/JAfrguAZOl0_Warcraft-3-Reforged---Campagne-le-Fl%C3%A9au-de-Lordaeron-1080p-30fps-H264-128kbit-AAC-convert-video-online.com-.webm">
  Alliance </option>
  
  
<option    id="box_elfe_de_sang" data-mp4src="https://www.cjoint.com/doc/20_01/JAknyz4sIfG_Warcraft-3-Reforged---Campagne-la-mal%C3%A9diction-des-elfes-de-sang-1080p-30fps-H264-128kbit-AAC-.mp4"
      data-webmsrc="https://www.cjoint.com/doc/20_01/JAknvgDI7ZG_Warcraft-3-Reforged---Campagne-la-mal%C3%A9diction-des-elfes-de-sang-1080p-30fps-H264-128kbit-AAC-.webm">
  Elfes de sang </option>
  
  <option    id="box_les_damnees" data-mp4src="https://www.cjoint.com/doc/20_01/JAkm63htDqG_Warcraft-3-Reforged---Campagne-la-voie-des-Damn%C3%A9s-1080p-30fps-H264-128kbit-AAC-.mp4"
      data-webmsrc="https://www.cjoint.com/doc/20_01/JAkm0dnRNCG_Warcraft-3-Reforged---Campagne-la-voie-des-Damn%C3%A9s-1080p-30fps-H264-128kbit-AAC-.webm">
  Nérubiens </option>
  
  <option    id="box_rexaar" data-mp4src="https://www.cjoint.com/doc/20_01/JAknJypSk6G_Warcraft-3-Reforged---Campagne-la-fondation-de-Durotar-1080p-30fps-H264-128kbit-AAC-.mp4"
      data-webmsrc="https://www.cjoint.com/doc/20_01/JAknGwSWy1G_Warcraft-3-Reforged---Campagne-la-fondation-de-Durotar-1080p-30fps-H264-128kbit-AAC-.webm">
  Rexaar </option>
  
   <option    id="box_chasseresses" data-mp4src="https://www.cjoint.com/doc/20_01/JAknS4wFfWG_Warcraft-3-Reforged---Campagne-la-terreur-des-flots-1080p-30fps-H264-128kbit-AAC-.mp4"
      data-webmsrc="https://www.cjoint.com/doc/20_01/JAknPWNdqrG_Warcraft-3-Reforged---Campagne-la-terreur-des-flots-1080p-30fps-H264-128kbit-AAC-.webm">
  Maeiv </option>
  
  <option    id="exode" data-mp4src="https://www.cjoint.com/doc/20_01/JAknZeLtduG_Warcraft-3-Reforged---Campagne-l-exode-de-la-Horde-1080p-30fps-H264-128kbit-AAC-.mp4"
      data-webmsrc="https://www.cjoint.com/doc/20_01/JAknXUVc5RG_Warcraft-3-Reforged---Campagne-l-exode-de-la-Horde-1080p-30fps-H264-128kbit-AAC-.webm">
  Exode </option>
  
  <option    id="box_orc_guerier" data-mp4src="https://www.cjoint.com/doc/20_01/JAkonjVqOnG_Warcraft-3-Reforged---Campagne-l-invasion-de-Kalimdor-1080p-30fps-H264-128kbit-AAC-.mp4"
      data-webmsrc="https://www.cjoint.com/doc/20_01/JAkok445sdG_Warcraft-3-Reforged---Campagne-l-invasion-de-Kalimdor-1080p-30fps-H264-128kbit-AAC-.webm">
  Orc guerier </option>
  
  <option    id="box_arthas" data-mp4src="https://www.cjoint.com/doc/20_01/JAkorArVmnG_Warcraft-3-Reforged---Campagne-l-h%C3%A9ritage-des-Damn%C3%A9s-1080p-30fps-H264-128kbit-AAC-.mp4"
      data-webmsrc="https://www.cjoint.com/doc/20_01/JAkopJ368gG_Warcraft-3-Reforged---Campagne-l-h%C3%A9ritage-des-Damn%C3%A9s-1080p-30fps-H264-128kbit-AAC-.webm">
  Arthas </option>
  
  <option    id="box_Stratholm" data-mp4src="https://www.cjoint.com/doc/20_01/JAkoRJ8F1YG_Warcraft-III-Reforged-Live-Wallpaper-1080p-30fps-H264-128kbit-AAC-.mp4"
      data-webmsrc="https://www.cjoint.com/doc/20_01/JAkoLmbeJ8G_Warcraft-III-Reforged-Live-Wallpaper-1080p-30fps-H264-128kbit-AAC-.webm">
  Stratholm </option>
  
  <option    id="box_Elidan" data-mp4src="https://www.cjoint.com/doc/20_01/JAkp3SfDXeG_World-Of-Warcraft-Illidan-HD-Live-Wallpaper-720p-30fps-H264-192kbit-AAC-.mp4"
      data-webmsrc="https://www.cjoint.com/doc/20_01/JAkp1aLBwsG_World-Of-Warcraft-Illidan-HD-Live-Wallpaper-720p-30fps-H264-192kbit-AAC-.webm">
  Elidan </option>
    
</select>
    
<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 () {

 $('#fa_ticker_content').css('display', 'block');

 var width_max = $('ul#fa_ticker_content').width();
 var width_item = Math.floor(width_max / {switch_ticker.SIZE});

 if (width_max > 0) {
 $('ul#fa_ticker_content li').css('float', 'left').css('list-style', 'none').width(width_item).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);
 }
 });

 if (slid_vert) {
 var height_max = h_perso;

 $('ul#fa_ticker_content li').each(function () {
 if ($(this).height() > height_max) {
 height_max = $(this).height();
 }
 });

 $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft', 'auto').css('marginRight', 'auto');
 $('ul#fa_ticker_content li').height(height_max);
 }


 $('#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;

 $(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}

 <style type="text/css">
 #page-footer, div.navbar, div.navbar ul.linklist {
 display: block !important;
 }

 ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
 display: inline !important;
 }

 <!-- BEGIN switch_ticker_new -->
 .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;
 }

 <!-- END switch_ticker_new -->
 </style>

 {HOSTING_JS}

 <!-- BEGIN google_analytics_code -->
 <script type="text/javascript">
 //<![CDATA[
 (function (i, s, o, g, r, a, m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)}, i[r].l = 1 * new Date();
 a = s.createElement(o),
 m = s.getElementsByTagName(o)[0];
 a.async = 1;
 a.src = g;
 m.parentNode.insertBefore(a, m)
 })
 (window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

 ga('create', '{G_ANALYTICS_ID}', 'auto');
 ga('send', 'pageview');
 ga('set', 'anonymizeIp', true);

 <!-- BEGIN google_analytics_code_bis -->
 ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
 ga('bis.send', 'pageview');
 ga('bis.set', 'anonymizeIp', true);
 <!-- END google_analytics_code_bis -->
 //]]>
 </script>
 <!-- END google_analytics_code -->

 <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,700i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"
  rel="stylesheet"/>
 <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet"/>
  

</head>

<body id="modernbb">
  
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
 <h1><img src="{hitskin_preview.PATH_IMG_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 switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
 <div class="h3">{SITENAME}</div>
 <div id="login_popup_message">
 {LOGIN_POPUP_MSG}
 </div>
 <div id="login_popup_buttons">
 <form action="{S_LOGIN_ACTION}" method="get">
 <input type="submit" class="button1" value="{L_LOGIN}"/>
 <input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';"/>
 <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}"/>
 </form>
 </div>
</div>
<!-- END switch_login_popup -->

<a id="top" name="top" accesskey="t"></a>
{JAVASCRIPT}

    <div id="page-header">
              <div class="headerbar">
                     <div id="headerbar-top" class="is-sticky">
                    <div class="wrap">
                       <a href="{U_INDEX}" id="logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
        
                       <ul class="navbar navlinks{NAVBAR_BORDERLESS}">
                          <li>{GENERATED_NAV_BAR}</li>
                       </ul>
                    </div>
                 </div>
        
                 <div class="wrap">
                    <div id="site-desc">
                       <!-- BEGIN switch_h1 -->
                          <div id="site-title">{switch_h1.MAIN_SITENAME}</div>
                       <!-- END switch_h1 -->
                       <!-- BEGIN switch_desc -->
                          <p>{switch_desc.SITE_DESCRIPTION}</p>
                       <!-- END switch_desc -->
                    </div>
                 </div>
              </div>

 <!-- BEGIN switch_ticker_new -->
 <div id="fa_ticker_blockD" style="margin-top:4px;">
 <div class="module">
 <div class="inner">
 <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>
 </div>
 </div>
 </div>
 <!-- END switch_ticker_new -->
</div>

<div class="conteneur_minwidth_IE">
 <div class="conteneur_layout_IE">
 <div class="conteneur_container_IE">
 <div id="wrap">
 <div id="page-body">

 <!-- BEGIN switch_ticker -->
 <div id="fa_ticker_block" style="margin-top:4px;">
 <div class="module">
 <div class="inner">
 <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>
 </div>
 </div>
 </div>
 <!-- END switch_ticker -->

 <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
 <div id="outer-wrapper">
 <div id="wrapper">
 <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>

 <div id="container">
 <div id="content-main">
 <div id="main">
 <div id="main-content">
Theodene

Theodene
Nouveau membre

Messages : 6
Inscrit(e) le : 11/01/2020

https://jdr-hunter.forumactif.com/forum
Theodene a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scripte js - Mémoire cache

Message par Theodene Lun 13 Jan 2020 - 20:31

alors concernant la vidéo qui se bloque. cela vient des autorisations du navigateur. Il faut autorisé la vidéo via le navigateur comme indiquer sur le screen.

Scripte js - Mémoire cache Audio-10
Theodene

Theodene
Nouveau membre

Messages : 6
Inscrit(e) le : 11/01/2020

https://jdr-hunter.forumactif.com/forum
Theodene a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scripte js - Mémoire cache

Message par Kardo Mar 14 Jan 2020 - 10:11

Ravi que tu ais pu résoudre ton problème de vidéo figée,
Pour ton overall_header, tu as mis ta <div> vidéo et ton <select> avant la balise <head>, essaye de les déplacer dans ton <body>, comme suit :
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 () {

 $('#fa_ticker_content').css('display', 'block');

 var width_max = $('ul#fa_ticker_content').width();
 var width_item = Math.floor(width_max / {switch_ticker.SIZE});

 if (width_max > 0) {
 $('ul#fa_ticker_content li').css('float', 'left').css('list-style', 'none').width(width_item).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);
 }
 });

 if (slid_vert) {
 var height_max = h_perso;

 $('ul#fa_ticker_content li').each(function () {
 if ($(this).height() > height_max) {
 height_max = $(this).height();
 }
 });

 $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft', 'auto').css('marginRight', 'auto');
 $('ul#fa_ticker_content li').height(height_max);
 }


 $('#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;

 $(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}

 <style type="text/css">
 #page-footer, div.navbar, div.navbar ul.linklist {
 display: block !important;
 }

 ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
 display: inline !important;
 }

 <!-- BEGIN switch_ticker_new -->
 .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;
 }

 <!-- END switch_ticker_new -->
 </style>

 {HOSTING_JS}

 <!-- BEGIN google_analytics_code -->
 <script type="text/javascript">
 //<![CDATA[
 (function (i, s, o, g, r, a, m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)}, i[r].l = 1 * new Date();
 a = s.createElement(o),
 m = s.getElementsByTagName(o)[0];
 a.async = 1;
 a.src = g;
 m.parentNode.insertBefore(a, m)
 })
 (window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

 ga('create', '{G_ANALYTICS_ID}', 'auto');
 ga('send', 'pageview');
 ga('set', 'anonymizeIp', true);

 <!-- BEGIN google_analytics_code_bis -->
 ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
 ga('bis.send', 'pageview');
 ga('bis.set', 'anonymizeIp', true);
 <!-- END google_analytics_code_bis -->
 //]]>
 </script>
 <!-- END google_analytics_code -->

 <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,700i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"
  rel="stylesheet"/>
 <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet"/>
  

</head>
<body id="modernbb">
<div class="videobg">
<video loop autoplay muted poster="https://www.cjoint.com/doc/20_01/JAisRCSLmEX_gardienne-delune.jpg">
    <source class="webm" src="https://www.cjoint.com/doc/20_01/JAisLMSs4zX_gardienne-d-elune.webm" type="video/webm">
  <source class="mp4" src="https://www.cjoint.com/doc/20_01/JAisOr3gwfX_Warcraft-3-Reforged---Campagne-au-bout-de-l-%C3%A9ternit%C3%A9-1080p-30fps-H264-128kbit-AAC-.mp4" type="video/mp4">
</video>
</div>

    
<select class="thumbs" id="thumbs">
<option id="box_elfe_de_la_nuit" data-mp4src="https://www.cjoint.com/doc/20_01/JAisOr3gwfX_Warcraft-3-Reforged---Campagne-au-bout-de-l-%C3%A9ternit%C3%A9-1080p-30fps-H264-128kbit-AAC-.mp4"
      data-webmsrc="https://www.cjoint.com/doc/20_01/JAisLMSs4zX_gardienne-d-elune.webm">
  Gardienne d'Elune </option>
  
    
  
<option  id="box_humain" data-mp4src="https://www.cjoint.com/doc/20_01/JAfrwNN86O0_Warcraft-3-Reforged---Campagne-le-Fl%C3%A9au-de-Lordaeron-1080p-30fps-H264-128kbit-AAC-.mp4"
      data-webmsrc="https://www.cjoint.com/doc/20_01/JAfrguAZOl0_Warcraft-3-Reforged---Campagne-le-Fl%C3%A9au-de-Lordaeron-1080p-30fps-H264-128kbit-AAC-convert-video-online.com-.webm">
  Alliance </option>
  
  
<option    id="box_elfe_de_sang" data-mp4src="https://www.cjoint.com/doc/20_01/JAknyz4sIfG_Warcraft-3-Reforged---Campagne-la-mal%C3%A9diction-des-elfes-de-sang-1080p-30fps-H264-128kbit-AAC-.mp4"
      data-webmsrc="https://www.cjoint.com/doc/20_01/JAknvgDI7ZG_Warcraft-3-Reforged---Campagne-la-mal%C3%A9diction-des-elfes-de-sang-1080p-30fps-H264-128kbit-AAC-.webm">
  Elfes de sang </option>
  
  <option    id="box_les_damnees" data-mp4src="https://www.cjoint.com/doc/20_01/JAkm63htDqG_Warcraft-3-Reforged---Campagne-la-voie-des-Damn%C3%A9s-1080p-30fps-H264-128kbit-AAC-.mp4"
      data-webmsrc="https://www.cjoint.com/doc/20_01/JAkm0dnRNCG_Warcraft-3-Reforged---Campagne-la-voie-des-Damn%C3%A9s-1080p-30fps-H264-128kbit-AAC-.webm">
  Nérubiens </option>
  
  <option    id="box_rexaar" data-mp4src="https://www.cjoint.com/doc/20_01/JAknJypSk6G_Warcraft-3-Reforged---Campagne-la-fondation-de-Durotar-1080p-30fps-H264-128kbit-AAC-.mp4"
      data-webmsrc="https://www.cjoint.com/doc/20_01/JAknGwSWy1G_Warcraft-3-Reforged---Campagne-la-fondation-de-Durotar-1080p-30fps-H264-128kbit-AAC-.webm">
  Rexaar </option>
  
   <option    id="box_chasseresses" data-mp4src="https://www.cjoint.com/doc/20_01/JAknS4wFfWG_Warcraft-3-Reforged---Campagne-la-terreur-des-flots-1080p-30fps-H264-128kbit-AAC-.mp4"
      data-webmsrc="https://www.cjoint.com/doc/20_01/JAknPWNdqrG_Warcraft-3-Reforged---Campagne-la-terreur-des-flots-1080p-30fps-H264-128kbit-AAC-.webm">
  Maeiv </option>
  
  <option    id="exode" data-mp4src="https://www.cjoint.com/doc/20_01/JAknZeLtduG_Warcraft-3-Reforged---Campagne-l-exode-de-la-Horde-1080p-30fps-H264-128kbit-AAC-.mp4"
      data-webmsrc="https://www.cjoint.com/doc/20_01/JAknXUVc5RG_Warcraft-3-Reforged---Campagne-l-exode-de-la-Horde-1080p-30fps-H264-128kbit-AAC-.webm">
  Exode </option>
  
  <option    id="box_orc_guerier" data-mp4src="https://www.cjoint.com/doc/20_01/JAkonjVqOnG_Warcraft-3-Reforged---Campagne-l-invasion-de-Kalimdor-1080p-30fps-H264-128kbit-AAC-.mp4"
      data-webmsrc="https://www.cjoint.com/doc/20_01/JAkok445sdG_Warcraft-3-Reforged---Campagne-l-invasion-de-Kalimdor-1080p-30fps-H264-128kbit-AAC-.webm">
  Orc guerier </option>
  
  <option    id="box_arthas" data-mp4src="https://www.cjoint.com/doc/20_01/JAkorArVmnG_Warcraft-3-Reforged---Campagne-l-h%C3%A9ritage-des-Damn%C3%A9s-1080p-30fps-H264-128kbit-AAC-.mp4"
      data-webmsrc="https://www.cjoint.com/doc/20_01/JAkopJ368gG_Warcraft-3-Reforged---Campagne-l-h%C3%A9ritage-des-Damn%C3%A9s-1080p-30fps-H264-128kbit-AAC-.webm">
  Arthas </option>
  
  <option    id="box_Stratholm" data-mp4src="https://www.cjoint.com/doc/20_01/JAkoRJ8F1YG_Warcraft-III-Reforged-Live-Wallpaper-1080p-30fps-H264-128kbit-AAC-.mp4"
      data-webmsrc="https://www.cjoint.com/doc/20_01/JAkoLmbeJ8G_Warcraft-III-Reforged-Live-Wallpaper-1080p-30fps-H264-128kbit-AAC-.webm">
  Stratholm </option>
  
  <option    id="box_Elidan" data-mp4src="https://www.cjoint.com/doc/20_01/JAkp3SfDXeG_World-Of-Warcraft-Illidan-HD-Live-Wallpaper-720p-30fps-H264-192kbit-AAC-.mp4"
      data-webmsrc="https://www.cjoint.com/doc/20_01/JAkp1aLBwsG_World-Of-Warcraft-Illidan-HD-Live-Wallpaper-720p-30fps-H264-192kbit-AAC-.webm">
  Elidan </option>
    
</select>  
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
 <h1><img src="{hitskin_preview.PATH_IMG_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 switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
 <div class="h3">{SITENAME}</div>
 <div id="login_popup_message">
 {LOGIN_POPUP_MSG}
 </div>
 <div id="login_popup_buttons">
 <form action="{S_LOGIN_ACTION}" method="get">
 <input type="submit" class="button1" value="{L_LOGIN}"/>
 <input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';"/>
 <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}"/>
 </form>
 </div>
</div>
<!-- END switch_login_popup -->

<a id="top" name="top" accesskey="t"></a>
{JAVASCRIPT}

    <div id="page-header">
              <div class="headerbar">
                     <div id="headerbar-top" class="is-sticky">
                    <div class="wrap">
                       <a href="{U_INDEX}" id="logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
        
                       <ul class="navbar navlinks{NAVBAR_BORDERLESS}">
                          <li>{GENERATED_NAV_BAR}</li>
                       </ul>
                    </div>
                 </div>
        
                 <div class="wrap">
                    <div id="site-desc">
                       <!-- BEGIN switch_h1 -->
                          <div id="site-title">{switch_h1.MAIN_SITENAME}</div>
                       <!-- END switch_h1 -->
                       <!-- BEGIN switch_desc -->
                          <p>{switch_desc.SITE_DESCRIPTION}</p>
                       <!-- END switch_desc -->
                    </div>
                 </div>
              </div>

 <!-- BEGIN switch_ticker_new -->
 <div id="fa_ticker_blockD" style="margin-top:4px;">
 <div class="module">
 <div class="inner">
 <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>
 </div>
 </div>
 </div>
 <!-- END switch_ticker_new -->
</div>

<div class="conteneur_minwidth_IE">
 <div class="conteneur_layout_IE">
 <div class="conteneur_container_IE">
 <div id="wrap">
 <div id="page-body">

 <!-- BEGIN switch_ticker -->
 <div id="fa_ticker_block" style="margin-top:4px;">
 <div class="module">
 <div class="inner">
 <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>
 </div>
 </div>
 </div>
 <!-- END switch_ticker -->

 <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
 <div id="outer-wrapper">
 <div id="wrapper">
 <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>

 <div id="container">
 <div id="content-main">
 <div id="main">
 <div id="main-content">
Tu ne devrais pas avoir de différence visuellement, mais cela t'évitera des probèmes avec les balises <meta>
Kardo

Kardo
Dévactif
Dévactif

Messages : 134
Inscrit(e) le : 06/12/2019

https://forum.forumactif.com
Kardo a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Scripte js - Mémoire cache

Message par Theodene Mar 14 Jan 2020 - 11:37

je viens de le faire et en effet aucune différence lors de l'affichage.

Merci encore Kardo pour t'as précieuse aide Smile

je met le sujet concernant ce problème comme résolu !
Theodene

Theodene
Nouveau membre

Messages : 6
Inscrit(e) le : 11/01/2020

https://jdr-hunter.forumactif.com/forum
Theodene a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

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