PC SOFT

FORUMS PROFESSIONNELS
WINDEVWEBDEV et WINDEV Mobile

Accueil → WEBDEV 2024 → Paramètres navigateur
Paramètres navigateur
Débuté par JB GAU, 09 mar. 2017 14:19 - 11 réponses
Posté le 09 mars 2017 - 14:19
Bonjour,

J'utilise des info() et des confirmer() dans beaucoup de mes sites. Mais dernièrement, j'ai des problèmes avec des personnes qui coche la case "empêcher cette page d'ouvrir des dialogues supplémentaires" ce qui bloque le site.

Est-ce que quelqu'un connaitrait une astuce pour tester si le navigateur a cette case de cochée ?

Je sais qu'une des solutions passe par remplacer ces fonctions, mais ça va me prendre énormément de temps.
Je me dis que si je sais que cette case est cochée sur le navigateur, je lui afficherai un message avec une autre manière.

Merci d'avance,

Cordialement,

JB
Posté le 09 mars 2017 - 15:46
Bonjour,


Je sais qu'une des solutions passe par remplacer ces fonctions, mais ça
va me prendre énormément de temps.


En fait pas tant que ca...

tu peux le faire assez facilement en ajoutant une cellule invisible dans
ton modèle de page.

Ensuite tu créé des procédures globale du même nom que les fonctions à
remplacer (info et confirmer). Ces fonctions vont donc être appelée par
ton code AU LIEU des fonctions standrd.

Il ne te reste qu'à coder ces fonctions.
Un cellaffichedialogue, quelques controles qui sont visible ou pas et
sans modifier aucun code de ton projet, tu as ton propre système.

Cordialement


--
Fabrice Harari
Consultant WinDev, WebDev et WinDev Mobile International

A votre disposition : WXShowroom.com, WXReplication (open source) et
maintenant WXEDM (open source)

Plus d'information sur http://fabriceharari.com

Je me dis que si je sais que cette case est cochée sur le navigateur, je
lui afficherai un message avec une autre manière.

Merci d'avance,

Cordialement,

JB
Posté le 09 mars 2017 - 18:35
Dans son message précédent, Fabrice Harari a écrit :
Bonjour,


Je sais qu'une des solutions passe par remplacer ces fonctions, mais ça
va me prendre énormément de temps.

En fait pas tant que ca...

tu peux le faire assez facilement en ajoutant une cellule invisible dans ton
modèle de page.

Ensuite tu créé des procédures globale du même nom que les fonctions à
remplacer (info et confirmer). Ces fonctions vont donc être appelée par ton
code AU LIEU des fonctions standrd.

Il ne te reste qu'à coder ces fonctions.
Un cellaffichedialogue, quelques controles qui sont visible ou pas et sans
modifier aucun code de ton projet, tu as ton propre système.

Cordialement


oui je plussoie sauf que j'ai fait cela avec un pageafficheDialogue qui
permet de le faire avec moins d'incidences sur les pages appelantes.

Et c'est vrai que ces infos maintenant c'est sale ! L'utilisateur peux
avoir toutes les raisons de croire qu'il s'agit d'un plantage.

A noter aussi qu'info peut être très avantageusement remplacé par des
toastAffiche ou des toastAffichePopup.
Posté le 09 mars 2017 - 21:39
Bonjour Eric,
oui je plussoie sauf que j'ai fait cela avec un pageafficheDialogue qui
permet de le faire avec moins d'incidences sur les pages appelantes.


Quelles incidences ? Tu m'inquiète la...

Cordialement


--
Fabrice Harari
Consultant WinDev, WebDev et WinDev Mobile International

A votre disposition : WXShowroom.com, WXReplication (open source) et
maintenant WXEDM (open source)

Plus d'information sur http://fabriceharari.com
Posté le 10 mars 2017 - 10:39
Fabrice Harari a formulé ce jeudi :
Bonjour Eric,
oui je plussoie sauf que j'ai fait cela avec un pageafficheDialogue qui
permet de le faire avec moins d'incidences sur les pages appelantes.

Quelles incidences ? Tu m'inquiète la...

Cordialement


faut pas :D
En fait d'incidences, je parle de modifs.

