Imprimer la Page | Fermez la fenêtre

nouveau conteneur fenetre modal

Imprimé depuis: Forum openElement
Categorie:

openElement


Nom du Forum: Discussion générale openElement
Description du Forum: Discussion générale sur le logiciel
URL: https://forums.openelement.uk/fr/forum_posts.asp?TID=22664
Date: 28 Mar 2024 à 19:39
Version logiciel: Web Wiz Forums 12.04 - http://www.webwizforums.com


Sujet: nouveau conteneur fenetre modal
Posté par: kris1208
Sujet: nouveau conteneur fenetre modal
Posté le: 24 Mar 2017 à 19:30
Bonjour,
J'ai vu qu'il y avais un nouveau element qui permet de mettre une fenetre modal, c'est exactement ce que je cherche mais au chargement du site ou apres quelques secondes. (affichage d'une information sur la page index).
J'arrive pas a trouver comment utiliser ce nouvel element.
Merci de votre aide.




Réponses:
Posté par: Bridet
Posté le: 25 Mar 2017 à 08:58
Une petite recherche dans les tutos
http://forum.openelement.com/fr/forum_posts.asp?TID=18771&title=tutoafficher-une-fentre-modale-popup



-------------
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: 25 Mar 2017 à 12:30
Je crois que vous écrivez ceci au sujet de l'élément Zoom d'images.

Présentement, vous devez cliquer sur une photo pour l'afficher.

À moins que quelqu'un ait une meilleure idée, j'ajouterais un bloc de code javascript en position endbody avec le contenu suivant:

$(document).ready(
function(){
$('#WEIDdelaphoto').trigger('click');
}
);


-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE


Posté par: Hobby001
Posté le: 25 Mar 2017 à 12:42
pour y arriver avec un délai avant le zoom

$(document).ready(
function(){
window.setTimeout(retard, 3000);
}
);

function retard(){
$('#WEIDdelaphoto').trigger('click');
}

la valeur 3000 est en millisecondes donc le délai sera de trois secondes




-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE


Posté par: Bridet
Posté le: 25 Mar 2017 à 15:37
Je pense qu'il-elle pense plutôt à un élément qui s'ouvre avec un certain délai sans action autre qu'avoir atteint la page.


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


Posté par: kris1208
Posté le: 25 Mar 2017 à 21:24
Message posté par Bridet Bridet a écrit:

Une petite recherche dans les tutos
http://forum.openelement.com/fr/forum_posts.asp?TID=18771&title=tutoafficher-une-fentre-modale-popup

Merci  javais vu ce post mais je trouve que c'est une usine a gaz ! c'est d'un compliqué.
Il y a un nouvel ellement a telecharger qui se nomme "conteneurs" " fenetre modal pop-up"
Qui estt bien et je pense que l'on peux l'utiliser et mettre un code dans "expert" "classes perso" mais je connais pas assez le code pour savoir quoi mettre pour que cette fenetre arrive seul apres qlq secondes et reparte aussi seul si possible.
Merci de votre aide.


Posté par: Dmit OE
Posté le: 27 Mar 2017 à 00:23
La fenetre s'affiche lors d'un clic sur un autre element. Il est relativement simple de "cliquer" cet autre element avec JavaScript. Mettez un Classe Perso "popup-click" sur l'element-bouton (ensuite vous pouvez le masquer pour que les internautes ne le voient pas), puis ajoutez un Bloc de Code Source type Javascript:

$(function(){
  setTimeout(function(){ $('.popup-click').click(); }, 2000); // 2000 millisecondes = 2 secondes
});



Posté par: Hobby001
Posté le: 27 Mar 2017 à 01:08
Message posté par kris1208 kris1208 a écrit:

Bonjour,
J'ai vu qu'il y avais un nouveau element qui permet de mettre une fenetre modal, c'est exactement ce que je cherche mais au chargement du site ou apres quelques secondes. (affichage d'une information sur la page index).
J'arrive pas a trouver comment utiliser ce nouvel element.
Merci de votre aide.

Quel est le nom de cet élément dont vous parlez?  Je ne vois nulle part d'élément appelé fenêtre modal



-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE


Posté par: kris1208
Posté le: 27 Mar 2017 à 21:24
Merci pour le code, je vais essayer ca dans la semaine.
Pour la fentre modal, on la trouve en allant dans "elements" " plus d'elements" sur le panneau de droite.



Posté par: Hobby001
Posté le: 27 Mar 2017 à 21:44
Message posté par kris1208 kris1208 a écrit:

Merci pour le code, je vais essayer ca dans la semaine.
Pour la fentre modal, on la trouve en allant dans "elements" " plus d'elements" sur le panneau de droite.

Ok, je ne me souvenais pas de celui-là

Au moment de l'insertion de l'élément fenêtre modale, vous sélectionnez un élément déclencheur pour son ouverture.  C'est à cet élément déclencheur que vous devez associer la classe perso popup-click pour que le code de Dmit fonctionne



$(function(){
  setTimeout(function(){ $('.popup-click').click(); }, 2000); // 2000 millisecondes = 2 secondes
});


-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE



Imprimer la Page | Fermez la fenêtre

Forum Software by Web Wiz Forums® version 12.04 - http://www.webwizforums.com
Copyright ©2001-2021 Web Wiz Ltd. - https://www.webwiz.net