Hover effect with html5, no javascript or css

Question

I am trying to do a hover->highlight effect on the cells of the table in this fiddle, so they will appear to look like buttons. I can't use any javascript or CSS, but I can use HTML5. Does anyone know how to do it. I know there is an onmouseover attribute in HTML5, just not much experience yet.

Thanks!

The reason i can't use JS or CSS is that I am trying to make custom content for a website which i am trying to build on sites.google.com. They do not allow you to add JS or CSS to the page. — jeffery_the_wind
– jeffery_the_wind, Commented Jun 3, 2012 at 23:15
They do, you just have to click 'Edit HTML' or something similar, then add style="<style here>" to the element. — uınbɐɥs
– uınbɐɥs, Commented Jun 3, 2012 at 23:17
@ShaquinTrifonoff Even then you cannot change pseudoclasses though – which you’d need to change the hover effect. — Konrad Rudolph
– Konrad Rudolph, Commented Jun 3, 2012 at 23:29

Zeta · Accepted Answer · 2012-06-03 23:27:31Z

1

You can't. If you want to change the appearance of a given element based on user's behavior you have to use JavaScript (event based) or the CSS pseudo class :hover.

However, if you can edit the HTML of your content, then you should be able to insert a custom <style> element or add event listeners. Note that the first isn't valid in HTML4*, in HTML5 you can use the scoped attribute to style only a given scope (but I don't think this behavior is implemented in any browser yet).

*This solution should work, even if the resulting code HTML4 isn't valid any more.

answered Jun 3, 2012 at 23:27

Zeta

106k13 gold badges206 silver badges250 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Hover effect with html5, no javascript or css

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related