« Fonctionnement technique de Jeuxvideo.com » : différence entre les versions
→Passage en React : Explication de la fonction malgré son aspect propriétaire elle a des simplifications très importantes dans certains cas elle simplifie énormément le travail elle est cependant plus limitée et nécessite un appel à chaque fois
user: cb25c7e (?) (→Fonction officielle JVC : let au lieu de constant car on peut l'appeler plusieurs fois) |
user: cb25c7e (?) (→Passage en React : Explication de la fonction malgré son aspect propriétaire elle a des simplifications très importantes dans certains cas elle simplifie énormément le travail elle est cependant plus limitée et nécessite un appel à chaque fois) |
||
| Ligne 280 : | Ligne 280 : | ||
let selector = document.getElementById("message_topic") | let selector = document.getElementById("message_topic") | ||
jvc.getMessageEditor(selector).insertText('text'); //❌ | jvc.getMessageEditor(selector).insertText('text'); //❌ Ne marche pas | ||
let selector = "#message_topic" | let selector = "#message_topic" | ||
jvc.getMessageEditor(selector).insertText('text'); //✅ | jvc.getMessageEditor(selector).insertText('text'); //✅ Marche | ||
L'approche de getMessageEditor(...) diffère des fonctions classiques :<br> | L'approche de getMessageEditor(...) diffère des fonctions classiques :<br> | ||
Chaque appel agit comme une "photographie" instantanée de la zone de texte — capturant la position du curseur, le texte sélectionné et le contenu actuel.<br> | Chaque appel agit comme une "photographie" instantanée de la zone de texte — capturant la position du curseur, le texte sélectionné et le contenu actuel.<br> | ||
Si le champ est modifié ensuite sans rappeler la fonction, les actions (insertText, insertStartLine, etc.) s’appliqueront à l’ancien état. | Si le champ est modifié ensuite sans rappeler la fonction, les actions (insertText, insertStartLine, etc.) s’appliqueront à l’ancien état. | ||
Cependant, cette fonction présente également de nombreux avantages : native à JVC, gestion automatique du Focus (curseur), gestion des espaces. | |||
Pour simplifier : <code>jvc.getMessageEditor(<span style="color:red;">AreaIDClasse</span>).insertText(<span style="color:green;">message</span>);</code> avec cette fonction. | |||
== Liens externes == | == Liens externes == | ||