Non è semplice (almeno alla prima botta) utilizzare JQuery 1.4.2 insieme a JQuery UI 1.8.2 in un progetto dove è già presente il framework Dojo.
Nel mio caso il progetto era stato creato su Roo 1.0.2. con il nome di pizzashop
Per inserire JQuery è necessario modificare la pagina “default.jspx” che si trova nella cartella layout
Qui riporto la parte dell’HEAD che deve essere modificato:
<head><meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ /><meta http-equiv=”X-UA-Compatible” content=”IE=8″ /><spring:theme code=”styleSheet” var=”roo_css”/><spring:url value=”/${roo_css}” var=”roo_css_url”/><spring:url value=”/resources/dojo/dojo.js” var=”dojo_url”/><spring:url value=”/resources/dijit/themes/soria/soria.css” var=”soria_url”/><spring:url value=”/resources/spring/Spring.js” var=”spring_url”/><spring:url value=”/resources/spring/Spring-Dojo.js” var=”spring_dojo_url”/><spring:url value=”/static/images/fir.ico” var=”favicon” /><link rel=”stylesheet” type=”text/css” media=”screen” href=”${roo_css_url}”><!– //required for FF3 and Opera –></link><link rel=”stylesheet” type=”text/css” href=”${soria_url}”><!– //required for FF3 and Opera –></link><link rel=”SHORTCUT ICON” href=”${favicon}” /><script type=”text/javascript”><![CDATA[function readCookie(name) {var nameEQ = name + ‘=’;var ca = document.cookie.split(‘;’);for(var i=0;i < ca.length;i++) {var c = ca[i];while (c.charAt(0)==’ ‘) c = c.substring(1,c.length);if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);}return null;}var djConfig={locale:readCookie(‘locale’)};]]></script><script src=”${dojo_url}” type=”text/javascript” > //required for FF3 and Opera –></script><script src=”${spring_url}” type=”text/javascript”> //required for FF3 and Opera –></script><script src=”${spring_dojo_url}” type=”text/javascript”> //required for FF3 and Opera –></script><script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js”></script><script language=”JavaScript” type=”text/javascript”>jQuery.noConflict();</script><script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js” language=”JavaScript”></script><script language=”JavaScript” type=”text/javascript”>jQuery.noConflict();</script><script language=”JavaScript” type=”text/javascript”>dojo.require(“dojo.parser”);</script><spring:message code=”application.name” var=”app_name”/><title><spring:message code=”welcome.h3″ arguments=”${app_name}” /></title></head>
Il trucco stà nell’inserire dopo l’importazione di ognuna delle librerie JQUERY la notazione <script language=”JavaScript” type=”text/javascript”>jQuery.noConflict();</script> , infatti senza questa notazione il browser noterà solo la prima importazione.
Man this is what I was looking for. Thank you very much… Javascript is a hell sometimes…
Speriamo che jquery sia presto integrato in roo.
Ciao,
Enrico