DLE chargement page ajax de type modal

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

---

Retour