Back to top

Autore Topic: [RISOLTO]Soluzione compatibilità jquery-mootools?  (Letto 13809 volte)

Offline RdG

  • Appassionato
  • ***
  • Post: 248
  • Sesso: Maschio
  • RdG risorse di grafica, pattern, shape e altro
    • Mostra profilo
[RISOLTO]Soluzione compatibilità jquery-mootools?
« il: 30 Lug 2010, 10:56:41 »
Ciao, ho trovato in rete un plug-in creato per far convivere sia la libreria di jquery che quella nativa su joomla mootools senza, come dice lo sviluppatore, dover agire sull' hacks del core di joomla, il plug-in si chiama plgOSJQuery, qualc'uno l'ha provato e mi sa dire se funziona?
Ho trovato molte guide on-line su come far funzionare jquery senza "inibire" mootools, però trovo difficoltà nell'applicarle.
Avete suggerimenti?
ciao e grazie.

« Ultima modifica: 01 Ago 2010, 20:02:23 da ballajoomla »
RdG risorse di grafica http://www.risorsedigrafica.it

mau_develop

  • Visitatore
Re:Soluzione compatibilità jquery-mootools?
« Risposta #1 il: 30 Lug 2010, 12:20:49 »
basta che quando scrivi lo script jquery metti
 jQuery.noConflict();

     // Inserisci tutto il tuo codice JQuery dopo e chiudi la parentesi alla fine
     jQuery(document).ready(function($){

M.

Offline RdG

  • Appassionato
  • ***
  • Post: 248
  • Sesso: Maschio
  • RdG risorse di grafica, pattern, shape e altro
    • Mostra profilo
Re:Soluzione compatibilità jquery-mootools?
« Risposta #2 il: 30 Lug 2010, 13:13:27 »
Ciao e grazie della risposta, intanto volevo scrivere gli effetti di questo plug-in visto che l'ho provato.
Non mi funziona purtroppo perché utilizza jquery-1.3.2.min.js mentre la slide che utilizzo usa jquery-1.4.2.min.js e jquery.cycle.min.js.

Scusami mau_develop ma non ho capito bene come fare:
devo andare dentro il file jquery-1.4.2.min.js?

Perché sono andato anche nel sito di jquery e nella pagina che descrive come far convivere diverse librerie, ma non sonon riuscito a risolvere ancora l'incompatibilità.

La slide che in questo template utilizzo, oltre i due file descritti sopra, utilizza altri 2 file.
Devo inserire noConflict anche in tutti gli altri file?
Ciao e grazie della disponibilità.

RdG risorse di grafica http://www.risorsedigrafica.it

mau_develop

  • Visitatore
Re:Soluzione compatibilità jquery-mootools?
« Risposta #3 il: 30 Lug 2010, 13:24:19 »
http://www.mrwebmaster.it/javascript/guide/evitare-conflitti-altre-librerie_1031.html

ad un certo punto costruirai lo script per jquery con qualcosa di simile (ti copio un pezzetto di uno script)

$('#calendar').fullCalendar({
      
      ........ codice ....................
         
      })

il guaio lo fa $, così solitamente risolvo aggiungendo una funzione no.conflict()
<script type='text/javascript'>
 jQuery.noConflict();

poi appena prima di $

 jQuery(document).ready(function($){

            $('#calendar').fullCalendar({
      
      ........ codice ....................
         
      })

});

M.

Offline RdG

  • Appassionato
  • ***
  • Post: 248
  • Sesso: Maschio
  • RdG risorse di grafica, pattern, shape e altro
    • Mostra profilo
Re:Soluzione compatibilità jquery-mootools?
« Risposta #4 il: 30 Lug 2010, 13:39:33 »
Grazie per la risposta ed il link, ora provo a risolvere, un'ultima cosa:

la soluzione di inserire prima jquery e poi mootools come posso risolverla?
perché mootools mi si carica sempre prima in <jdoc:include type="head" />
mentre per jquery utilizzo:

Codice: [Seleziona]
<?php

   $document 
= &JFactory::getDocument();
   
   
$document->addScript'templates/mio_template/js/jquery-1.4.1.min.js' );
   
   
$document->addScript'templates/mio_template/js/jquery.slidepanel.setup.js' );
   
   
$document->addScript'templates/mio_template/js/jquery.cycle.min.js' );

   
$document->addScript'templates/mio_template/js/jquery.cycle.setup.js' );
       
?>
e alla fine mi finisce sempre sotto mootools.

Ti ringrazio per le risposte.
« Ultima modifica: 30 Lug 2010, 13:44:37 da ballajoomla »
RdG risorse di grafica http://www.risorsedigrafica.it

Offline RdG

  • Appassionato
  • ***
  • Post: 248
  • Sesso: Maschio
  • RdG risorse di grafica, pattern, shape e altro
    • Mostra profilo
Re:Soluzione compatibilità jquery-mootools?
« Risposta #5 il: 30 Lug 2010, 15:47:39 »
Ciao ho provato ma non mi funziona, ti posto un esempio di codice:

Codice: [Seleziona]
jQuery.noConflict();

jQuery(document).ready(function($){

$(document).ready(function() {

// Expand Panel
$("#slideit").click(function(){
$("div#slidepanel").slideDown("slow");

});

// Collapse Panel
$("#closeit").click(function(){
$("div#slidepanel").slideUp("slow");
});

// Switch buttons from "Log In | Register" to "Close Panel" on click
$("#toggle a").click(function () {
$("#toggle a").toggle();
});

});
});

