Imprimer la Page | Close Window

Nouvel Element Fenêtre modale

Imprimé depuis: openElement Website
Categorie:

openElement


Nom du Forum: Élements complémentaires pour OE
Description du Forum: Les éléments complémentaires créés pour Open Element
URL: http://forum.openelement.com/en/forum_posts.asp?TID=23822
Date: 07 Juin 2020 à 08:51
Version logiciel: Web Wiz Forums 10.18 - http://www.webwizforums.com


Sujet: Nouvel Element Fenêtre modale
Posté par: Hobby001
Sujet: Nouvel Element Fenêtre modale
Posté le: 18 Mar 2020 à 01:06
Bonjour,

En signe de solidarité, je vous offre ceci:

Pour tous ceux qui veulent afficher un message d'alerte à l'ouverture de votre site, voici un élément fenêtre modale.

https://denislafrance.net/Element/FenetreModale.htm" rel="nofollow - https://denislafrance.net/Element/FenetreModale.htm

Cet élément permet l'affichage d'une fenêtre modale à chaque ouverture de la page, une fois par jour en ouvrant la page ou une fois seulement.

Voir aussi la liste des  https://forum.openelement.com/fr/forum_posts.asp?TID=22573&title=liste-des-lments-proposs" rel="nofollow - éléments complémentaires



-------------
Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose
de gros.



Réponses:
Posté par: brolysan
Posté le: 18 Mar 2020 à 11:48
y a quelques réglages à appliquer, si vous avez besoin de plus d'informations, n'hésitez pas à nous demander.

Pour voir ce que cela donne, vous pouvez consulter ce site par exemple :  https://www.gtconduite.fr/" rel="nofollow - https://www.gtconduite.fr/

-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie


Posté par: jjb1
Posté le: 18 Mar 2020 à 17:08
Y a-t-il possibilité de modifier l'assombrissement de la page support ?

-------------
http://prod.chasse-autreches.xyz" rel="nofollow - Mon site-(1.57 R9)


Posté par: brolysan
Posté le: 18 Mar 2020 à 17:13
Message posté par jjb1 jjb1 a écrit:

Y a-t-il possibilité de modifier l'assombrissement de la page support ?

vous voulez modifier dans quel sens? plus? moins?
Via l'ajout d'un peu de code CSS, sans trop de problème normalement.


-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie


Posté par: jjb1
Posté le: 18 Mar 2020 à 17:19
Plutôt plus clair, donc moins.
Par contre, je ne sais pas trouver le code.


-------------
http://prod.chasse-autreches.xyz" rel="nofollow - Mon site-(1.57 R9)


Posté par: brolysan
Posté le: 18 Mar 2020 à 17:43
Vous rajouter ce code CSS sur la page où se trouve l'élément :


.mfp-bg {
    opacity: 0.8;
}


Modifier la valeur (plus basse) pour que cela l'éclaircit.



-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie


Posté par: jjb1
Posté le: 18 Mar 2020 à 19:32
Merci Brolysan, ça marche impeccablement.




-------------
http://prod.chasse-autreches.xyz" rel="nofollow - Mon site-(1.57 R9)


Posté par: Hobby001
Posté le: 19 Mar 2020 à 02:58
Je viens d'ajouter la couleur et l'opacité du fond d'écran, donc Version 4


https://denislafrance.net/Element/FenetreModale.htm



-------------
Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose
de gros.


Posté par: jjb1
Posté le: 19 Mar 2020 à 09:18
S'agissant d'un message à caractère provisoire, je n'ai pas trouvé le moyen de le faire disparaître, tous en le gardant à portée de main pour un prochain message ponctuel, à moins de le supprimer carrément.
Y a-t-il un moyen de le mettre en veille ?


-------------
http://prod.chasse-autreches.xyz" rel="nofollow - Mon site-(1.57 R9)


Posté par: brolysan
Posté le: 19 Mar 2020 à 09:24
bonjour,
C'est une option visible dans l'élément, menu de droite lorsque l'on a sélectionné l'élément.
Au lieu de permanent, choisissez ce que vous voulez.



-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie


