Recientemente codifiqué una acción de alerta para mis formularios en un sitio de WordPress. Está funcionando, pero desafortunadamente solo para la primera forma. Si hay más de un formulario en la página, no se activa.
¿Hay alguna forma de hacerlo funcionar para todas las formas de la página?
Mi código:
add_action( 'wp_footer', 'mycustom_wp_footer' ); function mycustom_wp_footer() { ?> <script type="text/javascript"> var wpcf7Elm = document.querySelector( '.wpcf7' ); wpcf7Elm.addEventListener( 'wpcf7submit', function( event ) { //if ('563' == event.detail.contactFormId) { var idform = event.detail.contactFormId; alert (idform); //} }, true ); </script> <?php }Fragmentos de formulario:
[contact-form-7 id="556" title="test 1"] [contact-form-7 id="563" title="test 2"]Este es el código final (crédito a Chris G ):
add_action( 'wp_footer', 'mycustom_wp_footer' ); function mycustom_wp_footer() { ?> <script type="text/javascript"> var wpcf7Elm = document.querySelectorAll( '.wpcf7' ); wpcf7Elm.forEach(function(formr){ formr.addEventListener( 'wpcf7submit', function( event ) { var idform = event.detail.unitTag; alert (idform); }, false ); }) </script> <?php }