Fixer Javascript textContent à WP Formulaire de contact 7 avant soumettons

Question

Nous avons mis au point un test auditif et je dois l'attacher est issue à un formulaire WordPress Contacter 7.

Vous pouvez voir le test ici http://in-dem-ohr.de/hoertest/test/

J'essaie de appelez le formulaire par ID, créez un nouveau Textarea et ajoutez textContent dans celui-ci. Mais ça ne marche pas.

Quelqu'un peut-il m'aider à trouver la solution?

paix du code Javascript qui écrit le résultat du test dans une zone de texte dans la page HTML

lblTon.textContent = "Schritt: " + ton + "/15 Auswertung" 
hoerAusWertung.textContent = "Auswertung" + "\r\n" 
hoerAusWertung.textContent = hoerAusWertung.textContent + "############################" + "\r\n" 
hoerAusWertung.textContent = hoerAusWertung.textContent + "Links 0250Hz 
Lautstärke:" + (vol1l * 100).toFixed(1) + "%\r\n" 
hoerAusWertung.textContent = hoerAusWertung.textContent + "Links 0500Hz 
Lautstärke:" + (vol2l * 100).toFixed(1) + "%\r\n" 
hoerAusWertung.textContent = hoerAusWertung.textContent + "Links 1000Hz 
Lautstärke:" + (vol3l * 100).toFixed(1) + "%\r\n" 
hoerAusWertung.textContent = hoerAusWertung.textContent + "Links 2000Hz 
Lautstärke:" + (vol4l * 100).toFixed(1) + "%\r\n" 
hoerAusWertung.textContent = hoerAusWertung.textContent + "Links 3000Hz 
Lautstärke:" + (vol5l * 100).toFixed(1) + "%\r\n" 
hoerAusWertung.textContent = hoerAusWertung.textContent + "Links 4000Hz 
Lautstärke:" + (vol6l * 100).toFixed(1) + "%\r\n" 
hoerAusWertung.textContent = hoerAusWertung.textContent + "Links 6000Hz 
Lautstärke:" + (vol7l * 100).toFixed(1) + "%\r\n" 
hoerAusWertung.textContent = hoerAusWertung.textContent + 
"############################" + "\r\n" 
hoerAusWertung.textContent = hoerAusWertung.textContent + "Rechts 
0250Hz Lautstärke:" + (vol1r * 100).toFixed(1) + "%\r\n" 
hoerAusWertung.textContent = hoerAusWertung.textContent + "Rechts 
0500Hz Lautstärke:" + (vol2r * 100).toFixed(1) + "%\r\n" 
hoerAusWertung.textContent = hoerAusWertung.textContent + "Rechts 1000Hz Lautstärke:" + (vol3r * 100).toFixed(1) + "%\r\n" 
hoerAusWertung.textContent = hoerAusWertung.textContent + "Rechts 2000Hz Lautstärke:" + (vol4r * 100).toFixed(1) + "%\r\n" 
hoerAusWertung.textContent = hoerAusWertung.textContent + "Rechts 3000Hz Lautstärke:" + (vol5r * 100).toFixed(1) + "%\r\n" 
hoerAusWertung.textContent = hoerAusWertung.textContent + "Rechts 4000Hz Lautstärke:" + (vol6r * 100).toFixed(1) + "%\r\n" 
hoerAusWertung.textContent = hoerAusWertung.textContent + "Rechts 6000Hz Lautstärke:" + (vol7r * 100).toFixed(1) + "%\r\n" 

Formulaire de contact 7 Explaination sur la façon d'ajouter Javascript sous forme: https://contactform7.com/dom-events/

J'ajouté ce dans le champ de formulaire :

document.addEventListener ('wpcf7submit', function (event) {// code ici

}, faux);

Et a écrit un code avec la fonction appendChild:.

'wpcf7submit', fonction (event) {var ausw1 = document.getElementById ("hoerAusWertung") textContent; document.createElement ("textarea"). appendChild (ausw1); }, faux);

Et je ne peux toujours pas ajouter le résultat du test. Je ne peux pas déplacer textContent de la zone de texte, probablement parce qu'il est écrit par JavaScript et que je devrais le transformer en un certain type de fichier texte ou un objet. Mais je ne sais pas comment, alors si quelqu'un peut m'aider?

Answer 1

Le formulaire de contact 7 envoie tous les champs de saisie s'ils sont enveloppés pour former. Je le fais habituellement avec jquery, juste en ajoutant à la forme.

Une autre chose est d'envoyer ces nouveaux champs ajoutés par courrier électronique. Vous pouvez définir ces champs dans le modèle d'e-mail ou ajouter une fonction personnalisée pour lister tous les champs qui vont après un champ de saisie spécifique. par exemple, vous pouvez ajouter la fonction à functions.php

function add_extra_details($mail_params, $form = null) { 

$fields = $_POST; 
$add_status = false; 

foreach ($fields as $k => $v) { 
    if ($add_status == true) { 
     $mail_params['body'] .= '<br />'.$k.': '.$v; 
    } 
    if ($k == 'extra-fields') { 
     $add_status = true; 
    } 
} 
$mail_params['body'] .= '<br />IP: '.$_SERVER['REMOTE_ADDR']; 

return $mail_params; 

} add_filter ('wpcf7_mail_components', 'add_extra_details', 50, 2);

si le formulaire de contact vous contient champ extra-champs tous les champs qui vont après ce champ sera ajouté dynamiquement