Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Tester un chiffre sur un evenement "OnBlur" en javascript...

  • Philippe
  • Philippe's Avatar Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
8 years 4 months ago #129318 by Philippe
Bonjour à toutes et tous,

J'ai beau fouiller le forum de fond en comble et j'étais persuadé avoir déja vu des exemples en ce sens et pourtant non...
Voici ma question ... bête :

Je cherche à contrôler la valeur d'un champs numérique (en l'occurence un age) dès la sortie du focus de ce champs.
Et bien entendu si la valeur de ce champs n'est pas située dans une fourchette envoyer un "alert("blabla") immédiatement...

J'imagine qu'il faut utiliser "OnBlur" mais je trouve aucun exemple en ce sens sur le forum et sur les workarounds...
Bizarre que personne n'ai eu besoin de ça avant :cheer:

Merci d'avance pour votre aide
Philippe
The topic has been locked.
  • Nickko
  • Nickko's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
8 years 4 months ago #129319 by Nickko
Pour ça je ferais un petit Javascript, même pas besoin de Jquery, un get element by id et une condition, hop.

Nickko

Nickko
Head of ergonomics, UX & UI.
The topic has been locked.
  • Philippe
  • Philippe's Avatar Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
8 years 4 months ago - 8 years 4 months ago #129328 by Philippe
Bonsoir Nickko,

Merci de ta réponse mais... je ne suis pas informaticien et simple utilisateur de LS... Ben oui... personne n'est parfait...
Tu n'aurais pas un exemple de code en rapport ?
d'autre part le getelement ça marche quand on sort du champ en question ? (genre j'avais vu que OnBlur gérait l'évenement de sortie du champ...)
En te remerciant
Philippe
Last edit: 8 years 4 months ago by Philippe. Reason: oubli d'une précision...
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
8 years 4 months ago #129330 by DenisChenu
Salut,

En utilisant le système inclus dans limesurvey pour le contrôle.

demonstration.sondages.pro/931868#

Soit :
Code:
<script>
$(document).on("blur","#answer{SGQ}",function(){
    if($("#question{QID} .em_value_range").hasClass("error")) {
        alert($("#question{QID} .em_value_range").text());
        $("#answer{SGQ}").focus();
    }
});
</script>

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
The topic has been locked.
More
8 years 4 months ago #129363 by Ben_V
Salut,
Denis: Je me suis aperçu en suivant ton lien d'exemple à partir d'un mobile (webkit) que le comportement à la saisie est celui décrit ici et que tu connais sûrement très bien (zoom onfocus et la page qui reste ainsi décalée même quand on sort du focus). Avec un font-size minimum de 16px pour les inputs (texte et numérique), ce phénomène disparaît. Je me souviens avoir déjà changé celà sur l'adaptation de SkeletonQuest que j'utilise... (celà concerne par exemple les iphones 4 et 5 en orientation portrait...)

Philippe: Pardon pour malmener ainsi de ton sujet... mais bon, il semble que tu aies déjà la réponse à ta problématique ;)

Benoît

EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
The topic has been locked.
  • Philippe
  • Philippe's Avatar Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
8 years 4 months ago #129365 by Philippe
Bonsoir à tous,

Tout d'abord merci beaucoup Denis pour l'aide, c'est exactement ce dont j'ai besoin !
Me faut juste comprendre comment l'adapter maintenant ... Ben oui... comme je disais plus avant je ne suis pas informaticien et j'avance à tout petit pas... :silly:
J'ai aussi carrement "flashé" sur l'aspect visuel du site de demonstration ! C'est un template qui existe pour LS ça ??

Enfin, pour Ben_V : No worries, tu as bien fait de rebondir sur le sujet.

Encore merci à tous sur ce super forum
Bonne soirée
Philippe
The topic has been locked.
More
8 years 4 months ago #129366 by Ben_V
Pour le template c'est le fruit du beau travail de Denis sur SkeletonQuest

Benoît

EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
The topic has been locked.
  • Philippe
  • Philippe's Avatar Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
8 years 4 months ago #129367 by Philippe
Bravo !
C'est superbe simple et fluide !

Philippe

PS : J'irai voir ça mais suis pas certain d'avoir le niveau requis pour adapter le truc...
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
8 years 4 months ago #129421 by DenisChenu

Ben_V wrote: Salut,
Denis: Je me suis aperçu en suivant ton lien d'exemple à partir d'un mobile (webkit) que le comportement à la saisie est celui décrit ici et que tu connais sûrement très bien (zoom onfocus et la page qui reste ainsi décalée même quand on sort du focus). ....

Ah non, je connaissais pas. Indiquer font-size : 1em ou 1rem ne règle pas le problème ?

En effet , je veux
- Ne pas désactiver les possibilité de zoom manuel (maximum-scale=1.0, user-scalable=0 : pas questio de casser l'acessibilité naturelle)
- Ne pas forcer plus que nécessaire la taille des caractères.

Denis

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
The topic has been locked.
More
8 years 4 months ago #129434 by Ben_V

1em ou 1rem ne règle pas le problème?

Je n'en sais rien... intuitivement je dirai que non car c'est une mesure relative à la taille de la police de base du document... (donc il faudrait que celle ci soit définie à 16px)

Le plus simple c'est de faire des essais avec un iphone4 (qui pullulent), ainsi tu pourrais déjà te rendre compte si celà est vraiment à ton goût/acceptable ou pas. Perso, je préfère forcer la taille des inputs text/num à 16 px pour les petits écrans (ce qui n'empêche pas de zoomer sur tout le reste), plutôt que d'avoir ce comportement de page qui sort de son cadre (manquerai plus que la barre de défilement horizontale)

Benoît

EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
8 years 4 months ago - 8 years 4 months ago #129485 by DenisChenu

Ben_V wrote: Le plus simple c'est de faire des essais avec un iphone4 (qui pullulent),

Pas chez moi ... tu as en à un à dispo ?

Je suis bientôt en vancances, donc c'est pas pour tout de suite.

Bug ouvert : git.framasoft.org/Shnoulle/SkeletonQuest/issues/1

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
Last edit: 8 years 4 months ago by DenisChenu. Reason: Bug ouvert
The topic has been locked.
More
8 years 4 months ago - 8 years 4 months ago #129548 by Ben_V

DenisChenu wrote: tu en as un à dispo ?

Oui, faut juste que ma femme soit pas trop loin :laugh:

Ceci dit, celà étant lié à Webkit, je note aussi ce comportement sur mon mobile quand je navigue avec explorer pour WP 8.1; pour être précis:
Mobile; Windows Phone 8.1; Android 4.0; ARM; Trident/7.0; Touch; rv:11.0; IEMobile/11.0; NOKIA; Lumia 635) like iPhone OS 7_0_3 Mac OS X AppleWebKit/537 (KHTML, like Gecko) Mobile Safari/537

donc quand tu me fais signe je teste, reteste, rereteste...

Bonne vacances et fêtes de fin d'année ;)

Benoît

EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
Last edit: 8 years 4 months ago by Ben_V.
The topic has been locked.
Moderators: Nickko

Lime-years ahead

Online-surveys for every purse and purpose