From c.robbenhaar@espresto.com Sat Feb 15 16:25:48 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 17:43:56 +0100
Message-ID: <52FF994C.7000800@espresto.com>
In-Reply-To: <1392392652761-7589145.post@n2.nabble.com>
MIME-Version: 1.0
Content-Type: multipart/mixed; boundary="===============4346005348713917742=="

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

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 work.
>=20
> 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.
>=20
> 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.
>=20
> What am I missing here????
>=20

First thing you are missing is that the extension on the page is just a demo =
for the impatient to view something before even installing something. It fetc=
hed the javascript
stuff from the D3 website directly; no need to install the D3js extension to =
run it ;)

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 dam=
ages the thing.
Using the Wiki-editor is highly recommended for this beast ;)

But these are all side notes ....

What is really puzzeling and what I am starting at for an hour without unders=
tanding is that the normal view does not show anything.
All I get is a JavaScript Error "Refercence d3 not defined".

If you look at it in "plain view" it should be ok (same as inside the WYSIWYG=
 editor frame):

  http://localhost:8080/xwiki/bin/view/D3/WebHome?xpage=3Dplain

It seems one of the libraries XWiki loads in its normal layout conflicts with=
 d3 in some way.

(Installing and using the extension "as advertized" does not work either, as =
the "d3:loaded" event is never fired, btw ..)

Well, that's as far as I got. Only tested with Firefox, however.

Maybe someone else can shed some more light on this.

Clemens

--===============4346005348713917742==--