Joomla.it Forum
Non solo Joomla... => Sviluppo => : JD76 24 Nov 2009, 13:53:33
-
Ciao a tutti,
ho dei grossi problemi a far funzionare i contenuti di Joomla con quasi tutti gli script in javascript che trovo in rete. Qualche settimana fa avevo a che fare con degli script JQuery e non c'è stato verso, oggi devo utilizzare mapper.js e niente da fare.
Una pagina d'esempio si trova a questo indirizzo:
http://lnx.gaelico.net/jdemo/index.php?option=com_content&view=article&id=2&Itemid=4
Dove c'è lo spazio vuoto dovrebbe esserci un'immagine, che non si vede... Se si guarda nel codice l'immagine c'è.
Viene utilizzato lo script per le mappe immagine che ho trovato qui: http://www.netzgesta.de/mapper/
La parte incriminata è testata fuori da Joomla e funziona :(
Ho provato a guardare con Firebug pensando che non trovasse il codice, ma lo trova. Sempre con Firebug ho eliminato la parte relativa all'uso di mapper.js, lasciando solo gli script che fanno apparire o scomparire alcune immagini sottostanti... e senza il richiamo a mapper funziona.
Qualcuno sa spiegarmi perchè non funziona?
Grazie in anticipo,
saluti
-
come li usi? li incolli negli articoli o dentro dei moduli e quali moduli?
-
Ciao!
Il codice (è compreso fra i commenti <!-- INIZIO GALLERY --> e <!-- FINE GALLERY -->) è inserito negli articoli. Se guardi il sorgente della pagina è presente tutto il codice inserito.
Grazie x qualsiasi consiglio!
-
img.mapper {
visibility:hidden;
}
hai questo nel testo dell'articolo...
che viene da:
<script type="text/javascript">
<!--
var canvascheck = document.createElement('canvas');
if(canvascheck.getContext || (document.all && document.namespaces && !window.opera)){
document.writeln('<style type="text/css">');
document.writeln('img.mapper { visibility: hidden; }');
document.writeln('<\/style>');
}
-->
</script>
-
Ok, grazie, questo risolve il problema della visibilità della mappa (l'avevo lasciato perchè doveva risolvere un altro problema che per ora non mi interessa più però).
In ogni caso non funziona la mappa immagine :(
Se tolgo l'istruzione class="mapper noborder icolo0r4b0be" dall'immagine funziona il mio javascript senza problemi. Però non riesco comunque ad utilizzare mapper.
Grazie !
-
nel tuo manca la "usemap"
<img class="mapper noborder icolo0r4b0be" width="500" height="324" border="0" alt="zefiro" src="/jdemo/images/stories/piantine/zefiro_palazzo.gif" usemap="#zefiro_palazzo"/>
senza la quale l'immagine non viene associata alla mappa delle aree
inoltre le immagini dei piani sono referenziate con "name" invece che con "id"
<img width="500" height="234" border="0" style="display: none;" id="zefiro_tp" alt="terzo piano" src="/jdemo/images/stories/piantine/zefiro_terzopiano.gif"/>
<img width="500" height="234" border="0" style="display: block;" id="zefiro_qp" alt="quarto piano" src="/jdemo/images/stories/piantine/zefiro_quartopiano.gif"/>
se metti così.. funziona
-
Ciao,
scusa se rispondo solo ora (a una mia richiesta d'aiuto).
Allora, nel caso dell'esempio il problema era che l'editor cancellava parti di codice... Nel sito effettivo in realtà non succedeva, ma il mapper non funziona comunque. E' come se venisse ingnorata la presenza di mapper.js, anche se è presente nella posizione corretta.
http://lnx.gaelico.net/jdemo/index.php?option=com_content&view=article&id=2&Itemid=4
L'aspetto ora è questo. Funziona tutto tranne l'effetto di rollover dato proprio dal mapper.js. Se faccio tutto in una pagina statica non in Joomla funziona :(
Grazie ancora