une page dialogue OuiNon specifique permet de faire le job sans que
l'on ait besoin de se trainer des popups ou cellule dans le modèle.
On l'appelle comme on appelerait une instruction wlangage.

Et on la passe d'un projet à l'autre car elle est partagée par le gds.

Donc oui cela fait moins de modifs sur les pages appelantes.
Membre enregistré
265 messages
Popularité : +14 (16 votes)
Posté le 13 mars 2017 - 17:25
Bonsoir à tous,

Personnellement, quand il s'agit de simple messages d'information, ou d'alerte, j'utilise un pluging vraiment bien fait et simple d'utilisation :
https://limonte.github.io/sweetalert2/

Et en plus il est WAI-ARIA (accessible) ! \o/

Cordialement

--
René MALKA
Membre enregistré
48 messages
Popularité : +3 (3 votes)
Posté le 14 mars 2017 - 08:43
Bonjour,

Il est cool ce plugin, comment l'as-tu intégré à webdev ?
Merci pour l'info
Membre enregistré
265 messages
Popularité : +14 (16 votes)
Posté le 14 mars 2017 - 14:50
Bonjour Manuel,

Comme toute intégration de plugin JS ou jQuery :D

Bon d'accord :
Il faut d'abord ajouter dans une page ou modèle de page le sweetalert.min.js, et insertion dans son entête HTML du CSS associé.
Ensuite tout est accessible par la fonction "swal()" décrite dans la documentation.

En créant des procédures JS dans une page ou un modèle de page on se facilite très vite la vie.

Par exemple :

// Résumé : Affiche un toast pendant 2s
FUNCTION swalToast(sTitre,sTexte)
{
swal({html: True,title:sTitre,text: sTexte,Timer: 2000,showConfirmButton:False});
}

// Résumé : Confirmer une opération
FUNCTION swalConfirme(sTitre,sTexte,sReponse,sIndex,Callback,bPasMsgEffect)
{
swal({
title: sTitre,
text: sTexte,
type: "warning",
html: True,
showCancelButton: True,
cancelButtonText: "Non, annuler",
confirmButtonColor: "#DD6B55",
confirmButtonText: "Oui, allons-y!",
closeOnConfirm: True
},
FUNCTION(isConfirm){
setTimeout(FUNCTION(){
IF (isConfirm && typeof Callback === "function") {
Callback(sIndex);
IF (bPasMsgEffect == False) {
swal({html: True,title: "Opération effectuée",text: sReponse,Timer: 2000,showConfirmButton:False});
}
}
}, 1000);
});
}

// Résumé : Message d'alerte erreur standard
FUNCTION swalErreur(sTitre,sTexte)
{
swal({title:sTitre,text: sTexte,type:"error",confirmButtonText: "OK" });
}


Cordialement

--
René MALKA
Membre enregistré
48 messages
Popularité : +3 (3 votes)
Posté le 14 mars 2017 - 18:31
Merci pour ces tuyaux, alors j'ai mis sweetalert2.min.css et sweetalert2.min.js dans l'onglet "avancé" de ma page et j'ai mis une fonction JS avec cet exemple pompé sur leur site :
function test()

{
swal(
'Good job!',
'You clicked the button!',
'success'
)
}


Ça apparaît, mais ça disparaît aussitôt, j'ai surement loupé quelque chose !

A quoi servent les 2 autres fichiers : sweetalert2.css et sweetalert2.js

Encore merci
Membre enregistré
265 messages
Popularité : +14 (16 votes)
Posté le 14 mars 2017 - 22:33
Manuel,

Assurez-vous que le déclenchement de cette procédure navigateur ne se fasse pas à partir d'un bouton qui fait un submit, et donc un rechargement de la page ;)

Pour les deux autres fichiers ... sincèrement je ne me souviens pas ! Il faut consulter la documentation :D

De rien !

--
René MALKA
Membre enregistré
950 messages
Popularité : +53 (63 votes)
Posté le 14 mars 2017 - 22:55
Bonjour,

Les fichiers sweetalert2.css et sweetalert2.js sont les versions non compressé des deux autres fichiers, ils ont les meme fonctions mais ne font pas le meme poids.

jordan
Membre enregistré
12 messages
Posté le 30 octobre 2019 - 13:13
bonjour je peut pas faire fonctionner merci de m'aider a faire comment intgrer le js et css

--
unlocker