javascript – Form will not popup, when clicking on the link to the form


I am creating a form that must popup, when a user clicks on a profile link. I have tried using javascript and various ways to do this, but I couldn’t get the form to show. The page just jumps. I am trying to do this on the same page. I have now tried to get it to show with jquery. I have put the css and js in custom css and js plugin, so it should work.
Here is the code:

<!-- wp:image {"id":665,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="http://webyardcraft2.local/wp-content/uploads/2022/02/me-3.png" alt="" class="wp-image-665"/><figcaption><a id="mylink" href="/webyardcraft2.local/freelancers" class="show_form" onclick="MyFunction();return false;">Ask John a question</a>
<!-- /wp:image -->

<div id="form_wrapper">
<form id="Johnsform" action="http://webyardcraft2.local/freelancers" method="post" accept-charset="UTF-8&quot;">
<li><label for="Fname">First Name</label><br><input id="first_name" name="first_name" type="text" required=""></li>
<li><label for="Lname">Last Name</label><br><input id="last_name" name="last_name" type="text" required=""></li>
<li><label for="email">Email</label><br>
<input id="mail" name="email" type="email" required=""></li>
<p><label for"jquestion"="">Place your questions for John</label><br>
<input id="j_question" name="j_question" type="text">

#form_wrapper {
jQuery(document).ready(function( $ ){

Tom J Nowell 2 years 2022-02-18T10:35:31-05:00 0 Answers 0 views 0

Leave an answer