Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon... et de qui veut.

Une fenêtre modale

Patrice MOREL
le 11 février 2024
à 16:05 		Rappel du sujet :

Bonjour,
Peut-être que cela existe !?...
Pourrais-t’on envisager une fenêtre modale programmable dans le temps (avec une photo et un petit texte qui enverrait vers un article éventuellement) qui s’afficherait à l’ouverture du site pour signaler un évènement important ?
Par exemple, pour notre Collectif Jean de Neyman, dont une cérémonie est organisée au moins une fois par an, une fenêtre annoncerais cet évènement exceptionnel dans l’année.
@+
Merci
Patrice
Une fenêtre modale

Bonjour,

Créer un article contenant tout ce qui doit apparaître : texte, photo, lien...

Lui adjoindre un évènement répétable à date fixe.

ça devrait le faire.
Une fenêtre modale

Escal ne prévoit pas de fenêtre modale mais un bloc annonce est prévu pour ça.
Tu peux donc créer un article caché avec image et lien vers un autre article plus détaillé.

Et grâce au plugin "depublie", l’article peut se dé-publier automatiquement dès que l’évènement est passé et le bloc annonce disparaît.
Une fenêtre modale

Merci à vous 2,
Tant pis...
@+
Patrice
modale

tu a oublié de préciser qu’on peu mettre une post date a l’article annonc

donc on publie a tel date
et on depublie a tel date

et voila escal trop de la balle

ou alors dans ta page sommaire.html dans le head

<script language="JavaScript">
<!-- Début
tempsFermeture = 10;
// Fermer le PopUp après 10 de secondes?
// Mettre 0 pour ne pas fermer le PopUp

function Debute(URL, WIDTH, HEIGHT) {
propFenetre = "left=50,top=50,width=" + WIDTH + ",height=" + HEIGHT;
pub = window.open(URL, "pub", propFenetre);
if (tempsFermeture) setTimeout("pub.close();", tempsFermeture*1000);
}

function PopUp() {
url = "URL du PopUp";
width = 267; // largeur du PopUp en pixels
height = 103; // hauteur du PopUp en pixels
delay = 2; // temps en seconde avant l’ouverture du PopUp
timer = setTimeout("Debute(url, width, height)", delay*1000);
}
// Fin -->
</script>

dans ton

<body onLoad="PopUp();">

voir si on peu remplacer le timer par une date
Une fenêtre modale

Il faut aussi regarder du côté de la mediabox et du plugin #POPUP qui est annoncé spip 3.2 mais qui fonctionne peut-être en spip 4 (je vais tester)
Une fenêtre modale

Du coup je vais essayer de proposer une fenêtre modale qui apparaît à l’ouverture du site et qui serait paramétrable : temps d’ouverture, taille, couleurs, contenu.
Une fenêtre modale

Génial !  😉
Merci
@
Patrice
Une fenêtre modale

Voilà, je viens de livrer la version 5.1.0 avec cette nouvelle option.
Voir dans "Colonne principale -> page d’accueil"

Teste et dis-moi.
Une fenêtre modale

Bonjour et merci,
Je pense qu’il faut attendre lundi prochain :
Version actuelle : 5.0.23
Version disponible : 5.1.0
Je te tiens au courant...
@ bientôt
Patrice
modale vous avez dit modale

Qu’est ce qu’on dit  😗

Configurer ESCAL
Version actuelle : 5.1.0

Vous avez la dernière version disponible
Une fenêtre modale

Bonjour et merci à vous 2,
Je vois bien le truc maintenant...
Après avoir dis que je veux bien du popup, je vais où pour l’alimenter ?
Dois-je faire un article avec un mot clé spécial ?
Patrice
Une fenêtre modale

Merci Stéphane pour la mise à jour.

Oui, Patrice, ça manque un peu d’explications mon truc, d’autant que je n’ai pas encore fait l’article explicatif sur le site.
La boîte modale prendra en compte l’article le plus récent avec le mot-clé "popup" qui est disponible dans le groupe "affichage" (si tout s’est bien passé).
Une fenêtre modale

