SQL ERROR: query=( SELECT 'common' AS book_type, pbs.book_section_id, pbs.snippet, b.id AS book_id, b.name AS book_name, b.year AS book_year, b.series AS book_series, b.link as book_link, b.litres_link, ba.id AS author_id, ba.name AS author_name, ba.link as author_link, bst.pid as pid, bs.link as section_link FROM kartaslov.phrases p JOIN kartaslov.phrase_book_section pbs ON pbs.phrase_id = p.id AND pbs.book_type = 'common' JOIN kartaslov.books b ON b.id = pbs.book_id JOIN kartaslov.book_authors ba ON ba.id = b.author_id JOIN kartaslov.book_section_text bst ON bst.id = pbs.book_section_text_id JOIN kartaslov.book_sections bs ON bs.id = bst.book_section_id WHERE p.phrase = ? LIMIT 0, 3 ) UNION ALL ( SELECT 'classic' AS book_type, pbs.book_section_id, pbs.snippet, cb.id AS book_id, cb.name AS book_name, cb.year AS book_year, cb.series AS book_series, cb.link as book_link, NULL AS litres_link, cba.id AS author_id, cba.name AS author_name, cba.link AS author_link, cbst.pid as pid, cbs.link as section_link FROM kartaslov.phrases p JOIN kartaslov.phrase_book_section pbs ON pbs.phrase_id = p.id AND pbs.book_type = 'classic' JOIN kartaslov.classic_books cb ON cb.id = pbs.book_id JOIN kartaslov.classic_book_authors cba ON cba.id = cb.author_id JOIN kartaslov.classic_book_section_text cbst ON cbst.id = pbs.book_section_text_id JOIN kartaslov.classic_book_sections cbs ON cbs.id = cbst.book_section_id WHERE p.phrase = ? LIMIT 0, 3 ); err=Unknown column 'pbs.book_section_id' in 'SELECT' SQL_ERR Src php id — 意味、同義語、Google/Yandex のトップ結果

serpuls.com

Български | 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

アクティブなフレーズ

情報更新日: 2026/02/02

📊 まとめ: src php id

📋

検索頻度: 6 398

この語句に利用できる形態学的データや定義はありません。

でのポジション Google

検索フレーズ - Google

🔍

