Results 1 to 4 of 4

Thread: Hover Changeable Tabbed Headline Content

  1. #1
    Join Date
    Sep 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Hover Changeable Tabbed Headline Content

    Tabbed Document Viewer
    http://www.dynamicdrive.com/dynamici...bdocviewer.htm

    Ajax Tabs Content script
    http://www.dynamicdrive.com/dynamici...tent/index.htm

    Virtual Pagination script
    http://www.dynamicdrive.com/dynamici...pagination.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.

  2. #2
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,164
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    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 = ...
    Daniel - Freelance Web Design | <?php?> | <html>| español | Deutsch | italiano | português | català | un peu de français | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum

  3. #3
    Join Date
    Sep 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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.

  4. #4
    Join Date
    Sep 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •