Version imprimable
Bonjour,
Après d'énormes recherches sur le web, je viens vous demander conseils...
J'ai un textarea dans lequel j'ai écris une charte d'utilisation.
J'aimerais que l'utilisateur lise la charte jusqu'au bout avant de pouvoir cliquer sur un bouton et donc qu'il fasse descendre la barre de défilement jusqu'en bas avant de pouvoir cliquer sur un bouton.
Si quelqu'un connait la solution, merci de m'éclairer...
ben ne mets pas un textarea, mais un div en overflow: auto et tu mets le bouton en bas de la div ...
Comme ça le gars est obligé de scroller jsuqu'en bas du div pour cliquer sur le bouton ...
Au moins tu t'affranchis de javascript ...
Sinon tu peux tester le scrollTop du div et activer un boutn si le scrollTop dépasse une valeur fixé ou atteint le scrollHeight - Height ...
Mais si javascript n'est pas activé, le bouton resterait disabled
onScroll?
Mais ca m'étonnerais que plus de 10% des personnes le lisent...
Oui mais si le disable du bouton de soumission est lié au scroll ...
un peu comme les clufs dans les instals, si tu ne cliques pas sur j'accepte ...
le bpouton est grisé ...
Je veux dire la charte d'utilisation. Les gens scrollent, clique sur les boutons, mais ne lisent pas.
Je sais, mais c'est pour le principe...Citation:
Envoyé par Matthieu2000
Merci SpaceFrog, je vais essayer avec un div...
Une ruse consiste à écrire tout en bas de la charte "cliquer sur 'Refuser' pour accepter". Ceux qui ne l'auront pas lue vont cliquer sur 'Accepter' et ça ne marchera pas, alors ils finiront par la lire (je le sais je me suis fait avoir).
Citation:
Envoyé par marts
Pas mal, en effet... Mais c'est un site assez sérieux que je fais et je ne sais pas si ce serait acceptable.... à voir...
Euh...
j'ai essayé ceci :
<div style="overflow:scroll;">
=> j'ai deux scrollbar qui s'affiche mais elles sont grisées toute les deux.
et ceci :
<div style="overflow:auto;">
=> dans ce cas, il n'y a aucune scrollbar.
Comment faire pour que ca marche, et pour n'avoir qu'une barre verticale?
EDIT : problème résolu!
<div style="overflow:auto;width:450;height:300;">