Results 1 to 5 of 5

Thread: Featured Content Glider Can't Embed Links In Slider Div

  1. #1
    Join Date
    Jul 2012
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Featured Content Glider Can't Embed Links In Slider Div

    1) Script Title: Featured Content Glider

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...tentglider.htm

    3) Describe problem: I am trying to add links inside of the slider DIV and the script seems to be disabling any links I put inside. Is there a way to add a link within the slider? Am I missing something??? Please help!!!

    On the front end the a href's are still appearing in the code but are not creating a link

    Here's an example of my code:

    <div class="glidecontent">
    <img src="assets/industry/issue42/01.png"/>
    <h1>< a href="#">Retail Industry Outlook Survey: Modest Gains Keep Cautious Optimism in Style</a></h1>
    <p><strong>Audience:</strong> C-suite in the retail sector</p>
    <p>The retail sector continues to face a demanding market environment that requires course adjustments and active change management to optimally impact sales and performance. This survey provides perspectives and insights of 100 retail executives. It compares responses about current business conditions, areas of growth and investment, and factors that may help or hinder economic recovery with results from our 2011 Retail Survey.</p>
    <p>
    <div class="partner"><strong>Sponsoring partner:</strong> Mark Larson</div>
    <div class="code"><strong>InterAction Activity Code:</strong> <a href="#">MLT10375</a></p></div>
    </div>

  2. #2
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    594
    Thanks
    43
    Thanked 28 Times in 28 Posts

    Default

    It is always a good idea to post the page you are having issues with.It helps to see the whole page.

    give us the url to look at please
    Thanks,

    Bud

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

    Default

    I don't have the page up live. Here is the code.. the first link you see in the code (in red) works because it is outside of the script's div. The 2nd link (in red) is embedded within the div and it does not work on the front end. None of the links within the divs defined in the script are working.

    I have not modified the .js file. I am using the file directly from the DD script: http://www.dynamicdrive.com/dynamici...ntentglider.js

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

    <link rel="stylesheet" type="text/css" href="featuredcontentglider.css" />

    <script type="text/javascript" src="featuredcontentglider.js">

    /***********************************************
    * Featured Content Glider script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
    * This notice must stay intact for legal use
    ***********************************************/

    </script>
    </head>

    <body>

    <div id="master">
    <script type="text/javascript">

    featuredcontentglider.init({
    gliderid: "industry", //ID of main glider container
    contentclass: "glidecontent", //Shared CSS class name of each glider content
    togglerid: "p-select", //ID of toggler container
    remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable
    selected: 0, //Default selected content index (0=1st)
    persiststate: false, //Remember last content shown within browser session (true/false)?
    speed: 500, //Glide animation duration (in milliseconds)
    direction: "downup", //set direction of glide: "updown", "downup", "leftright", or "rightleft"
    autorotate: true, //Auto rotate contents (true/false)?
    autorotateconfig: [3000, 2] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]

    })
    </script>




    <a href="#">MLT10375</a><div class="title">Industry</div>
    <div id="industry" class="glidecontentwrapper">

    <div class="glidecontent">
    <img src="assets/industry/issue42/01.png"/>
    <h1>Retail Industry Outlook Survey: Modest Gains Keep Cautious Optimism in Style</h1>
    <p><strong>Audience:</strong> C-suite in the retail sector</p>
    <p>The retail sector continues to face a demanding market environment that requires course adjustments and active change management to optimally impact sales and performance. This survey provides perspectives and insights of 100 retail executives. It compares responses about current business conditions, areas of growth and investment, and factors that may help or hinder economic recovery with results from our 2011 Retail Survey.</p>
    <p>
    <div class="partner"><strong>Sponsoring partner:</strong> Mark Larson</div>
    <div class="code"><strong>InterAction Activity Code:</strong> <a href="#">MLT10375</a></p></div>
    </div>

    <div class="glidecontent">
    <img src="assets/placeholder.png"/>
    <h1>Lorem Ipsum 2</h1>
    <p><strong>Audience:</strong> Lorem Ipsum</p>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
    </p>
    <p>
    <div class="partner"><strong>Sponsoring partner:</strong> John Smith</div>
    <div class="code"><strong>InterAction Activity Code:</strong> <a href="#">ABC86079</a></p></div>
    </div>

    <div class="glidecontent">
    <img src="assets/placeholder.png"/>
    <h1>Lorem Ipsum 3</h1>
    <p><strong>Audience:</strong> Lorem Ipsum</p>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
    </p>
    <p>
    <div class="partner"><strong>Sponsoring partner:</strong> John Smith</div>
    <div class="code"><strong>InterAction Activity Code:</strong> <a href="#">ABC86079</a></p></div>
    </div>


    <div class="glidecontent">
    <img src="assets/placeholder.png"/>
    <h1>Lorem Ipsum 4</h1>
    <p><strong>Audience:</strong> Lorem Ipsum</p>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
    </p>
    <p>
    <div class="partner"><strong>Sponsoring partner:</strong> John Smith</div>
    <div class="code"><strong>InterAction Activity Code:</strong> <a href="#">ABC86079</a></p></div>
    </div>

    </div>

    <div id="p-select" class="glidecontenttoggler">
    <div class="p-left"></div>
    <a href="#" class="prev"></a>
    <a href="#" class="toc">1</a>
    <a href="#" class="toc">2</a>
    <a href="#" class="toc">3</a>
    <a href="#" class="toc">4</a>
    <a href="#" class="next"></a>
    </div>

    <!--Slider #2-->

    <script type="text/javascript">

    featuredcontentglider.init({
    gliderid: "advisory", //ID of main glider container
    contentclass: "glidecontent", //Shared CSS class name of each glider content
    togglerid: "p-select2", //ID of toggler container
    remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable
    selected: 0, //Default selected content index (0=1st)
    persiststate: false, //Remember last content shown within browser session (true/false)?
    speed: 500, //Glide animation duration (in milliseconds)
    direction: "downup", //set direction of glide: "updown", "downup", "leftright", or "rightleft"
    autorotate: true, //Auto rotate contents (true/false)?
    autorotateconfig: [3000, 2] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
    })

    </script>
    <div class="title">Advisory</div>
    <div id="advisory" class="glidecontentwrapper">
    <div class="glidecontent">
    <img src="assets/advisory/issue42/01.png"/>
    <h1>Supplier Category Management: Driving value through the procurement organization</h1>
    <p><strong>Audience:</strong> Chief procurement officers, supply chain executives, and sourcing executives</p>
    <p>The report features three in-depth case studies that illustrate what procurement, organizations can do to develop strategic perspectives, attract and develop skilled professionals, build sustainable capabilities, and become a strategic business partner.</p><p>link here</p>

    <div class="partner"><strong>Sponsoring partner:</strong> Samir Khushalani and Patti Muldowney</div>
    <div class="code"><strong>InterAction Activity Code:</strong> <a href="#">MLT10378</a></p></div>
    </div>

    <div class="glidecontent">
    <img src="assets/placeholder.png"/>
    <h1>Lorem Ipsum</h1>
    <p><strong>Audience:</strong> Lorem Ipsum</p>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
    </p>
    <p>
    <div class="partner"><strong>Sponsoring partner:</strong> John Smith</div>
    <div class="code"><strong>InterAction Activity Code:</strong> <a href="#">ABC86079</a></p></div>
    </div>

    <div class="glidecontent">
    <img src="assets/placeholder.png"/>
    <h1>Lorem Ipsum</h1>
    <p><strong>Audience:</strong> Lorem Ipsum</p>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
    </p>
    <p>
    <div class="partner"><strong>Sponsoring partner:</strong> John Smith</div>
    <div class="code"><strong>InterAction Activity Code:</strong> <a href="#">ABC86079</a></p></div>
    </div> </div>

    <div id="p-select2" class="glidecontenttoggler">
    <div class="p-left"></div>
    <a href="#" class="prev"></a>
    <a href="#" class="toc">1</a> <a href="#" class="toc">2</a> <a href="#" class="toc">3</a><a href="#" class="toc">3</a>
    <a href="#" class="next"></a>
    </div>

    </div>



    </div>
    </body>
    </html>

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

    Default

    Ah, figured it out! It was a z-index issue in my CSS! Thanks

  5. #5
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,791
    Thanks
    2
    Thanked 418 Times in 412 Posts

    Default

    you have a space before the a in your link

    Code:
    < a href="#">Retail Industry Outlook Survey: Modest Gains Keep Cautious Optimism in Style</a>
    should be

    Code:
    <a href="#">Retail Industry Outlook Survey: Modest Gains Keep Cautious Optimism in Style</a>
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

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
  •