Cool! You can have it provide random blobs, or you can design your own, e.g.,
dog: http://blotbot.co/#73470750
—Ken Nellis

--- In svg-developers@yahoogroups.com, Jon Frost <jonfrost@...> wrote:
>
> Nice work.  These blots are great and as my art professor might have
> said, "titillating, but verging on the obscene".
> http://blotbot.co/#ee0197ca
> http://blotbot.co/#3521f9f9
>
> And then our psych profs would remind us of the purpose of the
> rorschach.  Thus far the svg programming community has had a
> disproportionate number of left-handed dual-brained good-humored and
> generally good-hearted folks which has been great.  In 2011 I think svg
> will hit the masses due to economics which might dilute our creativity -
> but its an open standard after-all :-)
> Best.
>

It might be good to post this code to a snippets site like
gist.github.com, or even jsfiddle.net, as it's unfortunately difficult
to read in this format.

Thanks,

Jake

On 11-02-04 01:20 PM, Veiko Herne wrote:
>
> Hi There
>
> I'm trying to get my SVG animated series to my Wordpress blog
> (http://www.veikoherne.com/wonderries/) as they still work on Opera
> after more than 5 years and need some Javascript help.
>
> I put following code to header:
> <script type="text/javascript"> if
> (/Opera[\/\s](\d+\.\d+)/.test(navigator.userAgent)){ //test for
> Opera/x.x or Opera x.x (ignoring remaining decimal places) var
> newsImageData = [ {data: "http://www.veikoherne.com/svg/Skirt.svgz",
> type: "image/svg+xml"}, {data:
> "http://www.veikoherne.com/svg/BandName.svgz", type: "image/svg+xml"},
> {data: "http://www.veikoherne.com/svg/Password.svgz", type:
> "image/svg+xml"},{data:
> "http://www.veikoherne.com/svg/BigBrother.svgz", type:
> "image/svg+xml"},{data:
> "http://www.veikoherne.com/svg/Overqualified.svgz", type:
> "image/svg+xml"} ]; } else var newsImageData = [{data:
> "http://www.veikoherne.com/svg/noopera.JPG", type: "image/jpg"}];var
> currNewsImgIdx = 0; function UpdateNews () { var img =
> document.getElementById ("image"); var imgContent =
> document.getElementById ("imageContent"); img.data =
> newsImageData[currNewsImgIdx]; imgContent.innerHTML =
> newsImageData[currNewsImgIdx].data; }function NextNews () {
> currNewsImgIdx = (currNewsImgIdx + 1) % newsImageData.length;
> UpdateNews (); }function PrevNews () { currNewsImgIdx =
> (currNewsImgIdx + newsImageData.length - 1) % newsImageData.length;
> UpdateNews (); } function OnDocLoad () { UpdateNews (); } </script>
>
> and calling them in table:
>
> <table border="0" onload="OnDocLoad ()"><tr><td>
> <div><!-- Facebook Badge START -->
> ......
> <!-- Facebook Badge END -->
> </div></td><td align="center">
> <object id="image" data="" type="" width="240" height="320"
> /></td></tr></table>
>
> But I do not get even noopera.JPG shown up!!!
>
> How should I call those objects dynamically?
>
> Veiko
>
>


[Non-text portions of this message have been removed]

Impressive, thanks for posting this.

The code on the page has newlines stripped, but is quite readable when
sent through a js beautifier. It's interesting and instructive. It looks
like, among other things, they've rolled all the SVG widgets on the page
from scratch. No licensing information attached to the source code, but
I assume it's closed.

Jake

On 11-02-04 12:47 PM, Jon Frost wrote:
>
> Just FYI,
> this new SVG web app contains quite a few good examples including GIS
> features, handling foreignObject across browsers performing text input,
> dynamic loading message, and responsive display of lots of table data
> within SVG. So far it is looking fairly well done - lots of script.
>
> http://lists.w3.org/Archives/Public/www-svg/2011Feb/0004.html
> http://cpswass2.belvoir.army.mil/issue/employment.svg
>
> It looks like there might be some videos as well, though I haven't found
> them. 36 openings in Hawaii.
>
>


[Non-text portions of this message have been removed]

Agree, here is a git:

git://gist.github.com/812544.git 


Veiko
<a rel="nofollow" target="_blank" href="http://www.veikoherne.com">Veiko
Herne</a>



----- Original Message ----
From: Jacob Beard <jbeard4@...>
To: svg-developers@yahoogroups.com
Sent: Sat, February 5, 2011 1:29:16 PM
Subject: Re: [svg-developers] Trying to get my SVG animations to Wordpress blog

It might be good to post this code to a snippets site like
gist.github.com, or even jsfiddle.net, as it's unfortunately difficult
to read in this format.

Thanks,

Jake

On 11-02-04 01:20 PM, Veiko Herne wrote:
>
> Hi There
>
> I'm trying to get my SVG animated series to my Wordpress blog
> (http://www.veikoherne.com/wonderries/) as they still work on Opera
> after more than 5 years and need some Javascript help.
>
> I put following code to header:
> <script type="text/javascript"> if
> (/Opera[\/\s](\d+\.\d+)/.test(navigator.userAgent)){ //test for
> Opera/x.x or Opera x.x (ignoring remaining decimal places) var
> newsImageData = [ {data: "http://www.veikoherne.com/svg/Skirt.svgz",
> type: "image/svg+xml"}, {data:
> "http://www.veikoherne.com/svg/BandName.svgz", type: "image/svg+xml"},
> {data: "http://www.veikoherne.com/svg/Password.svgz", type:
> "image/svg+xml"},{data:
> "http://www.veikoherne.com/svg/BigBrother.svgz", type:
> "image/svg+xml"},{data:
> "http://www.veikoherne.com/svg/Overqualified.svgz", type:
> "image/svg+xml"} ]; } else var newsImageData = [{data:
> "http://www.veikoherne.com/svg/noopera.JPG", type: "image/jpg"}];var
> currNewsImgIdx = 0; function UpdateNews () { var img =
> document.getElementById ("image"); var imgContent =
> document.getElementById ("imageContent"); img.data =
> newsImageData[currNewsImgIdx]; imgContent.innerHTML =
> newsImageData[currNewsImgIdx].data; }function NextNews () {
> currNewsImgIdx = (currNewsImgIdx + 1) % newsImageData.length;
> UpdateNews (); }function PrevNews () { currNewsImgIdx =
> (currNewsImgIdx + newsImageData.length - 1) % newsImageData.length;
> UpdateNews (); } function OnDocLoad () { UpdateNews (); } </script>
>
> and calling them in table:
>
> <table border="0" onload="OnDocLoad ()"><tr><td>
> <div><!-- Facebook Badge START -->
> ......
> <!-- Facebook Badge END -->
> </div></td><td align="center">
> <object id="image" data="" type="" width="240" height="320"
> /></td></tr></table>
>
> But I do not get even noopera.JPG shown up!!!
>
> How should I call those objects dynamically?
>
> Veiko
>
>


[Non-text portions of this message have been removed]



------------------------------------

-----
To unsubscribe send a message to: svg-developers-unsubscribe@yahoogroups.com
-or-
visit http://groups.yahoo.com/group/svg-developers and click "edit my
membership"
----Yahoo! Groups Links

Just saw that there is a new release of SVG Web which support more SMIL
and now supports IE9:   http://code.google.com/p/svgweb/

Where are you putting this code? In the HTML version of the post? It may
be that Wordpress is changing it. Do you have a live site which I could
inspect?

Jake

On 11-02-05 11:04 AM, veiko herne wrote:
>
> Agree, here is a git:
>
> git://gist.github.com/812544.git
>
> Veiko
> <a rel="nofollow" target="_blank" href="http://www.veikoherne.com">Veiko
> Herne</a>
>
> ----- Original Message ----
> From: Jacob Beard <jbeard4@... <mailto:jbeard4%40cs.mcgill.ca>>
> To: svg-developers@yahoogroups.com
> <mailto:svg-developers%40yahoogroups.com>
> Sent: Sat, February 5, 2011 1:29:16 PM
> Subject: Re: [svg-developers] Trying to get my SVG animations to
> Wordpress blog
>
> It might be good to post this code to a snippets site like
> gist.github.com, or even jsfiddle.net, as it's unfortunately difficult
> to read in this format.
>
> Thanks,
>
> Jake
>
> On 11-02-04 01:20 PM, Veiko Herne wrote:
> >
> > Hi There
> >
> > I'm trying to get my SVG animated series to my Wordpress blog
> > (http://www.veikoherne.com/wonderries/) as they still work on Opera
> > after more than 5 years and need some Javascript help.
> >
> > I put following code to header:
> > <script type="text/javascript"> if
> > (/Opera[\/\s](\d+\.\d+)/.test(navigator.userAgent)){ //test for
> > Opera/x.x or Opera x.x (ignoring remaining decimal places) var
> > newsImageData = [ {data: "http://www.veikoherne.com/svg/Skirt.svgz",
> > type: "image/svg+xml"}, {data:
> > "http://www.veikoherne.com/svg/BandName.svgz", type: "image/svg+xml"},
> > {data: "http://www.veikoherne.com/svg/Password.svgz", type:
> > "image/svg+xml"},{data:
> > "http://www.veikoherne.com/svg/BigBrother.svgz", type:
> > "image/svg+xml"},{data:
> > "http://www.veikoherne.com/svg/Overqualified.svgz", type:
> > "image/svg+xml"} ]; } else var newsImageData = [{data:
> > "http://www.veikoherne.com/svg/noopera.JPG", type: "image/jpg"}];var
> > currNewsImgIdx = 0; function UpdateNews () { var img =
> > document.getElementById ("image"); var imgContent =
> > document.getElementById ("imageContent"); img.data =
> > newsImageData[currNewsImgIdx]; imgContent.innerHTML =
> > newsImageData[currNewsImgIdx].data; }function NextNews () {
> > currNewsImgIdx = (currNewsImgIdx + 1) % newsImageData.length;
> > UpdateNews (); }function PrevNews () { currNewsImgIdx =
> > (currNewsImgIdx + newsImageData.length - 1) % newsImageData.length;
> > UpdateNews (); } function OnDocLoad () { UpdateNews (); } </script>
> >
> > and calling them in table:
> >
> > <table border="0" onload="OnDocLoad ()"><tr><td>
> > <div><!-- Facebook Badge START -->
> > ......
> > <!-- Facebook Badge END -->
> > </div></td><td align="center">
> > <object id="image" data="" type="" width="240" height="320"
> > /></td></tr></table>
> >
> > But I do not get even noopera.JPG shown up!!!
> >
> > How should I call those objects dynamically?
> >
> > Veiko
> >
> >
>
> [Non-text portions of this message have been removed]
>
> ------------------------------------
>
> -----
> To unsubscribe send a message to:
> svg-developers-unsubscribe@yahoogroups.com
> <mailto:svg-developers-unsubscribe%40yahoogroups.com>
> -or-
> visit http://groups.yahoo.com/group/svg-developers and click "edit my
> membership"
> ----Yahoo! Groups Links
>
>


[Non-text portions of this message have been removed]

Hi Jake and all,

Are there any .net libraries similar to JFreeChart that generate SVG?

Pranav

I have seen a few options over the years, but some of them are not cheap:
http://xceed.com/Chart_ASP_NET_Features.html
http://www.dotnetcharting.com/versionhistory.aspx

This one appears to be free:
http://www.codeproject.com/KB/web-image/svgChart.aspx

One of the best free charting/graphing solutions is provotis, but it is
not .Net-specific - http://vis.stanford.edu/protovis/

Best of luck.

I have seen a few options over the years, but some of them are not cheap:
http://xceed.com/Chart_ASP_NET_Features.html
http://www.dotnetcharting.com/versionhistory.aspx

This one appears to be free:
http://www.codeproject.com/KB/web-image/svgChart.aspx

One of the best free charting/graphing solutions is provotis, but it is
not .Net-specific - http://vis.stanford.edu/protovis/

Best of luck.

The problems is in the use of the <symbol>. If I use a <g> the viewbox displays
correctly.

The question is why the <symbol> behaves differently than a <g>?
New svg:

<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:ev="http://www.w3.org/2001/xml-events" height="100%" width="100%"
viewBox="0 0 1500 2800" >

<defs>
<symbol id="field" fill="none" stroke="#000" stroke-width="8px">
<rect id="grond" height="2800" width="1500" x="0" y="0" fill="#deb887" />
<line id="middenlijn" x1="-15" x2="1515" y1="1400" y2="1400"/>
<circle id="middencircel" cx="750" cy="1400" r="180" />
</symbol>
</defs>

<g id="vloer">
<use xlink:href="#field" />
<text  font-size="200%" x="400" y="700">viewBox(0 0 1500 2800) shows the whole
field</text>
<text  font-size="200%" x="400" y="750">viewBox(0 0 1500 1400) shows the upper
half</text>
<text  font-size="200%" x="400" y="800">viewBox(0 1400 1500 1400) does not show
the symbol in the lower half,</text>
<text  font-size="200%" x="400" y="850">using defs symbol; using g instead
displays fine.</text>
<text  font-size="200%" x="400" y="900">What is the difference between symbol
and g?</text>
</g>  <!-- einde vloer -->
<circle cx="750" cy ="2100" r="100" fill="red" />
</svg>


--- In svg-developers@yahoogroups.com, "Arjen" <arjenmeijernl@...> wrote:
>
> I am trying to make 3 viewBoxes, showing a complete field, the upper half
(attack) or the lower half (defense).
>
> However, I do not understand the viewBox settings. I read the documentation as
Xstart, Ystart, Xwidth, Yheight. So, I have to add Ystart+Yheigth to get the
logical Yendvalue.
>
> For the complete field and the upper half this logic is correct, but for the
lower half, browsers do not show the field in the range Y=1400 to Y =2800.
>
> Clearly, I must be wrong. But, what is the correct interpretation and coding?
>
> Arjen
>
> <?xml version="1.0" encoding="utf-8"?>
> <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:ev="http://www.w3.org/2001/xml-events" height="100%" width="100%"
viewBox="0 0 1500 2800" >
>
> <defs>
> <symbol id="field" fill="none" stroke="#000" stroke-width="8px">
> <rect id="grond" height="2800" width="1500" x="0" y="0" fill="#deb887" />
> <line id="middenlijn" x1="-15" x2="1515" y1="1400" y2="1400"/>
> <circle id="middencircel" cx="750" cy="1400" r="180" />
> </symbol>
> </defs>
>
> <g id="vloer">
> <use xlink:href="#field" />
> <text  font-size="200%" x="400" y="700">viewBox(0 0 1500 2800) shows the whole
field</text>
> <text  font-size="200%" x="400" y="750">viewBox(0 0 1500 1400) shows the upper
half</text>
> <text  font-size="200%" x="400" y="800">viewBox(0 1400 1500 1400) does not
show the lower half. Why?</text>
> </g>
>
> </svg>
>

The problems is in the use of the <symbol>. If I use a <g> the viewbox displays
correctly.
>
> The question is why the <symbol> behaves differently than a <g>?
> New svg:

The difference is because symbol establishes a new viewport but g does not per
http://www.w3.org/TR/SVG/coords.html#EstablishingANewViewport

Best regards

Robert

People,

I have been on this list for quite a while because I am interested in SVG but I
have to give one of my web sites a new look and feel and it occurs to me that
there are some great people out there (who are much more artistically creative
than I am) who could design a new logo, style sheet etc for us.  I looked at
DeviantArt but I couldn't see how to get a message into their system.  What I am
thinking of is maybe having a competition with prize money for the best SVG
suite that is produced - how would I go about this?  Is there a more appropriate
list for this proposal?  Any suggestions?

The site to be revamped is:

     http://neuralarchivesfoundation.org

For more info about what we are looking for, people could mail me:

     phil AT neuralarchivesfoundation DOT org

(that will bypass my vicious spam filter)

Thanks,

Phil.

People,

I have been on this list for quite a while because I am interested in
SVG but I have to give one of my web sites a new look and feel and it
occurs to me that there are some great people out there (who are much
more artistically creative than I am) who could design a new logo, style
sheet etc for us.  I looked at DeviantArt but I couldn't see how to get
a message into their system.  What I am thinking of is maybe having a
competition with prize money for the best SVG suite that is produced -
how would I go about this?  Is there a more appropriate list for this
proposal?  Any suggestions?

The site to be revamped is:

	 http://neuralarchivesfoundation.org

For more info about what we are looking for, people could mail me:

	 phil AT neuralarchivesfoundation DOT org

(that will bypass my vicious spam filter)

Thanks,

Phil.
--
Philip Rhoades

GPO Box 3411
Sydney NSW 2001
Australia
E-mail:  phil@...

I have been experimenting with SVG Filters across Safari, Firefox, Chrome and
Opera.

I am trying to get some stable performance timing so that I can understand which
filters are pretty quick, and which aren't. (I'd also like to do these as
browsers are improved)

There are a couple of obstacles:
1. Some stuff is so quick, it can't be reliable measured
2. Some browsers schedule drawing differently, so aren't actually timed

My approach to solve 1 (to make stuff easy to measure) is to run a JavaScript
function to create hundreds of instances of a group, with the filter applied to
each of the groups. This seems to be enough that timing is relatively useful.

e.g.
function () {
     var startTime = new Date();
     ... do the create and rendering for hundreds of groups ...
     var endTime = new Date();
     ... calculate elapsed time and print it ...
}


BUT I can't simply time the JavaScript function this way because the rendering
of the graphics doesn't happen until after the function has exited.

I tried running the final part of the timing after the groups are created as a
closure with setTimeout:

setTimeout(function () {
     var endTime = new Date();
     var diffTime = endTime.getTime() - startTime.getTime();

     var txt = document.getElementById("timing");
     txt.firstChild.nodeValue = ... ;
   }, 10);

But, with some browsers I can see that the time to render is much longer than
the time this code measures and reports (over 2 seconds, but the timing claims
0.6sec)

I'd like to get this to a stage where I can run a sequence of tests,
automatically, let it gather the stats, and compare different combinations of
filters on the same browser, and also between different browsers.

Could someone please point me at something which explains how to time this sort
of thing  so that the time includes all of the rendering?

TIA - GB

I did some benchmarking of JavaScript runtime performance in multiple
browsers. It's not specifically related to SVG, but it might still be
useful:

http://www.svgopen.org/2010/papers/45-Developing_a_StatecharttoECMAScript_Compil\
er_Optimized_for_SVG_User_Interface_Development_for_the_World_Wide_Web/index.htm\
l#S4.

I used Selenium to automate the process.

Cheers,

Jake

On 11-02-08 02:57 PM, gb_n_svg wrote:
>
> I have been experimenting with SVG Filters across Safari, Firefox,
> Chrome and Opera.
>
> I am trying to get some stable performance timing so that I can
> understand which filters are pretty quick, and which aren't. (I'd also
> like to do these as browsers are improved)
>
> There are a couple of obstacles:
> 1. Some stuff is so quick, it can't be reliable measured
> 2. Some browsers schedule drawing differently, so aren't actually timed
>
> My approach to solve 1 (to make stuff easy to measure) is to run a
> JavaScript function to create hundreds of instances of a group, with
> the filter applied to each of the groups. This seems to be enough that
> timing is relatively useful.
>
> e.g.
> function () {
> var startTime = new Date();
> ... do the create and rendering for hundreds of groups ...
> var endTime = new Date();
> ... calculate elapsed time and print it ...
> }
>
> BUT I can't simply time the JavaScript function this way because the
> rendering of the graphics doesn't happen until after the function has
> exited.
>
> I tried running the final part of the timing after the groups are
> created as a closure with setTimeout:
>
> setTimeout(function () {
> var endTime = new Date();
> var diffTime = endTime.getTime() - startTime.getTime();
>
> var txt = document.getElementById("timing");
> txt.firstChild.nodeValue = ... ;
> }, 10);
>
> But, with some browsers I can see that the time to render is much
> longer than the time this code measures and reports (over 2 seconds,
> but the timing claims 0.6sec)
>
> I'd like to get this to a stage where I can run a sequence of tests,
> automatically, let it gather the stats, and compare different
> combinations of filters on the same browser, and also between
> different browsers.
>
> Could someone please point me at something which explains how to time
> this sort of thing so that the time includes all of the rendering?
>
> TIA - GB
>
>


[Non-text portions of this message have been removed]

Here's an approach I used in a paper for the SVG2007:
http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2007/SVGOpen2007.htm

I was interested, among other things, in how JavaScript and SMIL animations
interacted, and in the effect of overstuffing the SVG DOM with lots of content.

cheers
David
   ----- Original Message -----
   From: gb_n_svg
   To: svg-developers@yahoogroups.com
   Sent: Tuesday, February 08, 2011 2:57 PM
   Subject: [svg-developers] How to time some SVG+JavaScript?



   I have been experimenting with SVG Filters across Safari, Firefox, Chrome and
Opera.

   I am trying to get some stable performance timing so that I can understand
which filters are pretty quick, and which aren't. (I'd also like to do these as
browsers are improved)

   There are a couple of obstacles:
   1. Some stuff is so quick, it can't be reliable measured
   2. Some browsers schedule drawing differently, so aren't actually timed

   My approach to solve 1 (to make stuff easy to measure) is to run a JavaScript
