I have a web page and that page can be viewed both on mobile and desktop. However i have two different css classes like below: <div class=phone-visible> <h1> .....</h1> </div> and <div class=phone-hidden> <h1> .....</h1> </div> so basically when i…
I have a tag input it is working but, without entering the value if I click on submit button, it should display an error message like required field $('#form-tags-4').tagsInput({ 'autocomplete': { source: [ 'apple', 'banana', 'orange', 'pizza' ] } });…
I've created a three column slider which seems to work fine in programmes like Brackets. When I try to use the slider in wordpress, It doesn't seem to function. Have I done something wrong in the code for it to…
Apologies, this is my first post so I may be doing things wrong. ok, I am no coder nor Javascript person but today I re-added the Mailchimp embedded into my replacement Shopify theme (Brooklyn) as we used to be on…
I am using javascript code to select a option on body load as shown in the snippet. This works fine for me. The issue i am facing in the next step is that i am not able to call onchange…
I've created a calendar timeline in html. I want to create a vertical line that progresses from left to right over time, the line needs to overlay all the html elements. Similar to Google calendar's way of letting you know…
I am writing a simple reactjs component which updates based off of sockets and api calls. Currently, when a sidebar item is clicked (NavBarSide), the handleNavClick method is executed. This returns a ticker based off a query handled on the…
I want to get the value of the json response. I wrote an Ajax function as below: $.ajax({ url: '/v1/shopify-Ajax/ajax.php', method: 'post', data: {datalog: dataLog, variant: $('#prod').val()} }) .success(function(response){ //window.location.href = "/v1/thank-you.php"; }) I get the response from the server…
My bootstrap navbar toggle button stopped working after I restarted my PC. Ive tried to troubleshoot it but I could not find the problem. Here is my code: <!doctype html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8">…
Code: <!doctype html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8">` <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <title>Bootstrap</title> <link rel="stylesheet" href="css/bootstrap.min.css"> <!--custom css--> <link rel="stylesheet" href="stylesheet.css"> </head> <body> <section id="cover"> <div id="cover-caption"> <div class="container"> <div…