5553 sujets

Sémantique web et HTML

bonjour,
y a t'il moyen d'agrandir le coin sélectionnable d'une div ?
pas juste customiser mais élagir cet espace actifs de qq pixels.
sauf si c'est dans le code du navigateur.

upload/1672846866-47649-coin.png
Modifié par drphilgood (04 Jan 2023 - 17:24)
Modérateur
Salut,

la capture écran que tu montres est un textarea. Donc, oui tu peux agrandir. Si c'est vraiment un <div>, oui tu peux aussi. Ce sera plus compliqué à mettre en place.
- détecter la position de la souris
- lorsque celle ci est à l'endroit indiqué (ta capture écran), lorsque la souris à le bouton cliqué
- faire le calcul de la largeur et hauteur du <div> cible (mousemove)
Administrateur
Le style du coin n'est pas personnalisable, c'est du natif navigateur.
Meilleure solution
En fait sous Chrome il existe un élément propriétaire :
textarea::-webkit-resizer

Mais cela ne fonctionnera que sous Chrome.
Il y a très probablement des librairies JS qui customisent les éléments de formulaires. Sur Stack Overflow par exemple, quand tu rédiges une nouvelle question, la textarea est redimensionnable verticalement sur toute la bordure inférieure, et c'est exactement ce que tu voudrais faire non ?
Loraga a écrit :
Sur Stack Overflow par exemple, quand tu rédiges une nouvelle question, la textarea est redimensionnable verticalement sur toute la bordure inférieure, et c'est exactement ce que tu voudrais faire non ?

C'est même le sujet d'un topic sur stack overflow : ceux-ci rajoutent quelques div's et un SVG.