2 dropdowns with similar options but 1 change in options. In the first dropdown Audi exists but not in second dropdown. This selects the same option in each dropdowns when selected as required. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <label for="cars">Choose a car:</label> <select…
I'm a bit new to jquery. Currently, I have a contact 7 form on wp, and have created the function below in order to have a modal popup with a successful submission. However, while it works as intended, when the…
Im using a script to play a html5 video once an element is in viewport. Once the video is played I want it to remain paused, but once I start scrolling the video start playing again. Any idea how to…
I am using the below script on my WordPress page to display the read more and less. <p class="countcontent">'.$the_content.'</p> The above p tag is in for condition $data.='<script type="text/javascript"> jQuery(document).ready(function(){ var maxLength = 390; var moretxt = "...Read More"; var…
I am working on localizing a custom theme I created for WordPress. I have a problem when I try to localize a jQuery file. I understand a little JS and jQuery but not enough to understand where I did a…
I would need to add a javascript code within a specific page of my wordpress site. I would like to find a solution via plugin, otherwise maybe I could modify the code I already use specifying the page, but I…
I have used Contact Form 7 to create a product enquiry form on each product page. The forms contains checkboxes for every product to help with the enquiry. How do I automatically set a specific product checkbox to true/on if…
I have a html code below (created using a plugin). I need to change colspan="6" to colspan="4". I tried jQuery below, but it doesn't work... Would you please help me? <table class="shop_table"> <thead> <tr><th></tr></th> </thead> <tbody> <tr><td class="aa"></td></tr> <tr><td class="bb"></td></tr>…
I have a Wordpress website page where I want to enter two values- gender and manufacturer, then display a list which shows which items match the gender and manufacturer selected. So that the whole page is not refreshed I want…
jQuery(document).ready(function(){ jQuery(".artists-main .artists-name1 a ").mouseover(function(){ jQuery(".artists-image .artists-img1").show(); }); jQuery(".artists-main .artists-name1 a ").mouseout(function(){ jQuery(".artists-image .artists-img1").hide(); }); jQuery(".artists-main .artists-name2 a ").mouseover(function(){ jQuery(".artists-image .artists-img2").show(); }); jQuery(".artists-main .artists-name2 a ").mouseout(function(){ jQuery(".artists-image .artists-img2").hide(); }); jQuery(".artists-main .artists-name3 a ").mouseover(function(){ jQuery(".artists-image .artists-img3").show(); }); jQuery(".artists-main .artists-name3 a ").mouseout(function(){…