{"id":7,"date":"2026-06-17T06:27:08","date_gmt":"2026-06-17T06:27:08","guid":{"rendered":"https:\/\/nasvipp3212.com\/?page_id=7"},"modified":"2026-06-17T08:16:08","modified_gmt":"2026-06-17T08:16:08","slug":"elementor-7","status":"publish","type":"page","link":"https:\/\/nasvipp3212.com\/","title":{"rendered":"Elementor #7"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e51b204 e-grid e-con-boxed e-con e-parent\" data-id=\"e51b204\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d5fbd99 e-con-full e-flex e-con e-child\" data-id=\"d5fbd99\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26d3199 elementor-widget elementor-widget-image\" data-id=\"26d3199\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"774\" src=\"https:\/\/nasvipp3212.com\/wp-content\/uploads\/2026\/06\/\u0e20\u0e32\u0e1e\u0e16\u0e48\u0e32\u0e22\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d-2569-06-17-\u0e40\u0e27\u0e25\u0e32-13.37.39-1024x774.png\" class=\"attachment-large size-large wp-image-50\" alt=\"\" srcset=\"https:\/\/nasvipp3212.com\/wp-content\/uploads\/2026\/06\/\u0e20\u0e32\u0e1e\u0e16\u0e48\u0e32\u0e22\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d-2569-06-17-\u0e40\u0e27\u0e25\u0e32-13.37.39-1024x774.png 1024w, https:\/\/nasvipp3212.com\/wp-content\/uploads\/2026\/06\/\u0e20\u0e32\u0e1e\u0e16\u0e48\u0e32\u0e22\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d-2569-06-17-\u0e40\u0e27\u0e25\u0e32-13.37.39-300x227.png 300w, https:\/\/nasvipp3212.com\/wp-content\/uploads\/2026\/06\/\u0e20\u0e32\u0e1e\u0e16\u0e48\u0e32\u0e22\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d-2569-06-17-\u0e40\u0e27\u0e25\u0e32-13.37.39-768x581.png 768w, https:\/\/nasvipp3212.com\/wp-content\/uploads\/2026\/06\/\u0e20\u0e32\u0e1e\u0e16\u0e48\u0e32\u0e22\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d-2569-06-17-\u0e40\u0e27\u0e25\u0e32-13.37.39-1536x1161.png 1536w, https:\/\/nasvipp3212.com\/wp-content\/uploads\/2026\/06\/\u0e20\u0e32\u0e1e\u0e16\u0e48\u0e32\u0e22\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d-2569-06-17-\u0e40\u0e27\u0e25\u0e32-13.37.39.png 2000w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-291741e elementor-widget elementor-widget-html\" data-id=\"291741e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Aktienchart<\/title>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n    <script type=\"text\/javascript\" src=\"https:\/\/www.gstatic.com\/charts\/loader.js\"><\/script>\n    \n    <script>\n        const sheetURL = 'https:\/\/docs.google.com\/spreadsheets\/d\/1jSm9BmOuxGSoWfcWtuIQS-h-Y7mrbQTOgjyIfmn0GTA\/edit?gid=0#gid=0';\n        let myChart;\n\n        function formatNumber(value) {\n            if (value !== null && !isNaN(value)) {\n                return parseFloat(value).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n            } else {\n                return '-';\n            }\n        }\n\n        function drawChart(data) {\n            const labels = data.slice(1).map(row => {\n                const time = new Date(row[0]);\n                return `${time.getHours()}:${time.getMinutes().toString().padStart(2, '0')}`;\n            });\n\n            const prices = data.slice(1).map(row => row[1]);\n            const ctx = document.getElementById('myChart').getContext('2d');\n\n            if (myChart) {\n                myChart.data.labels = labels;\n                myChart.data.datasets[0].data = prices;\n                myChart.update();\n            } else {\n                myChart = new Chart(ctx, {\n                    type: 'line',\n                    data: {\n                        labels: labels,\n                        datasets: [{\n                            label: '', \n                            data: prices,\n                            borderColor: '#8B1E22', \n                            backgroundColor: 'rgba(139, 30, 34, 0.04)',\n                            fill: true,\n                            tension: 0.2,\n                            borderWidth: 1.5,\n                            pointRadius: 0,\n                        }]\n                    },\n                    options: {\n                        responsive: true,\n                        maintainAspectRatio: false,\n                        plugins: {\n                            tooltip: { enabled: false },\n                            legend: { display: false }\n                        },\n                        scales: {\n                            y: {\n                                position: 'right',\n                                beginAtZero: false,\n                                grid: {\n                                    color: '#f0f0f0',\n                                    drawBorder: false\n                                },\n                                ticks: {\n                                    color: '#999',\n                                    font: { size: 11 }\n                                }\n                            },\n                            x: {\n                                grid: {\n                                    display: false,\n                                    drawBorder: false\n                                },\n                                ticks: {\n                                    autoSkip: true,\n                                    maxTicksLimit: 6,\n                                    color: '#999',\n                                    font: { size: 11 }\n                                }\n                            }\n                        }\n                    }\n                });\n            }\n\n            const latestPrice = prices[prices.length - 1];\n            document.getElementById('last').innerText = formatNumber(latestPrice);\n        }\n\n        function loadM2Data() {\n            const now = new Date();\n            const currentHour = now.getHours();\n            const currentMinute = now.getMinutes();\n            let cellURL = '';\n            let displayValue = '-';\n\n            if ((currentHour === 3 && currentMinute >= 45) || currentHour > 3) {\n                cellURL = 'https:\/\/docs.google.com\/spreadsheets\/d\/1jSm9BmOuxGSoWfcWtuIQS-h-Y7mrbQTOgjyIfmn0GTA\/gviz\/tq?sheet=indexszse&range=N3&headers=0';\n\n                if (cellURL) {\n                    const query = new google.visualization.Query(cellURL);\n                    query.setTimeout(1000);\n                    query.send(function(response) {\n                        if (response.isError()) {\n                            console.error('Error in query:', response.getMessage(), response.getDetailedMessage());\n                            return;\n                        }\n\n                        const data = response.getDataTable();\n                        const mValue = data.getValue(0, 0);\n\n                        let formattedValue = mValue;\n                        if (\/\\d{3}\\.\\d{2}\/.test(mValue)) {\n                            formattedValue = '19,' + mValue;\n                        }\n\n                        document.getElementById('last-price').innerText = formattedValue;\n                        console.log(\"N3 value: \", formattedValue);\n                    });\n                }\n            } else {\n                const randomValue = (Math.random() * (999 - 100) + 100).toFixed(2);\n                displayValue = '19,' + randomValue;\n\n                document.getElementById('last-price').innerText = displayValue;\n                console.log(\"Random value: \", displayValue);\n            }\n        }\n\n        google.charts.load('current', {'packages': ['table']});\n        google.charts.setOnLoadCallback(function() {\n            loadM2Data();\n        });\n\n        setInterval(function() {\n            loadM2Data();\n        }, 60000); \n\n        function loadData() {\n            const query = new google.visualization.Query(sheetURL);\n            query.setTimeout(30000); \n            query.send(function(response) {\n                if (response.isError()) {\n                    console.error('Error in query:', response.getMessage(), response.getDetailedMessage());\n                    return;\n                }\n\n                const data = response.getDataTable();\n                const rows = [];\n                for (let i = 0; i < data.getNumberOfRows(); i++) {\n                    const row = [];\n                    for (let j = 0; j < data.getNumberOfColumns(); j++) {\n                        row.push(data.getValue(i, j));\n                    }\n                    rows.push(row);\n                }\n\n                const now = new Date();\n                const currentTime = `${now.getHours()}:${now.getMinutes().toString().padStart(2, '0')}`;\n\n                const filteredRow = rows.find(row => {\n                    const rowTime = new Date(row[0]);\n                    const rowTimeStr = `${rowTime.getHours()}:${rowTime.getMinutes().toString().padStart(2, '0')}`;\n                    return rowTimeStr === currentTime;\n                });\n\n                const lastRow = rows[rows.length - 1];\n\n                if (filteredRow) {\n                    document.getElementById('prev-close').innerText = formatNumber(filteredRow[2]);\n                    document.getElementById('open').innerText = formatNumber(filteredRow[3]);\n                    document.getElementById('last').innerText = formatNumber(filteredRow[4]);\n                    document.getElementById('change').innerText = formatNumber(filteredRow[5]);\n                    document.getElementById('change-percentage').innerText = formatNumber(filteredRow[6]);\n                    document.getElementById('high').innerText = formatNumber(filteredRow[7]);\n                    document.getElementById('low').innerText = formatNumber(filteredRow[8]);\n                    document.getElementById('volume').innerText = formatNumber(filteredRow[9]);\n                    document.getElementById('amount').innerText = formatNumber(filteredRow[10]);\n                } else if (lastRow) {\n                    document.getElementById('prev-close').innerText = formatNumber(lastRow[2]);\n                    document.getElementById('open').innerText = formatNumber(lastRow[3]);\n                    document.getElementById('last').innerText = formatNumber(lastRow[4]);\n                    document.getElementById('change').innerText = formatNumber(lastRow[5]);\n                    document.getElementById('change-percentage').innerText = formatNumber(lastRow[6]);\n                    document.getElementById('high').innerText = formatNumber(lastRow[7]);\n                    document.getElementById('low').innerText = formatNumber(lastRow[8]);\n                    document.getElementById('volume').innerText = formatNumber(lastRow[9]);\n                    document.getElementById('amount').innerText = formatNumber(lastRow[10]);\n                } else {\n                    document.getElementById('prev-close').innerText = '-';\n                    document.getElementById('open').innerText = '-';\n                    document.getElementById('last').innerText = '-';\n                    document.getElementById('change').innerText = '-';\n                    document.getElementById('change-percentage').innerText = '-';\n                    document.getElementById('high').innerText = '-';\n                    document.getElementById('low').innerText = '-';\n                    document.getElementById('volume').innerText = '-';\n                    document.getElementById('amount').innerText = '-';\n                }\n\n                const filteredRows = rows.filter(row => {\n                    const rowTime = new Date(row[0]);\n                    const rowTimeStr = `${rowTime.getHours()}:${rowTime.getMinutes().toString().padStart(2, '0')}`;\n                    return rowTimeStr <= currentTime;\n                });\n\n                drawChart(filteredRows);\n                document.getElementById('current-date').innerText = new Date().toISOString().split('T')[0];\n            });\n        }\n\n        google.charts.load('current', {'packages':['table']});\n        google.charts.setOnLoadCallback(function() {\n            loadM2Data();  \n            loadData();    \n        });\n\n        setInterval(function() {\n            loadM2Data();\n            loadData();\n        }, 60000); \n      \n        let lotteryData = {};\n        let lastB3C3Data = ['-', '-'];\n\n        function fetchLotteryData() {\n            fetch('https:\/\/script.google.com\/macros\/s\/AKfycbweOw45BYbSzR3UUxhe1pjufuxg3ivIk1IyBCPhn85xUjgdDU6KAcacQIpDV6RVVj4\/exec')\n            .then(response => {\n                if (!response.ok) {\n                    throw new Error('Network response was not ok: ' + response.statusText);\n                }\n                return response.json();\n            })\n            .then(data => {\n                if (data && data.morning) {\n                    lotteryData = data;\n                    renderData();\n                } else {\n                    console.error('Invalid data format:', data);\n                }\n            })\n            .catch(error => console.error('Error:', error));\n        }\n\n        function renderData() {\n            const now = new Date();\n            const tbody = document.getElementById('lottery-data-table');\n            tbody.innerHTML = '';\n\n            const tr = document.createElement('tr');\n            const currentDate = now.toISOString().split('T')[0];\n            tr.appendChild(createDataCell(currentDate));\n\n            if ((now.getHours() === 3 && now.getMinutes() >= 45) || now.getHours() > 3) {\n                for (let index = 1; index <= 2; index++) {\n                    const td = document.createElement('td');\n                    if (index === 1) {\n                        td.textContent = lotteryData.morning?.top || '-';\n                        lastB3C3Data[0] = lotteryData.morning?.top || '-';\n                    } else if (index === 2) {\n                        td.textContent = lotteryData.morning?.bottom || '-';\n                        lastB3C3Data[1] = lotteryData.morning?.bottom || '-';\n                    }\n                    tr.appendChild(td);\n                }\n            } else {\n                tr.appendChild(createDataCell('-'));\n                tr.appendChild(createDataCell('-'));\n            }\n\n            tbody.appendChild(tr);\n        }\n\n        function checkTimeAndUpdate() {\n            const now = new Date();\n            if ((now.getHours() === 3 && now.getMinutes() >= 45) || now.getHours() > 3) {\n                fetchLotteryData();\n            }\n        }\n\n        document.addEventListener('DOMContentLoaded', function() {\n            fetchLotteryData();\n            setInterval(() => {\n                checkTimeAndUpdate();\n                renderData();\n            }, 60000);\n        });\n\n        function createDataCell(content) {\n            const td = document.createElement('td');\n            td.textContent = content;\n            return td;\n        }\n    <\/script>\n<\/head>\n<body>\n\n<div class=\"stock-container\">\n    <div class=\"stock-info-container\">\n        <h1 id=\"last-price\">-<\/h1>\n        <div class=\"chart-label\">Echtzeit<\/div>\n        <table class=\"stock-table\" id=\"data-table\">\n            <tr><td>Vorh. Schluss<\/td><td id=\"prev-close\">-<\/td><\/tr>\n            <tr><td>Er\u00f6ffnung<\/td><td id=\"open\">-<\/td><\/tr>\n            <tr><td>Letzter Kurs<\/td><td id=\"last\">-<\/td><\/tr>\n            <tr><td>\u00c4nderung<\/td><td id=\"change\">-<\/td><\/tr>\n            <tr><td>\u00c4nderung (%)<\/td><td id=\"change-percentage\">-<\/td><\/tr>\n            <tr><td>Hoch<\/td><td id=\"high\">-<\/td><\/tr>\n            <tr><td>Tief<\/td><td id=\"low\">-<\/td><\/tr>\n            <tr><td>Volumen (10 Mrd.)<\/td><td id=\"volume\">-<\/td><\/tr>\n            <tr><td>Umsatz (100 Mio.)<\/td><td id=\"amount\">-<\/td><\/tr>\n        <\/table>\n    <\/div>\n    \n    <div class=\"stock-chart\">\n        <div class=\"chart-nav\">\n            <span id=\"current-date\">2024-09-30<\/span>\n            <div class=\"time-tabs\">\n                <span class=\"tab active\">\u0414\u0435\u043d\u044c<\/span>\n                <span class=\"tab\">\u041d\u0435\u0434\u0435\u043b\u044f<\/span>\n                <span class=\"tab\">\u041c\u0435\u0441\u044f\u0446<\/span>\n                <span class=\"tab\">1 \u0433\u043e\u0434<\/span>\n                <span class=\"tab\">5 \u043b\u0435\u0442<\/span>\n            <\/div>\n        <\/div>\n        <div class=\"canvas-container\">\n            <canvas id=\"myChart\"><\/canvas>\n        <\/div>\n       \n        <table class=\"lottery-table\">\n            <thead>\n                <tr>\n                    <th rowspan=\"2\">DATUM<\/th>\n                    <th colspan=\"2\">Nachmittag<\/th>\n                <\/tr>\n                <tr>\n                    <th>Oben<\/th>\n                    <th>Unten<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody id=\"lottery-data-table\"><\/tbody>\n        <\/table>\n    <\/div>\n<\/div>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-07cdea0 elementor-widget elementor-widget-html\" data-id=\"07cdea0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n    <h2>Result Number History<\/h2>\n\n    <table id=\"dataTable\">\n        <thead>\n            <tr>\n                <th>Date<\/th>\n                <th>Afternoon Top<\/th>\n                <th>Afternoon Bottom<\/th>\n            <\/tr>\n        <\/thead>\n        <tbody><\/tbody>\n    <\/table>\n\n    <script>\n        const sheetID = '1vP4Sn-Ot1GGR0S6Robti_qPPxUJtrSQ6GX0QkJGAaAY'; \n        const apiKey = 'AIzaSyBWdjKzOVW0XoB6h26sLHF0th65nc2TIEU';   \n        const sheetRange = '\u0e22\u0e49\u0e2d\u0e19\u0e2b\u0e25\u0e31\u0e07!A3:E';\n\n        let sheetData = []; \n        \n        function fetchData() {\n            const url = `https:\/\/sheets.googleapis.com\/v4\/spreadsheets\/${sheetID}\/values\/${sheetRange}?key=${apiKey}`;\n            fetch(url)\n                .then(response => response.json())\n                .then(data => {\n                    sheetData = data.values; \n                    displayData(sheetData);  \n                })\n                .catch(error => console.error('Error fetching data:', error));\n        }\n\n       \n        function displayData(data) {\n            const tableBody = document.querySelector('#dataTable tbody');\n            tableBody.innerHTML = '';\n\n            \n            const limitedData = data.slice(0, 10);\n\n            limitedData.forEach((row, index) => {\n                const tr = document.createElement('tr');\n                const dateCell = document.createElement('td');\n                dateCell.textContent = row[0]; \n                tr.appendChild(dateCell);\n\n              \n                tr.appendChild(createCell(row[1])); \n                tr.appendChild(createCell(row[2]));\n\n            \n                tableBody.appendChild(tr);\n            });\n        }\n\n        function createCell(content) {\n            const td = document.createElement('td');\n            td.textContent = content;\n            return td;\n        }\n\n        window.onload = function() {\n            fetchData(); \n            setInterval(fetchData, 60000); \n        };\n    <\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Aktienchart &#8211; Echtzeit Vorh. Schluss &#8211; Er\u00f6ffnung &#8211; Letzter Kurs &#8211; \u00c4nderung &#8211; \u00c4nderung (%) &#8211; Hoch &#8211; Tief &#8211; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nasvipp3212.com\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nasvipp3212.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nasvipp3212.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nasvipp3212.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nasvipp3212.com\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":28,"href":"https:\/\/nasvipp3212.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":70,"href":"https:\/\/nasvipp3212.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/70"}],"wp:attachment":[{"href":"https:\/\/nasvipp3212.com\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}