Digital Workshop

Welcome to the Digital Workshop Message Boards
It is currently May 17th, 2024, 8:59 am

All times are UTC [ DST ]




Post new topic Reply to topic  [ 8 posts ] 
Author Message
 Post subject: HTML 5 button transparency
PostPosted: November 19th, 2014, 2:14 am 
Offline
Godlike
Godlike

Joined: November 11th, 2004, 1:18 pm
Posts: 1213
Location: New York
Opus: Opus Pro 9.75
OS: Windows 10 Pro 64 bit
System: Core i7, 16G RAM, Nvidia 640GT (desktop), plus Windows 10 and Android tablets
Is there a way in an HTML 5 pub to change a button's opacity/transparency for example from 100% opacity to 50% opacity?

What I am trying to accomplish: when the user clicks the fully opaque button, which triggers an animation, would like the button to fade to 50% opacity (remain visible, but less distracting @50% while the animation runs).

I've tried Opus script, based on the following, but this doesn't work for HTML 5 pubs.

Code:
button1.SetTransparency(50)//for 50%, but doesn't work


_________________
Stephen


For this message Stephen has been thanked by : mackavi


Top
 Profile  
 
 Post subject: Re: HTML 5 button transparency
PostPosted: November 19th, 2014, 5:54 am 
Offline

Joined: May 21st, 2005, 4:04 am
Posts: 21
Location: U.S.A
Opus: Opus Pro 9.50
OS: Windows 7
System: win7, AMD Phenom quad, 4 gigs ram,
Hi Stephen. I would create whatever button shape you need with the OPUS drawing tool then within the polygon properties of the drawn shape > vector fill tab > check the transparency check box area and then slide transparency percentage to the desired setting.
you can assign triggers/ settings to the shape with the same functionality as a button created in opus.
I hope this helps or spark another idea. :lol:

-dcwmfx


For this message dcwmfx has been thanked by : mackavi


Top
 Profile  
 
 Post subject: Re: HTML 5 button transparency
PostPosted: November 19th, 2014, 9:16 am 
Offline
Godlike
Godlike
User avatar

Joined: March 21st, 2007, 10:44 am
Posts: 3188
Location: UK
Opus: Evolution
0.5 not 50 (that's the fade function)

Code:
button1.SetTransparency(0.5)

</mack>

_________________
When you have explored all avenues of possibilities, what ever remains, how ever improbable, must be the answer.

Interactive Solutions for Business & Education
Learn Anywhere. Learn Anytime.

www.interaktiv.co.uk
+44 (0) 1395 548057


Top
 Profile Visit website  
 
 Post subject: Re: HTML 5 button transparency
PostPosted: November 19th, 2014, 1:48 pm 
Offline
Godlike
Godlike

Joined: November 11th, 2004, 1:18 pm
Posts: 1213
Location: New York
Opus: Opus Pro 9.75
OS: Windows 10 Pro 64 bit
System: Core i7, 16G RAM, Nvidia 640GT (desktop), plus Windows 10 and Android tablets
Unfortunately, in this HTML 5 pub, even when I correctly script the button (button1.SetTransparency(0.5)), publish, the button when clicked doesn't become 50% transparent.

Does transparency, scripted into a JS or script object for a button (button is created as a frame with an image and text), work in HTML 5 pubs? Or is it an unsupported feature for HTML 5?

_________________
Stephen


For this message Stephen has been thanked by : mackavi


Top
 Profile  
 
 Post subject: Re: HTML 5 button transparency
PostPosted: November 19th, 2014, 4:44 pm 
Offline
Godlike
Godlike
User avatar

Joined: March 21st, 2007, 10:44 am
Posts: 3188
Location: UK
Opus: Evolution
Works fine in HTML5.

Created button - called it button1.

Added OpusScript action to button left click trigger with the follow line:

Code:
button1.SetTransparency(0.5)


Using Build 16651.

</mack>

_________________
When you have explored all avenues of possibilities, what ever remains, how ever improbable, must be the answer.

Interactive Solutions for Business & Education
Learn Anywhere. Learn Anytime.

www.interaktiv.co.uk
+44 (0) 1395 548057


Top
 Profile Visit website  
 
 Post subject: Re: HTML 5 button transparency
PostPosted: November 19th, 2014, 5:02 pm 
Offline
Godlike
Godlike

Joined: November 11th, 2004, 1:18 pm
Posts: 1213
Location: New York
Opus: Opus Pro 9.75
OS: Windows 10 Pro 64 bit
System: Core i7, 16G RAM, Nvidia 640GT (desktop), plus Windows 10 and Android tablets
Yes, tried it again, and this time it works! Apologies.

Thank you.

_________________
Stephen


For this message Stephen has been thanked by : mackavi


Top
 Profile  
 
 Post subject: Re: HTML 5 button transparency
PostPosted: November 19th, 2014, 8:55 pm 
Offline
Godlike
Godlike
User avatar

Joined: March 21st, 2007, 10:44 am
Posts: 3188
Location: UK
Opus: Evolution
It'll be all that snow.

</mack>

_________________
When you have explored all avenues of possibilities, what ever remains, how ever improbable, must be the answer.

Interactive Solutions for Business & Education
Learn Anywhere. Learn Anytime.

www.interaktiv.co.uk
+44 (0) 1395 548057


Top
 Profile Visit website  
 
 Post subject: Re: HTML 5 button transparency
PostPosted: November 19th, 2014, 9:08 pm 
Offline
Godlike
Godlike

Joined: November 11th, 2004, 1:18 pm
Posts: 1213
Location: New York
Opus: Opus Pro 9.75
OS: Windows 10 Pro 64 bit
System: Core i7, 16G RAM, Nvidia 640GT (desktop), plus Windows 10 and Android tablets
So far, I'm a little east of that part of New York that got the "lake effect snow" in the few feet (yes, feet) range. Think Buffalo, New York. Here, we've had a dusting but nothing that didn't melt.

Looking forward, I think we're in for a long, cold and snowy winter even where I live. Ugh!

Best Wishes (from the north pole),

_________________
Stephen


For this message Stephen has been thanked by : mackavi


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 8 posts ] 

All times are UTC [ DST ]


Who is online

Users browsing this forum: No registered users and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group