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

Post a Comment

Popular posts from this blog

Alexa Is Listening, Recording, and Sending!

Check out this story where a couple in Oregon was having a private conversation and Alexa recorded and sent the conversation to one of their contacts!  They were not aware until the contact contacted them about what had happened.  The couple contacted Amazon and they verified the series of events.  But what's even more bizarre is the couple wanted to return their Amazon home devices but Amazon has not agreed to return the costs for the devices! Check out the article here  by Bruce Brown on  Digital Trends
Post a Comment
Read more

Nonclustered Index in SQL Server

So, I've run into an issue with one of my queries because it takes about 40 seconds to run and according to the Recent Expensive Queries section of the Activity Monitor in SQL Server, there is a section of code taking up about 51% of the query.  First, let me say that I've been writing Transact SQL for quite awhile but have never ventured into the Clustered and NonClustered areas of forming Indexes.  I do use indexes on all my tables but that's just the regular Primary Unique key.  We've been using this query for awhile and it does work but when the result set is about 5K records it takes a little while to run.  So here's the actual query itself SELECT PartNo , SerialNo , HeciCode , ScanDate , OrderType , PoNo , po . IssueDate , SoNo FROM ScanHistory sh WITH ( NOLOCK ) LEFT OUTER JOIN trkRWPOHeader po WITH ( NOLOCK ) ON sh . PoNo = po . PONum WHERE len ( PoNo ) > 2 AND ScanDate >
Post a Comment
Read more

File Size Upload Limits using Godaddy Hosting

I've been working on a new project for a friend of mine and came across an issue with trying to upload photos using the infamous freeASPUpload code.  I've used the code in the past for some past projects but don't recall having issues with limits on uploading files. I'm posting this on my blog b/c there's nothing on the internet that discusses this (or at least I wasn't able to find any explanations), and hopefully this can be a resource to someone else that comes across the same issue. Now I know there are other options, utilities, etc. for uploading pics/files/etc. but  freeASPUpload  is simple, I've used it in the past, and this project is pretty basic.  So, if you want to change the upload file size limit you will first want to go into your Godaddy's hosting account.  Next go into the Virtual Directories option, then click on Directory Properties.  Towards the bottom there is a section called "Maximum size of entity body of an ASP request
Post a Comment
Read more