נוכחות בינלאומית של סייפטופ

{countryName}
$ {info} tooltip.classList.add('show'); updateTooltipPosition(element); } // פונקציה להסתיר את ה-tooltip function hideTooltip() { tooltip.classList.remove('show'); } // אירועים עבור מדינות SVG activeCountries.forEach(country => { const countryId = country.getAttribute('id'); const countryInfo = safetopCountries[countryId]; country.addEventListener('mouseenter', function(e) { if (countryInfo) { showTooltip(this, countryInfo.name, countryInfo.info); } }); country.addEventListener('mousemove', function(e) { updateTooltipPosition(e); }); country.addEventListener('mouseleave', hideTooltip); // אפקט קליק להדגשה country.addEventListener('click', function() { activeCountries.forEach(c => c.style.transform = ''); this.style.transform = 'scale(1.05)'; this.style.transformOrigin = 'center'; }); }); // אירועים עבור סמנים markers.forEach(marker => { marker.addEventListener('mouseenter', function(e) { const title = this.querySelector('title'); if (title) { showTooltip(this, title.textContent); } }); marker.addEventListener('mousemove', function(e) { updateTooltipPosition(e); }); marker.addEventListener('mouseleave', hideTooltip); }); // אירוע עבור איחוד האמירויות הערביות uaeMarker.addEventListener('mouseenter', function() { showTooltip(this, 'איחוד האמירויות הערביות', 'פעולות במזרח התיכון'); }); uaeMarker.addEventListener('mouseleave', hideTooltip); // פונקציה לעדכון מיקום ה-tooltip function updateTooltipPosition(e) { const rect = e.target.closest('.safetop-map-container').getBoundingClientRect(); const x = e.clientX - rect.left; const y = e.clientY - rect.top; tooltip.style.left = Math.min(x, rect.width - 220) + 'px'; tooltip.style.top = Math.max(y - 70, 10) + 'px'; } // אנימציה התחלתית רציפה setTimeout(() => { activeCountries.forEach((country, index) => { setTimeout(() => { country.style.animation = 'pulse 0.8s ease-in-out'; setTimeout(() => { country.style.animation = ''; }, 800); }, index * 200); }); // להנפיש סמנים לאחר המדינות setTimeout(() => { markers.forEach((marker, index) => { setTimeout(() => { marker.style.animation = 'marker-bounce 1s ease-in-out'; }, index * 100); }); }, activeCountries.length * 200); }, 1000); // אפקט ספירה מונפש const countElement = document.querySelector('.safetop-countries-count'); let count = 0; const target = 11; const increment = () => { if (count {count} מדינות עם נוכחות פעילה`; setTimeout(increment, 100); } }; setTimeout(increment, 2000); });