Hello: Thank you for your suggestions, I know that i am very green on the theme of scripting for SVG and Javascript, but i did not expected to receive this useful advices for this.
Anyway thank you everyone. --- In [email protected], "Samuel Dagan" <[EMAIL PROTECTED]> wrote: > Hi Travsam, > As an answer to your question, many things are wrong in your > script: where are the end marks of the command lines(;) ? > What is: d1.visibility("hidden") ? This is not an ecmascript command! > I undeststand that this is your mid-term project, so you have to > pick up a book from the library of your college, and first learn how > to code ecma-script for SVG. > In the SVG coding, you have everything inside <defs>....</defs>, > where are the <use>....</use> ? You have also to learn SVG! You can > use the same book for both. > Good luck with YOUR project, Samy > > --- In [email protected], "jucabapa79" <[EMAIL PROTECTED]> > wrote: > > Well, for begin this, I could first refer for the code i made for > > show the dice results. This is not running properly when i test it > > in the computer, it don't shows anything. What's wrong? > > > > Greetings > > > > Travsam > > > > -------------------------This is the code------------------------ -- > > <?xml version="1.0"?> > > > > > > <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG > > 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG- 20010904/DTD/svg10.dtd"> > > <svg width="500px" height="500px" viewBox="0 0 500 500"> > > <script language="text/ecmasscript"> > > <![CDATA[ > > /** Configures the dice according to a six number's random select. > > It should change the visibility status of one or two of four > > different SVG objects forming dice forms. > > The default number is 1, the visibility will change depending > > of the number, cases of number 3 and 5 will be > > made over combinations of forms two and four combinations > with > > the one combination. > > */ > > function throwdice(){ > > //create a random integer between 0 and 5 > > var randomDice=Math.round(Math.random()*5) > > dice = randomDice > > switch (dice) > > { > > > > case 1: > > d1.visibility("hidden") > > d2.visibility("visible") > > d4.visibility("hidden") > > d6.visibility("hidden") > > break > > case 2: > > d1.visibility("visible") > > d2.visibility("visible") > > d4.visibility("hidden") > > d6.visibility("hidden") > > break > > case 3: > > d1.visibility("hidden") > > d2.visibility("hidden") > > d4.visibility("visible") > > d6.visibility("hidden") > > break > > case 4: > > d1.visibility("visible") > > d2.visibility("hidden") > > d4.visibility("visible") > > d6.visibility("hidden") > > break > > case 5: > > d1.visibility("hidden") > > d2.visibility("hidden") > > d4.visibility("hidden") > > d6.visibility("visible") > > break > > default: > > d1.visibility("visible") > > d2.visibility("hidden") > > d4.visibility("hidden") > > d6.visibility("hidden") > > break > > } > > } > > ]]> > > > > </script> > > <!-- creating the dice pictures, as I refered, the forms are based > > in dice forms, there are not > > three and five forms because it was based on combinations of one > and > > other combination (It means, five > > will be made combining four and one combination and three will be > > made combining two and one). Also > > there is the button that can throw the dice--> > > <defs> > > <g onclick="throwDice();"> > > <rect x="70" y="10" width="60" height="20" rx="4" ry="4" > > style="fill: #ddd;"/> > > <text x="100" y="25" style="text-anchor: > > middle;">Throw</text> > > </g> > > <g id="d6" visibility="hidden"> > > <rect x="50" y="50" height="100" width="100" style="stroke: > > black; fill: none;"/> > > <circle cx="125" cy="125" r="10" style="stroke: none; fill: > > blue;"/> > > <circle cx="75" cy="75" r="10" style="stroke: none; fill: > > blue;"/> > > <circle cx="125" cy="75" r="10" style="stroke: none; fill: > > blue;"/> > > <circle cx="75" cy="125" r="10" style="stroke: none; fill: > > blue;"/> > > <circle cx="75" cy="100" r="10" style="stroke: none; fill: > > blue;"/> > > <circle cx="125" cy="100" r="10" style="stroke: none; fill: > > blue;"/> > > </g> > > <g id="d1" visibility="visible"> > > <rect x="50" y="50" height="100" width="100" style="stroke: > > black; fill: none;"/> > > <circle cx="100" cy="100" r="10" style="stroke: none; fill: > > blue;"/> > > </g> > > <g id="d2" visibility="hidden"> > > <rect x="50" y="50" height="100" width="100" style="stroke: > > black; fill: none;"/> > > <circle cx="125" cy="125" r="10" style="stroke: none; fill: > > blue;"/> > > <circle cx="75" cy="75" r="10" style="stroke: none; fill: > > blue;"/> > > </g> > > <g id="d4" visibility="hidden"> > > <rect x="50" y="50" height="100" width="100" style="stroke: > > black; fill: none;"/> > > <circle cx="125" cy="125" r="10" style="stroke: none; fill: > > blue;"/> > > <circle cx="75" cy="75" r="10" style="stroke: none; fill: > > blue;"/> > > <circle cx="125" cy="75" r="10" style="stroke: none; fill: > > blue;"/> > > <circle cx="75" cy="125" r="10" style="stroke: none; fill: > > blue;"/> > > </g> > > </defs> > > </svg> ----- 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/ <*> 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/
