JS graphics library

5 messages

JS graphics library

Reply Threaded

There has been much discussion on the lists lately about charting from
within FileMaker.

Here is a JavaScript graphics library (called Raphael) that is
starting to get some traction around the web today that could likely
be used to create all kinds of graphics within the webviewer.
Obviously it's not a two-way street solution like some of the great
plugins available for FMP, but it looks like it could do a lot of the
basic stuff pretty nicely.

There is also a charting app that uses it called gRaphael that is
linked to from the site. And you've got to see the demos to see how
awesome this is.

<http://raphaeljs.com/>

It would be great if someone who is better versed in JavaScript than
myself would like to give this a whirl and let us know how appropriate
a tool it is for the Web Viewer. I, and likely others, would be very
appreciative.

Thanks!!!

j.

--
Jonathan Fletcher
FileMaker 9 & 10 Certified Developer
****NEW Ph no: 502-509-7137****

Project Foreman
NewMedia Construction Co.
[hidden email]

Instigator
The BB&J Network
The "Go-To Guys" for
FileMaker Development in Louisville
www.thebbandj.net

FileMaker Louisville Blog:
http://filemakerlouisville.posterous.com

_______________________________________________
FMPexperts mailing list
[hidden email]
http://lists.ironclad.net.au/listinfo.cgi/fmpexperts-ironclad.net.au

Beverly Voth-2

Re: JS graphics library

Reply Threaded

Hello, Jonathan! Unless you are calling a page from a web server, this
Javascript needs to be loaded (entirely) through the data: url method to get
webviewer to "play" with it. I'm not sure it's possible. I didn't download
the library to see how large it is.

If you look at the source of any of their demos, you'll see that it's
calling the "library" with <script src="raphael.js" type="text/javascript"
charset="utf-8"></script>. You cannot call a javascript through webviewer
like this, as what 'relative path' are you calling? :)

And if graphics are involved, they also must be loaded to be usable by the
javascript.

A future feature request? That we can specify a "relative path" (to the
calling file) to take web viewer to the next level....

Beverly

On 10/19/09 12:23 PM, "Jonathan Fletcher" <[hidden email]>
wrote in whole or in part:

> There has been much discussion on the lists lately about charting from
> within FileMaker.
>
> Here is a JavaScript graphics library (called Raphael) that is
> starting to get some traction around the web today that could likely
> be used to create all kinds of graphics within the webviewer.
> Obviously it's not a two-way street solution like some of the great
> plugins available for FMP, but it looks like it could do a lot of the
> basic stuff pretty nicely.
>
> There is also a charting app that uses it called gRaphael that is
> linked to from the site. And you've got to see the demos to see how
> awesome this is.
>
> <http://raphaeljs.com/>
>
> It would be great if someone who is better versed in JavaScript than
> myself would like to give this a whirl and let us know how appropriate
> a tool it is for the Web Viewer. I, and likely others, would be very
> appreciative.
>
> Thanks!!!
>
> j.
>
> --
> Jonathan Fletcher
> FileMaker 9 & 10 Certified Developer
> ****NEW Ph no: 502-509-7137****
>
> Project Foreman
> NewMedia Construction Co.
> [hidden email]
>
> Instigator
> The BB&J Network
> The "Go-To Guys" for
> FileMaker Development in Louisville
> www.thebbandj.net
>
> FileMaker Louisville Blog:
> http://filemakerlouisville.posterous.com

_______________________________________________
FMPexperts mailing list
[hidden email]
http://lists.ironclad.net.au/listinfo.cgi/fmpexperts-ironclad.net.au

CPRcomputng

Re: JS graphics library

Reply Threaded

You are able to use a referenced file with the data view using data
URL's. (at least on windows)