function to create hundreds of instances of a group, with the filter applied to
each of the groups. This seems to be enough that timing is relatively useful.

   e.g.
   function () {
   var startTime = new Date();
   ... do the create and rendering for hundreds of groups ...
   var endTime = new Date();
   ... calculate elapsed time and print it ...
   }

   BUT I can't simply time the JavaScript function this way because the rendering
of the graphics doesn't happen until after the function has exited.

   I tried running the final part of the timing after the groups are created as a
closure with setTimeout:

   setTimeout(function () {
   var endTime = new Date();
   var diffTime = endTime.getTime() - startTime.getTime();

   var txt = document.getElementById("timing");
   txt.firstChild.nodeValue = ... ;
   }, 10);

   But, with some browsers I can see that the time to render is much longer than
the time this code measures and reports (over 2 seconds, but the timing claims
0.6sec)

   I'd like to get this to a stage where I can run a sequence of tests,
automatically, let it gather the stats, and compare different combinations of
filters on the same browser, and also between different browsers.

   Could someone please point me at something which explains how to time this
sort of thing so that the time includes all of the rendering?

   TIA - GB





[Non-text portions of this message have been removed]

I just solved one of those problems that I wrote about in my last message:

#2 -- One apparently doesn't have a document within the SVG node -- you just
acess the elements within it as though they are childNodes. Of course that means
that a statement like
SVGDoc.documentElement.setAttribute("onclick","remove(evt)")
won't work.

