Skip to main content

OnMouseOver for the DIV tag

I've been working on a project that involves menu items (links to applications and reports) in our intranet portal.  These items are separated into categories/folders.

So I've been working on changing the functionality of our menu system that allows you to pin and unpin the menu items to a Favorites section.  The Favorites section is up top and you can have a max of 10 favorites. 

Yesterday I ran into an issue that didn't make sense.  Within a DIV tag I had 2 other DIVs, one DIV displayed the menu link, and the other for the image of the pin.  I used the OnMouseOver event for the main DIV to show the pin next to the menu link, but it would only show when the mouse was over the link (not over blank parts of the main DIV).

I put a border around the main DIV as a test to see what was going on.  This showed just a line, which was above the menu item.  So, I put a height style into the main DIV and it worked! 

I tried finding a solution for the issue on the web but nothing was really that good or straightforward so I decided to put this little tidbit on here.  But I also realize now you can use the "w3-container" class.

Note, I also used OnMouseOut event for when the DIV doesn't have the mouse over it anymore.  Most of this functionality was written in javascript and jQuery.

Comments

Popular posts from this blog

My Twitter Followers Have Gone Down!

If you're a Twitter user you might have heard or seen on your account the number of followers go down.  For some of us, those numbers might be minimal.  I have a Twitter account @NKYSports which I use in connection with one of my High School sports website NKYSports.com.  Last week I had about 6,070 followers.  That number today is down about 100.  But I have heard users who have followers over 50K, 100K, etc. losing thousands and thousands of "so-called" followers.

So what happened?  Twitter has started cleaning accounts due to fake news scandals and data privacy.  That equates to about 1 million accounts the past quarter (2nd Q of 2018).  Twitter CEO Jack Dorsey says improving the health of the platform is critical for future growth.

Twitter has been a great tool for my website, but I also like getting updates sent directly to my phone to get the latest news, sports, weather, etc.  I know what to believe and not to believe as well!  Fake news is every where, always wil…

Book Review: The New Psycho-Cybernetics

The book The New Psycho-Cybernetics by Dr. Maxwell Maltz is truly an amazing book!  This book should be read by everyone!  Whether your self-image is good or bad this book talks about taking steps to improve your self-image, live a longer life, and ultimately be happy!

I myself feel like I have a good self-image, my self-esteem is high and overall I'm an optimistic and happy person.  But I can see how a book like this can help me strive for higher achievements and help me to reach those higher goals!

For those with poor self-images and low esteem this book will benefit you immensely.  The book talks about several examples where people have been down, sick, lonely.  But have gone through the exercises in the book and come out with a much better self-image and becoming much more happy.

There are so many examples in the book its hard to cover them all and that's why I will definitely be reading the book again, as well as a reference for future inspirations.  Towards the end of th…

Love the XMLHttpRequest Object

I was reading up on some XML and AJAX stuff the other day and came across the XMLHttpRequest Object - when I come across snippets of code like the example in the link, I always try to figure a way to incorporate it into my work.  I always ask myself is this something I can use and make my software more efficient?

This was something I most definitely could use as we have a system of part numbers in our database.  We have users that select part numbers to enter Selling Opportunities so I was able to use the code to look up the part numbers more quickly, showing the part numbers, qty on hand, and some other pertinent info.
Below is an example of some code:
Page1.asp
<html> <head> <script> function showHint(str) {     if (str.length == 0) {         document.getElementById("txtHint").innerHTML = "";         return;     } else {         var xmlhttp = new XMLHttpRequest();         xmlhttp.onreadystatechange = function() {             if (this.readyState =…