4 Dec
2013
4 Dec
'13
12:19 p.m.
Hi Ruben,
On 12/04/2013 12:10 PM, Ruben M. wrote:
Hello XWiki team & users,
First of all thanks a lot for your great work.
I’ve set up XWiki as an intranet website (version 5.2.1).
Currenty I’m trying to customize it with some javascript to make life easier
for the users.
I experimented a bit with jQuery (as I have a bit of experience with it) and
have successfully integrated it into a test page via the jQuery Helpers
Extension
(http://extensions.xwiki.org/xwiki/bin/view/Extension/jQuery+Helpers)
Now I want to include a jQuery Plugin which extends the jQuery functions.
I’d like to try out the live tiles in Windows 8 style from Drew Greenwell
(http://www.drewgreenwell.com/projects/metrojs).
It’s no big deal to get the liveTiles working - On a local webserver without
Xwiki.
Here’s the problem: The functions from metrojs seem to collide with
prototype.js. I experimented a bit with jQuerynoConflict(); , I tried to
rename the functions inside metroJS.js, but nothing worked so far.
Firebug says ‘$ele.attr is not a function’ inside the metrojs-Code in the
console, which I believe is a problem with prototype.js. (See for the XWiki
test page code at the end of the mail – I won’t post the whole MetroJS-Code
here, it’s a little big).
My questions are:
a) Is there a possibility to deactivate / rename / “defuse” prototype.js, or
to listen for another shortcut than $ on this page (something like
prototypeNoConflict();) ?
No, prototype is not really able to do this and much of XWiki and extension js
depends on $ being bound to prototype.
b) Has anyone of you any experience with jQuery
plugins (or even better,
Metrojs!) in XWiki and maybe a hint?
I have experience with jquery, as of XWiki 5.2 you can access that using requirejs.
require(['jquery'], function ($) {
$('#xwikicontent').append('<p>hello world</p>') });
I recommend wrapping metrojs in a similar function to avoid conflicts while
still giving it access to jquery as it requires.
c) Is there a possibility of producing some kind of
“liveTiles” with
prototype.js (which I’m not very experienced with)
prototype is (gingerly) moving toward retirement and the best support will
always be found in the jQuery world.
http://sstephenson.us/posts/you-are-not-your-code
Thanks,
Caleb
I know it’s more of a javascript-related question, so thanks a lot for
reading this anyway.
Regards
Ruben
#################
Here’s the current code of my test page (ADMIN is the test space):
{{velocity}}
$xwiki.jsx.use("jQuery.jQuery", {'defer': false})
$xwiki.jsx.use("ADMIN.MetroJS")
$xwiki.ssx.use("ADMIN.MetroCSS")
{{/velocity}}
{{html}}
Carousel Mode: Simple
<div class="red">
<div id="tile1" data-mode="carousel"
data-start-now="true"
class="live-tile" data-direction="horizontal"
data-delay="3000">
<div> <http://www.drewgreenwell.com/images/sample/1tw.gif>
</div>
<div> <http://www.drewgreenwell.com/images/sample/2tw.gif>
</div>
<div class="accent emerald"><p
class="metroExtraLarge">2 and a
half</p></div>
<div> <http://www.drewgreenwell.com/images/sample/3tw.gif>
</div>
<div> <http://www.drewgreenwell.com/images/sample/4tw.gif>
</div>
</div>
</div>
{{/html}}
--
View this message in context:
http://xwiki.475771.n2.nabble.com/jQuery-plugin-Conflict-with-prototype-js-…
Sent from the XWiki- Users mailing list archive at Nabble.com.
_______________________________________________
users mailing list
users(a)xwiki.org
http://lists.xwiki.org/mailman/listinfo/users