Posté par: jjb1
Posté le: 19 Mar 2020 à 09:42
Oui, j'avais bien vu ces options, mais j'avais omis de mettre mon panneau d'élément sur "Affichage - Non"
ce qui fait que mon message apparaissait sans cadre, ni assombrissement de le page.
Tout fonctionne désormais parfaitement.
Merci de votre aide.


-------------
http://prod.chasse-autreches.xyz" rel="nofollow - Mon site-(1.57 R9)


Posté par: Hobby001
Posté le: 19 Mar 2020 à 10:47
Bonne idée, 

Je vais ajouter cette quatrième option plus tard aujourd'hui.

-------------
Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose
de gros.


Posté par: brolysan
Posté le: 19 Mar 2020 à 12:43
Message posté par jjb1 jjb1 a écrit:

Oui, j'avais bien vu ces options, mais j'avais omis de mettre mon panneau d'élément sur "Affichage - Non"
ce qui fait que mon message apparaissait sans cadre, ni assombrissement de le page.
Tout fonctionne désormais parfaitement.
Merci de votre aide.

bizarre, il n'y a pas lieu de marquer le panneau d'éléments, celui-ci l'est automatiquement grâce à l'élément. Bizarre.


-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie


Posté par: Hobby001
Posté le: 19 Mar 2020 à 12:52
L'élément gère l'apparition et la disparition du message, pas besoin de le mettre invisible.

Je viens aussi de couvrir les cas où le panneau aurait une incidence parce qu'il serait situé dans la page et dérangerait les autres éléments.  Il disparaîtra complètement désormais.

Je viens aussi d'ajouter une quatrième fréquence (Jamais), ce qui permettra de mettre le tout en "Stand-by"

Donc voici la version 5 de l'élément:  https://denislafrance.net/Element/FenetreModale.htm" rel="nofollow - https://denislafrance.net/Element/FenetreModale.htm




-------------
Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose
de gros.


Posté par: jjb1
Posté le: 19 Mar 2020 à 14:06
Il se peut que ma méthode ne soit pas la bonne ; voici ce que j'ai fait :

J'ai créé un Panneau d'éléments (Hauteur Auto Largeur 70%), lié à la fenêtre modale, dans lequel j'ai inclus un texte Multi-lignes (Hauteur & Largeur Auto).

Lorsque je choisi la fréquence Once_Simple, les effets de la fenêtre modale disparaissent, seul reste mon message ; voilà pourquoi je mets mon panneau d'éléments à Affichage NON.


-------------
http://prod.chasse-autreches.xyz" rel="nofollow - Mon site-(1.57 R9)


Posté par: Hobby001
Posté le: 19 Mar 2020 à 14:22
Message posté par jjb1 jjb1 a écrit:

Il se peut que ma méthode ne soit pas la bonne ; voici ce que j'ai fait :

J'ai créé un Panneau d'éléments (Hauteur Auto Largeur 70%), lié à la fenêtre modale, dans lequel j'ai inclus un texte Multi-lignes (Hauteur & Largeur Auto).

Lorsque je choisi la fréquence Once_Simple, les effets de la fenêtre modale disparaissent, seul reste mon message ; voilà pourquoi je mets mon panneau d'éléments à Affichage NON.

Utilisez la version 5

La fréquence Once_Simple affiche quand-même le panneau une fois.

La fréquence Never_Jamais n'affiche pas le message du tout.

J'ai aussi intégré un bout de code pour faire disparaître complètement le panneau.  Donnez-moi des nouvelles.  Si ça ne fonctionne pas, passez-moi le projet que je voies ce qui se passe.


-------------
Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose
de gros.


Posté par: jjb1
Posté le: 19 Mar 2020 à 15:05
Avec la version 5, tout est parfait.
Merci encore pour cette belle initiative.
Et vive le Quebec ...


-------------
http://prod.chasse-autreches.xyz" rel="nofollow - Mon site-(1.57 R9)


Posté par: running59
Posté le: 22 Mar 2020 à 12:04
Avant tout merci beaucoup pour le travail. J'ai un soucis le texte multi-lignes que j'intègre dans mon panneau d'élément n'apparait pas le panneau d'élément s'ouvre bien et je peux le fermer avec la croix mais le texte n'apparait pas. Si je mets en fond une image elle apparait bien mais toujours pas mon texte. Merci de ton aide.