This code (taken from one of the samples) works in the data viewer
with the referenced files on the desktop...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd
">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8">
<title>Raphal Reflection</title>
<link rel="stylesheet" href="C:\Documents and Settings
\Shutterware Master\Desktop\demo.css" type="text/css" media="screen">
<link rel="stylesheet" href="C:\Documents and Settings
\Shutterware Master\Desktop\demo-print.css" type="text/css"
media="print">
<script src="C:\Documents and Settings\Shutterware Master
\Desktop\raphael.js" type="text/javascript" charset="utf-8"></script>
<script src="C:\Documents and Settings\Shutterware Master
\Desktop\reflection.js" type="text/javascript" charset="utf-8"></script>

<style type="text/css" media="screen">
body {
background: #000;
}
</style>
</head>
<body>
<div id="holder">
<img id="photo" src="C:\Documents and Settings
\Shutterware Master\Desktop\bd.jpg" width="320" height="240"
alt="Test" />
</div>
</body>
</html>

Charles P. Rubin
CPRcomputing

On Oct 19, 2009, at 10:55 AM, Beverly Voth wrote:

> Hello, Jonathan! Unless you are calling a page from a web server, this
> Javascript needs to be loaded (entirely) through the data: url
> method to get
> webviewer to "play" with it. I'm not sure it's possible. I didn't
> download
> the library to see how large it is.
>
> If you look at the source of any of their demos, you'll see that it's
> calling the "library" with <script src="raphael.js" type="text/
> javascript"
> charset="utf-8"></script>. You cannot call a javascript through
> webviewer
> like this, as what 'relative path' are you calling? :)
>
> And if graphics are involved, they also must be loaded to be usable
> by the
> javascript.
>
> A future feature request? That we can specify a "relative path" (to
> the
> calling file) to take web viewer to the next level....
>
> Beverly
>
> On 10/19/09 12:23 PM, "Jonathan Fletcher"
> <[hidden email]>
> wrote in whole or in part:
>
>> There has been much discussion on the lists lately about charting
>> from
>> within FileMaker.
>>
>> Here is a JavaScript graphics library (called Raphael) that is
>> starting to get some traction around the web today that could likely
>> be used to create all kinds of graphics within the webviewer.
>> Obviously it's not a two-way street solution like some of the great
>> plugins available for FMP, but it looks like it could do a lot of the
>> basic stuff pretty nicely.
>>
>> There is also a charting app that uses it called gRaphael that is
>> linked to from the site. And you've got to see the demos to see how
>> awesome this is.
>>
>> <http://raphaeljs.com/>
>>
>> It would be great if someone who is better versed in JavaScript than
>> myself would like to give this a whirl and let us know how
>> appropriate
>> a tool it is for the Web Viewer. I, and likely others, would be very
>> appreciative.
>>
>> Thanks!!!
>>
>

_______________________________________________
FMPexperts mailing list
[hidden email]
http://lists.ironclad.net.au/listinfo.cgi/fmpexperts-ironclad.net.au

Head Honcho

Re: JS graphics library

Reply Threaded

In reply to this post by Beverly Voth-2

Hi Jonathan,

I haven't used this library, but have done it using jQuery and jCharts
(from memory).

I created a 1 record table to hold the javascript and css.

You can download the sample file here <http://www.customikesolutions.com/index.php?type=samples
>.

Using other libraries would involve a similar technique I would assume

Regards

Michael Ward
--
Head Honcho
CustoMike Solutions
Member, FileMaker Business Alliance
Member, FileMaker Technical Network
FileMaker 7 Certified Developer
FileMaker 8 Certified Developer
FileMaker 9 Certified Developer
FileMaker 10 Certified Developer
10 Wandoo Crt
Wheelers Hill, 3150
ph 0414 562 501
[hidden email]

_______________________________________________
FMPexperts mailing list
[hidden email]
http://lists.ironclad.net.au/listinfo.cgi/fmpexperts-ironclad.net.au

Jonathan Fletcher

Re: JS graphics library

Reply Threaded

Hey thanks everybody. Great answers! Something new and shiny to play
with! I'll let y'all know how it works out.

j.

On Oct 20, 2009, at 1:32 AM, Head Honcho wrote:

