Kheys
2 274
modifications
« Fonctionnement technique de Jeuxvideo.com » : différence entre les versions
→Passage en React : crédit rand0max la fonction est generique mais la syntaxe précise ci-dessous est issue de rand0max.
(→Passage en React : crédit rand0max la fonction est generique mais la syntaxe précise ci-dessous est issue de rand0max.) |
|||
| Ligne 246 : | Ligne 246 : | ||
<s>messageTextArea.value = message;</s> | <s>messageTextArea.value = message;</s> | ||
Heureusement, il existe | Heureusement, il existe diverses '''un astuce très utilisée''' sur le web pour contourner ce soucis.<br>Voilà une variante de cette methode fournit par [[Rand0max|''Randomax'']] {{CDV|Pseudo=Randomax}} : | ||
function fonctionReact(textarea, value) { | function fonctionReact(textarea, value) { | ||
| Ligne 253 : | Ligne 253 : | ||
nativeSetter.call(textarea, value); | nativeSetter.call(textarea, value); | ||
textarea.dispatchEvent(new Event('input', { bubbles: true })); | textarea.dispatchEvent(new Event('input', { bubbles: true })); | ||
} | } | ||
| Ligne 270 : | Ligne 263 : | ||
Pour simplifier, <code><span style="color:red;">messageTextArea</span>.value = <span style="color:green;">message</span>;</code> devient <code>fonctionReact(<span style="color:red;">messageTextArea</span>, <span style="color:green;">message</span>);</code> avec cette fonction. | Pour simplifier, <code><span style="color:red;">messageTextArea</span>.value = <span style="color:green;">message</span>;</code> devient <code>fonctionReact(<span style="color:red;">messageTextArea</span>, <span style="color:green;">message</span>);</code> avec cette fonction. | ||
=== Fonction officielle JVC === | |||
Fonction de '''dernier recours''' (+ bas niveau : API DOM / Simule une vrai entrée clavier) '''à éviter''' ⚠️ sauf si la première méthode est bloquée : | |||
function fonctionReact(textarea, value) { | |||
textarea.setRangeText(value, 0, textarea.value.length, "end"); | |||
textarea.dispatchEvent(new Event("input", { bubbles: true })); | |||
} | |||
=== Fonction officielle JVC=== | |||
Par ailleurs, en dehors de cette méthode, JVC a proposé une entrée native pour interagir directement avec REACT :<br> | Par ailleurs, en dehors de cette méthode, JVC a proposé une entrée native pour interagir directement avec REACT :<br> | ||
| Ligne 301 : | Ligne 301 : | ||
De plus, elle ne fonctionne que sur JVC, et ce n'est pas une fonction JavaScript universelle, contrairement à la précédente. | De plus, elle ne fonctionne que sur JVC, et ce n'est pas une fonction JavaScript universelle, contrairement à la précédente. | ||
== Liens externes == | == Liens externes== | ||
* [http://www.journaldunet.com/solutions/itws/050426_it_jeuxvideo.shtml Interview sur l’architecture de jeuxvideo.com de 1997 à 2005] ([http://web.archive.org/web/20070629165914/http://www.journaldunet.com/solutions/itws/050426_it_jeuxvideo.shtml archive.org]) | *[http://www.journaldunet.com/solutions/itws/050426_it_jeuxvideo.shtml Interview sur l’architecture de jeuxvideo.com de 1997 à 2005] ([http://web.archive.org/web/20070629165914/http://www.journaldunet.com/solutions/itws/050426_it_jeuxvideo.shtml archive.org]) | ||
== Voir aussi == | ==Voir aussi== | ||
* [[Documentation de l'API Jeuxvideo.com]] | *[[Documentation de l'API Jeuxvideo.com]] | ||
{{SectionRéférences}} | {{SectionRéférences}} | ||