TapocoL Developing Tomorrow

This is part two of the Floating Bubbles. See the previous post, if you haven't already.

My focus was to add interactivity to the SVG elements from the previous post. I decided to have the bubbles float towards the top on clicking. First of all, it is simple to add scripting to your SVG. SVG has an element called script, just like the XHTML. However, SVG will need to have unparsed character data. So, you will just need to wrap the inside of the <script> tag with the proper encoding: