Accueil » Hacks » 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

Les visiteurs du groupe Invités ne peuvent pas télécharger de fichiers sur le site.
Connectez-vous au site avec votre identifiant et mot de passe ou si vous êtes un nouvel utilisateur suivez le processus d'inscription sur le site.

Soutenez le site
Tous les fonds collectés seront reversés afin de garder le site et de vous proposer toujuour autant de modules et templates
Merci d'avance!

Commentaires (0)

Aucun commentaire pour le moment. Vous pouvez être le premier!
Ajouter un commentaire
Information
Les utilisateurs du Invités ne sont pas autorisés à ajouter des commentaires à cette publication.