-------------
running59


Posté par: brolysan
Posté le: 22 Mar 2020 à 15:09
le panneau d'éléments en comment? en relative ou absolut?

-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie


Posté par: Hobby001
Posté le: 22 Mar 2020 à 21:14
Message posté par running59 running59 a écrit:

Avant tout merci beaucoup pour le travail. J'ai un soucis le texte multi-lignes que j'intègre dans mon panneau d'élément n'apparait pas le panneau d'élément s'ouvre bien et je peux le fermer avec la croix mais le texte n'apparait pas. Si je mets en fond une image elle apparait bien mais toujours pas mon texte. Merci de ton aide.

Assurez-vous de forcer une couleur pour le texte, le texte par défaut peut-être de la même couleur que le fond de l'élément.


-------------
Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose
de gros.


Posté par: running59
Posté le: 23 Mar 2020 à 18:09
J'ai changé le mode d'affichage d'absolute en relative et ça fonctionne parfaitement. Merci beaucoup une fois de plus pour ce travail et pour l'aide et surtout portez vous bien

-------------
running59


Posté par: jjb1
Posté le: 03 Mai 2020 à 17:28

Bonjour Hobby,
Je viens de m'apercevoir que mon message est tronqué à droite lorsque l'écran est réduit en largeur.
Il semble que mon panneau d'élément soit bloquée à une certaine hauteur et empêche de ce fait l'affichage normal du texte.
Y a-t-il une limitation quelconque de hauteur dans cet élément ?
Merci de votre aide.


-------------
http://prod.chasse-autreches.xyz" rel="nofollow - Mon site-(1.57 R9)


Posté par: Bridet
Posté le: 03 Mai 2020 à 18:39
On ne s'adresse jamais nommément sur un forum sinon, la réponse est certainement juste au-dessus.


-------------
http://accessit.be" rel="nofollow - Les Billets d'une Bobonne Bougonne - http://gite.vervoz.be" rel="nofollow - Gîte Le Vicus


Posté par: Hobby001
Posté le: 03 Mai 2020 à 18:51
Message posté par jjb1 jjb1 a écrit:


Bonjour Hobby,
Je viens de m'apercevoir que mon message est tronqué à droite lorsque l'écran est réduit en largeur.
Il semble que mon panneau d'élément soit bloquée à une certaine hauteur et empêche de ce fait l'affichage normal du texte.
Y a-t-il une limitation quelconque de hauteur dans cet élément ?
Merci de votre aide.

Quand on place un élément responsive il faut aussi s'assurer que son contenu l'est.

Utilisez les média éditions d'OE pour ajuster la taille de votre texte selon la taille de l'écran.


-------------
Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose
de gros.


Posté par: jjb1
Posté le: 04 Mai 2020 à 11:42
Message posté par Bridet Bridet a écrit:

On ne s'adresse jamais nommément sur un forum sinon, la réponse est certainement juste au-dessus.
??

@Hobby, merci, je vais regarder cela



-------------
http://prod.chasse-autreches.xyz" rel="nofollow - Mon site-(1.57 R9)


Posté par: jjb1
Posté le: 04 Mai 2020 à 14:49
Je crois avoir trouvé mon anomalie :
J'avais intégré plusieurs tailles de police dans mon texte multiligne.
Je pense que le fait d'avoir harmonisé la taille semble avoir réglé le problème.

Message posté par Hobby001 Hobby001 a écrit:

Quand on place un élément responsive il faut aussi s'assurer que son contenu l'est.
Utilisez les média éditions d'OE pour ajuster la taille de votre texte selon la taille de l'écran.
En revanche, je ne vois pas comment mettre un texte multiligne "responsive" dans un panneau d'éléments lui-même responsive ?

Peut-être que l'auteur ci-dessus (pour ne pas le nommer !) pourrait m'éclairer à ce propos.
D'avance merci.


-------------
http://prod.chasse-autreches.xyz" rel="nofollow - Mon site-(1.57 R9)


Posté par: Hobby001
Posté le: 05 Mai 2020 à 03:00
Donnez-lui une largeur en %

