PDA

View Full Version : Featured Content Glider Can't Embed Links In Slider Div



kerengold
07-24-2012, 05:55 PM
1) Script Title: Featured Content Glider

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/featuredcontentglider.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 :mad:

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>

ajfmrf
07-24-2012, 06:07 PM
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

kerengold
07-24-2012, 06:13 PM
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/dynamicindex17/featuredcontentglider.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>

kerengold
07-24-2012, 06:26 PM
Ah, figured it out! It was a z-index issue in my CSS! Thanks

vwphillips
07-25-2012, 08:48 AM
you have a space before the a in your link


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


should be


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