A bookmarklet is an applet, a small computer application, stored as the URL of a bookmark in a web browser or as a hyperlink on a web page. The term is a portmanteau of the terms bookmark and applet. Whether bookmarklet utilities are stored as bookmarks or hyperlinks, they are designed to add one-click functionality to a browser or web page. When clicked, a bookmarklet performs some function, one of a wide variety such as a search query or data extraction. Usually the applet is a JavaScript program. From Wikipedia, the free encyclopedia

Here’s what I came up with;

(right click and bookmark the link or drag them to your bookmark bar)

bookmarklet slide

The above bookmarklet pulls in the URL of the page, the page title, creates a link, plus if you highlight any text on the page before clicking it will pull in that selection. Unfortunately I couldn’t get this to work in Internet Explorer so shelved it. But do feel free to copy the code and see if you can get it to work. Oh, and if you do, let me know so I can use it.

Tweet Page

This will send the title and URL of the page your viewing  to Twitter. It will open up a popup window which is just the right size to fit the top half of the Twitter page in. It helps if your logged into to Twitter for seamless transition. Again, Internet Explorer doesn’t play ball but still does the job by opening a new tab / page.

Tweet Selection

As above but Tweets highlighted text on the page your viewing.

nofollow

When clicked it will highlight all nofollow links on the current page.

Get URL’s

When clicked will list all links on the current page.

• ON: turns phone notifications on
• OFF: turns phone notifications off
• FOLLOW username: turns on notifications for a specific individual
• LEAVE username: turns off notifications for a specific individual
• D username: sends a private message to a specific individual
• @username: sends a public message to a specific individual; this message will archive in their replies tab, and be visible on your profile page
• WHOIS username: returns bio info for a Twitter member
• GET username: returns the last update from a specific individual
• FAVE username: marks the last update of a user as a favorite
• TRACK word: returns updates from the Twitter community containing the tracked word
• TRACKING: returns a list of words you’re tracking
• UNTRACK word: stops tracking a word
• UNTRACK all: stops tracking all words
• INVITE mobile number or email address: invites a friend via SMS/text message to join Twitter
• STATS: returns statistics

Here are some advance search phrases you can use…

All of these words test
This exact phrase “test”
Any of these words test

None of these words -test
This hashtag #test
From this person from:test
To this person to:test

Referencing this person @test
Since this date since:2009-06-23
Until this date until:2009-06-29
Near this place near:london

Within this distance within:15mi
With positive attitude
With negative attitude
Asking a question ?

Containing links filter:links
Written in English

If you have any more follow or contact me and I will add them to the list.

• Menu Item 1
  • Sub Menu 1
  • Sub Menu 2
  • Sub Menu 3
  • Sub Menu 4
  • Sub Menu 5
  • Sub Menu 6
  • Sub Menu 7

• Menu Item 2
  • Sub Menu 1
  • Sub Menu 2
  • Sub Menu 3
  • Sub Menu 4
  • Sub Menu 5
  • Sub Menu 6
  • Sub Menu 7

• Menu Item 3
  • Sub Menu 1
  • Sub Menu 2
  • Sub Menu 3
  • Sub Menu 4
  • Sub Menu 5
  • Sub Menu 6
  • Sub Menu 7

In IE6, select boxes will always appear on top of other elements, regardless of z-index settings, however, an iframe will hide the select box…

Encase you didn’t know, in IE6, windowed controls such as a select box will always cover DHTML layers. This means if you have a div that floats over a select box no matter what z-index you apply to it the select box will always show on top of the div. A common example of this problem is css menus hovering over filter select boxes as the above example demostrates.

A common solution to this problem is to hide windowed controls when displaying a div – this isn’t a great solution but it’s better than having a select box break through a hovered menu.

Our solution is to use an iframe (which is another windowed control) to cover the select box. Our solution isn’t unique as its been used many times before using javascript – our solution is unique in the way it uses pure CSS.

We’ll use the common problem of drop down menus over select boxes as above. The left hover menu has the fix, the center menu does not and the right hover menu has half the fix. (make sure you view the example page in IE6)

As you can see in IE6 the center select boxes appears on top of the center drop down menu. For the fix all we need to add is an iframe to cover the select box. Place an empty iframe within the anchor tag of the menu item.

Now add the css…The menu anchor in our example has position relative set for the hover menu to work, this enables us to position the iframe absolute from the anchor. Add the position coordinates top and left and give the iframe a height and width. We can view the iframe positioned over the select boxes within the browser. Make sure that the iframe is of the same width as your drop down menu. Website’s with dynamically powered menus may struggle to get the exact size and coordinates of the iframe. Once the iframe is in position and covers the select box where the menu drops down we can hide the iframe with visibility:hidden and then on the hover state of the anchor making it visible.

Obviously this fix will work with smaller basic menus and not dynamic menus but normally its only one or two items that will hover over a select box and not the entire menu, and it may be just one small select box that needs covering.

]]> http://www.whatonline.co.uk/development/select-box-and-z-index-problem-fixed/feed/ 0