Terminado

Ajustar un javascript dentro de Joomla 2.5

Publicado el 09 Enero, 2014 en Programación y Tecnología

Sobre este proyecto

Abierto

Hola chicos y chicas, necesito colaboración para un ajuste de programación para un script.

Descripción:

En un artículo en Joomla tengo map image (la imagen de un círculo) con hotspots que funcionan como botones (hotspots en polígonos), esto ya está construído, tanto el map image como los hotspots. Sin embargo tengo un par de scripts que activa varias funciones. Pero no funciona bien.


Scripts:

1) al hacer click en cada hotspot debe mostrarse un módulo a la derecha ubicado en una posición ya definida (script1)

2) al cambiar de idioma deben cambiarse las imágenes del hotspot (script1)

3) hace que el preload de las imágenes funcione (script2)

Problema:

Este mismo script existe en una página en Joomla 1.5 pero al hacer la migración de Joomla 1.5 a 2.5 se perdió. No sé si falta agregar alguna función. Entonces, lo que necesito es que repliquen el mismo funcionamiento que había en el Joomla 1.5 al 2.5.
O que me hagan un nuevo script, la elección es libre y el programador podrá elegir cualquiera.

La páginas donde pueden ver los scripts en funcionamiento son:

Joomla 1.5: http://www.ernestotages.com/index.php?option=com_content&view=article&id=4&Itemid=18&lang=es

Joomla 2.5: http://ravsyn.com/_ErnestoTages/metodologia


------------------------------------------------------------------
SCRIPT1:

<script type="text/javascript">
    var selecionada = 'moduletable-saber';
    j(function(){

    //var idioma = 'pt'
    var idioma = j(".moduletable-rss img").attr('src');
    var idioma1 = idioma.split('.')[0];


    j(".moduletable-rss img").mouseenter(function(){
      j(this).attr({src: idioma1 + '-hover.png'});
    }).mouseleave(function(){
      j(this).attr({src: idioma});
    });


    j('#saber_01_Map area').mouseleave(function(){
        
        j("#imgMetodologia").attr({src: 'images/metodologia/' + selecionada + '-es-es.png'} );
        
    });

    });

    function metodologia(aaa) {
        j(".moduletable-saber").hide();
        j(".moduletable-cindividuais").hide();
        j(".moduletable-csociais").hide();
        j(".moduletable-gerir").hide();
        j(".moduletable-alegria").hide();
        j(".moduletable-amor").hide();
        j(".moduletable-prazer").hide();
        j(".moduletable-liberdade").hide();
        j(".moduletable-verdade").hide();
        j(".moduletable-reprogramar").hide();
        j('.' + Aaa).show();
        j("#imgMetodologia").attr({src: 'images/metodologia/' + aaa + '-es-es.png'});
        selecionada = aaa;
    }

    function focusArea(lalala){
     if ( j.browser.msie ) {
      lalala.blur();
     } else {
     // alert('aaa');
      return false;
     } 
    }
</script>

------------------------------------------------------------------

SCRIPT2


    // <![CDATA[
    function newImage(arg) {
        if (document.images) {
            rslt = new Image();
            rslt.src = arg;
            return rslt;
        }
    }
    function changeImages() {
        if (document.images && (preloadFlag == true)) {
            for (var i=0; i<changeImages.arguments.length; i+=2) {
                document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
            }
        }
    }
    var preloadFlag = false;
    function preloadImages() {
        if (document.images) {
            saber_01_Mapa_de_Imagem_04_over = newImage("images/metodologia/saber/saber_01-Mapa-de-Imagem_04_.png");
            saber_01_Mapa_de_Imagem_05_over = newImage("images/metodologia/saber/saber_01-Mapa-de-Imagem_05_.png");
            saber_01_Mapa_de_Imagem_06_over = newImage("images/metodologia/saber/saber_01-Mapa-de-Imagem_06_.png");
            saber_01_Mapa_de_Imagem_01_over = newImage("images/metodologia/saber/saber_01-Mapa-de-Imagem_01_.png");
            saber_01_Mapa_de_Imagem_07_over = newImage("images/metodologia/saber/saber_01-Mapa-de-Imagem_07_.png");
            saber_01_Mapa_de_Imagem_02_over = newImage("images/metodologia/saber/saber_01-Mapa-de-Imagem_02_.png");
            saber_01_Mapa_de_Imagem_08_over = newImage("images/metodologia/saber/saber_01-Mapa-de-Imagem_08_.png");
            saber_01_Mapa_de_Imagem_03_over = newImage("images/metodologia/saber/saber_01-Mapa-de-Imagem_03_.png");
            preloadFlag = true;
        }
    }
    // ]]>

Categoría Programación y Tecnología

Plazo de Entrega: 14 Enero, 2014

Habilidades necesarias