Results 1 to 3 of 3

Thread: haccordion behavior difference w/ examples

  1. #1
    Join Date
    Oct 2012
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default haccordion behavior difference w/ examples

    1) Script Title: tdoncall.js

    2A) Good URL - http://www.techdata.com/content/serv...est/index.aspx
    2B) BAD URL - http://www.techdata.com/content/serv...test/test.aspx

    3) Describe problem: Horizontal Accordion Mouseover behavior changes on Desktop/Laptop browser. If you visit both the Good and Bad URLs above, you can see the difference in behavior. In summary, Bad URL haccordion mouseover collapses itself and never opens again using the mouseover. The 'Browse' hotlinks below the haccordion allow sliding effect.

    My company uses a template to provide our company wide header and navigation bar. Clearly it is causing a conflict since the Good URL works (the header/navigation bar you see is only an image ... fake) and the Bad URL consist of my company's template and my code injected in it.

    Troubleshooting so far:
    Comment out all Glide Content Wrapper code to make sure not source of conflict.
    The old haccordion js use to allow setting mouseover or onclick in settings. Since it was removed I tried using the js haccordion.expandli right outside the img tags with each div to try and simulate the 'browse' hotlink onclick functionality. It worked but any mouse movement dominates and moves all sliders left again when a mouseover event occurs.

    Sacrifice if needed. Is there anyway to kill the mouseover functionality all together and when someone clicks the slider it kicks the slider out like the 'Browse' hotlinks at the bottom do? All haccordion code should be viewable from links above (view source), if not let me know and I'll attach.
    Last edited by jscheuer1; 10-24-2012 at 07:12 PM. Reason: Format

  2. #2
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    612
    Thanks
    46
    Thanked 32 Times in 32 Posts

    Default

    give a link to your page please
    Thanks,

    Bud

  3. #3
    Join Date
    Oct 2012
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Moderator's Note: The link to the pages are in the original post.

    Found that when I comment out the majority of the 'expandli' code in the called js file it stops the haccordion from expanding (of course), but also that it stops it from contracting once and stopping to work (behavior on the BAD URL). I thought the collapse code was triggering somehow and causing this but the unwanted mouseover collapse behavior stops when I comment out:

    Code:
    if (typeof config.$lastexpanded!="undefined") //targetli may be an index, ID string, or DOM reference to LI
    config.$lastexpanded.stop().animate({width:config.paneldimensions.peekw}, config.speed) //contract last opened content
    $targetli.stop().animate({width:$targetli.data('hpaneloffsetw')}, config.speed) //expand current content
    config.$lastexpanded=$targetli
    Last edited by jscheuer1; 10-24-2012 at 07:16 PM.

Similar Threads

  1. Center haccordion in a table
    By Eileen in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 07-17-2011, 05:37 PM
  2. toggling haccordion visibility
    By bryno in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 09-09-2010, 08:08 AM
  3. how to modify haccordion
    By lordrt in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 09-03-2010, 12:47 PM
  4. how to try mysql examples?
    By mamandis in forum MySQL and other databases
    Replies: 1
    Last Post: 01-08-2009, 12:25 AM
  5. 2 examples of mysql table_structure, which is better ?
    By superjadex12 in forum MySQL and other databases
    Replies: 0
    Last Post: 01-21-2007, 06:28 PM

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
  •