Difference between revisions of "Canyon Map/Test"
From B.E.R.T. Wiki
| (8 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| + | Funky image testing first a reference to a SVG file, with included javascript. | ||
| + | |||
| + | |||
| + | [[Image:Svg_test.svg]] | ||
| + | |||
| + | |||
| + | then in-line HTML, which is behaving oddly. it stops displaying once we're in groups. but I think there is more going on than just that. | ||
| + | |||
<html> | <html> | ||
<body> | <body> | ||
| + | <p>be sure to look at the source for this page</p> | ||
<object> | <object> | ||
<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" onload="Init(evt)"> | <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" onload="Init(evt)"> | ||
| Line 99: | Line 108: | ||
| − | + | ||
<circle cx="100" cy="25" r="20" fill="orange" onclick="ToggleDisplay(evt)" display="inline"/> | <circle cx="100" cy="25" r="20" fill="orange" onclick="ToggleDisplay(evt)" display="inline"/> | ||
<text x="100" y="60" font-size="15px" text-anchor="middle">Display</text> | <text x="100" y="60" font-size="15px" text-anchor="middle">Display</text> | ||
| Line 109: | Line 118: | ||
<text x="220" y="60" font-size="15px" text-anchor="middle">Opacity</text> | <text x="220" y="60" font-size="15px" text-anchor="middle">Opacity</text> | ||
| − | --> | + | <!-- for some reason none of this displays --> |
| + | |||
| + | |||
| + | |||
| + | <p>more below here, but invisible - except for text blocks. weird. something about the groups?</p> | ||
| − | <g id="DisplayGroup" onclick='ToggleDisplay(evt, "DisplayGroup")' display=" | + | <g id="DisplayGroup" onclick='ToggleDisplay(evt, "DisplayGroup")' display="inline"> |
<circle cx="100" cy="335" r="20" fill="orange"/> | <circle cx="100" cy="335" r="20" fill="orange"/> | ||
<circle id="DisplayGroupException" cx="100" cy="335" r="5" fill="lime" display="inline"/> | <circle id="DisplayGroupException" cx="100" cy="335" r="5" fill="lime" display="inline"/> | ||
</g> | </g> | ||
| − | |||
<text x="100" y="370" font-size="15px" text-anchor="middle">Display</text> | <text x="100" y="370" font-size="15px" text-anchor="middle">Display</text> | ||
<g id="VisibiltyGroup" onclick='ToggleVisibilty(evt, "VisibiltyGroup")' visibility="visible"> | <g id="VisibiltyGroup" onclick='ToggleVisibilty(evt, "VisibiltyGroup")' visibility="visible"> | ||
<circle cx="160" cy="335" r="20" fill="red"/> | <circle cx="160" cy="335" r="20" fill="red"/> | ||
| − | <circle id="VisibiltyGroupException" cx="160" cy="335" r="5" fill="lime" visibilty | + | <circle id="VisibiltyGroupException" cx="160" cy="335" r="5" fill="lime" visibilty="visible" /> |
</g> | </g> | ||
<text x="160" y="370" font-size="15px" text-anchor="middle">Visibilty</text> | <text x="160" y="370" font-size="15px" text-anchor="middle">Visibilty</text> | ||