Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

HTML
<script type="text/javascript">
AJS.toInit(function() {
    // Interceptar específicamente las llamadas a cargar_region
    var originalAjax = AJS.$.ajax;
    
    AJS.$.ajax = function(options) {
        if (typeof options === 'string') {
            options = { url: options };
        }
        
        // Corregir específicamente las URLs de ofertas_trabajo
        if (options.url && options.url.includes('pm.portalminero.com/ofertas_trabajo')) {
            if (options.url.indexOf('http://') === 0) {
                options.url = options.url.replace('http://', 'https://');
                console.log('Mixed content corregido:', options.url);
            }
        }
        
        return originalAjax.apply(this, arguments);
    };
    
    // También verificar jQuery global si existe
    if (window.jQuery && window.jQuery !== AJS.$) {
        var originalJQueryAjax = window.jQuery.ajax;
        window.jQuery.ajax = function(options) {
            if (typeof options === 'string') {
                options = { url: options };
            }
            if (options.url && options.url.includes('pm.portalminero.com/ofertas_trabajo')) {
                if (options.url.indexOf('http://') === 0) {
                    options.url = options.url.replace('http://', 'https://');
                }
            }
            return originalJQueryAjax.apply(this, arguments);
        };
    }
});
</script>
 
<script type="text/javascript">
// Script simplificado para versión móvil
(function() {
    'use strict';
    
    console.log('Script CSS móvil cargado - Aplicando estilos directamente');
    
    // Función para aplicar CSS forzado
    function applyCSSForced() {
        console.log('Aplicando CSS forzado...');
        
        // Buscar elemento sb-wrapper
        var sbWrapper = document.querySelector('.sb-wrapper');
        if (sbWrapper) {
            sbWrapper.style.setProperty('top', '70px', 'important');
            console.log('? CSS aplicado a .sb-wrapper');
        } else {
            console.log('?? Elemento .sb-wrapper no encontrado');
        }
        
        // Buscar elementos right-aligned-form-fields
        var rightAlignedForms = document.querySelectorAll('.right-aligned-form-fields');
        if (rightAlignedForms.length > 0) {
            rightAlignedForms.forEach(function(form, index) {
                form.style.setProperty('padding', '110px 50px', 'important');
                form.style.setProperty('margin', '-108px', 'important');
                console.log('? CSS aplicado a .right-aligned-form-fields elemento #' + (index + 1));
            });
        } else {
            console.log('?? Elementos .right-aligned-form-fields no encontrados');
        }
    }
    
    // Función para crear CSS dinámico
    function createDynamicCSS() {
        var styleId = 'forced-mobile-css';
        var existingStyle = document.getElementById(styleId);
        
        if (!existingStyle) {
            var style = document.createElement('style');
            style.id = styleId;
            style.type = 'text/css';
            style.innerHTML = `
                .sb-wrapper {
                    top: 70px !important;
                }
                
                .right-aligned-form-fields {
                    padding: 110px 50px !important;
                    margin: -108px !important;
                }
            `;
            
            document.head.appendChild(style);
            console.log('? CSS dinámico insertado en el <head>');
        }
    }
    
    // Función principal
    function applyAllStyles() {
        applyCSSForced();      // Aplicar vía JavaScript
        createDynamicCSS();    // Aplicar vía CSS dinámico
    }
    
    // Ejecutar inmediatamente
    applyAllStyles();
    
    // Ejecutar cuando el DOM esté listo
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', applyAllStyles);
    }
    
    // Ejecutar cuando la página esté completamente cargada
    window.addEventListener('load', applyAllStyles);
    
    // Ejecutar con delays para asegurar que los elementos estén disponibles
    setTimeout(applyAllStyles, 100);
    setTimeout(applyAllStyles, 500);
    setTimeout(applyAllStyles, 1000);
    
})();
</script>