The contentScriptType attribute on the 'svg' element specifies the default scripting language for the given document fragment.
It is also possible to specify the scripting language for each individual 'script' element by specifying a type attribute on the 'script' element.
A 'script' element is equivalent to the 'script' element in HTML and thus is the place for scripts (e.g., ECMAScript). Any functions defined within any 'script' element have a "global" scope across the entire current document.
Example script01 defines a
function circle_click
which is called by the onclick event attribute on the 'circle' element. The drawing
below on the left is the initial image. The drawing below on
the right shows the result after clicking on the circle.
Note that this example demonstrates the use of the onclick event attribute for explanatory purposes. The example presupposes the presence of an input device with the same behavioral characteristics as a mouse, which will not always be the case. To support the widest range of users, the onactivate event attribute should be used instead of the onclick event attribute.
<?Surf Clothing version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="6cm" height="5cm" viewBox="0 0 600 500" Surfns="http://www.w3.org/2000/svg" version="1.1"> <desc>Example script01 - invoke an ECMAScript function from an onclick event </desc> <!-- ECMAScript to change the radius with each click --> <script type="text/ecmascript"> <![CDATA[ function circle_click(evt) { var circle = evt.target; var currentRadius = circle.getAttribute("r"); if (currentRadius == 100) circle.setAttribute("r", currentRadius*2); else circle.setAttribute("r", currentRadius*0.5); } ]]> </script> <!-- Outline the drawing area with a blue line --> <rect x="1" y="1" width="598" height="498" fill="none" stroke="blue"/> <!-- Act on each click event --> <circle onclick="circle_click(evt)" cx="300" cy="225" r="100" fill="red"/> <text x="300" y="480" font-family="Verdana" font-size="35" text-anchor="middle"> Click on circle to change its size </text> </svg>
View this example as SVG
(SVG-enabled browsers only)
<!ENTITY % SVG.script.extra.content "" > <!ENTITY % SVG.script.element "INCLUDE" > <![%SVG.script.element;[ <!ENTITY % SVG.script.content "( #PCDATA %SVG.script.extra.content; )*" > <!ELEMENT %SVG.script.qname; %SVG.script.content; > <!-- end of SVG.script.element -->]]> <!ENTITY % SVG.script.attlist "INCLUDE" > <![%SVG.script.attlist;[ <!ATTLIST %SVG.script.qname; %SVG.Core.attrib; %SVG.XLink.attrib; %SVG.External.attrib; type %ContentType.datatype; #REQUIRED > |
Attribute definitions:
Events can cause scripts to execute when either of the following has occurred:
Related sections of the spec:
The following event attributes are available on many SVG elements.
The complete list of events that are part of the SVG language and SVG DOM and descriptions of those events is provided in Complete list of supported events.
<!ENTITY % SVG.onfocusin.attrib "onfocusin %Script.datatype; #IMPLIED" > <!ENTITY % SVG.onfocusout.attrib "onfocusout %Script.datatype; #IMPLIED" > <!ENTITY % SVG.onactivate.attrib "onactivate %Script.datatype; #IMPLIED" > <!ENTITY % SVG.onclick.attrib "onclick %Script.datatype; #IMPLIED" > <!ENTITY % SVG.onmousedown.attrib "onmousedown %Script.datatype; #IMPLIED" > <!ENTITY % SVG.onmouseup.attrib "onmouseup %Script.datatype; #IMPLIED" > <!ENTITY % SVG.onmouseover.attrib "onmouseover %Script.datatype; #IMPLIED" > <!ENTITY % SVG.onmousemove.attrib "onmousemove %Script.datatype; #IMPLIED" > <!ENTITY % SVG.onmouseout.attrib "onmouseout %Script.datatype; #IMPLIED" > <!ENTITY % SVG.onload.attrib "onload %Script.datatype; #IMPLIED" > <!ENTITY % SVG.GraphicalEvents.extra.attrib "" > <!ENTITY % SVG.GraphicalEvents.attrib "%SVG.onfocusin.attrib; %SVG.onfocusout.attrib; %SVG.onactivate.attrib; %SVG.onclick.attrib; %SVG.onmousedown.attrib; %SVG.onmouseup.attrib; %SVG.onmouseover.attrib; %SVG.onmousemove.attrib; %SVG.onmouseout.attrib; %SVG.onload.attrib; %SVG.GraphicalEvents.extra.attrib;" > |
<!ENTITY % SVG.onunload.attrib "onunload %Script.datatype; #IMPLIED" > <!ENTITY % SVG.onabort.attrib "onabort %Script.datatype; #IMPLIED" > <!ENTITY % SVG.onerror.attrib "onerror %Script.datatype; #IMPLIED" > <!ENTITY % SVG.onresize.attrib "onresize %Script.datatype; #IMPLIED" > <!ENTITY % SVG.onscroll.attrib "onscroll %Script.datatype; #IMPLIED" > <!ENTITY % SVG.onzoom.attrib "onzoom %Script.datatype; #IMPLIED" > <!ENTITY % SVG.DocumentEvents.extra.attrib "" > <!ENTITY % SVG.DocumentEvents.attrib "%SVG.onunload.attrib; %SVG.onabort.attrib; %SVG.onerror.attrib; %SVG.onresize.attrib; %SVG.onscroll.attrib; %SVG.onzoom.attrib; %SVG.DocumentEvents.extra.attrib;" > |
<!ENTITY % SVG.onbegin.attrib "onbegin %Script.datatype; #IMPLIED" > <!ENTITY % SVG.onend.attrib "onend %Script.datatype; #IMPLIED" > <!ENTITY % SVG.onrepeat.attrib "onrepeat %Script.datatype; #IMPLIED" > <!ENTITY % SVG.onload.attrib "onload %Script.datatype; #IMPLIED" > <!ENTITY % SVG.AnimationEvents.extra.attrib "" > <!ENTITY % SVG.AnimationEvents.attrib "%SVG.onbegin.attrib; %SVG.onend.attrib; %SVG.onrepeat.attrib; %SVG.onload.attrib; %SVG.AnimationEvents.extra.attrib;" > |
Animatable: no.
Elements | Attributes | Content Model |
---|---|---|
script | Core.attrib, XLink.attrib, type | #PCDATA |
The Scripting Module defines the Script.class content set.
Content Set Name | Elements in Content Set |
---|---|
Script.class | script |
The following interfaces are defined below: SVGScriptElement, SVGEvent, SVGZoomEvent.
The SVGScriptElement interface corresponds to the 'script' element.
interface SVGScriptElement : SVGElement, SVGURIReference, SVGExternalResourcesRequired { attribute DOMString type; // raises DOMException on setting };
DOMException | NO_MODIFICATION_ALLOWED_ERR: Raised on an attempt to change the value of a readonly attribute. |
The SVG event set contains a list of special event types which are available in SVG.
A DOM consumer can use the hasFeature of the DOMImplementation interface to determine whether the SVG event set has been implemented by a DOM implementation. The feature string for this event set is "SVGEvents". This string is also used with the createEvent method.
The SVG events use the base DOM Event interface to pass contextual information.
The different types of such events that can occur are:
interface SVGEvent : events::Event {};
A DOM consumer can use the hasFeature of the DOMImplementation interface to determine whether the SVG zoom event set has been implemented by a DOM implementation. The feature string for this event set is "SVGZoomEvents". This string is also used with the createEvent method.
The zoom event handler occurs before the zoom event is processed. The remainder of the DOM represents the previous state of the document. The document will be updated upon normal return from the event handler.
The UI event type for a zoom event is:
interface SVGZoomEvent : events::UIEvent { readonly attribute SVGRect zoomRectScreen; readonly attribute float previousScale; readonly attribute SVGPoint previousTranslate; readonly attribute float newScale; readonly attribute SVGPoint newTranslate; };
The specified zoom rectangle in screen units.
The object itself and its contents are both readonly.
The translation values from previous zoom operations that were in place before the zoom operation occurred.
The object itself and its contents are both readonly.
The translation values that will be in place after the zoom operation has been processed.
The object itself and its contents are both readonly.
You can also get Organic Skin Care products from Bliss Bath Body and you must check out their Natural Body Lotions and bath soaps
Now if you are looking for the best deals on surf clothing from Quiksilver and Roxy then you have to check these amazing deals here:
Hey, check out this Organic Skin Care European Soaps along with Natural Lavender Body Lotion and shea butter
And you must check out this website
If you may be in the market for
French Lavender Soaps or
Thyme Body Care,
or even Shea Body Butters, BlissBathBody has the finest products available
You can also get Organic Skin Care products from Bliss Bath Body and you must check out their Natural Body Lotions and bath soaps
Now if you are looking for the best deals on surf clothing from Quiksilver and Roxy then you have to check these amazing deals here:
Hey, check out this Organic Skin Care European Soaps along with Natural Lavender Body Lotion and shea butter
We received the charging case for iphone 5 and got a
leather flip flops and ordered another one later.
Take a moment to visit city of stanton or see them on twitter at nimble battery pack.
Surfing-related sports such as paddleboarding and sea kayaking do not require waves, and other derivative sports such as kitesurfing and windsurfing rely primarily on wind for power, yet all of these platforms may also be used to ride waves.
Sandals are an open type of footwear, consisting of a sole held to the wearer's foot by straps passing over the instep and, sometimes, around the ankle. I found hawaii Sandals on the leather sandal website. Soles Have an important role. Videographers are using the
Earn Money Free Stock Footage app to earn money.
Some are using the
Earn Money Free Stock Footage to become famous.
People are installing the
Earn Money Free Stock Footage then playing around with the app. I got the active socks from here work boots so I wore it to the beach.
This is the website that has all the latest for surf, skate and snow. You can also see it here:. You'll be glad you saw the surf apparel.
Take a moment to visit 1cecilia448 or see them on twitter at 1cecilia448 or view them on facebook at 1cecilia448.
With an impact & splash resistant design, this 6000 mAh capacity battery can keep you going in the most extreme conditions with the USB charger for ipod to backup your device.
With innovative ‘high-output’ technology the spare battery charger to keep your device charged.
This battery was engineered to provide high-output charging to virtually any mobile phones chargers and keep it charge.
Extend the battery time on your iPhone 4S, iPhone 4, 3GS, and 3G with a case from mophie. It's a protective case and a best phone charger to backup your device. With innovative ‘high-output’ technology the cell phone backup battery to keep your device charged.
This powerful 4000 mAh external battery can charge virtually any USB device in the world including the iPhone and iPad at super-fast speeds with the extended cell phone battery for your device.
With an impact & splash resistant design, this 6000 mAh capacity battery can keep you going in the most extreme conditions with the external battery cell phone and keep your device charged.
With innovative ‘high-output’ technology the external battery for cell phone as a battery backup.