DLE chargement page ajax de type modal

Samedi 26 Decembre 2020 8:44:28

444 Vues

0 Commentaires



Le Hack jQuery loadingBlock vous permet de créer une superposition de chargement ajax de type modal avec un indicateur de chargement personnalisé et du texte. Entièrement personnalisable via CSS lors de l'initialisation.

Ouvrez templates/votre_theme/main.tpl cherchez
</head>


Ajoutez au dessus
<script src="{THEME}/js/jquery.loading.block.js"></script>



ouvrez engine/main.php et chercher (vers la ligne 432)
if ( !$user_group[$member_id['user_group']]['allow_admin'] ) $config['admin_path'] = "";


Ajouter au dessus
$ajax .= "<script type=\"text/javascript\" charset=\"utf-8\">
    $(function() {
        $.loadingBlockShow({
            imgPath: 'templates/{$config['skin']}/images/default.svg',
			text: 'jQuery Script Loading ...',
            style: {
                position: 'fixed',
                width: '100%',
                height: '100%',
                background: 'rgba(0, 0, 0, .8)',
                left: 0,
                top: 0,
                zIndex: 10000
            }
        });

        setTimeout($.loadingBlockHide, 5000);
    });
    </script>";


Télécharger l'archive et envoyer les dossier images et js dans votre thème

Auteur: chan15 sur jqueryscript.net
Adaptation Dle: DarkLane
Version Dle: Toutes


Ajouter un commentaire

Votre adresse électronique ne sera pas publiée. Les champs obligatoires sont marqués *

Information

Les utilisateurs du Invités ne sont pas autorisés à ajouter des commentaires à cette publication.

Sondage important
Quel version DataLife utilisez vous?

De mon avis perso, depuis la version 16.0 de Dle, vous n'êtes pas obligé de mettre à jour votre version. Depuis Dle 18.x avec l'intégration de l'IA la mise à jour n'a plus d'intêrets!!