位置	ドメイン	ページ	アクション
1	stackoverflow.com	/questions/34043366/...
完全な URL https://stackoverflow.com/questions/34043366/get-src-in-javascript-from-php-while タイトル Get .src in Javascript from PHP while 最終更新日該当なしページ権限該当なし渋滞: 該当なしバックリンク: 該当なしソーシャルシェア: 該当なしロード時間: 該当なしスニペットのプレビュー: 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
完全な URL https://github.com/php/php-src タイトル php/php-src 最終更新日該当なしページ権限該当なし渋滞: 該当なしバックリンク: 該当なしソーシャルシェア: 該当なしロード時間: 該当なしスニペットのプレビュー: 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...
完全な URL https://reddit.com/r/codinghelp/comments/18307bh/wp_php_and_js_img_src_php_something_change_src_on/?tl=ru タイトル WP, PHP и JS - 最終更新日該当なしページ権限該当なし渋滞: 該当なしバックリンク: 該当なしソーシャルシェア: 該当なしロード時間: 該当なしスニペットのプレビュー: WP, PHP и JS - 4				php.net	/manual/en/function....
完全な URL https://php.net/manual/en/function.session-id.php タイトル session_id - Manual 最終更新日該当なしページ権限該当なし渋滞: 該当なしバックリンク: 該当なしソーシャルシェア: 該当なしロード時間: 該当なしスニペットのプレビュー: 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...
完全な 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 タイトル Как регуляркой заменить у картинок атрибут src на data- ... 最終更新日該当なしページ権限該当なし渋滞: 該当なしバックリンク: 該当なしソーシャルシェア: 該当なしロード時間: 該当なしスニペットのプレビュー: Как регуляркой заменить у картинок атрибут src на data- ... Как регуляркой заменить у картинок атрибут src на data- src внутри блока с определенным ID ? · выучить регулярные выражения? · Сдаётся мне, что на ...
7	wordpress.stackexchange.com	/questions/428439/ch...
完全な URL https://wordpress.stackexchange.com/questions/428439/changing-src-url-on-page-id タイトル Changing src URL on page id - php 最終更新日該当なしページ権限該当なし渋滞: 該当なしバックリンク: 該当なしソーシャルシェア: 該当なしロード時間: 該当なしスニペットのプレビュー: 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="/ja/domain/developer.wordpress.org/" > developer.wordpress.org </a> </td> <td>/reference/functions...</td> <td> <button class="show-page-btn" onclick="togglePageDetails(this)"> ページの詳細を表示 </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">完全な 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">タイトル</div> <div class="page-detail-value"> wp_get_attachment_image_src() – Function </div> </div> <div class="page-detail-item"> <div class="page-detail-label">最終更新日</div> <div class="page-detail-value"> 該当なし </div> </div> <div class="page-detail-item"> <div class="page-detail-label">ページ権限</div> <div class="page-detail-value"> 該当なし </div> </div> </div> <div class="page-metrics"> <div class="page-metric"> <span class="page-detail-label">渋滞:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">バックリンク:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">ソーシャルシェア:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">ロード時間:</span> <span class="page-metric-value"> 該当なし </span> </div> </div> <div class="snippet" style="margin-top: 1rem;"> <strong>スニペットのプレビュー:</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="/ja/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)"> ページの詳細を表示 </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">完全な 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">タイトル</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">最終更新日</div> <div class="page-detail-value"> 該当なし </div> </div> <div class="page-detail-item"> <div class="page-detail-label">ページ権限</div> <div class="page-detail-value"> 該当なし </div> </div> </div> <div class="page-metrics"> <div class="page-metric"> <span class="page-detail-label">渋滞:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">バックリンク:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">ソーシャルシェア:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">ロード時間:</span> <span class="page-metric-value"> 該当なし </span> </div> </div> <div class="snippet" style="margin-top: 1rem;"> <strong>スニペットのプレビュー:</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="/ja/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)"> ページの詳細を表示 </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">完全な 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">タイトル</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">最終更新日</div> <div class="page-detail-value"> 該当なし </div> </div> <div class="page-detail-item"> <div class="page-detail-label">ページ権限</div> <div class="page-detail-value"> 該当なし </div> </div> </div> <div class="page-metrics"> <div class="page-metric"> <span class="page-detail-label">渋滞:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">バックリンク:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">ソーシャルシェア:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">ロード時間:</span> <span class="page-metric-value"> 該当なし </span> </div> </div> <div class="snippet" style="margin-top: 1rem;"> <strong>スニペットのプレビュー:</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="/ja/domain/thephp.foundation/" > thephp.foundation </a> </td> <td>/assets/files/24-07-...</td> <td> <button class="show-page-btn" onclick="togglePageDetails(this)"> ページの詳細を表示 </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">完全な 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">タイトル</div> <div class="page-detail-value"> PHP-SRC audit </div> </div> <div class="page-detail-item"> <div class="page-detail-label">最終更新日</div> <div class="page-detail-value"> 該当なし </div> </div> <div class="page-detail-item"> <div class="page-detail-label">ページ権限</div> <div class="page-detail-value"> 該当なし </div> </div> </div> <div class="page-metrics"> <div class="page-metric"> <span class="page-detail-label">渋滞:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">バックリンク:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">ソーシャルシェア:</span> <span class="page-metric-value"> 該当なし </span> </div> <div class="page-metric"> <span class="page-detail-label">ロード時間:</span> <span class="page-metric-value"> 該当なし </span> </div> </div> <div class="snippet" style="margin-top: 1rem;"> <strong>スニペットのプレビュー:</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', '日'); 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: 'のトップドメイン google フレーズの検索結果: "src php id"', subtitle: 'ドメインの位置履歴' }, width: '100%', height: 400, curveType: 'function', legend: { position: 'bottom' }, pointSize: 5, pointsVisible: true, interpolateNulls: true, selectionMode: 'multiple', vAxis: { direction: '-1', title: '位置', }, hAxis: { title: '日付', }, }; 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 言葉</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><b>народ</b>:</strong> <span><b>Народ</b> - в конституционном праве население определенной страны, выступающее как источник и носитель власти в государстве. С демографических, этнографических, социологических и иных позиций понятие <b>народ</b> имеет и другие характеристики.</span> </div> <div class="info-item"> <strong><b>НАРОД</b>:</strong> <span><b>НАРОД</b> м. люд, народившийся на известном пространстве; люди вообще; язык, племя; жители страны, говорящие одним языком; обыватели государства, страны, состоящей под одним управленьем; чернь, простолюдье, низшие, податные сословия; множество людей.</span> </div> <div class="info-item"> <strong><b>Народ</b>:</strong> <span><b>НАРОД</b> - 1) в теории конституционного права понятие, обычно подразумевающее все население государства, образующее единую социально-экономическую и политическую общность независимо от его деления на какие-либо национальные общности.</span> </div> </div> </div> </div> </div> <!-- Additional Services --> <div class="card" id="additional-services"> <div class="card-header"> <h2 class="card-title">追加サービス</h2> <div class="card-icon">💎</div> </div> <div class="card-content"> <div class="info-grid"> <div class="info-item"> <span class="popup-trigger" alt="詳細な推奨事項を含む完全な SEO 監査"> <button class="cta-button" data-modal="paymentModal" data-title="完全なSEO監査" data-text="検索エンジンの順位を向上させるための詳細な推奨事項を含む完全な SEO 監査。" data-price="99.99"> 完全なSEO監査 </button> <span class="popup-text"></span> </span> </div> <div class="info-item"> <span class="popup-trigger" alt="100 個のキーフレーズの月次ポジション監視"> <button class="cta-button" data-modal="paymentModal" data-title="位置監視" data-text="Google と Yandex の 100 個のキーフレーズの月次位置監視。" data-price="49.99"> 位置監視 </button> <span class="popup-text"></span> </span> </div> <div class="info-item"> <span class="popup-trigger" alt="競合他社の分析とプロモーション戦略の特定"> <button class="cta-button" data-modal="paymentModal" data-title="競合他社の分析" data-text="競合他社の分析とプロモーション戦略の特定。" data-price="79.99"> 競合他社の分析 </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('エラー' + ':'+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 ? 'スニペットを表示' : 'スニペットを隠す'; } </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 = 'ページの詳細を表示'; } }); // Toggle current page details if (pageDetails.classList.contains('active')) { pageDetails.classList.remove('active'); button.textContent = 'ページの詳細を表示'; } else { pageDetails.classList.add('active'); button.textContent = 'ページの詳細を非表示にする'; } } // 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 = 'ページの詳細を表示'; }); } }); // 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="/ja/domain/${item.domain}/" rel="nofollow">${item.domain}</a></noindex></td> <td>${item.page}</td> <td> <button class="show-page-btn" onclick="togglePageDetails(this)">ページの詳細を表示</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: '形態論的な補題', btnText: '補題' }, { id: 'google-search-section', title: '検索フレーズ - Google', btnText: 'Google' }, { id: 'yandex-search-section', title: '検索フレーズ - Yandex', btnText: 'Yandex' }, { id: 'book-samples-section', title: '本を使った例文・フレーズ', btnText: '本' }, { id: 'additional-services', title: '追加サービス', btnText: 'サービス' } ]; // --- Helper Functions --- function getSectionIdFromTitle(title) { if (title.includes('形態論的な補題')) return 'morphological-lemmas'; if (title.includes('検索フレーズ - Google')) return 'google-search-section'; if (title.includes('検索フレーズ - Yandex')) return 'yandex-search-section'; if (title.includes('追加サービス')) 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>📑 目次</span> <button id="toc-toggle-btn" class="toc-toggle-btn" aria-label="目次を折りたたむ">−</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', 'セクションを折りたたむ/展開する'); // 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', 'トップに戻る'); 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 = '← → スワイプしてさらに表示'; 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>検索エンジン分析、順位監視、SEO 最適化のためのプロフェッショナルツール。</p> <p style="margin-top: 1rem;"><strong>Skynet360 LP.</strong></p> <p><strong>Company No:</strong> SL027564</p> <p><strong>Address:</strong> Suite 1 4 Queen Street, Edinburgh, Scotland, EH2 1JE</p> </div> </div> <div class="footer-section"> <h3>Quick Links</h3> <ul class="footer-links"> <li><a href="/ja/">家</a></li> <li><a href="/ja/profile/">プロフィール</a></li> <li><a href="/ja/tasks/">監視タスク</a></li> <li><a href="/ja/api_docs/">APIドキュメント</a></li> <li><a href="/ja/team/">私たちのチーム</a></li> </ul> </div> <div class="footer-section"> <h3>Resources</h3> <ul class="footer-links"> <!--<li><a href="#">ドキュメント</a></li>--> <li><a href="/ja/blogs/">ブログ</a></li> <li><a href="/ja/faq/">よくある質問</a></li> <li><a href="/ja/support/">サポート</a></li> </ul> </div> <div class="footer-section"> <h3>Contacts</h3> <div class="footer-info"> <p>Email: <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="Twitter">🐦</a> </div> </div> </div> </div> <div class="footer-bottom"> <p class="copyright">© 2026 serpuls.com. All rights reserved. Skynet360 LP.</p> <div class="footer-bottom-links"> <a href="/ja/privacy/">プライバシーポリシー</a> <a href="/ja/terms/">利用規約</a> <a href="/ja/agreement/">ユーザー同意書</a> <a href="/ja/cookie/">クッキーポリシー</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>Платеж успешен!</h3> <p>Спасибо за ваш заказ. Мы свяжемся с вами в ближайшее время.</p> <button class="cta-button" onclick="closeModal('paymentModal')">Закрывать</button> </div> <form id="paymentForm" onsubmit="return processPayment(event)"> <h2 class="modal-title" id="modalTitle">Оплата за услугу</h2> <p class="modal-text" id="modalText">Описание услуги</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">Введите сумму (USD):</label> <input type="number" id="manualPrice" class="form-control" placeholder="Введите сумму" 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)"> Указать свою сумму </label> </div> <div class="form-group"> <label for="modalName">Имя:</label> <input type="text" id="modalName" class="form-control" placeholder="Введите свое имя" required> <div class="error-message" id="modalNameError"></div> </div> <div class="form-group"> <label for="modalEmail">Электронная почта:</label> <input type="email" id="modalEmail" class="form-control" placeholder="Введите адрес электронной почты" required> <div class="error-message" id="modalEmailError"></div> </div> <p class="modal-price" id="modalPrice">Цена: $0.00</p> <button type="submit" class="cta-button" id="payButton">Платить $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">支払い</h2> <iframe id="redirectIframe" class="modal-iframe" src=""> × Авторизоваться Зарегистрироваться Войти в аккаунт Электронная почта: Пароль: Или войдите через Telegram Зарегистрироваться через Telegram Имя: Электронная почта: Как это работает: Введите имя и email выше Нажмите кнопку для открытия Telegram Завершите регистрацию в боте (потребуется номер телефона) Получите email с данными для входа × 🔐 Код подтверждения Код был отправлен в Telegram. Введите его ниже: Код действителен: 05:00 × 📱 Завершите регистрацию в Telegram Telegram был открыт в новой вкладке. Если бот не открылся автоматически, используйте кнопку ниже или отсканируйте QR-код. Отсканируйте QR-код для открытия бота Ожидание подтверждения... 05:00 Как это работает:* 1. Нажмите "Открыть Telegram" или отсканируйте QR-код 2. В боте нажмите START и поделитесь номером телефона 3. Статус подтверждения обновится автоматически × 📧 Подтверждение Email Мы отправили письмо с подтверждением на ваш email Код подтверждения: 🔍 Проверяем статус подтверждения... ×