Javascript concatenation Captcha ne s'affiche pas

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Javascript concatenation Captcha ne s'affiche pas

erwan83

Du Shift DEL tu te méfieras !

Bonjour. j'utilise hcaptcha sur mon site et sur les pages en HTML, il fonctionne normalement

Là, je dois lancer un décompte JS qui ouvre un formulaire (pour un faucet crypto) donc je fais mon décompte en JS et ensuite j'affiche le formulaire avec innerHTML

Or, le frame du captcha est inopérant.

Voici un code qui marche en HTML

Code :

<form action="https://www.ypikay.com/verifyshrinkstep1.php" method="POST">
<div class="groslien">Shrink pays once every 24 hours</div><br>
<div class="grostexte">Please solve captcha and submit your FaucetPay email to be credited <b>3</b> BTC Satoshi</div><br>
<div class="h-captcha" data-sitekey="xxxxxx-64b8-4019-9cca-040b99e803cc"></div><br>
<div class="grostexte">Your FaucetPay email :  <input type="text" name="faucetpay" style=""></input>
<input type="image" id="image" alt="Proceed" src="bouton-submit.png" />
</div>
</form>

Voici le code qui refuse de marcher en JS

Code :

document.getElementById("demo" ).innerHTML = '<form id="faucet" method="POST" action="faucet_payeur.php">' +
'<input type="hidden" name="user" value="<?php echo $user; ?>">' +
'<div class="h-captcha" data-sitekey="xxxxxx-64b8-4019-9cca-040b99e803cc"></div>' +
'<input type="hidden" name="origin" value="ypikay_faucet">' +
'<input type="hidden" name="time" value="' + new Date().getTime() + '">' +
'<input type="submit" value="CLAIM FROM FAUCET"></input></form>';

Dans le code ci-dessus tout s'affiche sauf le captcha
J'ai bien mis le script pour le captcha au même endroit (dans le <head> )

Any ideas ?

Message édité par erwan83 le 09-02-2024 à 06:58:12

---------------
http://www.ypikay.com

Publicité

mechkurt

Ton code dans le head doit attendre la fin de chargement de la page (onload ou domready) pour la parser à la recherche d'un div avec class="h-captcha" et/ou data-sitekey="xxxxxx-64b8-4019-9cca-040b99e803cc".

Au moment ou il la parse ce contenu n'existe pas, il faut re déclencher un parsing de la page et/ou utiliser une autre méthode pour ton form, il pourrait être présent mais en display:none par exemple...

---------------
D3

erwan83

Du Shift DEL tu te méfieras !

Ahhh ça se complique !
donc je dois mettre une requete de controle en JS dans mon head et rebalancer le script une fois que j'affiche le Bouton c'est bien ça ?

---------------
http://www.ypikay.com

erwan83

Du Shift DEL tu te méfieras !

Bon je dois dire que je n'y arrive pas...
Si quelqu'un pouvait me donner un exemple SVP ?

---------------
http://www.ypikay.com

mechkurt

Tu peux essayer d'ajouter ton script dans le head en même temps que ton innerHTML, comme ça ton contenu existe quand il est chargé et il peut afficher le captcha, problem solved.

...en vrai c'est crade mais bon.
En plus propre, regarder si tu peux actualiser les recaptcha après l'ajout de contenu en javascript.
Sinon le plus simple et qui devrait aussi fonctionner c'est d'avoir ton contenu déjà dans la page mais "masqué" et que tu fasse un display:none; => display:block: en javascript.

---------------
D3

erwan83

Du Shift DEL tu te méfieras !

ah oui effectivement ça pourrait être la solution...
en passant par le display

Message édité par erwan83 le 09-02-2024 à 16:38:09

---------------
http://www.ypikay.com

mechkurt

Ça fonctionne en tout cas avec le reCaptcha de Google dans des formulaires de contact de type "modal" comme ce qui se fait dans Foundation https://get.foundation/sites/docs/reveal.html

---------------
D3

FORUM HardWare.fr

Programmation

Javascript/Node.js

Javascript concatenation Captcha ne s'affiche pas

Sujets relatifs
Comportement d'événement Javascript bizarre	[Javascript - React] useRef dans map() ne fonctionne pas
[Javascript - Nodejs - Mongoose] Problème Fetch PUT form-data	Exercice html, php, mysql, javascript
Mediawiki : pb avec génération de javascript dans un article	Encodage RSA Javascript Vs Java
Javascript suggestion dans textarea	Javascript API / Recuperer le resultat
Concaténation complexe	[Javascript] - Supprimer un élément ajouté dynamiquement
Plus de sujets relatifs à : Javascript concatenation Captcha ne s'affiche pas

Page générée en 0.091 secondes