Blog

Gummi und Kunststoff Update

User We have started on "gummi und kunststoff product page" at hangman website Hopefully I will give update of desktop / mobile version tomorrow If no other priority task for tomorrow Correct above Assistant Here’s a corrected version of your message: > We’ve started working on the "Gummi und Kunststoff" product page on the Hangman […]

Scroll animation effect

User let redBanner = document.querySelector(".blue-banner"); let lastScrollY = window.scrollY; if (redBanner) { let observer = new IntersectionObserver( function (entries) { entries.forEach(entry => { if (entry.isIntersecting) { // Detect scroll direction let currentScrollY = window.scrollY; let direction = currentScrollY > lastScrollY ? "down" : "up"; redBanner.classList.remove("scroll-up", "scroll-down"); // reset both void redBanner.offsetWidth; // force reflow to […]

Payment Process Script

User $("#hsspp").click(function() { let count = 0; const checkoutClickInterval = setInterval(()=>{ count++; const hasError = checkForError(); if( hasError || count == 15 ){ console.log('clicking'); destroyCheckoutClickInterval(); }else{ if( $('#hsspp[disabled]').length == 0 ){ document.getElementById("hsspp").click() } } },700); function destroyCheckoutClickInterval(){ clearInterval(checkoutClickInterval); } console.log('custom jquery'); var frmresult=checkVariantValid(); if ( ! frmresult ) { return; } checkdActiveSubmit(); $('.sendprocess').show(); var url […]

Funny Hacked Animation Joke

User create Funny animation that will show to user when they online like your computer is hacked Assistant Here’s a funny concept for an animation that looks like a “your computer is hacked” alert — but it's all in good humor and ends with a light twist to reveal it’s a joke. — ### 🖥️ […]

Network Load Fix

User <script> import { ref,onMounted,watchEffect,watch } from 'vue' import TheQuote from './TheQuote.vue' import { useTrueFalseStore } from '@/stores/truefalse'; import { useLoadingStore } from '@/stores/loading'; import { useNetworkStore } from '@/stores/network'; const mainAdminEmail = import.meta.env.VITE_MAIN_ADMIN_EMAIL; import { fetchPortfolioItems, fetchPortfolioCategories } from '@/dbstore/firebase/myPortfolio' const truefalseStore = useTrueFalseStore(); const networkStore = useNetworkStore(); const loadingStore = useLoadingStore(); const tab […]

Check internet status

User HOw to check user internent is online/offline Assistant To check if a user's internet connection is online or offline in JavaScript (especially for Vue.js or plain JS apps), you can use the **`navigator.onLine`** property and listen for the **`online`** and **`offline`** events. — ### ✅ Basic JavaScript Example console.log(navigator.onLine ? "Online" : "Offline"); window.addEventListener('online', […]

Pinia Network Store Fix

User import { defineStore } from 'pinia' import { ref, onMounted, onBeforeUnmount } from 'vue' export const useNetworkStore = defineStore('network', () => { const isOnline = ref(navigator.onLine) // ✅ Define handlers outside so they can be removed later const handleOnline = () => (isOnline.value = true) const handleOffline = () => (isOnline.value = false) onMounted(() […]

Find Gmail Accounts by Number

User how to find all google email accounts related with mobile number Assistant Unfortunately, **Google does not provide a public or official way to find all Gmail accounts associated with a mobile number** for privacy and security reasons. However, here are some important points and what **can** be done (legitimately): — ### ✅ If it's […]

Holiday Notice Correction

User Just for your information here is the holiday for tomorrow, We will back on Monday next week Correct above sentence Assistant Sure! Here's the corrected version of your sentence: "Just for your information, tomorrow is a holiday. We will be back next Monday." Let me know if you'd like a more formal or casual […]

Conditional field visibility fix

User <style> .hub-multistep-btn { background-color: #00b4d5; border-radius: 25px; font-weight: 600; min-height: 40px; cursor: pointer; width: 100%; font-size: 15px; text-align: center; transition: all .3s; fill: #fff; } #step-progress { margin: 20px 0; text-align: center; display: flex; justify-content: space-between; align-items: center; } .step-indicator { display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; margin: 0 5px; […]