Merci.
Le mot clé "popup" n’apparaît pas !
@+
Patrice
Une fenêtre modale

Calomnie !  😉
Je suis passé chez toi et après vérification, le mot-clé "popup" est bien présent dans le groupe affichage.
Une fenêtre modale

Petite précision : il faut passer (juste passer) par la page de gestion des plugins pour que tout se mette bien à jour.
Une fenêtre modale

Effectivement, j’étais passé directement par "Squelettes".
Le principe est ok, sauf que la fenêtre reste 2s à peine (paramétrage 8s), et la page d’accueil reste 8s assombrie.
@
Patrice
Une fenêtre modale

Ne touche à rien je regarde.
Une fenêtre modale

C’est bon, j’ai trouvé.
Il faut juste adapter la hauteur du popup à la taille de l’écran.
Comme ta page d’accueil est très haute, le popup occupe toute la hauteur et la partie avec le message était plus bas.
Je t’ai mis un pansement css dans ton perso.css en attendant de corriger Escal.
Une fenêtre modale

Effectivement c’est mieux, par contre, comme ma page est grande, et qu’il est au milieu, on ne le voit pas à l’ouverture (il faut manœuvrer l’ascenseur !).
Je suggère de le mettre en-dessous le bandeau haut de la page d’accueil.
@
Patrice
Une fenêtre modale

Je ne reproduis pas. Quand j’arrive sur ton site, je vois bien le popup en haut de page.
Idem quand je recalcule la page.
Une fenêtre modale

Effectivement çà fonctionne maintenant.
Je viens de faire un essai avec du texte plus long et c’est impeccable. Il faudra préciser qu’il n’y a que la partie texte à remplir en privé (pas de chapeau, etc.) et çà suffit, à mon avis, pour un popup.
@
Patrice
Une fenêtre modale

Ok alors si ça roule, je vais livrer la version corrigée.
L’explication donnée en tête de formulaire sera :

Afficher un popup (ou fenêtre modale) à l’ouverture de la page d’accueil. (À utiliser avec parcimonie)
Le contenu de ce popup sera le texte du dernier article en date avec le mot-clé "popup" du groupe "affichage".
Une fenêtre modale

C’est vendu.
Impeccable.
Merci beaucoup à toutes et tous
Escal devient un monument ciselé !
@
Patrice
Une fenêtre modale

Hop.
Un bouton pour fermer le popup sans attendre la fin du chrono serait le bienvenu...
@
Patrice
Une fenêtre modale

Ben et la petite croix en haut à gauche, elle sert à quoi ?
Une fenêtre modale

Ah oui, tu ne la vois pas avec le très long texte.
La nouvelle version corrige aussi cela. Elle vient d’être livrée.
Une fenêtre modale

C’est vrai qu’j’ai un peu poussé l’bouchon Maurice  😄
@
Patrice
Une fenêtre modale

Ouh là cette vanne, tout le monde ne va pas la comprendre. Manque de références pour les plus jeunes.  😄
modale vous avez dit modale

La nouvelle version corrige aussi cela. Elle vient d’être livrée.

et pas la peine de dire comme dit le grand "Schmoll"

Merci, merci
Merci, merci
Merci, merci
Merci, merci
Je viens de dire huit fois "merci"

En effet je suis poli
Merci, merci
Une fenêtre modale

Bonjour,
Par contre on a beau définir les couleurs (fond, texte, etc.) dans l’onglet Popup il semble que cela conserve les paramètres généraux appliqués ailleurs dans le site (onglets à la une).
Yann
Une fenêtre modale

Ah oui, petite erreur de codage de ma part.
Ce sera corrigé dans la prochaine version 5.1.2 livrée à l’instant.
Une fenêtre modale

Bonjour,
Merci pour ta réactivité. C’est nickel.
Yann
Réagir au sujet
Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.
Attention ! Si votre message contient un lien, il devra être validé par le webmestre. Inutile de le poster à nouveau ;-)

Ajouter un document

Plan du site Contact Mentions légales Données personnelles et cookies Espace privé squelette RSS

2009-2025 © Escal - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 5.2.14