Comme ici  https://denislafrance.net/Element/FenetreModale.htm" rel="nofollow - https://denislafrance.net/Element/FenetreModale.htm


-------------
Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose
de gros.


Posté par: jjb1
Posté le: 06 Mai 2020 à 17:09
Je fais, comme Monsieur Jourdain, de la prose sans le savoir.

J'ai 90% pour mon panneau d'élément et 70% pour le texte multiligne.
Puis, dans mon code css, pour les écran <640px, je passe à 100% pour le PE et je réduit la taille de la police.
Malgré cela, mon texte, arrivé à une certaine taille étroite de fenêtre, ne veut plus s'adapter et est tronqué à droite.
Mais je pense qu'il reste visible sur la plupart des smartphones.

Merci pour ces renseignements.


-------------
http://prod.chasse-autreches.xyz" rel="nofollow - Mon site-(1.57 R9)


Posté par: brolysan
Posté le: 06 Mai 2020 à 17:50
Message posté par jjb1 jjb1 a écrit:

Je fais, comme Monsieur Jourdain, de la prose sans le savoir.

J'ai 90% pour mon panneau d'élément et 70% pour le texte multiligne.
Puis, dans mon code css, pour les écran <640px, je passe à 100% pour le PE et je réduit la taille de la police.
Malgré cela, mon texte, arrivé à une certaine taille étroite de fenêtre, ne veut plus s'adapter et est tronqué à droite.
Mais je pense qu'il reste visible sur la plupart des smartphones.

Merci pour ces renseignements.

avez vous un lien pour que l'on puisse voir?
Sinon, cela vient d'un "mauvais" copier/coller d'un document word, où le texte garde une trace "invisible" d'un saut de ligne.


-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie


Posté par: Hobby001
Posté le: 06 Mai 2020 à 18:21
Media par défaut:

J'ai pris un panneau d'éléments: largeur 30%, hauteur auto, affichage relative
J'y ai inséré un bloc de texte multi-lignes: largeur 100%, auteur auto.

Pour le Media Tablette le panneau passe à largeur 60%

Pour le Media Certaines tablettes ... le panneau passe à largeur 90%

C'est tout.

Si ça ne fonctionne pas c'est que l'élément parent est plus large que l'écran.



-------------
Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose
de gros.


Posté par: jjb1
Posté le: 08 Mai 2020 à 14:03
@ brolysan, mon site est dans ma signature
@ hobby, 
"Pour le Media Tablette le panneau passe à largeur 60%
Pour le Media Tablette le panneau passe à largeur 90%"
Je suppose que 90% c'est plutôt pour les smartphones ??

En fait j'avais l'impression que mon texte était tronqué sur smartphone car, n'étant pas équipé d'une telle sophistication, je me sert de la fonction F12 de Chrome pour réduire la largeur de la fenêtre ; en la réduisant drastiquement, le texte devient effectivement illisible, mais ceci n'est sans pas le reflet de la réalité.



-------------
http://prod.chasse-autreches.xyz" rel="nofollow - Mon site-(1.57 R9)


Posté par: Hobby001
Posté le: 08 Mai 2020 à 20:45
C'est en effet certaines tablettes, j'ai corrigé mon énoncé.

Pour vérifier le côté responsive testez votre site ici:  https://responsivedesignchecker.com/" rel="nofollow - https://responsivedesignchecker.com/




-------------
Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose
de gros.


Posté par: Hobby001
Posté le: 08 Mai 2020 à 20:47
Puisqu'il n'est pas sécurisé, utilisez celui-ci:  http://ami.responsivedesign.is/?url=#" rel="nofollow - http://ami.responsivedesign.is/?url=#



-------------
Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose
de gros.


Posté par: jjb1
Posté le: 08 Mai 2020 à 22:46
Ok, merci pour les liens.

-------------
http://prod.chasse-autreches.xyz" rel="nofollow - Mon site-(1.57 R9)



Imprimer la Page | Close Window

Forum Software by Web Wiz Forums® version 10.18 - http://www.webwizforums.com
Copyright ©2001-2014 Web Wiz Ltd. - http://www.webwiz.co.uk