This is my HTML document:
<html>
<head>
<title>SVG Ellipse</title>
<link rel = "stylesheet" type = "text/css" href = "SVG_Ellipse.css">
</link>
<script language = "javascript" src = "SVG_Ellipse_Test_1.
js">
</script>
</head>
<body onload = "Setup()">
<svg id = "Image_Box">
<ellipse id = "My_Ellipse">
</ellipse>
</svg>
<input id = "My_Data" type = "text">
</input>
</body>
</html>
When I open this document, everything works fine. But when I change this to an XHTML document and add namespaces for the XHTML and the SVG, it stops working. Let me show you:
<?xml version = "1.0" encoding = "UTF-8" standalone = "no"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg" >
<head>
<title>SVG Ellipse</title>
<link rel="stylesheet" type="text/css" href="http://localhost:8080/exist/rest/db/apps/HTML_Student/SVG_Ellipse.css"/>
<script language="javascript" type = "text/javascript"src="http://localhost:8080/exist/rest/db/apps/HTML_Student/SVG_Ellipse_Test_2.
js"/>
</head>
<body onload="Setup()">
<svg:svg id="Image_Box">
<svg:ellipse id="My_Ellipse"/>
</svg:svg>
<input id="My_Data" type="text">
</input>
</body>
</html>
I was hoping the Namespace-based Validation Dispatching Language would bridge the missing gap. If so, how would this work with the eXist database?