From c.robbenhaar@espresto.com Sat Feb 15 16:44:52 2014
From: Clemens Robbenhaar <c.robbenhaar@espresto.com>
To: xwiki-users@xwiki.org
Subject: Re: [xwiki-users] D3js not working on XWiki 5.4
Date: Sat, 15 Feb 2014 18:03:07 +0100
Message-ID: <52FF9DCB.9030501@espresto.com>
In-Reply-To: <52FF994C.7000800@espresto.com>
MIME-Version: 1.0
Content-Type: multipart/mixed; boundary="===============5501599317360404905=="

--===============5501599317360404905==
Content-Type: text/plain; charset="utf-8"
Content-Transfer-Encoding: quoted-printable

On 02/15/2014 05:43 PM, Clemens Robbenhaar wrote:
> On 02/14/2014 04:44 PM, Hamster wrote:
>> I have a problem getting the  D3js example
>> <http://extensions.xwiki.org/xwiki/bin/view/Extension/D3+Example>   to wor=
k.
>>
>> I have a fresh XWiki 5.4 running. I have installed the D3js with the EM. I
>> then created a new Space called "D3". I created a page called "D3.Data" and
>> pasted the data from the example. I then edited the "D3.WebHome" and pasted
>> the code to display the graph.
>>
>> But when I click "Save & View", I only get a blank page. F5 (refresh) does
>> nothing. I then edit the page in the WYSIWYG editor...I can see the graph
>> being displayed! I can even use the arrow keys left and right to interact
>> with the graph. But when I hit "Save & View", the graph is NOT being
>> displayed, but part of the velocity code is. If I edit the page in XWiki
>> mode, I can see that some velocity code is now being 'escaped' by XWiki.
>>
>> What am I missing here????
>>
>=20
> First thing you are missing is that the extension on the page is just a dem=
o for the impatient to view something before even installing something. It fe=
tched the javascript
> stuff from the D3 website directly; no need to install the D3js extension t=
o run it ;)
>=20
> Then, indeed the WYSIWYG editor does not handle the code snippet gracefully=
, just opening the editor and saving without editing breaks the thing, there =
is just too many
> inline <script> and other not-best-practice stuff in it it goes crazy and d=
amages the thing.
> Using the Wiki-editor is highly recommended for this beast ;)
>=20
> But these are all side notes ....
>=20
> What is really puzzeling and what I am starting at for an hour without unde=
rstanding is that the normal view does not show anything.
> All I get is a JavaScript Error "Refercence d3 not defined".
>=20
> If you look at it in "plain view" it should be ok (same as inside the WYSIW=
YG editor frame):
>=20
>   http://localhost:8080/xwiki/bin/view/D3/WebHome?xpage=3Dplain
>=20
> It seems one of the libraries XWiki loads in its normal layout conflicts wi=
th d3 in some way.
>=20

it is actually the "requirejs" that gets upset that soemone tries tio bypass:
  http://requirejs.org/docs/errors.html#mismatch

d3 smells the presence of requirejs and tries to register itself by there, ma=
king it inaccessible via the "fast & dirty" approaches to get things running.

However wrapping the code in a  "require(['d3'], function(d3) { ...});" call =
did not work for me either.
Maybe I should really read the documentation to figure out how this works. :D=
  However not this weekend, sorry

Clemens


> (Installing and using the extension "as advertized" does not work either, a=
s the "d3:loaded" event is never fired, btw ..)
>=20
> Well, that's as far as I got. Only tested with Firefox, however.
>=20
> Maybe someone else can shed some more light on this.
>=20
> Clemens
> _______________________________________________
> users mailing list
> users(a)xwiki.org
> http://lists.xwiki.org/mailman/listinfo/users
>=20


--=20
Clemens Klein-Robbenhaar
Software Development
EsPresto AG
Breite Str. 30-31
10178 Berlin/Germany
Tel: +49.(0)30.90 226.763
Fax: +49.(0)30.90 226.760
robbenhaar(a)espresto.com

HRB 77554 B - Berlin-Charlottenburg
Vorstand: Maya Biersack, Peter Biersack
Vorsitzender des Aufsichtsrats: Dipl.-Wirtsch.-Ing. Winfried Weber
Zertifiziert nach ISO 9001:2008

--===============5501599317360404905==--