Site Builder

Editing: samsung-galaxy-a12-vs--.html

writable 0666

<!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
            <script>window._wca = window._wca || [];</script>

<title>Compare SAR - Samsung Galaxy A12 vs Apple iPhone 15 Pro</title>
            <meta name="description" content="Compare SAR values and specifications of Samsung Galaxy A12 vs Apple iPhone 15 Pro. Find out which phone has the lowest SAR value and see a detailed comparison of their features." class="yoast-seo-meta-tag" />
            <link rel="canonical" href="https://www.rfsafe.com/compare-sar.php?pid=113231-119307" class="yoast-seo-meta-tag" />
            <meta property="og:locale" content="en_US" class="yoast-seo-meta-tag" />
            <meta property="og:type" content="article" class="yoast-seo-meta-tag" />
            <meta property="og:title" content="Compare SAR - Samsung Galaxy A12 vs Apple iPhone 15 Pro" class="yoast-seo-meta-tag" />
            <meta property="og:description" content="Compare SAR values and specifications of Samsung Galaxy A12 vs Apple iPhone 15 Pro. Find out which phone has the lowest SAR value and see a detailed comparison of their features." class="yoast-seo-meta-tag" />
            <meta property="og:url" content="https://www.rfsafe.com/compare-sar.php?pid=113231-119307" class="yoast-seo-meta-tag" />
            <meta property="og:site_name" content="RF SAFE® Radio Frequency Safe" class="yoast-seo-meta-tag" />
            <meta property="article:author" content="https://www.facebook.com/SafeCellPhones" class="yoast-seo-meta-tag" />
            <meta property="article:published_time" content="2024-05-25T09:59:03+00:00" class="yoast-seo-meta-tag" />
            <meta property="article:modified_time" content="2024-06-18T09:59:03+00:00" class="yoast-seo-meta-tag" />
            <meta property="og:image" content="https://www.rfsafe.com/wp-content/uploads/2019/12/samsung-galaxy-a12-sm-a125-150x150.jpg" class="yoast-seo-meta-tag" />

<div class="header">
           <div class="rf-safe-logo">RF Safe</div>
            <div class="nav">
                <a href="#">Info</a>
                <a href="#">News</a>
                <a href="#">SAR Database</a>
                <a href="#">QuantaCase</a>
                <a href="#">iPhone</a>
                <a href="#">Samsung</a>
                <a href="#">Google</a>
            </div>
            <button class="menu-button" onclick="toggleMenu()">
                <div></div>
                <div></div>
                <div></div>
            </button>
            <div class="nav-overlay" id="nav-overlay">
                <a href="#">Info</a>
                <a href="#">News</a>
                <a href="#">SAR Database</a>
                <a href="#">QuantaCase</a>
                <a href="#">iPhone</a>
                <a href="#">Samsung</a>
                <a href="#">Google</a>
            </div>
        </div>

<div class="news-flash">
            News Flash ⚡ Spot Fake Anti Radiation Phone Cases
        </div>

<div class="compare-sar-container">
            <div id="limit-message">You have reached the maximum number of phones for comparison.</div>
            <div class="selected-phones" id="sar2-selected-phones"></div>
            <div class="compare-sar-dropdown-container">
                <div class="dropdown-wrapper">
                    <label for="sar2-brand-select">Select Brand</label>
                    <select id="sar2-brand-select">
                        <option value="">Select Brand</option>
                    </select>
                </div>
                <div class="dropdown-wrapper" id="model-dropdown-wrapper" style="display: none;">
                    <label for="sar2-model-select">Select Model</label>
                    <select id="sar2-model-select">
                        <option value="">Select Model</option>
                    </select>
                </div>
            </div>
            <div id="sar2-shortcode-display" style="margin-top: 20px; font-weight: bold;"></div>
            <div class="button-container">
                <button id="clear-cookie-button" class="button">Clear Selection</button>
                <button id="compare-more-specs-button" class="button">Compare 49 More Specs</button>
            </div>
            <div id="full-specs-container" style="display:none;"></div>
            <div class="copy-link-container" id="copy-link-container">
                <p><a href="#" id="copy-link-url">This phone comparison is saved here:</a></p>
                <input type="text" id="copy-link" readonly>
                <button id="copy-button">Click to Copy Link</button>
            </div>
        </div>

