fragmentIdentifier-01.xhtml (1849B)
1 <html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait"> 2 <head> 3 <title>Testcases for SVG fragment identifiers</title> 4 <style> 5 6 iframe { 7 border: none; 8 } 9 10 </style> 11 </head> 12 <body style="background-color: lime;"> 13 <div> 14 <iframe scrolling="no" type="image/svg+xml" width="100" height="100" src="fragmentIdentifier-rect-01.svg#limeView" /> 15 <iframe scrolling="no" type="image/svg+xml" width="100" height="100" src="fragmentIdentifier-rect-01.svg#svgView(viewBox(0,200,100,100))" /> 16 <iframe scrolling="no" type="image/svg+xml" width="100" height="100" src="fragmentIdentifier-rect-01.svg#view" /> 17 </div> 18 <div> 19 <iframe scrolling="no" type="image/svg+xml" width="100" height="100" src="fragmentIdentifier-rect-01.svg#svgView(viewBox(0,0,100,100);transform(translate(0,200)))" /> 20 <iframe scrolling="no" id="replace" type="image/svg+xml" width="100" height="100" src="fragmentIdentifier-rect-01.svg#svgView(viewBox(0,0,100,100);transform(translate(0,0))" /> 21 <iframe scrolling="no" id="remove" type="image/svg+xml" width="100" height="100" src="fragmentIdentifier-rect-01.svg#svgView(viewBox(0,200,100,100);transform(translate(0,200)))" /> 22 </div> 23 <script type="text/javascript"> 24 window.onload = function() { 25 document.addEventListener("MozReftestInvalidate", doTest, false); 26 setTimeout(doTest, 4000); // fallback for running outside reftest 27 } 28 29 function doTest() { 30 document.getElementById("replace").setAttribute("src","fragmentIdentifier-rect-01.svg#svgView(viewBox(0,0,100,100);transform(translate(0,200)))"); 31 document.getElementById("remove").setAttribute("src","fragmentIdentifier-rect-01.svg#svgView(viewBox(0,200,100,100))"); 32 document.documentElement.removeAttribute("class"); 33 } 34 </script> 35 </body> 36 </html>