Oliver/od8n_homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixes

Browse Source
This commit is contained in:
Oliver
2025-10-03 10:12:55 -03:00
parent 53204119a1
commit f3c2acfae7
1 changed files with 10 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
public/buyModal.js
View File

@@ -24,7 +24,6 @@ function createModal() {
position: relative; position: relative;
font-family: 'Arial', sans-serif; font-family: 'Arial', sans-serif;
box-shadow: 0 10px 25px rgba(0,0,0,0.2); box-shadow: 0 10px 25px rgba(0,0,0,0.2);
transition: transform 0.3s ease;
"> ">
<span id="closeModal" style=" <span id="closeModal" style="
position: absolute; position: absolute;
@@ -40,22 +39,22 @@ function createModal() {
<p id="productText" style="margin-bottom: 25px; font-weight: 500; color: #555;"></p> <p id="productText" style="margin-bottom: 25px; font-weight: 500; color: #555;"></p>
<form id="buyForm" style="display: flex; flex-direction: column; gap: 15px;"> <form id="buyForm" style="display: flex; flex-direction: column; gap: 15px;">
<input type="text" name="name" placeholder="Name" required style="padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none; transition: border 0.2s;"> <input type="text" name="name" placeholder="Name" required style="padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none;">
<input type="text" name="company" placeholder="Company" required style="padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none; transition: border 0.2s;"> <input type="text" name="company" placeholder="Company" required style="padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none;">
<input type="text" name="country" placeholder="Country" required style="padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none; transition: border 0.2s;"> <input type="text" name="country" placeholder="Country" required style="padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none;">
<input type="text" name="street" placeholder="Street" required style="padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none; transition: border 0.2s;"> <input type="text" name="street" placeholder="Street" required style="padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none;">
<div style="display: flex; gap: 10px;"> <div style="display: flex; gap: 10px;">
<input type="text" name="zip" placeholder="ZIP" required style="flex: 1; padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none;"> <input type="text" name="zip" placeholder="ZIP" required style="flex: 1; padding: 12px 10px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px;">
<input type="text" name="town" placeholder="Town" required style="flex: 2; padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none;"> <input type="text" name="town" placeholder="Town" required style="flex: 1.5; padding: 12px 10px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px;">
</div> </div>
<input type="email" name="email" placeholder="Email" required style="padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none; transition: border 0.2s;"> <input type="email" name="email" placeholder="Email" required style="padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none;">
<input type="hidden" name="product"> <input type="hidden" name="product">
<input type="hidden" name="price"> <input type="hidden" name="price">
<button type="submit" style=" <button id="submitBuy" type="submit" style="
padding: 14px; padding: 14px;
background: #007BFF; background: #007BFF;
color: #fff; color: #fff;
@@ -65,7 +64,7 @@ function createModal() {
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
transition: background 0.3s; transition: background 0.3s;
" onmouseover="this.style.background='#0056b3'" onmouseout="this.style.background='#007BFF'">Buy Now</button> ">Buy Now</button>
</form> </form>
<div id="confirmation" style=" <div id="confirmation" style="
@@ -89,14 +88,13 @@ function createModal() {
cursor: pointer; cursor: pointer;
font-size: 16px; font-size: 16px;
transition: background 0.3s; transition: background 0.3s;
" onmouseover="this.style.background='#0056b3'" onmouseout="this.style.background='#007BFF'">Close</button> ">Close</button>
</div> </div>
</div> </div>
`; `;
document.body.appendChild(modal); document.body.appendChild(modal);
// Close modal
document.getElementById("closeModal").onclick = () => { modal.style.display = "none"; }; document.getElementById("closeModal").onclick = () => { modal.style.display = "none"; };
modal.onclick = (e) => { if (e.target === modal) modal.style.display = "none"; }; modal.onclick = (e) => { if (e.target === modal) modal.style.display = "none"; };