onmouseover in HTML element in RSD -...

User 1775874 Photo


Registered User
25 posts

Just a quick question, is there any reason why 'onmouseover' and 'onmouseout' won't work in page generated by RSD? I have them in an HTML element to show an image a bit bigger when the mouse is over it. The image appears at normal size just fine but nothing happens when the mouse is hovered or leaves the area.

Here is relevant bit of code generated by RSD
<div class="row">
<div class="coffee-span-2 coffee-498-span-4 coffee-793-span-3 coffee-390-span-5">
<div class="rule">
<hr>
</div>
<div class="html-element adpop"><img src="AdPavillion.jpg" width="200" height="200"
onmouseover="this.width=500;this.height=500;"
onmouseout="this.width=200;this.height=200" /></div>

<p class="paragraph cookie">This site uses Statcounter to count visitors. To do this Statcounter places a cookie on your device. By continuing to use this site you consent to this. You can change your browser settings to stop cookies being stored on your device. No personal information is recorded by Statcounter. &nbsp;For more information about Statcounter please click the button below</p><a class="link-button majorbutton" href="http://statcounter.com" title="Click for details of Statcounter" target="_blank" id="statcounter">Statcounter</a>
</div>
<div class="coffee-span-8 coffee-498-span-8 coffee-793-span-9 coffee-390-span-7">
<div class="rule">
<hr>
</div>

It worked fine in VSD.
Environment is Win 8.1 with Chrome and Firefox

BTW great work! RSD is fine product once you get your head around it!

Thanks, Pat
User 271657 Photo


Ambassador
3,816 posts

Since a mobile touchscreen device has no cursor arrow, there is no way to indicate a hover.
http://www.symantec.com/connect/blogs/p … over-state

Since RSD is for creating responsive sites, you need to think beyond the desktop/laptop. Some functions just don't work well – or at all on mobile devices.;)
I don't know what the specific issue might be in RSD (I don't use mouseovers), but maybe a tooltip script might be better?
https://www.google.com/#q=responsive+tooltips
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 187934 Photo


Senior Advisor
20,239 posts

You may also need some touch-punch.js
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 1775874 Photo


Registered User
25 posts

Hi again,

Thanks for your guidance and you are indeed correct and a little more thinking was needed! After research on the web I've adopted a 'Click to enlarge / click to shrink' solution which works well on all devices I've tried so far (I haven't got anything Apple based!). You can see it here http://claygateflowershow.co.uk/2015rsdtest/ - it works on the 'cafe' advert in the left hand column. Please note this site is being actively developed so things may have changed if you look many days after this post! This is where I found it
http://alexapps.net/enlarge-thumbnail-image-mouse-click

Thanks again, Pat
User 271657 Photo


Ambassador
3,816 posts

Glad you found an easy solution. Thanks for sharing :D
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.