[JS] mon TEXTAREA est un DIV (c'est possible)

Résolu/Fermé
coccoweb Messages postés 141 Date d'inscription dimanche 20 décembre 2009 Statut Membre Dernière intervention 17 février 2015 - Modifié par coccoweb le 9/10/2010 à 13:48
coccoweb Messages postés 141 Date d'inscription dimanche 20 décembre 2009 Statut Membre Dernière intervention 17 février 2015 - 28 oct. 2010 à 18:53
Bonjour,
Je recherche un script, le but étant d'avoir un DIV qui se comporte a la fois comme un INPUT text et un DIV


Sur cette page, l'effet est lors du clic sur paragraphe le texte de celui-ci s'ouvre dans un textarea.

exemple http://www.quirksmode.org/dom/cms.html


Ce que j'aimerai c'est éliminer le textarea et le faire en direct

exemple https://ckeditor.com/


Merci d'avance

A voir également:

4 réponses

Flachy Joe Messages postés 2103 Date d'inscription jeudi 16 septembre 2004 Statut Membre Dernière intervention 21 novembre 2023 260
9 oct. 2010 à 15:07
Pourquoi tu n'utilise pas celui que tu met en deuxième lien ?
0
pols12 Messages postés 1143 Date d'inscription lundi 22 mars 2010 Statut Membre Dernière intervention 31 juillet 2019 119
9 oct. 2010 à 15:55
Salut
Tu fais deux div :
un contenant le paragraphe.
L'autre contenant le textarea.

Le deuxième est caché par défaut, avec du css.

Sur le premier, tu fais un onClick qui va vesr une fonction "insérer.
La fonction insérer a 3 buts :
Changer le css du premier afin de le cacher.
Changer le css du deuxième afin de l'afficher.
Modifier la veleur du deuxième en y mettant le texte du premier.

Simple, non?
0
avion-f16 Messages postés 19247 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 4 juin 2024 4 501
9 oct. 2010 à 19:56
Salut.
Il suffit de faire ressembler ton textarea à un div (en supprimant la bordure).
0
pols12 Messages postés 1143 Date d'inscription lundi 22 mars 2010 Statut Membre Dernière intervention 31 juillet 2019 119
10 oct. 2010 à 14:38
Pas bête, et bien moins compliqué que ma solution... :)
Par contre, si il a un fond spécial, ca va peut être être plus dur à faire en css, non?
0
avion-f16 Messages postés 19247 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 4 juin 2024 4 501
10 oct. 2010 à 20:38
Pourquoi ? Les textarea supportent la propriété background (et background-image -color -position etc)
0
pols12 Messages postés 1143 Date d'inscription lundi 22 mars 2010 Statut Membre Dernière intervention 31 juillet 2019 119
12 oct. 2010 à 10:58
J'ai rien dit : je pensais que si le background était spécifique, celui du textarea serait difficiel à mettre en place, avec els raccord du background général.
Mais en fait il a juste à mettre un background transparent... :p
0
coccoweb Messages postés 141 Date d'inscription dimanche 20 décembre 2009 Statut Membre Dernière intervention 17 février 2015 27
25 oct. 2010 à 23:28
C'est un peu comme un éditeur wisiwig ce que je voudrai
0
pols12 Messages postés 1143 Date d'inscription lundi 22 mars 2010 Statut Membre Dernière intervention 31 juillet 2019 119
26 oct. 2010 à 11:26
Avion-ft16 t'as répondu!
Et moi aussi!
Même si sa solution est plus pratique, car elle n'utilise aps du JS, ou alors il est facultatif (pour rajouter une bordure quand on clique dessus par exemple)
0
avion-f16 Messages postés 19247 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 4 juin 2024 4 501
26 oct. 2010 à 20:12
À quel point ça doit être « un peu comme un éditeur WYSIWYG » ?
Si c'est juste le texte qui est modifiable, nous t'avons donné la solution.
Si tu veux pouvoir mettre en gras, italique, souligné, etc ; directement en tapant ton texte, c'est un peu plus complexe. Tu peux utiliser des solutions existantes comme CKEditor, TinyMCE, jWYSIWYG, etc.
0
coccoweb Messages postés 141 Date d'inscription dimanche 20 décembre 2009 Statut Membre Dernière intervention 17 février 2015 27
28 oct. 2010 à 18:53
Merci avion-f16, ton aide est toujours d'une grande efficacité.
0