SVG inline in XHTML, MIME text/html and SVGWeb. ItsNat: Feature Set & Examples

Feature Showcase : Feature Set & Examples

Use joystick mode

ItsNat p
- Feature Showcase Overview p
- Core p
  - Core Examples in Manual p
    - HTML Example in Manual p
    - XML Example in Manual p
  - Listeners p
    - DOM Event Listeners p
    - Communication Modes p
    - Mutation Event Listeners p
    - Auto Sync Server From Client p
    - Continue Event Listeners p
    - User Defined Event Listeners p
    - AJAX (or SCRIPT) Timers p
    - Asynchronous Task p
    - Comet Notifier p
    - Event Timeout p
    - Event Listener Chain Control p
  - DOM Utils p
    - Free Element Lists p
    - Free Element Tables p
    - DOM Renderers p
    - Pattern Based Element Labels p
    - Pattern Based Element Lists p
    - Pattern Based Element Tables p
    - Pattern Based Element Trees p
    - Variable Resolver p
    - W3C's ElementCSSInlineStyle p
    - String to DOM p
    - Markup Fragments p
  - Other Namespaces p
    - SVG in XHTML and XHTML MIME p
    - SVG in XHTML and HTML MIME p
    - SVG in XHTML, HTML MIME and ASV p
    - SVG in XHTML, HTML MIME and SVGWeb p
    - Pure SVG p
    - Pure XUL p
    - XML Generation p
  - IFr/Obj/Emb/Applet Auto-Binding p
    - HTML IFrame Example p
    - SVG IFr/Obj/Emb Example p
    - SVG Obj/Emb Ssrc Example p
    - SVG App/Obj/Emb Batik Example p
  - JavaScript Utils p
    - Java to JavaScript Generation p
    - Event Monitor p
  - Server-sent Events p
    - Using The Browser p
    - Not Using The Browser p
  - Referrers p
    - Referrer Pull & Fwd/Back Buttons p
    - Referrer Push & Fwd/Back Button p
  - Degraded Modes p
    - Disabled Events p
    - Disabled JavaScript p
  - Extreme Mashups p
    - Extreme Mashup HTML Mime p
    - Extreme Mashup XHTML Mime p
  - Misc. Features p
    - Bookmarking with AJAX p
    - Pretty URLs p
    - Remote View/Control p
    - Remote Templates p
- Components p
  - Component Based Example in Manual p
  - Buttons p
    - Normal p
      - HTML Buttons p
      - Input Submit with Form p
      - Free Button p
      - Mouse Up/Down/Over/Out p
    - Toggle p
      - Input Check Box p
      - Input Radio p
      - Free Check Box p
      - Free Radio Button p
  - Text p
    - Text Fields p
      - Input Text Based p
      - Input Hidden p
      - Input Text Formatted p
      - Input Text Formatted with Factory p
      - Key Up/Down p
    - Text Area p
  - Labels p
    - Label p
    - Free Label p
    - Custom Editor p
    - Custom Renderer p
  - Lists p
    - Select Combo Box p
    - Select List p
    - Free Combo Box p
    - Free List p
    - Free List Custom Structure p
    - Free List Compound p
    - Free List SVG Embedded p
    - Free List Pure SVG and XHTML p
  - Tables p
    - Table p
    - Free Table p
    - Table using Row Span p
    - Free Table SVG Embedded p
  - Trees p
    - Tree using <ul> p
    - Tree using <table> p
    - Tree Rootless p
    - Tree-Table p
    - Tree-Table without <table> p
  - Modal Layers p
    - HTML Modal Layers p
    - SVG Modal Layers p
    - XUL Modal Layers p
  - Other Components p
    - Form p
    - File Upload p
    - Free Include p
    - Custom Components p
  - Auto. Component Build p
    - Auto. Comp. Build: All Types p
    - Markup Driven Forms p
      - Check Box p
      - Radio Buttons p
      - Input Text p
      - Text Area p
      - Combo Box p
      - Select Multiple p
  - Server-Driven Func. Testing p
    - Func. Testing Using Browser p
    - Func. Testing Not Using Browser p
  - Degraded Modes & Components p
    - Disabled Events & Components p
    - Disabled JavaScript & Components p
  - XML & Components p
  - PIE/Moto/UCWEB Examples p
    - PIE/Moto/UCWEB Free Combo Box p
    - PIE/Moto/UCWEB Free List p
    - PIE/Moto/UCWEB Table p
    - PIE/Moto/UCWEB Tree p

SVG inline in XHTML, MIME text/html and SVGWeb

Example P
Source Code P
Explanation P

Use a browser with native SVG support or SVGWeb support (MSIE 6+, Safari 3+, Chrome, Opera 9+).

Note: in spite of SVG markup processed by SVGWeb could be inline with HTML code, this example runs into an IFRAME because SVGWeb is very intrusive and can fully break the Feature Showcase in non supported browsers (for instance many mobile browsers).

Note: In MSIE activate the Flash control (one click) if needed

Launch stand alone