Delay Card display on mouse over

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
User avatar
Magical
 
 
Posts: 152
Joined: Thu Dec 14, 2017 5:08 pm
Contact:

Delay Card display on mouse over

Post by Magical » Tue Jan 01, 2019 2:48 am

Some of the images I am putting on a site require acknowledgement of the creator. What I looking to do is:

When the user has the mouse over an image/icon for more than 15 seconds then the site should show a Card with the acknowledgement.

I have looked a the events: 1) onmouseover, and 2)timerstart , but cannot figure out how to get them to work together. The timer would need to be set and reset once the user moves off the image/icon. At 15 seconds the timer should display a Card with acknowledgement.

Would appreciate any assistance. Thanks.

User avatar
Pablo
 
Posts: 18984
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Delay Card display on mouse over

Post by Pablo » Tue Jan 01, 2019 9:27 am

You can start a timer via events. Did you try that?
Otherwise you will need to implement your own custom script.

User avatar
Magical
 
 
Posts: 152
Joined: Thu Dec 14, 2017 5:08 pm
Contact:

Re: Delay Card display on mouse over

Post by Magical » Tue Jan 01, 2019 5:59 pm

I got it, used the event to start the timer, then added a timer object.
<a href="#" onmouseover="TimerStartSwanIcon();return false;"><img src="images/swan (3).png" id="Swan_Icon" alt=""></a>

Clear the event onmouseout.

User avatar
BaconFries
 
 
Posts: 4651
Joined: Thu Aug 16, 2007 7:32 pm

Re: Delay Card display on mouse over

Post by BaconFries » Tue Jan 01, 2019 8:05 pm

Please also read from the url below about naming objects such as images they should not contain brackets ( ) or any spaces. This will save you posting about images not showing when published if you have issues.
Invalid
src="images/swan (3).png
Valid
src="images/swan3.png
http://wysiwygwebbuilder.com/forum/view ... 10&t=64868

User avatar
Magical
 
 
Posts: 152
Joined: Thu Dec 14, 2017 5:08 pm
Contact:

Re: Delay Card display on mouse over

Post by Magical » Wed Jan 02, 2019 2:22 am

Thank you!

Post Reply