Back to all Elements
2 JavaScripts to pass parameters in the URL.
First script, takes the inputs in a form, and on form submit, adds them to the destination URL.
document.getElementById("send-form").addEventListener("submit", function(e){
e.preventDefault();
var fnameValue = document.getElementById("fname").value;
var lnameValue = document.getElementById("lname").value;
var emailValue = document.getElementById("email").value;
var compValue = document.getElementById("company").value;
window.location = window.location + "catch" + "?fname=" + fnameValue + "&lname=" + lnameValue + "&email="+ emailValue + "&comp=" + compValue;
});
The 2nd part catches the parameters from the URL and populate the form fields:
var url_string = window.location.href;
var url = new URL(url_string);
var fname = url.searchParams.get("fname");
var lname = url.searchParams.get("lname");
var email = url.searchParams.get("email");
var comp = url.searchParams.get("comp");
document.getElementById('fname').value = fname;
document.getElementById('lname').value = lname;
document.getElementById('email').value = email;
document.getElementById('company').value = comp;
.png)
A tongue scraper is is so much better in cleaning your tongue instead of the normal brushing it.
A (custom code) solution that combines CSS variables and Vanilla JavaScript for the shrinking / growing of browser top & bottom bars.
.png)
Change Webflow's Slider to act as a "regular" grid block on desktop, but go back to Slider on Tablet and smaller screens.
.png)
Using a little bit of jQuery to adjust the success message height
.png)