Consider the VML code where I have two divs, fixedDiv and a scrollDiv.
The scrollDiv has a style OVERFLOW-X: scroll; So when an VML is drawn
with greates x coordinate, then
automatic scrollbars are shown and one can scroll to the vml shape drawn
<DIV id=fixedDiv style="LEFT: 0px; WIDTH: 600px; POSITION: absolute;
TOP: 0px; HEIGHT: 400px">
<v:group id=root style="LEFT: 0px; WIDTH: 600px; TOP: 0px; HEIGHT:
400px" coordsize="600,600">
<v:rect id=outerBox style="LEFT: 0px; WIDTH: 600px; TOP: 0px;
HEIGHT: 600px" coordsize="21600,21600" filled="t"
fillcolor="#ccc" stroked="t"
strokecolor="black"></v:rect>
</v:group>
</div>
//div with a scrollbar
<DIV id=scrollDiv
style="OVERFLOW-Y: hidden; LEFT: 90px; OVERFLOW-X: scroll;
WIDTH: 390px; POSITION: absolute; TOP: 60px; HEIGHT: 257px"><v:group
id=root style="LEFT: 90px; WIDTH: 390px; TOP: 60px;
HEIGHT: 240px" coordsize="390,360">
<v:group id=datapoints style="LEFT: 0px; WIDTH: 390px;
TOP: 0px; HEIGHT: 360px" coordsize="390,360">
//any vml elements
</v:group>
</div>
Now I want a similar code for SVG and I thought the following code in
SVG should work. Does anyone have any idea, why it does not work?
<div id="fixedDiv" style="top: 0pt; left: 0pt; width: 600px; height:
400px; position: absolute;">
<svg id="root" xmlns="http://www.w3.org/2000/svg";
xmlns:xlink="http://www.w3.org/1999/xlink"; preserveAspectRatio="none"
x="0" y="0" width="600" height="400" viewBox="0 0 600 600">
<g id="base">
<rect id="outerBox" fill="rgb(204, 204, 204)" stroke="#000000"
x="0" y="0" width="600" height="600" />
</g>
</div>
<div id="scrollDiv" style="top: 60px; left: 90px; width: 390px;
height: 257px; position: absolute; overflow-x: scroll; overflow-y:
hidden;">
<svg id="root" preserveAspectRatio="none" x="90" y="60" width="390"
height="240" viewBox="0 0 390 360" xmlns="http://www.w3.org/2000/svg";
xmlns:xlink="http://www.w3.org/1999/xlink";>
<g id="datapoints">
</g>
</svg>
</div>
Thanks,
Srinivas
-----
To unsubscribe send a message to: [EMAIL PROTECTED]
-or-
visit http://groups.yahoo.com/group/svg-developers and click "edit my
membership"
----
Yahoo! Groups Links
<*> To visit your group on the web, go to:
http://groups.yahoo.com/group/svg-developers/
<*> Your email settings:
Individual Email | Traditional
<*> To change settings online go to:
http://groups.yahoo.com/group/svg-developers/join
(Yahoo! ID required)
<*> To change settings via email:
mailto:[EMAIL PROTECTED]
mailto:[EMAIL PROTECTED]
<*> To unsubscribe from this group, send an email to:
[EMAIL PROTECTED]
<*> Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/