document.addEventListener("DOMContentLoaded", function() {
            // Load the JSON data
            fetch('/cache/sar2_cache.json')
                .then(response => response.json())
                .then(phoneData => {
                    initializePage(phoneData);
                    handleUrlParams(phoneData);  // Move this call after function definition
                });

const brandSelect = document.getElementById('sar2-brand-select');
                const modelSelect = document.getElementById('sar2-model-select');
                const selectedPhonesDiv = document.getElementById('sar2-selected-phones');
                const shortcodeDisplay = document.getElementById('sar2-shortcode-display');
                const limitMessage = document.getElementById('limit-message');
                const clearButton = document.getElementById('clear-cookie-button');
                const copyLinkInput = document.getElementById('copy-link');
                const copyLinkContainer = document.getElementById('copy-link-container');
                const copyLinkUrl = document.getElementById('copy-link-url');
                const copyButton = document.getElementById('copy-button');
                const compareMoreSpecsButton = document.getElementById('compare-more-specs-button');
                const fullSpecsContainer = document.getElementById('full-specs-container');
                const errorMessageDiv = document.getElementById('error-message');

let selectedPhones = [];
                const phoneLimit = window.innerWidth <= 768 ? 2 : 4;

// Populate brand dropdown
                for (const brand in brands) {
                    const option = document.createElement('option');
                    option.value = brand;
                    option.text = capitalize(brand);
                    brandSelect.appendChild(option);
                }

brandSelect.addEventListener('change', updateModels);
                modelSelect.addEventListener('change', function() {
                    addPhone(modelSelect.value);
                });
                clearButton.addEventListener('click', clearSelection);
                copyButton.addEventListener('click', copyLink);
                compareMoreSpecsButton.addEventListener('click', toggleFullSpecs);

function isPhoneSelected(postId) {
                    return selectedPhones.some(phone => phone.post_id == postId);
                }

function removePhone(index) {
                    selectedPhones.splice(index, 1);
                    updateSelectedPhonesDisplay();
                    updateShortcode();
                    updateModels();
                    limitMessage.textContent = '';
                    limitMessage.style.display = 'none';
                    if (fullSpecsContainer.style.display === 'block') {
                        loadFullSpecs(); // Update full specs table if visible
                    }
                }

function renderShortcode(pids) {
                    const pidArray = pids.split('-');
                    const compList = pidArray.map(pid => phoneData.find(phone => phone.post_id == pid));
                    const phoneTitles = compList.map(phone => `${phone.brand} ${phone.model}`);
                    const ptitle = phoneTitles.join(' vs ');

shortcodeDisplay.innerHTML = comparisonHtml;
                    applyColorCoding(compList.length);
                }

function getSarLabel(type) {
                    const labels = {
                        'ushead': 'Head SAR (Cellular Only)',
                        'usbody': 'Body SAR (Cellular Only)',
                        'productspecific': 'Hot Spot SAR (Cellular Only)',
                        'simulheadus': 'Head SAR (Wi-Fi + Cellular)',
                        'simulbodyus': 'Body SAR (Wi-Fi + Cellular)',
                        'hotspot': 'Hot Spot SAR (Wi-Fi + Cellular)'
                    };
                    return labels[type] || type;
                }

function applyColorCoding(compCount) {
                    const rows = document.querySelectorAll('.unique-sar-table tbody tr:nth-child(2n)');
                    rows.forEach(row => {
                        const cells = Array.from(row.querySelectorAll('td[data-value]'));
                        const values = cells.map(cell => parseFloat(cell.dataset.value));
                        const minValue = Math.min(...values);
                        const maxValue = Math.max(...values);

cells.forEach(cell => {
                            const value = parseFloat(cell.dataset.value);
                            if (compCount === 1) {
                                cell.classList.add('unique-sar-gray');
                            } else if (value === minValue && values.filter(v => v === minValue).length === 1) {
                                cell.classList.add('unique-sar-green');
                            } else if (value === maxValue && values.filter(v => v === maxValue).length === 1) {
                                cell.classList.add('unique-sar-dark-red');
                            } else if (value === minValue && values.filter(v => v === minValue).length > 1) {
                                cell.classList.add('unique-sar-tie');
                            } else if (value === maxValue && values.filter(v => v === maxValue).length > 1) {
                                cell.classList.add('unique-sar-tie');
                            } else {
                                const rank = values.sort((a, b) => a - b).indexOf(value);
                                if (rank === 1) {
                                    cell.classList.add('unique-sar-light-red');
                                } else {
                                    cell.classList.add('unique-sar-lighter-red');
                                }
                            }
                        });
                    });
                }

function clearSelection() {
                    selectedPhones = [];
                    updateSelectedPhonesDisplay();
                    shortcodeDisplay.textContent = 'No phones selected for comparison.';
                    limitMessage.textContent = '';
                    limitMessage.style.display = 'none';
                    copyLinkInput.value = '';
                    copyLinkContainer.style.display = 'none';
                    fullSpecsContainer.style.display = 'none'; // Hide the full specs table
                }

function capitalize(string) {
                    return string.charAt(0).toUpperCase() + string.slice(1);
                }

function handleUrlParams(phoneData) {
                    const urlParams = new URLSearchParams(window.location.search);
                    const pid = urlParams.get('pid');
                    const pos = urlParams.get('pos');
                    const initialPhones = pid ? pid.split('-') : pos ? pos.split('-') : [];

console.log('URL Params:', { pid, pos, initialPhones }); // Debugging line

if (initialPhones.length > 0) {
                        initialPhones.forEach(postId => {
                            const phone = phoneData.find(p => p.post_id == postId);
                            if (phone) {
                                console.log('Adding phone:', phone); // Debugging line
                                selectedPhones.push(phone);
                            } else {
                                const missingPhone = phoneData.find(p => p.post_id == postId);
                                if (!missingPhone) {
                                    errorMessageDiv.textContent = `Missing Data For Phone with Post ID: ${postId}`;
                                    errorMessageDiv.style.display = 'block';
                                }
                            }
                        });
                        updateSelectedPhonesDisplay();
                        updateShortcode();
                    }
                }

function copyLink() {
                    copyLinkInput.select();
                    document.execCommand('copy');
                }

function loadFullSpecs() {
                    fullSpecsContainer.innerHTML = '<p>Loading full specs...</p>';

Promise.all(selectedPhones.map(phone => {
                        const slug = `${phone.brand.toLowerCase().replace(/\s+/g, '-')}-${phone.model.toLowerCase().replace(/\s+/g, '-')}`;
                        const jsonFilePath = `/phones/${slug}/${slug}_cache.json`;
                        return fetch(jsonFilePath)
                            .then(response => response.json())
                            .catch(error => {
                                console.error('Error fetching JSON:', error);
                                return null; // Return null if fetch fails
                            });
                    })).then(specsData => {
                        const combinedSpecs = combineSpecs(specsData);
                        renderFullSpecsTable(combinedSpecs);
                    }).catch(error => {
                        fullSpecsContainer.innerHTML = '<p>Failed to load full specs.</p>';
                    });
                }

function renderFullSpecsTable(combinedSpecs) {
                    let html = '<table class="full-specs-table"><thead>';
                    html += '<tr>' + selectedPhones.map(phone => `<th>${phone.brand} ${phone.model}</th>`).join('') + '</tr>';
                    html += '</thead><tbody>';

for (const group in combinedSpecs) {
                        html += `<tr><td colspan="${selectedPhones.length}" class="full-specs-label"><h2 class="main-group-label">${group}</h2></td></tr>`;
                        html += '<tr class="phone-header-row">' + selectedPhones.map(phone => `<th>${phone.brand} ${phone.model}</th>`).join('') + '</tr>';
                        for (const spec in combinedSpecs[group]) {
                            if (spec.endsWith('Review')) continue;
                            html += `<tr><td colspan="${selectedPhones.length}" class="full-specs-label">${group} ${spec}</td></tr>`;
                            html += '<tr>' + combinedSpecs[group][spec].map(value => `<td>${value}</td>`).join('') + '</tr>';
                        }
                    }

html += '</tbody></table>';
                    fullSpecsContainer.innerHTML = html;
                }

handleUrlParams(phoneData);  // Ensure this is called after the function definition
            }
        });
        </script>

</body>
        </html>

Site Builder

Editing: samsung-galaxy-a12-vs--.html

Site Builder