Canceling out code?

sabisgeek · Thread Author #1 03-25-2011, 07:51 AM

Okay, not sure if i can get an answer, but we'll see how good you guys are...

So i have a normal button, call it Button1. I added a code to that button so whenever it focuses in, it gets smaller. So far so good.

But let's say, that now i want another button, and when i click on it, the other button stays the same when i focus in on it. So basically, i want to annul code before using a button. What's the code for that?

Thanks!

russnash · #2 03-25-2011, 02:48 PM

Can you explain your question a little more? I've read this a couple of times and am not quite 100% sure on what you are asking?

Russ.

sabisgeek · Thread Author #3 03-25-2011, 09:10 PM

Sorry bout that.

I have three buttons, Button1, Buttton2, and Button3. I added code to the SVG such that when Button1 is focused, It gets smaller. Now I want to add some code to the SVG such that when I click on Button3, Button1 stops getting smaller whenever I focus on it, and when I click on Button2, it continues to get smaller. Basically like an on/off switch for code.

Is this possible? If yes, what's the code for it?

russnash · #4 03-25-2011, 10:26 PM

Ok, now I understand what you're asking.

There's no easy way to turn code on and off in SVG, but there is a workaround for this sort of thing. I'd do it like this:

Create two variants of button1 called button1a and button1b, put them both in the same place. Button1a has code that makes it smaller on button1a.focusin, button1b does not. In addition, button1a starts as visible and button1b starts hidden.

Button2 sets button1a visible on focusin and button1b to hidden on focusin. Button3 does the opposite. Effectively, buttons 2 & 3 turn one variant of button1 off and the other on.

In SVG this would look something like this:

Code:

<animateTransform xlink:href="#button1a" attributeName="transform" type="scale" to="0.5" fill="freeze" begin="button1a.focusin"/>

<set xlink:href="#button1a" attributeName="display" to="inline" begin="button2.activate"/>
<set xlink:href="#button1b" attributeName="display" to="none" begin="button2.activate"/>

<set xlink:href="#button1a" attributeName="display" to="none" begin="button3.activate"/>
<set xlink:href="#button1b" attributeName="display" to="inline" begin="button3.activate"/>

Hope this helps!

Russ.