Ho fatto la stessa procedura con gli altri, premetto che i file sono esterni nella cartella js, richiamati come da post precedente.
Questa è la forma giusta o sbaglio qualcosa?
L'iconpatibilità riguarda il plugin googlemaps che utilizza mootools e che con IE 8 non si vede.
Il non funzionamento (campi obbligati ecc..) con chronoforms.
RdG risorse di grafica http://www.risorsedigrafica.it

mau_develop

  • Visitatore
Re:Soluzione compatibilità jquery-mootools?
« Risposta #6 il: 30 Lug 2010, 16:44:06 »
terza riga $(document).ready(function() { ...non ci vuole e se hai la chiusura della parentesi alla fine toglila.

per caricare prima lo script... è il mio stesso problema che stavo chiedendo in "sviluppo"

M.

jQuery.noConflict();

jQuery(document).ready(function($){
   
   // Expand Panel
   $("#slideit").click(function(){
      $("div#slidepanel").slideDown("slow");
   
   });   
   
   // Collapse Panel
   $("#closeit").click(function(){
      $("div#slidepanel").slideUp("slow");   
   });     
   
   // Switch buttons from "Log In | Register" to "Close Panel" on click
   $("#toggle a").click(function () {
      $("#toggle a").toggle();
   });     
     
});

Offline RdG

  • Appassionato
  • ***
  • Post: 248
  • Sesso: Maschio
  • RdG risorse di grafica, pattern, shape e altro
    • Mostra profilo
Re:Soluzione compatibilità jquery-mootools?
« Risposta #7 il: 30 Lug 2010, 17:08:06 »
Ancora non funziona, devo inserirlo anche all'interno del file jquery-1.4.1.min.js e del file jquery.cycle.min.js?

In un sito che sto sviluppando ho la slide solo in home, come posso caricare la libreria jquery solo li ed escluderla nelle altre pagini?
Intanto questo mi risolverebbe un problema.
thanks
« Ultima modifica: 30 Lug 2010, 17:09:55 da ballajoomla »
RdG risorse di grafica http://www.risorsedigrafica.it

mau_develop

  • Visitatore
Re:Soluzione compatibilità jquery-mootools?
« Risposta #8 il: 30 Lug 2010, 18:11:14 »
no, serve solo a non fare andare in conflitto i vari $

poi io nn sono un campione di ajax :) ...cmq sei sicuro che tutte quelle funz vadano messe così? hai provato a smanacciare lasciandone una sola?

M.

Offline RdG

  • Appassionato
  • ***
  • Post: 248
  • Sesso: Maschio
  • RdG risorse di grafica, pattern, shape e altro
    • Mostra profilo
Re:Soluzione compatibilità jquery-mootools?
« Risposta #9 il: 30 Lug 2010, 18:32:17 »
io nemmeno una riserva  ;D

forse è più chiaro se inserisco il link:
link

le funzioni che ho postato servono ad aprire il pannello sopra in alto.
I file js utilizzano la jquery per questo slide show, che essendo solo in home page potrei anche evitare di richiamarlo nelle altre pagine, a saperlo fare però!
« Ultima modifica: 30 Lug 2010, 18:36:59 da ballajoomla »
RdG risorse di grafica http://www.risorsedigrafica.it

mau_develop

  • Visitatore
Re:Soluzione compatibilità jquery-mootools?
« Risposta #10 il: 30 Lug 2010, 19:10:26 »
non ho capito cosa non ti funziona, a me sembra vada tutto

M.

Offline RdG

  • Appassionato
  • ***
  • Post: 248
  • Sesso: Maschio
  • RdG risorse di grafica, pattern, shape e altro
    • Mostra profilo
Re:Soluzione compatibilità jquery-mootools?
« Risposta #11 il: 30 Lug 2010, 19:26:35 »
Adesso ho ripristinato i file originali, se vai sulla pagina "dove siamo" con IE 8 vedrai che non funziona il plug-in di googlemap, poi ho riscontrato problemi con chronoform a causa del suddetto conflitto, questo però in un altro progetto.
Il modulo chronof. volevo usarlo anche in questo sito.
 :'(
RdG risorse di grafica http://www.risorsedigrafica.it

mau_develop

  • Visitatore
Re:Soluzione compatibilità jquery-mootools?
« Risposta #12 il: 30 Lug 2010, 19:59:34 »
dovrebbe apparirti un occhietto sulla barra inf di ie che ti dice che il cookie di google è bloccato per le restrizioni impostate.

ovviamente se hai lasciato come me i default.

M.

Offline RdG

  • Appassionato
  • ***
  • Post: 248
  • Sesso: Maschio
  • RdG risorse di grafica, pattern, shape e altro
    • Mostra profilo
Re:Soluzione compatibilità jquery-mootools?
« Risposta #13 il: 30 Lug 2010, 20:10:01 »
speravo funzionasse però anche sbloccato(l'occhietto non si vede) non si vede il plugin, a te si?
Sviluppi dallo sviluppo?  :)
Ciao
RdG risorse di grafica http://www.risorsedigrafica.it

Offline RdG

  • Appassionato
  • ***
  • Post: 248
  • Sesso: Maschio
  • RdG risorse di grafica, pattern, shape e altro
    • Mostra profilo
Re:Soluzione compatibilità jquery-mootools?
« Risposta #14 il: 01 Ago 2010, 20:01:12 »
Ciao, ho risolto utilizzando le righe di codice consigliatomi da mau_develop ed anche con l'aiuto di un'amica programmatrice.
Attendo comunque informazioni sul come caricare prima la libreria di jquery e poi mootools.
Grazie tante per l'aiuto ciao.

RdG risorse di grafica http://www.risorsedigrafica.it

 



Web Design Bolzano Kreatif