Български | Català | Deutsche | Hrvatski | Čeština | Dansk | Nederlandse | English | Eesti keel | Français | Ελληνικά | Magyar | Italiano | Latviski | Norsk | Polski | Português | Română | Русский | Српски | Slovenský | Slovenščina | Español | Svenska | Türkçe | 汉语 | 日本語 |

P

src php id

Actieve zin

Updatedatum van informatie: 2026/02/02

📊 Samenvatting: src php id

📋

Zoekfrequentie: 6 398

Er zijn geen morfologische gegevens of definitie beschikbaar voor deze zinsnede.

Posities binnen Google

Zoek zinnen - Google

🔍

Positie	Domein	Pagina	Acties
1	stackoverflow.com	/questions/34043366/...
Volledige URL https://stackoverflow.com/questions/34043366/get-src-in-javascript-from-php-while Titel Get .src in Javascript from PHP while Laatst bijgewerkt N.v.t Pagina-autoriteit N.v.t Verkeer: N.v.t Backlinks: N.v.t Sociale aandelen: N.v.t Laadtijd: N.v.t Fragmentvoorbeeld: Get .src in Javascript from PHP while id = name [CS] This attribute assigns a name to an element. This name must be unique in a document. http
2	github.com	/php/php-src
Volledige URL https://github.com/php/php-src Titel php/php-src Laatst bijgewerkt N.v.t Pagina-autoriteit N.v.t Verkeer: N.v.t Backlinks: N.v.t Sociale aandelen: N.v.t Laadtijd: N.v.t Fragmentvoorbeeld: php/php-src The PHP source code is located in the Git repository at github.com/php/php-src . Contributions are most welcome by forking the repository and sending a pull ...
3	reddit.com	/r/codinghelp/commen...
Volledige URL https://reddit.com/r/codinghelp/comments/18307bh/wp_php_and_js_img_src_php_something_change_src_on/?tl=ru Titel WP, PHP и JS - Laatst bijgewerkt N.v.t Pagina-autoriteit N.v.t Verkeer: N.v.t Backlinks: N.v.t Sociale aandelen: N.v.t Laadtijd: N.v.t Fragmentvoorbeeld: WP, PHP и JS - 4				php.net	/manual/en/function....
Volledige URL https://php.net/manual/en/function.session-id.php Titel session_id - Manual Laatst bijgewerkt N.v.t Pagina-autoriteit N.v.t Verkeer: N.v.t Backlinks: N.v.t Sociale aandelen: N.v.t Laadtijd: N.v.t Fragmentvoorbeeld: session_id - Manual session_id () is used to get or set the session id for the current session. The constant SID can also be used to retrieve the current name and session id as ...
5	ru.stackoverflow.com	/questions/925425/%d...
Volledige URL https://ru.stackoverflow.com/questions/925425/%d0%9a%d0%b0%d0%ba-%d1%80%d0%b5%d0%b3%d1%83%d0%bb%d1%8f%d1%80%d0%ba%d0%be%d0%b9-%d Titel Как регуляркой заменить у картинок атрибут src на data- ... Laatst bijgewerkt N.v.t Pagina-autoriteit N.v.t Verkeer: N.v.t Backlinks: N.v.t Sociale aandelen: N.v.t Laadtijd: N.v.t Fragmentvoorbeeld: Как регуляркой заменить у картинок атрибут src на data- ... Как регуляркой заменить у картинок атрибут src на data- src внутри блока с определенным ID ? · выучить регулярные выражения? · Сдаётся мне, что на ...
7	wordpress.stackexchange.com	/questions/428439/ch...
Volledige URL https://wordpress.stackexchange.com/questions/428439/changing-src-url-on-page-id Titel Changing src URL on page id - php Laatst bijgewerkt N.v.t Pagina-autoriteit N.v.t Verkeer: N.v.t Backlinks: N.v.t Sociale aandelen: N.v.t Laadtijd: N.v.t Fragmentvoorbeeld: Changing src URL on page id - php 12 февр. 2025 г. — Using PHP, how can I change the iframe URL based on page id ? I am ... > 8 </span> </td> <td> <a href="/nl/domain/developer.wordpress.org/" > developer.wordpress.org </a> </td> <td>/reference/functions...</td> <td> <button class="show-page-btn" onclick="togglePageDetails(this)"> Paginadetails weergeven </button> </td> </tr> <!-- Page details row --> <tr class="page-details-row"> <td colspan="4"> <div class="page-details" id="page-details-google-7"> <div class="page-details-grid"> <div class="page-detail-item"> <div class="page-detail-label">Volledige URL</div> <div class="page-detail-value"> <a href="https://developer.wordpress.org/reference/functions/wp_get_attachment_image_src/" class="page-url" target="_blank" rel="nofollow"> https://developer.wordpress.org/reference/functions/wp_get_attachment_image_src/ </a> </div> </div> <div class="page-detail-item"> <div class="page-detail-label">Titel</div> <div class="page-detail-value"> wp_get_attachment_image_src() – Function </div> </div> <div class="page-detail-item"> <div class="page-detail-label">Laatst bijgewerkt</div> <div class="page-detail-value"> N.v.t </div> </div> <div class="page-detail-item"> <div class="page-detail-label">Pagina-autoriteit</div> <div class="page-detail-value"> N.v.t </div> </div> </div> <div class="page-metrics"> <div class="page-metric"> <span class="page-detail-label">Verkeer:</span> <span class="page-metric-value"> N.v.t </span> </div> <div class="page-metric"> <span class="page-detail-label">Backlinks:</span> <span class="page-metric-value"> N.v.t </span> </div> <div class="page-metric"> <span class="page-detail-label">Sociale aandelen:</span> <span class="page-metric-value"> N.v.t </span> </div> <div class="page-metric"> <span class="page-detail-label">Laadtijd:</span> <span class="page-metric-value"> N.v.t </span> </div> </div> <div class="snippet" style="margin-top: 1rem;"> <strong>Fragmentvoorbeeld:</strong><br> <noindex><a href="https://https://developer.wordpress.org/reference/functions/wp_get_attachment_image_src/" rel="nofollow" target="_blank">wp_get_attachment_image_src() – Function</a></noindex><br>The `wp_get_attachment_image_src` function retrieves an image for an attachment , returning an array with image data or false if no image is available. </div> </div> </td> </tr> <!-- Main result row --> <tr> <td> <span class="badge badge-danger"> 11 </span> </td> <td> <a href="/nl/domain/bga.qld.edu.au/" > bga.qld.edu.au </a> </td> <td>/vendor/giggsey/libp...</td> <td> <button class="show-page-btn" onclick="togglePageDetails(this)"> Paginadetails weergeven </button> </td> </tr> <!-- Page details row --> <tr class="page-details-row"> <td colspan="4"> <div class="page-details" id="page-details-google-8"> <div class="page-details-grid"> <div class="page-detail-item"> <div class="page-detail-label">Volledige URL</div> <div class="page-detail-value"> <a href="https://bga.qld.edu.au/vendor/giggsey/libphonenumber-for-php/src/geocoding/data/id/" class="page-url" target="_blank" rel="nofollow"> https://bga.qld.edu.au/vendor/giggsey/libphonenumber-for-php/src/geocoding/data/id/ </a> </div> </div> <div class="page-detail-item"> <div class="page-detail-label">Titel</div> <div class="page-detail-value"> Index of /vendor/giggsey/libphonenumber-for-php/src/geocoding ... </div> </div> <div class="page-detail-item"> <div class="page-detail-label">Laatst bijgewerkt</div> <div class="page-detail-value"> N.v.t </div> </div> <div class="page-detail-item"> <div class="page-detail-label">Pagina-autoriteit</div> <div class="page-detail-value"> N.v.t </div> </div> </div> <div class="page-metrics"> <div class="page-metric"> <span class="page-detail-label">Verkeer:</span> <span class="page-metric-value"> N.v.t </span> </div> <div class="page-metric"> <span class="page-detail-label">Backlinks:</span> <span class="page-metric-value"> N.v.t </span> </div> <div class="page-metric"> <span class="page-detail-label">Sociale aandelen:</span> <span class="page-metric-value"> N.v.t </span> </div> <div class="page-metric"> <span class="page-detail-label">Laadtijd:</span> <span class="page-metric-value"> N.v.t </span> </div> </div> <div class="snippet" style="margin-top: 1rem;"> <strong>Fragmentvoorbeeld:</strong><br> <noindex><a href="https://https://bga.qld.edu.au/vendor/giggsey/libphonenumber-for-php/src/geocoding/data/id/" rel="nofollow" target="_blank">Index of /vendor/giggsey/libphonenumber-for-php/src/geocoding ...</a></noindex><br>Index of /vendor/giggsey/libphonenumber-for- php / src /geocoding/data/ id ; [PARENTDIR], Parent Directory ; [ ], 62. php , 2025-02-14 08 </div> </div> </td> </tr> <!-- Main result row --> <tr> <td> <span class="badge badge-danger"> 12 </span> </td> <td> <a href="/nl/domain/pa-tanjung.go.id/" > pa-tanjung.go.id </a> </td> <td>/jdih/vendor/phpunit...</td> <td> <button class="show-page-btn" onclick="togglePageDetails(this)"> Paginadetails weergeven </button> </td> </tr> <!-- Page details row --> <tr class="page-details-row"> <td colspan="4"> <div class="page-details" id="page-details-google-9"> <div class="page-details-grid"> <div class="page-detail-item"> <div class="page-detail-label">Volledige URL</div> <div class="page-detail-value"> <a href="https://pa-tanjung.go.id/jdih/vendor/phpunit/php-code-coverage/src/exception/?ma" class="page-url" target="_blank" rel="nofollow"> https://pa-tanjung.go.id/jdih/vendor/phpunit/php-code-coverage/src/exception/?ma </a> </div> </div> <div class="page-detail-item"> <div class="page-detail-label">Titel</div> <div class="page-detail-value"> of /jdih/vendor/phpunit/php-code-coverage/src/Exception </div> </div> <div class="page-detail-item"> <div class="page-detail-label">Laatst bijgewerkt</div> <div class="page-detail-value"> N.v.t </div> </div> <div class="page-detail-item"> <div class="page-detail-label">Pagina-autoriteit</div> <div class="page-detail-value"> N.v.t </div> </div> </div> <div class="page-metrics"> <div class="page-metric"> <span class="page-detail-label">Verkeer:</span> <span class="page-metric-value"> N.v.t </span> </div> <div class="page-metric"> <span class="page-detail-label">Backlinks:</span> <span class="page-metric-value"> N.v.t </span> </div> <div class="page-metric"> <span class="page-detail-label">Sociale aandelen:</span> <span class="page-metric-value"> N.v.t </span> </div> <div class="page-metric"> <span class="page-detail-label">Laadtijd:</span> <span class="page-metric-value"> N.v.t </span> </div> </div> <div class="snippet" style="margin-top: 1rem;"> <strong>Fragmentvoorbeeld:</strong><br> <noindex><a href="https://https://pa-tanjung.go.id/jdih/vendor/phpunit/php-code-coverage/src/exception/?ma" rel="nofollow" target="_blank">of /jdih/vendor/phpunit/php-code-coverage/src/Exception</a></noindex><br>Index of /jdih/vendor/phpunit/ php -code-coverage/ src /Exception/ ; Up Parent Directory ; [TXT] BranchAndPathCoverageNotSupportedException. php , 2022-03-07 09 </div> </div> </td> </tr> <!-- Main result row --> <tr> <td> <span class="badge badge-danger"> 13 </span> </td> <td> <a href="/nl/domain/thephp.foundation/" > thephp.foundation </a> </td> <td>/assets/files/24-07-...</td> <td> <button class="show-page-btn" onclick="togglePageDetails(this)"> Paginadetails weergeven </button> </td> </tr> <!-- Page details row --> <tr class="page-details-row"> <td colspan="4"> <div class="page-details" id="page-details-google-10"> <div class="page-details-grid"> <div class="page-detail-item"> <div class="page-detail-label">Volledige URL</div> <div class="page-detail-value"> <a href="https://thephp.foundation/assets/files/24-07-1730-rep-v1.4_temp.pdf" class="page-url" target="_blank" rel="nofollow"> https://thephp.foundation/assets/files/24-07-1730-rep-v1.4_temp.pdf </a> </div> </div> <div class="page-detail-item"> <div class="page-detail-label">Titel</div> <div class="page-detail-value"> PHP-SRC audit </div> </div> <div class="page-detail-item"> <div class="page-detail-label">Laatst bijgewerkt</div> <div class="page-detail-value"> N.v.t </div> </div> <div class="page-detail-item"> <div class="page-detail-label">Pagina-autoriteit</div> <div class="page-detail-value"> N.v.t </div> </div> </div> <div class="page-metrics"> <div class="page-metric"> <span class="page-detail-label">Verkeer:</span> <span class="page-metric-value"> N.v.t </span> </div> <div class="page-metric"> <span class="page-detail-label">Backlinks:</span> <span class="page-metric-value"> N.v.t </span> </div> <div class="page-metric"> <span class="page-detail-label">Sociale aandelen:</span> <span class="page-metric-value"> N.v.t </span> </div> <div class="page-metric"> <span class="page-detail-label">Laadtijd:</span> <span class="page-metric-value"> N.v.t </span> </div> </div> <div class="snippet" style="margin-top: 1rem;"> <strong>Fragmentvoorbeeld:</strong><br> <noindex><a href="https://https://thephp.foundation/assets/files/24-07-1730-rep-v1.4_temp.pdf" rel="nofollow" target="_blank">PHP-SRC audit</a></noindex><br>14 мар. 2025 г. — Each vulnerability is identified throughout this document by a unique identifier <LEVEL>< ID > , where ID is a number and LEVEL the severity ( ... </div> </div> </td> </tr> </tbody> </table> </div> <div class="pagination" id="googlePagination"> <button disabled onclick="loadSearchDomains('google', 0)">«</button> <button class="active" onclick="loadSearchDomains('google', 1)">1</button> <button class="" onclick="loadSearchDomains('google', 2)">2</button> <button class="" onclick="loadSearchDomains('google', 3)">3</button> <button class="" onclick="loadSearchDomains('google', 4)">4</button> <button onclick="loadSearchDomains('google', 2)">»</button> </div> </div> </div> <script> google.charts.load('current', { 'packages': ['corechart', 'line'], 'callback': drawChart_google}); function drawChart_google() { var data = new google.visualization.DataTable(); data.addColumn('date', 'Dag'); data.addColumn("number", "src php id");data.addColumn("number", "src php id");data.addColumn("number", "src php id");data.addColumn("number", "src php id");data.addColumn("number", "src php id");data.addColumn("number", "src php id");data.addColumn("number", "src php id");data.addColumn("number", "src php id");data.addColumn("number", "src php id");data.addColumn("number", "src php id"); data.addRows([ [new Date(2025, 7, 4),1,2,3,4,5,7,8,11,12,13,], ]); var options = { chart: { title: 'Topdomeinen in google zoekresultaten voor zin: "src php id"', subtitle: 'Domeinpositiegeschiedenis' }, width: '100%', height: 400, curveType: 'function', legend: { position: 'bottom' }, pointSize: 5, pointsVisible: true, interpolateNulls: true, selectionMode: 'multiple', vAxis: { direction: '-1', title: 'Positie', }, hAxis: { title: 'Datum', }, }; var chart = new google.visualization.LineChart(document.getElementById("chart_div_google")); chart.draw(data, options); } </script> <!-- Phrase SEO Article --> <!-- Words Definitions --> <div class="card"> <div class="card-header"> <h2 class="card-title">src php id Woorden</h2> <div class="card-icon">📚</div> </div> <div class="card-content"> <div class="word-section" style="margin-bottom: 2rem;"> <h3 style="color: var(--primary); margin-bottom: 1rem; border-bottom: 1px solid #e9ecef; padding-bottom: 0.5rem;"> php </h3> <div class="info-grid"> <div class="info-item"> <strong>Перетяжка:</strong> <div class="text-muted" style="font-size:0.85em; margin:4px 0;"> 📖 Словарь Ушакова </div> <span>ПЕРЕТЯ'ЖКА, и, ж. (спец). Действие по глаг. перетянуть во 2, 4 и 5 знач. - перетягивать.</span> </div> <div class="info-item"> <strong>Перетяжка:</strong> <div class="text-muted" style="font-size:0.85em; margin:4px 0;"> 📖 Реклама и полиграфия </div> <span>ПЕРЕТЯЖКА (в рекламе) - информационный рекламный носитель прямоугольной формы, выполненный на виниловой ткани. Как правило, располагается над проезжей частью улицы. - См.: Баннер, Транспарант-перетяжка.</span> </div> <div class="info-item"> <strong>Транспарант-перетяжка:</strong> <div class="text-muted" style="font-size:0.85em; margin:4px 0;"> 📖 Реклама и полиграфия </div> <span>ТРАНСПАРАНТ-ПЕРЕТЯЖКА (в рекламе) (от фр. transparent - букв.: прозрачный) - виниловая или тканевая лента. Один из самых простых и оперативных видов наружной рекламы, действующий ограниченное время (в основном 10 дней) и сообщающий о распродажах.</span> </div> </div> </div> </div> </div> <!-- Additional Services --> <div class="card" id="additional-services"> <div class="card-header"> <h2 class="card-title">Aanvullende diensten</h2> <div class="card-icon">💎</div> </div> <div class="card-content"> <div class="info-grid"> <div class="info-item"> <span class="popup-trigger" alt="Volledige SEO-audit met gedetailleerde aanbevelingen"> <button class="cta-button" data-modal="paymentModal" data-title="Volledige SEO-audit" data-text="Volledige SEO-audit met gedetailleerde aanbevelingen voor het verbeteren van de posities in zoekmachines." data-price="99.99"> Volledige SEO-audit </button> <span class="popup-text"></span> </span> </div> <div class="info-item"> <span class="popup-trigger" alt="Maandelijkse positiebewaking voor 100 sleutelzinnen"> <button class="cta-button" data-modal="paymentModal" data-title="Positiebewaking" data-text="Maandelijkse positiemonitoring voor 100 sleutelzinnen in Google en Yandex." data-price="49.99"> Positiebewaking </button> <span class="popup-text"></span> </span> </div> <div class="info-item"> <span class="popup-trigger" alt="Analyse van concurrenten en identificatie van hun promotiestrategieën"> <button class="cta-button" data-modal="paymentModal" data-title="Analyse van concurrenten" data-text="Analyse van concurrenten en identificatie van hun promotiestrategieën." data-price="79.99"> Analyse van concurrenten </button> <span class="popup-text"></span> </span> </div> </div> </div> </div> <!-- JavaScript for AJAX Pagination --> <script> // Apply filters function function applyPhraseFilters(engine) { loadSearchDomains(engine, 1); } // Load search domains for phrase function loadSearchDomains(engine, page) { const domainFilter = document.getElementById(engine + 'DomainFilter').value; const pageFilter = document.getElementById(engine + 'PageFilter').value; const phrase_id = document.getElementById('phrase_id').value; const data = { type: 'search_domains', engine: engine, page: page, phrase_id: phrase_id, // Send the phrase domain_filter: domainFilter, page_filter: pageFilter }; sendRequest('/ajax/', data, function(response) { if (response.status === 'ok') { renderSearchDomains(engine, response.data); renderPagination(engine, response.pagination); } else { showToast('Fout' + ':'+response.error); } }); } // Render domain pagination specifically for phrase pages function renderDomainPagination(engine, pagination) { const paginationContainer = document.getElementById(engine + 'Pagination'); paginationContainer.innerHTML = ''; const { current_page, total_pages, has_previous, has_next } = pagination; // Previous button const prevButton = document.createElement('button'); prevButton.innerHTML = '«'; prevButton.disabled = !has_previous; prevButton.addEventListener('click', () => { if (has_previous) loadSearchDomains(engine, current_page - 1); }); paginationContainer.appendChild(prevButton); // Page buttons for (let i = 1; i <= total_pages; i++) { const pageButton = document.createElement('button'); pageButton.textContent = i; pageButton.classList.toggle('active', i === current_page); pageButton.addEventListener('click', () => { if (i !== current_page) loadSearchDomains(engine, i); }); paginationContainer.appendChild(pageButton); } // Next button const nextButton = document.createElement('button'); nextButton.innerHTML = '»'; nextButton.disabled = !has_next; nextButton.addEventListener('click', () => { if (has_next) loadSearchDomains(engine, current_page + 1); }); paginationContainer.appendChild(nextButton); } // Get badge class based on position function getPositionBadgeClass(position) { if (position <= 3) return 'badge-success'; if (position <= 10) return 'badge-warning'; return 'badge-danger'; } // Toggle snippet visibility function toggleSnippet(button) { const snippet = button.nextElementSibling; const isVisible = snippet.style.display === 'block'; snippet.style.display = isVisible ? 'none' : 'block'; button.textContent = isVisible ? 'Toon fragment' : 'Fragment verbergen'; } </script> <script> // Toggle page details visibility function togglePageDetails(button) { const row = button.closest('tr'); const detailsRow = row.nextElementSibling; const pageDetails = detailsRow.querySelector('.page-details'); // Close all other open page details document.querySelectorAll('.page-details').forEach(detail => { if (detail !== pageDetails) { detail.classList.remove('active'); } }); // Update all button texts document.querySelectorAll('.show-page-btn').forEach(btn => { if (btn !== button) { btn.textContent = 'Paginadetails weergeven'; } }); // Toggle current page details if (pageDetails.classList.contains('active')) { pageDetails.classList.remove('active'); button.textContent = 'Paginadetails weergeven'; } else { pageDetails.classList.add('active'); button.textContent = 'Paginadetails verbergen'; } } // Close all page details when clicking outside document.addEventListener('click', function(e) { if (!e.target.closest('.show-page-btn') && !e.target.closest('.page-details')) { document.querySelectorAll('.page-details').forEach(detail => { detail.classList.remove('active'); }); document.querySelectorAll('.show-page-btn').forEach(btn => { btn.textContent = 'Paginadetails weergeven'; }); } }); // Update the renderSearchDomains function to include show page buttons function renderSearchDomains(engine, data) { const tbody = document.getElementById(engine + 'PhrasesBody'); tbody.innerHTML = ''; data.forEach((item, index) => { const row = document.createElement('tr'); // Format position with change let positionHtml = `<span class="badge ${getPositionBadgeClass(item.position)}">${item.position}</span>`; if (item.change !== null && item.change !== 0) { const changeClass = item.change > 0 ? 'positive' : 'negative'; const changeSymbol = item.change > 0 ? '+' : ''; positionHtml += `<span class="position-change ${changeClass}">(${changeSymbol}${item.change})</span>`; } row.innerHTML = ` <td>${positionHtml}</td> <td><noindex><a href="/nl/domain/${item.domain}/" rel="nofollow">${item.domain}</a></noindex></td> <td>${item.page}</td> <td> <button class="show-page-btn" onclick="togglePageDetails(this)">Paginadetails weergeven</button> </td> `; tbody.appendChild(row); // Add page details row const detailsRow = document.createElement('tr'); detailsRow.className = 'page-details-row'; detailsRow.innerHTML = ` <td colspan="4"> <div class="page-details" id="page-details-${engine}-${index}"> <div class="page-details-grid"> <div class="page-detail-item"> <div class="page-detail-label">Full URL</div> <div class="page-detail-value"> <a href="${item.full_url \|\| '#'}" class="page-url" target="_blank" rel="nofollow"> ${item.full_url \|\| 'N/A'} </a> </div> </div> <div class="page-detail-item"> <div class="page-detail-label">Title</div> <div class="page-detail-value">${item.page_title \|\| 'N/A'}</div> </div> <div class="page-detail-item"> <div class="page-detail-label">Last Updated</div> <div class="page-detail-value">${item.last_updated \|\| 'N/A'}</div> </div> <div class="page-detail-item"> <div class="page-detail-label">Page Authority</div> <div class="page-detail-value">${item.page_authority \|\| 'N/A'}</div> </div> </div> <div class="page-metrics"> <div class="page-metric"> <span class="page-detail-label">Traffic:</span> <span class="page-metric-value">${item.traffic \|\| 'N/A'}</span> </div> <div class="page-metric"> <span class="page-detail-label">Backlinks:</span> <span class="page-metric-value">${item.backlinks \|\| 'N/A'}</span> </div> <div class="page-metric"> <span class="page-detail-label">Social Shares:</span> <span class="page-metric-value">${item.social_shares \|\| 'N/A'}</span> </div> <div class="page-metric"> <span class="page-detail-label">Load Time:</span> <span class="page-metric-value">${item.load_time \|\| 'N/A'}</span> </div> </div> <div class="snippet" style="margin-top: 1rem;"> <strong>Snippet Preview:</strong><br> ${item.snippet \|\| 'No snippet available'} </div> </div> </td> `; tbody.appendChild(detailsRow); }); } </script> <script> (function() { 'use strict'; // --- Configuration --- const STORAGE_KEY = 'serpuls_phrase_sections_state'; const SECTIONS_TO_COLLAPSE = [ { id: 'morphological-lemmas', title: 'Morfologische lemma\'s', btnText: 'Lemma\'s' }, { id: 'google-search-section', title: 'Zoek zinnen - Google', btnText: 'Google' }, { id: 'yandex-search-section', title: 'Zoek zinnen - Yandex', btnText: 'Yandex' }, { id: 'book-samples-section', title: 'Boekvoorbeelden met zin', btnText: 'Boeken' }, { id: 'additional-services', title: 'Aanvullende diensten', btnText: 'Diensten' } ]; // --- Helper Functions --- function getSectionIdFromTitle(title) { if (title.includes('Morfologische lemma\'s')) return 'morphological-lemmas'; if (title.includes('Zoek zinnen - Google')) return 'google-search-section'; if (title.includes('Zoek zinnen - Yandex')) return 'yandex-search-section'; if (title.includes('Aanvullende diensten')) return 'additional-services'; return null; } function saveSectionState(sectionId, isCollapsed) { const savedState = localStorage.getItem(STORAGE_KEY); const state = savedState ? JSON.parse(savedState) : {}; state[sectionId] = isCollapsed; localStorage.setItem(STORAGE_KEY, JSON.stringify(state)); } function loadSectionState(sectionId) { const savedState = localStorage.getItem(STORAGE_KEY); if (!savedState) return false; const state = JSON.parse(savedState); return state[sectionId] \|\| false; } // --- Create Floating TOC --- function createFloatingTOC() { // Find all major sections (cards with a card-header) const sections = Array.from(document.querySelectorAll('.card')).map(card => { const headerEl = card.querySelector('.card-header'); if (!headerEl) return null; const titleEl = headerEl.querySelector('.card-title'); if (!titleEl) return null; const title = titleEl.innerText.trim(); // Skip sections that are too small or not needed const skipTitles = [ ]; let shouldSkip = false; for (const skipTitle of skipTitles) { if (title.includes(skipTitle) \|\| title === skipTitle) { shouldSkip = true; break; } } if (shouldSkip) return null; // Create a unique ID for the section if it doesn't have one let id = card.id; if (!id) { id = 'section-' + Math.random().toString(36).substr(2, 8); card.id = id; } return { id, title, element: card }; }).filter(s => s !== null); if (sections.length < 2) return; // Create TOC container const tocContainer = document.createElement('div'); tocContainer.id = 'floating-toc'; tocContainer.className = 'floating-toc'; tocContainer.innerHTML = ` <div class="floating-toc-header"> <span>📑 Inhoudsopgave</span> <button id="toc-toggle-btn" class="toc-toggle-btn" aria-label="Inhoudsopgave samenvouwen">−</button> </div> <div id="toc-links-container" class="toc-links-container"> ${sections.map(section => `<a href="#${section.id}" class="toc-link" data-id="${section.id}">${escapeHtml(section.title)}</a>`).join('')} </div> `; document.body.appendChild(tocContainer); // Toggle TOC visibility const toggleBtn = document.getElementById('toc-toggle-btn'); const linksContainer = document.getElementById('toc-links-container'); let isTocExpanded = true; toggleBtn.addEventListener('click', () => { if (isTocExpanded) { linksContainer.style.display = 'none'; toggleBtn.textContent = '+'; tocContainer.classList.add('collapsed'); } else { linksContainer.style.display = 'block'; toggleBtn.textContent = '−'; tocContainer.classList.remove('collapsed'); } isTocExpanded = !isTocExpanded; }); // Highlight active section on scroll const tocLinks = document.querySelectorAll('.toc-link'); const sectionElements = sections.map(s => s.element); function updateActiveLink() { let current = ''; const scrollPosition = window.scrollY + 100; for (const section of sectionElements) { const sectionTop = section.offsetTop; const sectionBottom = sectionTop + section.offsetHeight; if (scrollPosition >= sectionTop && scrollPosition < sectionBottom) { current = section.id; break; } } tocLinks.forEach(link => { link.classList.remove('active'); if (link.getAttribute('data-id') === current) { link.classList.add('active'); } }); } window.addEventListener('scroll', updateActiveLink); updateActiveLink(); // Smooth scroll tocLinks.forEach(link => { link.addEventListener('click', (e) => { e.preventDefault(); const targetId = link.getAttribute('data-id'); const targetElement = document.getElementById(targetId); if (targetElement) { targetElement.scrollIntoView({ behavior: 'smooth', block: 'start' }); } }); }); } // --- Add Collapsible Buttons to Sections --- function addCollapsibleButtons() { SECTIONS_TO_COLLAPSE.forEach(section => { // Find the card by its title let targetCard = null; const cards = document.querySelectorAll('.card'); for (const card of cards) { const titleEl = card.querySelector('.card-title'); if (titleEl && titleEl.innerText.trim() === section.title) { targetCard = card; break; } } if (!targetCard) return; // Set ID if not exists if (!targetCard.id) targetCard.id = section.id; // Create button const button = document.createElement('button'); button.className = 'collapse-section-btn'; button.setAttribute('data-section-id', section.id); button.setAttribute('aria-label', 'Sectie samenvouwen/uitvouwen'); // Get initial state const isCollapsed = loadSectionState(section.id); if (isCollapsed) { button.innerHTML = '➕'; targetCard.classList.add('section-collapsed'); const content = targetCard.querySelector('.card-content'); if (content) content.style.display = 'none'; } else { button.innerHTML = '➖'; targetCard.classList.remove('section-collapsed'); const content = targetCard.querySelector('.card-content'); if (content) content.style.display = ''; } // Insert button into card-header const cardHeader = targetCard.querySelector('.card-header'); if (cardHeader) { const iconDiv = cardHeader.querySelector('.card-icon'); if (iconDiv) { cardHeader.insertBefore(button, iconDiv); } else { cardHeader.appendChild(button); } // Add click handler button.addEventListener('click', (e) => { e.stopPropagation(); const sectionId = button.getAttribute('data-section-id'); const card = document.getElementById(sectionId); if (!card) return; const content = card.querySelector('.card-content'); if (!content) return; if (card.classList.contains('section-collapsed')) { // Expand content.style.display = ''; card.classList.remove('section-collapsed'); button.innerHTML = '➖'; saveSectionState(sectionId, false); } else { // Collapse content.style.display = 'none'; card.classList.add('section-collapsed'); button.innerHTML = '➕'; saveSectionState(sectionId, true); } }); } }); } // --- Create Back to Top Button --- function createBackToTopButton() { const btn = document.createElement('button'); btn.id = 'back-to-top'; btn.innerHTML = '↑'; btn.setAttribute('aria-label', 'Terug naar boven'); btn.className = 'back-to-top-btn'; document.body.appendChild(btn); window.addEventListener('scroll', () => { if (window.scrollY > 500) { btn.classList.add('visible'); } else { btn.classList.remove('visible'); } }); btn.addEventListener('click', () => { window.scrollTo({ top: 0, behavior: 'smooth' }); }); } // --- Improve Table Responsiveness (add scroll hints) --- function improveTables() { const tables = document.querySelectorAll('.data-table, .tasks-table'); tables.forEach(table => { const container = table.closest('.table-responsive') \|\| table.parentElement; if (container && !container.querySelector('.scroll-hint')) { const hint = document.createElement('div'); hint.className = 'scroll-hint'; hint.innerHTML = '← → Veeg om meer te bekijken'; hint.style.cssText = ` display: none; text-align: center; font-size: 0.7rem; color: var(--gray); margin-top: 0.5rem; padding: 0.25rem; background: rgba(67, 97, 238, 0.05); border-radius: 12px; `; container.style.position = 'relative'; container.appendChild(hint); // Show hint if table is wider than container function checkScroll() { if (container.scrollWidth > container.clientWidth) { hint.style.display = 'block'; } else { hint.style.display = 'none'; } } checkScroll(); window.addEventListener('resize', checkScroll); container.addEventListener('scroll', () => { hint.style.opacity = '0.5'; setTimeout(() => { hint.style.opacity = '1'; }, 300); }); } }); } // --- Escape HTML helper --- function escapeHtml(text) { const div = document.createElement('div'); div.textContent = text; return div.innerHTML; } // --- Add custom styles for new elements --- function addCustomStyles() { const style = document.createElement('style'); style.textContent = ` /* Floating TOC / .floating-toc { position: fixed; top: 80px; right: 20px; z-index: 1000; background: white; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.15); border: 1px solid #e9ecef; width: 260px; max-width: calc(100% - 40px); transition: all 0.3s ease; backdrop-filter: blur(8px); background: rgba(255,255,255,0.95); } .floating-toc-header { display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; background: linear-gradient(135deg, var(--primary), var(--secondary)); color: white; border-radius: 12px 12px 0 0; font-weight: 600; font-size: 0.9rem; cursor: pointer; } .toc-toggle-btn { background: none; border: none; color: white; font-size: 1.2rem; cursor: pointer; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: background 0.2s; } .toc-toggle-btn:hover { background: rgba(255,255,255,0.2); } .floating-toc.collapsed { width: auto; } .floating-toc.collapsed .floating-toc-header { border-radius: 12px; } .toc-links-container { max-height: 400px; overflow-y: auto; padding: 8px 0; } .toc-link { display: block; padding: 8px 15px; color: var(--dark); text-decoration: none; font-size: 0.85rem; transition: all 0.2s; border-left: 3px solid transparent; } .toc-link:hover { background: rgba(67, 97, 238, 0.05); color: var(--primary); padding-left: 20px; } .toc-link.active { background: rgba(67, 97, 238, 0.1); border-left-color: var(--primary); color: var(--primary); font-weight: 500; } / Collapse button in cards / .collapse-section-btn { background: none; border: none; font-size: 1.1rem; cursor: pointer; width: 28px; height: 28px; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.2s; color: var(--gray); margin-right: 8px; } .collapse-section-btn:hover { background: rgba(67, 97, 238, 0.1); color: var(--primary); } .card.section-collapsed .card-header { border-bottom: none; } / Back to Top Button / .back-to-top-btn { position: fixed; bottom: 30px; right: 30px; width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(135deg, var(--primary), var(--secondary)); color: white; border: none; cursor: pointer; font-size: 1.5rem; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 999; box-shadow: 0 4px 12px rgba(67, 97, 238, 0.4); } .back-to-top-btn.visible { opacity: 1; visibility: visible; } .back-to-top-btn:hover { transform: translateY(-3px); box-shadow: 0 6px 16px rgba(67, 97, 238, 0.5); } / Mobile adjustments / @media (max-width: 768px) { .floating-toc { top: auto; bottom: 20px; right: 20px; left: auto; width: 48px; overflow: hidden; } .floating-toc .floating-toc-header span { display: none; } .floating-toc .floating-toc-header { justify-content: center; padding: 12px; } .floating-toc .toc-toggle-btn { margin: 0; } .floating-toc:not(.collapsed) { width: 260px; left: auto; right: 20px; bottom: 20px; top: auto; } .floating-toc:not(.collapsed) .floating-toc-header span { display: inline; } .floating-toc:not(.collapsed) .floating-toc-header { justify-content: space-between; } .back-to-top-btn { bottom: 80px; right: 20px; width: 40px; height: 40px; font-size: 1.2rem; } .scroll-hint { display: block !important; font-size: 0.65rem; } } / Smooth scroll behavior / html { scroll-behavior: smooth; } / Better card transitions / .card .card-content { transition: display 0.2s ease; } / RTL support for languages like Arabic/Hebrew / [dir="rtl"] .floating-toc { right: auto; left: 20px; } [dir="rtl"] .back-to-top-btn { right: auto; left: 30px; } [dir="rtl"] .collapse-section-btn { margin-right: 0; margin-left: 8px; } `; document.head.appendChild(style); } // --- Initialize everything when DOM is ready --- function init() { addCustomStyles(); createFloatingTOC(); addCollapsibleButtons(); createBackToTopButton(); improveTables(); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } })(); </script></div> <!-- Footer --> <footer> <div class="footer-container"> <div class="footer-content"> <div class="footer-section"> <h3>About serpuls.com</h3> <div class="footer-info"> <p>Professioneel hulpmiddel voor zoekmachineanalyse, positiemonitoring en SEO-optimalisatie.</p> <p style="margin-top: 1rem;"><strong>Skynet360 LP.</strong></p> <p><strong>Bedrijfsnr:</strong> SL027564</p> <p><strong>Adres:</strong> Suite 1 4 Queen Street, Edinburgh, Scotland, EH2 1JE</p> </div> </div> <div class="footer-section"> <h3>Snelle koppelingen</h3> <ul class="footer-links"> <li><a href="/nl/">Thuis</a></li> <li><a href="/nl/profile/">Profiel</a></li> <li><a href="/nl/tasks/">Taken bewaken</a></li> <li><a href="/nl/api_docs/">API-documentatie</a></li> <li><a href="/nl/team/">Ons team</a></li> </ul> </div> <div class="footer-section"> <h3>Bronnen</h3> <ul class="footer-links"> <li><a href="/nl/blogs/">Bloggen</a></li> <li><a href="/nl/faq/">Veelgestelde vragen</a></li> <li><a href="/nl/support/">Steun</a></li> </ul> </div> <div class="footer-section"> <h3>Contacten</h3> <div class="footer-info"> <p>E-mail: <a href="mailto:info@serpuls.com">info@serpuls.com</a></p> <p>Telegram: <a href="https://t.me/serpulse_support">@serpulse_support</a></p> <div class="social-links"> <a href="#" class="social-link" title="Telegram">📱</a> <a href="https://github.com/SkyNetJose/serpuls" class="social-link" title="GitHub">💻</a> <a href="#" class="social-link" title="Twitteren">🐦</a> </div> </div> </div> </div> <div class="footer-bottom"> <p class="copyright">© 2026 serpuls.com. Alle rechten voorbehouden. Skynet360 LP.</p> <div class="footer-bottom-links"> <a href="/nl/privacy/">Privacybeleid</a> <a href="/nl/terms/">Gebruiksvoorwaarden</a> <a href="/nl/agreement/">Gebruikersovereenkomst</a> <a href="/nl/cookie/">Cookiebeleid</a> </div> </div> </div> </footer> <!-- Updated Payment Modal HTML --> <div class="modal" id="paymentModal"> <div class="modal-content"> <span class="close-btn">×</span> <div class="modal-success" id="paymentSuccess"> <div class="success-icon">✓</div> <h3>Betaling succesvol!</h3> <p>Bedankt voor uw bestelling. Wij nemen binnenkort contact met u op.</p> <button class="cta-button" onclick="closeModal('paymentModal')">Dichtbij</button> </div> <form id="paymentForm" onsubmit="return processPayment(event)"> <h2 class="modal-title" id="modalTitle">Betaling voor dienst</h2> <p class="modal-text" id="modalText">Dienstbeschrijving</p> <!-- Hidden fields for payment type and ID --> <input type="hidden" id="paymentType" name="payment_type" value=""> <input type="hidden" id="paymentItemId" name="payment_item_id" value=""> <!-- Payment Options --> <div class="payment-options" id="paymentOptions"> <!-- Options will be dynamically generated here --> </div> <!-- Manual Price Input (Optional) - Now dynamically shown based on config --> <div class="form-group" id="manualPriceGroup" style="display: none;"> <label for="manualPrice">Voer bedrag in (USD):</label> <input type="number" id="manualPrice" class="form-control" placeholder="Voer bedrag in" min="1" max="10000" step="0.01" oninput="updateManualPrice(this.value)"> <div class="error-message" id="manualPriceError"></div> </div> <!-- Custom Price Option Toggle - Now dynamically shown --> <div class="form-group" id="customPriceToggle" style="display: none; margin-bottom: 1rem;"> <label style="display: flex; align-items: center; gap: 0.5rem; cursor: pointer;"> <input type="radio" id="customPriceRadio" name="paymentOption" value="custom" onchange="toggleCustomPriceSelection(this.checked)"> Voer een aangepast bedrag in </label> </div> <div class="form-group"> <label for="modalName">Naam:</label> <input type="text" id="modalName" class="form-control" placeholder="Voer uw naam in" required> <div class="error-message" id="modalNameError"></div> </div> <div class="form-group"> <label for="modalEmail">E-mail:</label> <input type="email" id="modalEmail" class="form-control" placeholder="Voer uw e-mailadres in" required> <div class="error-message" id="modalEmailError"></div> </div> <p class="modal-price" id="modalPrice">Prijs: $0.00</p> <button type="submit" class="cta-button" id="payButton">Betalen $0.00</button> </form> </div> </div> <!-- Redirect Modal (for iframe) --> <div class="modal" id="redirectModal"> <div class="modal-content modal-large"> <span class="close-btn">×</span> <h2 class="modal-title">Betaling</h2> <iframe id="redirectIframe" class="modal-iframe" src=""> × Login Register Log in op uw account E-mail: Wachtwoord: Of log in via Telegram Meld je aan via Telegram Naam: E-mail: Hoe het werkt: Vul hierboven uw naam en e-mailadres in Klik op de knop om Telegram te openen Volledige registratie in de bot (telefoonnummer vereist) Ontvang inloggegevens via e-mail × 🔐 Verificatiecode De code is naar Telegram gestuurd. Vul het hieronder in: Code geldig voor: 05:00 × 📱 Volledige registratie in Telegram Telegram is geopend in een nieuw tabblad. Als de bot niet automatisch wordt geopend, gebruik dan de onderstaande knop of scan de QR-code. Scan de QR-code om de bot te openen Wachten op bevestiging... 05:00 Hoe het werkt:* 1. Klik op Telegram openen of scan de QR-code 2. Klik in de bot op START en deel uw telefoonnummer 3. De bevestigingsstatus wordt automatisch bijgewerkt × 📧 E-mailverificatie We hebben een verificatie-e-mail naar uw adres gestuurd Verificatiecode: 🔍 Verificatiestatus controleren... ×