Log in

View Full Version : Hover Changeable Tabbed Headline Content



UniquelyAm
09-16-2007, 11:39 AM
Tabbed Document Viewer
http://www.dynamicdrive.com/dynamicindex3/tabdocviewer.htm

Ajax Tabs Content script
http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/index.htm

Virtual Pagination script
http://www.dynamicdrive.com/dynamicindex17/virtualpagination.htm

Those come the closest to what I'm looking for. There are a few others but I've seen and bookmarked so many great scripts I don't remember which ones they were...

Anyway, I'm looking for something I saw in MyWay.com's email inbox section. They have a section of headline news that when you hover over the links, the content changes on the same page.

Image of what it is:
http://www.cssstop.com/amber/myway_headlines.jpg

From looking at the code, they aren't using frames.

I would just like to see a script that has a box of content with tabs (links). When you hover over link 1 it shows link 1's content within that same content box. When you hover over link2, it changes to display the link 2's content within the same box, etc.

All the scripts I've seen are almost perfect, but either they are clickable, not hoverable and/or they cannot display content from another site.
I have a few other sites of my own that I would like to be able to display the content from, but with the pagination scripts, I cannot display content off of the particular domain it's on.

I hope someone knows what I'm looking for.

Thanks for any help or direction at all.

Amb.

djr33
09-16-2007, 12:13 PM
onClick is the action assigned to those scripts.
Using onMouseover would be what you want.
Just change that, and you're done.

It may exist in a couple places in the script, either as a property of the element you're on, like <a href=....... onClick="">, or within the javascript itself, like element.onclick = ...

UniquelyAm
09-16-2007, 12:48 PM
djr33,

You saved my sanity, thank you. I'll definitely try it.
I've been searching for a script to do that for a week now.
That was very appreciated.

Best wishes,
Amber.

UniquelyAm
09-16-2007, 07:30 PM
This should make you all feel extra good today. I went looking through the code they used for it a bit more and spotted this:

/***********************************************
* DD Tab Menu II script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
*
* Modified: BW 05-31-2006
***********************************************/

The entire time I was searching for a similar script that I fancied on MyWay.com's site and the same exact one they are using comes from right here at Dynamic Drive.
There's so many scripts here I must have overlooked that one because it already does the hover bit.

Thanks for the great site.

Amb.