master
parent
2991e9a7ae
commit
194abc641d
|
@ -97,7 +97,7 @@
|
||||||
<x-form id="anfrage" class="form-load" id-name="anfrage" channels="email-anfrage,bestaetigung-kunde">
|
<x-form id="anfrage" class="form-load" id-name="anfrage" channels="email-anfrage,bestaetigung-kunde">
|
||||||
<div class="mb-4">
|
<div class="mb-4">
|
||||||
<label for="name" class="form-label">Name:</label>
|
<label for="name" class="form-label">Name:</label>
|
||||||
<input type="name" name="name" class="form-control" id="name" aria-describedby="name" placeholder="" autocomplete="on" required>
|
<input type="name" name="name" class="form-control" id="name" aria-describedby="name" placeholder="Max Mustermann" autocomplete="on" required>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="mb-4">
|
<div class="mb-4">
|
||||||
|
@ -261,13 +261,14 @@
|
||||||
|
|
||||||
document.getElementById('link-to-form').addEventListener('click', function () {
|
document.getElementById('link-to-form').addEventListener('click', function () {
|
||||||
const nameField = document.getElementById('name');
|
const nameField = document.getElementById('name');
|
||||||
|
nameField.placeholder = "";
|
||||||
const targetElement = document.querySelector('#lumino-form-sent');
|
const targetElement = document.querySelector('#lumino-form-sent');
|
||||||
|
|
||||||
const observer = new IntersectionObserver(entries => {
|
const observer = new IntersectionObserver(entries => {
|
||||||
entries.forEach(entry => {
|
entries.forEach(entry => {
|
||||||
if (entry.isIntersecting) {
|
if (entry.isIntersecting) {
|
||||||
|
|
||||||
nameField.addEventListener("focus", () => {
|
nameField.addEventListener("focus", () => {
|
||||||
nameField.placeholder = "";
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
let typed = new Typed('#name', {
|
let typed = new Typed('#name', {
|
||||||
strings: ['Max Mustermann'],
|
strings: ['Max Mustermann'],
|
||||||
|
|
Loading…
Reference in New Issue