Still no success, though, in identifying an SVG object that is the target of an
event.

cheers
David

[Non-text portions of this message have been removed]

Some of my students have started turning in projects in which they use SVG
inline in HTML5. So I figured it was time for me to figure something out about
it.

Based on this little thing [1] that works in all browsers, I decided just to put
the SVG inside an HTML container to see what I could see. My limited experiment
tells me I don't know how this is supposed to work, so am hoping someone can
help me out.

Following is my code (it's pretty brief so I just included it). But here are the
problems:

1. It only shows the SVG in Chrome and Firefox. Is there some magic namespace I
should use to get it to work in Opera and Safari? Haven't tried IE9 (sorry)

2. The first alert()  shows that the nodeName of S is indeed SVG -- a good
thing! However, the second alert() does not appear (and I even tried
contentDocument instead of getSVGDocument, remembering Firefox's odd affection
for that construct). How would one get access to the SVG DOM?

3. If I use "remove()" instead of "remove(evt)" then the first alert inside that
function is reached. Otherwise the processing doesn't get that far.  So how can
one identify the target of the evt in a way that actually works. I tried a half
dozen random guesses as to what might work.

Is this a bug in HTML5? or is inline SVG not supposed to be scripted?

cheers
David
--------------------------------------
<html><script>
function startup(){
  S=document.getElementById("SVG")
  alert(S.nodeName)
  SVGDoc=S.getSVGDocument()
  alert(SVGDoc.documentElement.nodeName)
  SVGDoc.documentElement.setAttribute("onclick","remove(evt)")
}
xmlns="http://www.w3.org/2000/svg"
xlink="http://www.w3.org/1999/xlink"

function removeIt(evt){
  alert()
  if (evt.target.nodeName=="rect") add(evt)
  else document.documentElement.removeChild(evt.target)
}
function add(evt){
  var C=document.createElementNS(xmlns,"circle")
  C.setAttributeNS(null, "r", 50)
  C.setAttributeNS(null, "cx", evt.clientX)
  C.setAttributeNS(null, "cy", evt.clientY)
  document.documentElement.appendChild(C)
}

</script>
Hello there!
<svg xmlns="http://www.w3.org/2000/svg" width="100%"
  xmlns:xlink="http://www.w3.org/1999/xlink" id="SVG" onload="startup()"
>

<rect width="100%" height="100%" fill="white" onclick="removeIt(evt)"/>
<circle r="50"  onclick="removeIt(evt)"/>
<text font-size="12"  x="50" y="20"  onclick="removeIt(evt)">Click something to
remove it</text>
<text font-size="12"  x="50" y="80"  onclick="removeIt(evt)">Click nothing to
add something</text>
</svg></html>



[1] http://srufaculty.sru.edu/david.dailey/svg/simpleTemplate.svg

[Non-text portions of this message have been removed]

One more note since I have found work-arounds to most of my problems (at least
in Chrome and Firefox):

Following is the new code that duplicates most of the behavior of the original
SVG, but now inside HTML.

Basically, the coding paradigm is all HTML, and that is what confused me at
first. things like onclick="happy(evt)" typical in SVG simply seem not to work
within the HTML setting. Instead something like  C.onclick=removeIt is used to
gain HTML's access to the event object. There seems to be no SVGDocument element
to which we can assign events so instead of assigning a generic event handler to
documentElement and then interrogating what has been clicked the way one might
in SVG, you apparently must peruse the DOM and assign event handlers to all
things found. Of course in the simple example below, that means new elements all
have to have that behavior assigned since they cannot inherit it from the Root
node. If instead we do assign events to the HTML documentElement (that includes
the SVG content) then the bubble up vs trickle down Reagonomics seems to
intercept events in opposite way that one would expect in SVG.

And of course mousecoordinates are a bit screwy. They are measured relative to
the SVG window, but then content is created relative to the HTML window it
seems.

Stuff that one could work around I suppose, but I guess my last question would
now be: "is this how it is supposed to be?"

cheers
David



<html><script>
function startup(){
  S=document.getElementById("SVG")
  for (i in S.childNodes) S.childNodes[i].onclick=removeIt
}
xmlns="http://www.w3.org/2000/svg"
xlink="http://www.w3.org/1999/xlink"

function removeIt(e){
  T=e.target
  if (T.nodeName=="rect") add(e.clientX,e.clientY)
  else T.parentNode.removeChild(T)
}
function add(x,y){
  var C=document.createElementNS(xmlns,"circle")
  C.setAttributeNS(null, "r", 50)
  C.setAttributeNS(null, "cx", x)
  C.setAttributeNS(null, "cy", y)
  C.onclick=removeIt
  S.appendChild(C)
}

</script><p onclick="removeIt()">
Hello there!</p>
<svg xmlns="http://www.w3.org/2000/svg" width="100%"
  xmlns:xlink="http://www.w3.org/1999/xlink" id="SVG" onload="startup()"
><rect width="100%" height="100%" fill="white" />
<circle r="50"  />
<text font-size="12"  x="50" y="20" onclick="removeIt()">Click something to
remove it</text>
<text font-size="12"  x="50" y="80">Click nothing to add something</text>
</svg></html>
   ----- Original Message -----
   From: ddailey
   To: svg-developers@yahoogroups.com
   Sent: Tuesday, February 08, 2011 5:34 PM
   Subject: [svg-developers] scripting SVG in HTML (followup)



   I just solved one of those problems that I wrote about in my last message:

   #2 -- One apparently doesn't have a document within the SVG node -- you just
acess the elements within it as though they are childNodes. Of course that means
that a statement like
   SVGDoc.documentElement.setAttribute("onclick","remove(evt)")
   won't work.

   Still no success, though, in identifying an SVG object that is the target of
an event.

   cheers
   David

   [Non-text portions of this message have been removed]





[Non-text portions of this message have been removed]

Is it possible to start an animation (begin=...) with the event
DOMNodeInsertedIntoDocument?

If it is possible, what is the notation in the animation part? I can not find an
example.

Thanks,

Arjen

Documentation:

event-value ::= ( Id-value "." )? ( event-ref ) ( S? ("+"|"-") S? Clock-value )?
     Describes an event and an optional offset that determine the element begin.
The animation begin is defined relative to the time that the event is raised.
The list of event-symbols available for a given event-base element is the list
of event attributes available for the given element as defined by the SVG DTD,
with the one difference that the leading 'on' is removed from the event name
(i.e., the animation event name is 'click', not 'onclick'). A list of all events
supported by SVG can be found in Complete list of supported events. Details of
event-based timing are described in SMIL Animation: Unifying Event-based and
Scheduled Timing.

DOMNodeInsertedIntoDocument Fired when a node is being inserted into a document,
either through direct insertion of the Node or insertion of a subtree in which
it is contained. (The normative definition of this event is the description in
the DOM2 specification.)

Hi, SVG Community,

I would like to finish my SVG project that is a SVG/PHP/Ajax server called
SVGMyServer
It's ok for IE plus Adobe SVGViewer but til some pb with Mozilla Firefox inline
SVG (Gecko?)
Look at this URL :
http://www.sitemakers.ch/webmapping_pbe/svg_maps/volcans_geo_wms_cartonet/svg/ma\
in.svg

Symbols are not rendered when you load the Volcanoes layer even if Firebug show
me they are loaded!!!

Looking at the same URL with IE8 + SVGViewer will show you what we want to
obtain (little colored symbols as triangles)

I use a PC with XP, Firefox 3.6.13

Thanks a lot for your help.

Pascal,

Can you produce a minimal example that shows the problem? A static page with a
single symbol on it that doesn't show perhaps?

Best regards

Robert.

--- In svg-developers@yahoogroups.com, "Pascal" <pascal.benoist11@...> wrote:
>
> Hi, SVG Community,
>
> I would like to finish my SVG project that is a SVG/PHP/Ajax server called
SVGMyServer
> It's ok for IE plus Adobe SVGViewer but til some pb with Mozilla Firefox
inline SVG (Gecko?)
> Look at this URL :
>
http://www.sitemakers.ch/webmapping_pbe/svg_maps/volcans_geo_wms_cartonet/svg/ma\
in.svg
>
> Symbols are not rendered when you load the Volcanoes layer even if Firebug
show me they are loaded!!!
>
> Looking at the same URL with IE8 + SVGViewer will show you what we want to
obtain (little colored symbols as triangles)
>
> I use a PC with XP, Firefox 3.6.13
>
> Thanks a lot for your help.
>

Hi,

I apreciate the effort but is this basically a fools errand.  I can't help
thinking that by the time they get SVG Web to the level of ASV or Opera, there's
a fair chance that all browsers will also have pretty much full SVG
implimentation and nobody will be using versions of IE prior to 9.  Perhaps I'm
being over optimistic or missing something.

Richard Pearman       http://www.pixelpalaces.com/
The next stage in the evolution of web comics:
http://www.onlinecomics.net/pages/details/listing.php?comicID=4415
Read my Helium articles: http://www.helium.com/users/212199
South Alberta Cactus and succulent society:
http://www.facebook.com/group.php?gid=20360241008
Make money from discussing things: http://www.myLot.com?ref=Graptopetalum

--- In svg-developers@yahoogroups.com, Jon Frost <jonfrost@...> wrote:
>
> Just saw that there is a new release of SVG Web which support more SMIL
> and now supports IE9:   http://code.google.com/p/svgweb/
>

After spending some time with Javascript I figured out that I can't set OBJECT
tag attributes from Javascript!!!

Any other way... should SVG SMIL clips work as IMG tag for example using Opera?

On 11-02-09 12:31 PM, cremnosedum wrote:
>
>  nobody will be using versions of IE prior to 9. Perhaps I'm being
> over optimistic or missing something.
>
IE9 won't be supported on Windows versions prior to Vista, so it's
likely IE6-8 will be around for a long time to come.

Jake


[Non-text portions of this message have been removed]

Indeed and while IE usage worldwide is dropping rapidly, mostly in favour of
Chrome (for good reasons) it will still be many years before IE<9 drops to < 5%
of the market, which is the point at which most developers would cut it loose.

See http://gs.statcounter.com/

IE is currently about 46% of the global market. It has lost around 10% in the
last 12 months. Even if that rate continued (it won't as it tails off) we'll
still have it hanging around (like the proverbial bad smell) for 4 long years.

Note that IE9 doesn't yet appear in the stats, which is not all that surprising
as it's still in beta, so, don't get excited about accessing it's features any
time soon. It being only available to Win7 users will also mean it's stats will
forever be linked to Win7 take-up, which is solid but will take many years to
supplant XP.

Guy


On 10/02/2011, at 4:55 AM, Jacob Beard wrote:

>
>
> On 11-02-09 12:31 PM, cremnosedum wrote:
>>
>> nobody will be using versions of IE prior to 9. Perhaps I'm being
>> over optimistic or missing something.
>>
> IE9 won't be supported on Windows versions prior to Vista, so it's
> likely IE6-8 will be around for a long time to come.
>
> Jake
>
>
> [Non-text portions of this message have been removed]
>
>
>
> ------------------------------------
>
> -----
> To unsubscribe send a message to: svg-developers-unsubscribe@yahoogroups.com
> -or-
> visit http://groups.yahoo.com/group/svg-developers and click "edit my
membership"
> ----Yahoo! Groups Links
>
>
>

On 11-02-09 04:34 PM, Guy Morton wrote:
> only available to Win7 users

Just to be clear, I thought it would also work on Vista, the limitation
being its use of DirectX 10 for rendering.

Jake

Hi Robert,



Thanks to accept spend some of your time.

Enclosed a zip file containing a reduced sample of my code.

My pb is that sample works well…

And i also just tested my appli on Chrome and Safari, the symbols are
rendered !





Pascal



De : svg-developers@yahoogroups.com [mailto:svg-developers@yahoogroups.com]
De la part de Robert Longson
Envoyé : mercredi 9 février 2011 16:40
À : svg-developers@yahoogroups.com
Objet : [svg-developers] Re: Display svg symbols with use , xlink and CSS





Pascal,

Can you produce a minimal example that shows the problem? A static page with
a single symbol on it that doesn't show perhaps?

Best regards

Robert.

--- In svg-developers@yahoogroups.com
<mailto:svg-developers%40yahoogroups.com> , "Pascal" <pascal.benoist11@...>
wrote:
>
> Hi, SVG Community,
>
> I would like to finish my SVG project that is a SVG/PHP/Ajax server called
SVGMyServer
> It's ok for IE plus Adobe SVGViewer but til some pb with Mozilla Firefox
inline SVG (Gecko?)
> Look at this URL :
>
http://www.sitemakers.ch/webmapping_pbe/svg_maps/volcans_geo_wms_cartonet/sv
g/main.svg
>
> Symbols are not rendered when you load the Volcanoes layer even if Firebug
show me they are loaded!!!
>
> Looking at the same URL with IE8 + SVGViewer will show you what we want to
obtain (little colored symbols as triangles)
>
> I use a PC with XP, Firefox 3.6.13
>
> Thanks a lot for your help.
>





[Non-text portions of this message have been removed]

On Wed, 09 Feb 2011 18:43:06 +0100, Veiko Herne <veiko_h@...> wrote:

> After spending some time with Javascript I figured out that I can't set
> OBJECT tag attributes from Javascript!!!

Can you provide an example?

> Any other way... should SVG SMIL clips work as IMG tag for example using
> Opera?

Yes, declarative animation works in <img> tags.

Cheers
/Erik

--
Erik Dahlstrom, Core Technology Developer, Opera Software
Co-Chair, W3C SVG Working Group
Personal blog: http://my.opera.com/macdev_ed

Pascal,

I'm not sure what happened to your attachment. Can you just put up the example
on your site somewhere?

Robert.

--- In svg-developers@yahoogroups.com, "pascal_gmail" <pascal.benoist11@...>
wrote:
>
> Hi Robert,
>
>
>
> Thanks to accept spend some of your time.
>
> Enclosed a zip file containing a reduced sample of my code.
>
> My pb is that sample works well…
>
> And i also just tested my appli on Chrome and Safari, the symbols are
> rendered !
>
>
>
>
>
> Pascal
>
>
>
> De : svg-developers@yahoogroups.com [mailto:svg-developers@yahoogroups.com]
> De la part de Robert Longson
> Envoyé : mercredi 9 février 2011 16:40
> À : svg-developers@yahoogroups.com
> Objet : [svg-developers] Re: Display svg symbols with use , xlink and CSS
>
>
>
>
>
> Pascal,
>
> Can you produce a minimal example that shows the problem? A static page with
> a single symbol on it that doesn't show perhaps?
>
> Best regards
>
> Robert.
>
> --- In svg-developers@yahoogroups.com
> <mailto:svg-developers%40yahoogroups.com> , "Pascal" <pascal.benoist11@>
> wrote:
> >
> > Hi, SVG Community,
> >
> > I would like to finish my SVG project that is a SVG/PHP/Ajax server called
> SVGMyServer
> > It's ok for IE plus Adobe SVGViewer but til some pb with Mozilla Firefox
> inline SVG (Gecko?)
> > Look at this URL :
> >
> http://www.sitemakers.ch/webmapping_pbe/svg_maps/volcans_geo_wms_cartonet/sv
> g/main.svg
> >
> > Symbols are not rendered when you load the Volcanoes layer even if Firebug
> show me they are loaded!!!
> >
> > Looking at the same URL with IE8 + SVGViewer will show you what we want to
> obtain (little colored symbols as triangles)
> >
> > I use a PC with XP, Firefox 3.6.13
> >
> > Thanks a lot for your help.
> >
>
>
>
>
>
> [Non-text portions of this message have been removed]
>