> Hi Jonathan,
>
> I haven't used this library, but have done it using jQuery and
> jCharts (from memory).
>
> I created a 1 record table to hold the javascript and css.
>
> You can download the sample file here <http://www.customikesolutions.com/index.php?type=samples
> >.
>
> Using other libraries would involve a similar technique I would assume
>
> Regards
>
> Michael Ward
> --
> Head Honcho
> CustoMike Solutions
> Member, FileMaker Business Alliance
> Member, FileMaker Technical Network
> FileMaker 7 Certified Developer
> FileMaker 8 Certified Developer
> FileMaker 9 Certified Developer
> FileMaker 10 Certified Developer
> 10 Wandoo Crt
> Wheelers Hill, 3150
> ph 0414 562 501
> [hidden email]
>
>> Hello, Jonathan! Unless you are calling a page from a web server,
>> this
>> Javascript needs to be loaded (entirely) through the data: url
>> method to get
>> webviewer to "play" with it. I'm not sure it's possible. I didn't
>> download
>> the library to see how large it is.
>>
>> If you look at the source of any of their demos, you'll see that it's
>> calling the "library" with <script src="raphael.js" type="text/
>> javascript"
>> charset="utf-8"></script>. You cannot call a javascript through
>> webviewer
>> like this, as what 'relative path' are you calling? :)
>>
>> And if graphics are involved, they also must be loaded to be usable
>> by the
>> javascript.
>>
>> A future feature request? That we can specify a "relative path" (to
>> the
>> calling file) to take web viewer to the next level....
>>
>> Beverly
>>
>> On 10/19/09 12:23 PM, "Jonathan Fletcher" <[hidden email]
>> >
>> wrote in whole or in part:
>>
>>> There has been much discussion on the lists lately about charting
>>> from
>>> within FileMaker.
>>>
>>> Here is a JavaScript graphics library (called Raphael) that is
>>> starting to get some traction around the web today that could likely
>>> be used to create all kinds of graphics within the webviewer.
>>> Obviously it's not a two-way street solution like some of the great
>>> plugins available for FMP, but it looks like it could do a lot of
>>> the
>>> basic stuff pretty nicely.
>>>
>>> There is also a charting app that uses it called gRaphael that is
>>> linked to from the site. And you've got to see the demos to see how
>>> awesome this is.
>>>
>>> <http://raphaeljs.com/>
>>>
>>> It would be great if someone who is better versed in JavaScript than
>>> myself would like to give this a whirl and let us know how
>>> appropriate
>>> a tool it is for the Web Viewer. I, and likely others, would be very
>>> appreciative.
>>>
>>> Thanks!!!
>>>
>>> j.
>>>
>>> --
>>> Jonathan Fletcher
>>> FileMaker 9 & 10 Certified Developer
>>> ****NEW Ph no: 502-509-7137****
>>>
>>> Project Foreman
>>> NewMedia Construction Co.
>>> [hidden email]
>>>
>>> Instigator
>>> The BB&J Network
>>> The "Go-To Guys" for
>>> FileMaker Development in Louisville
>>> www.thebbandj.net
>>>
>>> FileMaker Louisville Blog:
>>> http://filemakerlouisville.posterous.com
>>
>>
>> _______________________________________________
>> FMPexperts mailing list
>> [hidden email]
>> http://lists.ironclad.net.au/listinfo.cgi/fmpexperts-ironclad.net.au
>
>
>
>
>
> _______________________________________________
> FMPexperts mailing list
> [hidden email]
> http://lists.ironclad.net.au/listinfo.cgi/fmpexperts-ironclad.net.au

--
Jonathan Fletcher
FileMaker 9 & 10 Certified Developer
****NEW Ph no: 502-509-7137****

Project Foreman
NewMedia Construction Co.
[hidden email]

Instigator
The BB&J Network
The "Go-To Guys" for
FileMaker Development in Louisville
www.thebbandj.net

FileMaker Louisville Blog:
http://filemakerlouisville.posterous.com

_______________________________________________
FMPexperts mailing list
[hidden email]
http://lists.ironclad.net.au/listinfo.cgi/fmpexperts-ironclad.net.au