SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Zealot
    Join Date
    May 2012
    Location
    N.Ireland
    Posts
    103
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Cant debug using bxslider within accordion

    I'm trying to add a simple bxslider into an accordion using SpryAssets
    Code:
    // SpryAccordion.js - version 0.17 - Spry Pre-Release 1.6.1
    //
    // Copyright (c) 2006. Adobe Systems Incorporated.
    // All rights reserved.
    //
    // Redistribution and use in source and binary forms, with or without
    // modification, are permitted provided that the following conditions are met:
    //
    //   * Redistributions of source code must retain the above copyright notice,
    //     this list of conditions and the following disclaimer.
    //   * Redistributions in binary form must reproduce the above copyright notice,
    //     this list of conditions and the following disclaimer in the documentation
    //     and/or other materials provided with the distribution.
    //   * Neither the name of Adobe Systems Incorporated nor the names of its
    //     contributors may be used to endorse or promote products derived from this
    //     software without specific prior written permission.
    //
    // THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
    // AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
    // IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
    // ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
    // LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
    // CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
    // SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
    // INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
    // CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
    // ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
    // POSSIBILITY OF SUCH DAMAGE.
    
    (function() { // BeginSpryComponent
    
    if (typeof Spry == "undefined") window.Spry = {}; if (!Spry.Widget) Spry.Widget = {};
    
    Spry.Widget.Accordion = function(element, opts)
    {
    	this.element = this.getElement(element);
    	this.defaultPanel = 0;
        this.tabSelectedClass = "AccordionPanelTabSelected";
    	this.hoverClass = "AccordionPanelTabHover";
    	this.openClass = "AccordionPanelOpen";
    	this.closedClass = "AccordionPanelClosed";
    	this.focusedClass = "AccordionFocused";
    	this.enableAnimation = true;
    	this.enableKeyboardNavigation = true;
    	this.currentPanel = null;
    	this.animator = null;
    	this.hasFocus = null;
    
    	this.previousPanelKeyCode = Spry.Widget.Accordion.KEY_UP;
    	this.nextPanelKeyCode = Spry.Widget.Accordion.KEY_DOWN;
    
    	this.useFixedPanelHeights = true;
    	this.fixedPanelHeight = 0;
    
    	Spry.Widget.Accordion.setOptions(this, opts, true);
    
    	if (this.element)
    		this.attachBehaviors();
    };
    
    Spry.Widget.Accordion.prototype.getElement = function(ele)
    {
    	if (ele && typeof ele == "string")
    		return document.getElementById(ele);
    	return ele;
    };
    
    Spry.Widget.Accordion.prototype.addClassName = function(ele, className)
    {
    	if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) != -1))
    		return;
    	ele.className += (ele.className ? " " : "") + className;
    };
    
    Spry.Widget.Accordion.prototype.removeClassName = function(ele, className)
    {
    	if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) == -1))
    		return;
    	ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
    };
    
    Spry.Widget.Accordion.setOptions = function(obj, optionsObj, ignoreUndefinedProps)
    {
    	if (!optionsObj)
    		return;
    	for (var optionName in optionsObj)
    	{
    		if (ignoreUndefinedProps && optionsObj[optionName] == undefined)
    			continue;
    		obj[optionName] = optionsObj[optionName];
    	}
    };
    
    Spry.Widget.Accordion.prototype.onPanelTabMouseOver = function(e, panel)
    {
    	if (panel)
    		this.addClassName(this.getPanelTab(panel), this.hoverClass);
    	return false;
    };
    
    Spry.Widget.Accordion.prototype.onPanelTabMouseOut = function(e, panel)
    {
    	if (panel)
    		this.removeClassName(this.getPanelTab(panel), this.hoverClass);
    	return false;
    };
    
    Spry.Widget.Accordion.prototype.openPanel = function(elementOrIndex)
    {
    	var panelA = this.currentPanel;
    	var panelB;
    
    	if (typeof elementOrIndex == "number")
    		panelB = this.getPanels()[elementOrIndex];
    	else
    		panelB = this.getElement(elementOrIndex);
    	
    	if (!panelB || panelA == panelB)	
    		return null;
    
    	var contentA = panelA ? this.getPanelContent(panelA) : null;
    	var contentB = this.getPanelContent(panelB);
    
    	if (!contentB)
    		return null;
    
    	if (this.useFixedPanelHeights && !this.fixedPanelHeight)
    		this.fixedPanelHeight = (contentA.offsetHeight) ? contentA.offsetHeight : contentA.scrollHeight;
    
    	if (this.enableAnimation)
    	{
    		if (this.animator)
    			this.animator.stop();
    		this.animator = new Spry.Widget.Accordion.PanelAnimator(this, panelB, { duration: this.duration, fps: this.fps, transition: this.transition });
    		this.animator.start();
    	}
    	else
    	{
    		if(contentA)
    		{
    			contentA.style.display = "none";
    			contentA.style.height = "0px";
    		}
    		contentB.style.display = "block";
    		contentB.style.height = this.useFixedPanelHeights ? this.fixedPanelHeight + "px" : "auto";
    	}
    
    	if(panelA)
    	{
    		this.removeClassName(panelA, this.openClass);
    		this.addClassName(panelA, this.closedClass);
    	}
    
    	this.removeClassName(panelB, this.closedClass);
    	this.addClassName(panelB, this.openClass);
    
    	this.currentPanel = panelB;
    
    	return panelB;
    };
    
    Spry.Widget.Accordion.prototype.closePanel = function()
    {
    	// The accordion can only ever have one panel open at any
    	// give time, so this method only closes the current panel.
    	// If the accordion is in fixed panel heights mode, this
    	// method does nothing.
    
    	if (!this.useFixedPanelHeights && this.currentPanel)
    	{
    		var panel = this.currentPanel;
    		var content = this.getPanelContent(panel);
    		if (content)
    		{
    			if (this.enableAnimation)
    			{
    				if (this.animator)
    					this.animator.stop();
    				this.animator = new Spry.Widget.Accordion.PanelAnimator(this, null, { duration: this.duration, fps: this.fps, transition: this.transition });
    				this.animator.start();
    			}
    			else
    			{
    				content.style.display = "none";
    				content.style.height = "0px";
    			}
    		}		
    		this.removeClassName(panel, this.openClass);
    		this.addClassName(panel, this.closedClass);
    		this.currentPanel = null;
    	}
    };
    
    Spry.Widget.Accordion.prototype.openNextPanel = function()
    {
    	return this.openPanel(this.getCurrentPanelIndex() + 1);
    };
    
    Spry.Widget.Accordion.prototype.openPreviousPanel = function()
    {
    	return this.openPanel(this.getCurrentPanelIndex() - 1);
    };
    
    Spry.Widget.Accordion.prototype.openFirstPanel = function()
    {
    	return this.openPanel(0);
    };
    
    Spry.Widget.Accordion.prototype.openLastPanel = function()
    {
    	var panels = this.getPanels();
    	return this.openPanel(panels[panels.length - 1]);
    };
    
    Spry.Widget.Accordion.prototype.onPanelTabClick = function(e, panel)
    {
    	if (panel != this.currentPanel)
    		this.openPanel(panel);
    	else
    		this.closePanel();
    
    	if (this.enableKeyboardNavigation)
    		this.focus();
    
    	if (e.preventDefault) e.preventDefault();
    	else e.returnValue = false;
    	if (e.stopPropagation) e.stopPropagation();
    	else e.cancelBubble = true;
    
    	return false;
    };
    
    Spry.Widget.Accordion.prototype.onFocus = function(e)
    {
    	this.hasFocus = true;
    	this.addClassName(this.element, this.focusedClass);
    	return false;
    };
    
    Spry.Widget.Accordion.prototype.onBlur = function(e)
    {
    	this.hasFocus = false;
    	this.removeClassName(this.element, this.focusedClass);
    	return false;
    };
    
    Spry.Widget.Accordion.KEY_UP = 38;
    Spry.Widget.Accordion.KEY_DOWN = 40;
    
    Spry.Widget.Accordion.prototype.onKeyDown = function(e)
    {
    	var key = e.keyCode;
    	if (!this.hasFocus || (key != this.previousPanelKeyCode && key != this.nextPanelKeyCode))
    		return true;
    	
    	var panels = this.getPanels();
    	if (!panels || panels.length < 1)
    		return false;
    	var currentPanel = this.currentPanel ? this.currentPanel : panels[0];
    	var nextPanel = (key == this.nextPanelKeyCode) ? currentPanel.nextSibling : currentPanel.previousSibling;
    
    	while (nextPanel)
    	{
    		if (nextPanel.nodeType == 1 /* Node.ELEMENT_NODE */)
    			break;
    		nextPanel = (key == this.nextPanelKeyCode) ? nextPanel.nextSibling : nextPanel.previousSibling;
    	}
    
    	if (nextPanel && currentPanel != nextPanel)
    		this.openPanel(nextPanel);
    
    	if (e.preventDefault) e.preventDefault();
    	else e.returnValue = false;
    	if (e.stopPropagation) e.stopPropagation();
    	else e.cancelBubble = true;
    
    	return false;
    };
    
    Spry.Widget.Accordion.prototype.attachPanelHandlers = function(panel)
    {
    	if (!panel)
    		return;
    
    	var tab = this.getPanelTab(panel);
    
    	if (tab)
    	{
    		var self = this;
    		Spry.Widget.Accordion.addEventListener(tab, "click", function(e) { return self.onPanelTabClick(e, panel); }, false);
    		Spry.Widget.Accordion.addEventListener(tab, "mouseover", function(e) { return self.onPanelTabMouseOver(e, panel); }, false);
    		Spry.Widget.Accordion.addEventListener(tab, "mouseout", function(e) { return self.onPanelTabMouseOut(e, panel); }, false);
    	}
    };
    
    Spry.Widget.Accordion.addEventListener = function(element, eventType, handler, capture)
    {
    	try
    	{
    		if (element.addEventListener)
    			element.addEventListener(eventType, handler, capture);
    		else if (element.attachEvent)
    			element.attachEvent("on" + eventType, handler);
    	}
    	catch (e) {}
    };
    
    Spry.Widget.Accordion.prototype.initPanel = function(panel, isDefault)
    {
    	var content = this.getPanelContent(panel);
    	if (isDefault)
    	{
    		this.currentPanel = panel;
    		this.removeClassName(panel, this.closedClass);
    		this.addClassName(panel, this.openClass);
    
    		// Attempt to set up the height of the default panel. We don't want to
    		// do any dynamic panel height calculations here because our accordion
    		// or one of its parent containers may be display:none.
    
    		if (content)
    		{
    			if (this.useFixedPanelHeights)
    			{
    				// We are in fixed panel height mode and the user passed in
    				// a panel height for us to use.
    	
    				if (this.fixedPanelHeight)
    					content.style.height = this.fixedPanelHeight + "px";
    			}
    			else
    			{
    				// We are in variable panel height mode, but since we can't
    				// calculate the panel height here, we just set the height to
    				// auto so that it expands to show all of its content.
    	
    				content.style.height = "auto";
    			}
    		}
    	}
    	else
    	{
    		this.removeClassName(panel, this.openClass);
    		this.addClassName(panel, this.closedClass);
    
    		if (content)
    		{
    			content.style.height = "0px";
    			content.style.display = "none";
    		}
    	}
    	
    	this.attachPanelHandlers(panel);
    };
    
    Spry.Widget.Accordion.prototype.attachBehaviors = function()
    {
    	var panels = this.getPanels();
    	for (var i = 0; i < panels.length; i++)
    		this.initPanel(panels[i], i == this.defaultPanel);
    
    	// Advanced keyboard navigation requires the tabindex attribute
    	// on the top-level element.
    
    	this.enableKeyboardNavigation = (this.enableKeyboardNavigation && this.element.attributes.getNamedItem("tabindex"));
    	if (this.enableKeyboardNavigation)
    	{
    		var self = this;
    		Spry.Widget.Accordion.addEventListener(this.element, "focus", function(e) { return self.onFocus(e); }, false);
    		Spry.Widget.Accordion.addEventListener(this.element, "blur", function(e) { return self.onBlur(e); }, false);
    		Spry.Widget.Accordion.addEventListener(this.element, "keydown", function(e) { return self.onKeyDown(e); }, false);
    	}
    };
    
    Spry.Widget.Accordion.prototype.getPanels = function()
    {
    	return this.getElementChildren(this.element);
    };
    
    Spry.Widget.Accordion.prototype.getCurrentPanel = function()
    {
    	return this.currentPanel;
    };
    
    Spry.Widget.Accordion.prototype.getPanelIndex = function(panel)
    {
    	var panels = this.getPanels();
    	for( var i = 0 ; i < panels.length; i++ )
    	{
    		if( panel == panels[i] )
    			return i;
    	}
    	return -1;
    };
    
    Spry.Widget.Accordion.prototype.getCurrentPanelIndex = function()
    {
    	return this.getPanelIndex(this.currentPanel);
    };
    
    Spry.Widget.Accordion.prototype.getPanelTab = function(panel)
    {
    	if (!panel)
    		return null;
    	return this.getElementChildren(panel)[0];
    };
    
    Spry.Widget.Accordion.prototype.getPanelContent = function(panel)
    {
    	if (!panel)
    		return null;
    	return this.getElementChildren(panel)[1];
    };
    
    Spry.Widget.Accordion.prototype.getElementChildren = function(element)
    {
    	var children = [];
    	var child = element.firstChild;
    	while (child)
    	{
    		if (child.nodeType == 1 /* Node.ELEMENT_NODE */)
    			children.push(child);
    		child = child.nextSibling;
    	}
    	return children;
    };
    
    Spry.Widget.Accordion.prototype.focus = function()
    {
    	if (this.element && this.element.focus)
    		this.element.focus();
    };
    
    Spry.Widget.Accordion.prototype.blur = function()
    {
    	if (this.element && this.element.blur)
    		this.element.blur();
    };
    
    /////////////////////////////////////////////////////
    
    Spry.Widget.Accordion.PanelAnimator = function(accordion, panel, opts)
    {
    	this.timer = null;
    	this.interval = 0;
    
    	this.fps = 60;
    	this.duration = 500;
    	this.startTime = 0;
    
    	this.transition = Spry.Widget.Accordion.PanelAnimator.defaultTransition;
    
    	this.onComplete = null;
    
    	this.panel = panel;
    	this.panelToOpen = accordion.getElement(panel);
    	this.panelData = [];
    	this.useFixedPanelHeights = accordion.useFixedPanelHeights;
    
    	Spry.Widget.Accordion.setOptions(this, opts, true);
    
    	this.interval = Math.floor(1000 / this.fps);
    
    	// Set up the array of panels we want to animate.
    
    	var panels = accordion.getPanels();
    	for (var i = 0; i < panels.length; i++)
    	{
    		var p = panels[i];
    		var c = accordion.getPanelContent(p);
    		if (c)
    		{
    			var h = c.offsetHeight;
    			if (h == undefined)
    				h = 0;
    
    			if (p == panel && h == 0)
    				c.style.display = "block";
    
    			if (p == panel || h > 0)
    			{
    				var obj = new Object;
    				obj.panel = p;
    				obj.content = c;
    				obj.fromHeight = h;
    				obj.toHeight = (p == panel) ? (accordion.useFixedPanelHeights ? accordion.fixedPanelHeight : c.scrollHeight) : 0;
    				obj.distance = obj.toHeight - obj.fromHeight;
    				obj.overflow = c.style.overflow;
    				this.panelData.push(obj);
    
    				c.style.overflow = "hidden";
    				c.style.height = h + "px";
    			}
    		}
    	}
    };
    
    Spry.Widget.Accordion.PanelAnimator.defaultTransition = function(time, begin, finish, duration) { time /= duration; return begin + ((2 - time) * time * finish); };
    
    Spry.Widget.Accordion.PanelAnimator.prototype.start = function()
    {
    	var self = this;
    	this.startTime = (new Date).getTime();
    	this.timer = setTimeout(function() { self.stepAnimation(); }, this.interval);
    };
    
    Spry.Widget.Accordion.PanelAnimator.prototype.stop = function()
    {
    	if (this.timer)
    	{
    		clearTimeout(this.timer);
    
    		// If we're killing the timer, restore the overflow
    		// properties on the panels we were animating!
    
    		for (i = 0; i < this.panelData.length; i++)
    		{
    			obj = this.panelData[i];
    			obj.content.style.overflow = obj.overflow;
    		}
    	}
    
    	this.timer = null;
    };
    
    Spry.Widget.Accordion.PanelAnimator.prototype.stepAnimation = function()
    {
    	var curTime = (new Date).getTime();
    	var elapsedTime = curTime - this.startTime;
    
    	var i, obj;
    
    	if (elapsedTime >= this.duration)
    	{
    		for (i = 0; i < this.panelData.length; i++)
    		{
    			obj = this.panelData[i];
    			if (obj.panel != this.panel)
    			{
    				obj.content.style.display = "none";
    				obj.content.style.height = "0px";
    			}
    			obj.content.style.overflow = obj.overflow;
    			obj.content.style.height = (this.useFixedPanelHeights || obj.toHeight == 0) ? obj.toHeight + "px" : "auto";
    		}
    		if (this.onComplete)
    			this.onComplete();
    		return;
    	}
    
    	for (i = 0; i < this.panelData.length; i++)
    	{
    		obj = this.panelData[i];
    		var ht = this.transition(elapsedTime, obj.fromHeight, obj.distance, this.duration);
    		obj.content.style.height = ((ht < 0) ? 0 : ht) + "px";
    	}
    	
    	var self = this;
    	this.timer = setTimeout(function() { self.stepAnimation(); }, this.interval);
    };
    })(); // EndSpryComponent
    There seems to be a conflict that I can't debug as the slider doesn't show any of the content images. If anyone can shed light would be much appreciated!

    html in question is;

    Code:
    <div id="Accordion1" class="Accordion-access" tabindex="0">
                    <div class="AccordionPanel-access">
                    <div class="AccordionPanelTab-access">Short Breaks</div>
                        <div class="AccordionPanelContent-access">
                        <div class="slider1">
                            <div class="slide"><a href="http://www.actionforchildren.org.uk/our-services/disabled-children/short-breaks" target="_blank" title="Click here to open link. *We are not responsible for the content of this website."><img src="images/young-people/disability/issues/action-children-logo.png" alt="logo"></a></div>
                            <div class="slide"><a href="http://www.barnardos.org.uk/fostering/what-is-fostering/foster-placement-types/short-breaks.htm " target="_blank" title="Click here to open link. *We are not responsible for the content of this website."><img src="images/young-people/disability/issues/barnados-logo.png" alt="logo"></a></div>
                            <div class="slide"><a href="http://www.adviceguide.org.uk/nireland/consumer_ni/travel_leisure_and_food_e/consumer_transport_e/consumer_advice_for_disabled_travellers_e.htm" target="_blank" title="Click here to open link. *We are not responsible for the content of this website."><img src="images/young-people/disability/issues/cab-logo.png" alt="logo"></a></div>
                            <div class="slide"><a href="#" target="_blank" title="Click here to open link. *We are not responsible for the content of this website."><img src="images/young-people/disability/issues/cedar-logo.png" alt="logo"></a></div>
                            <div class="slide"><a href="#" target="_blank" title="Click here to open link. *We are not responsible for the content of this website."><img src="images/young-people/disability/issues/comm-transport-logo.png" alt="logo"></a></div>
                            <div class="slide"><a href="#" target="_blank" title="Click here to open link. *We are not responsible for the content of this website."><img src="images/young-people/disability/issues/contact-family-logo.png" alt="logo"></a></div>
                            <div class="slide"><a href="#" target="_blank" title="Click here to open link. *We are not responsible for the content of this website."><img src="images/young-people/disability/issues/disability-go-logo.png" alt="logo"></a></div>
                            <div class="slide"><a href="#" target="_blank" title="Click here to open link. *We are not responsible for the content of this website."><img src="images/young-people/disability/issues/mumsnet-logo.png" alt="logo"></a></div>
                            <div class="slide"><a href="#" target="_blank" title="Click here to open link. *We are not responsible for the content of this website."><img src="images/young-people/disability/issues/nhsct-logo.png" alt="logo"></a></div>
                            <div class="slide"><a href="#" target="_blank" title="Click here to open link. *We are not responsible for the content of this website."><img src="images/young-people/disability/issues/nidirect-logo.png" alt="logo"></a></div>
                            <div class="slide"><a href="#" target="_blank" title="Click here to open link. *We are not responsible for the content of this website."><img src="images/young-people/disability/issues/special-needs-kids-logo.png" alt="logo"></a></div>
                            <div class="slide"><a href="#" target="_blank" title="Click here to open link. *We are not responsible for the content of this website."><img src="images/young-people/disability/issues/3-hand-logo.png" alt="logo"></a></div>
                        </div>
                        </div>
                    </div>
                    <div class="AccordionPanel-access">
                    <div class="AccordionPanelTab-access">Transport</div>
                        <div class="AccordionPanelContent-access">
    
                        </div>
                    </div>
                    <div class="AccordionPanel-access">
                    <div class="AccordionPanelTab-access">Transition</div>
                        <div class="AccordionPanelContent-access">
    
                        </div>
                    </div>
                    <div class="AccordionPanel-access">
                    <div class="AccordionPanelTab-access">Wheelchairs</div>
                        <div class="AccordionPanelContent-access">
    
                        </div>
                    </div>
                    <div class="AccordionPanel-access">
                    <div class="AccordionPanelTab-access">Advocacy Rights</div>
                        <div class="AccordionPanelContent-access">
    
                        </div>
                    </div>
                    <div class="AccordionPanel-access">
                    <div class="AccordionPanelTab-access">Disability Awareness</div>
                        <div class="AccordionPanelContent-access">
    
                        </div>
                    </div>
                    <div class="AccordionPanel-access">
                    <div class="AccordionPanelTab-access">Emotional Well-being</div>
                        <div class="AccordionPanelContent-access">
    
                        </div>
                    </div>
                </div><!--/Accordion1-->
    Scripts I have running on page load

    Code:
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="js/foundation.min.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/jquery.foundation.orbit.js"></script>
    <script type='text/javascript'>
        $(window).load(function () {
            $('#featuredContent').orbit({
              animation: 'fade',                  // fade, horizontal-slide, vertical-slide, horizontal-push
              animationSpeed: 1000,                // how fast animtions are
              timer: true,                        // true or false to have the timer
              resetTimerOnClick: false,           // true resets the timer instead of pausing slideshow progress
              advanceSpeed: 9000,                 // if timer is enabled, time between transitions
              pauseOnHover: true,                // if you hover pauses the slider
              startClockOnMouseOut: true,        // if clock should start on MouseOut
              startClockOnMouseOutAfter: 200,    // how long after MouseOut should the timer start again
              directionalNav: false,               // manual advancing directional navs
              captions: false,                     // do you want captions?
              captionAnimation: 'fade',           // fade, slideOpen, none
              fluid: true                         // or set a aspect ratio for content slides (ex: '4x3')
            });
        });
    </script>
    <script>
            $('#Modal-1, #Modal-2, #Modal-3, #Modal-4, #Modal-5, #Modal-6')
            .trigger('reveal:close');
    </script>
    <script src="js/jquery.bxslider.js"></script>
    <script>
    $(document).ready(function(){
      $('.slider2, .slider3').bxSlider({
        slideWidth: 300,
        minSlides: 2,
        maxSlides: 3,
        slideMargin: 10
      });
    });
    </script>
    <script>
    $(document).ready(function(){
      $('.slider1').bxSlider({
        slideWidth: 150,
        minSlides: 3,
        maxSlides: 6,
        slideMargin: 30
      });
    });
    </script>
    <script src="js/jquery.jqpagination.min.js"></script>    
    <script>
    			$(function(){
    				$('.paginate-container div:gt(1)').hide();
    				
    				$('.pagination').jqPagination({
    				max_page : Math.ceil($('.paginate-container div').length/2),
    				paged : function(page) {
    					// a new 'page' has been requested
    					// hide all paragraphs
    					$('.paginate-container div').hide();
    					// but show the one we want
    					$($('.paginate-container div')[page*2-1]).show();
    					$($('.paginate-container div')[page*2-2]).show();
    				}
    				});
    			});
    </script>
    <script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=true'></script>
      <script type='text/javascript'>
      
        $(function() {
        
          var belfast = new google.maps.LatLng(54.5, -6.7),
              pointToMoveTo, 
              first = true,
              curMarker = new google.maps.Marker({}),
              $el;
          
          var myOptions = {
              zoom: 8,
              center: belfast,
              mapTypeId: google.maps.MapTypeId.ROADMAP
            };
          
          var map = new google.maps.Map($("#map_canvas")[0], myOptions);
        
          $("#map-locations li").mouseenter(function() {
          
            $el = $(this);
                    
            if (!$el.hasClass("hover")) {
            
              $("#map-locations li").removeClass("hover");
              $el.addClass("hover");
            
              if (!first) { 
                
                // Clear current marker
                curMarker.setMap(); 
                
                // Set zoom back to Chicago level
                // map.setZoom(10);
              }
              
              // Move (pan) map to new location
              pointToMoveTo = new google.maps.LatLng($el.attr("data-geo-lat"), $el.attr("data-geo-long"));
              map.panTo(pointToMoveTo);
              
              // Add new marker
              curMarker = new google.maps.Marker({
                  position: pointToMoveTo,
                  map: map,
                  icon: "images/map-slider/marker.png"
              });
              
              // On click, zoom map
              google.maps.event.addListener(curMarker, 'click', function() {
                 map.setZoom(14);
              });
              
              // Fill more info area
              $("#more-info")
                .find("h2")
                  .html($el.find("h3").html())
                  .end()
                .find("p")
                  .html($el.find(".longdesc").html());
              
              // No longer the first time through (re: marker clearing)        
              first = false; 
            }
            
          });
          
          $("#locations li:first").trigger("mouseenter");
          
        });
    
      </script>
    <script type="text/javascript" src="SpryAssets/SpryAccordion.js"></script>
    <script type="text/javascript">
    var acc1 = new 
        Spry.Widget.Accordion("Accordion1",
        {useFixedPanelHeights: false, defaultPanel: -1});
    </script>
    Enjoy what you do, enjoy what you learn but above all ENJOY IT!
    stevanbarry.com

  2. #2
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    6,078
    Mentioned
    219 Post(s)
    Tagged
    12 Thread(s)
    Hi there,

    Before I start trying to fit all of the pieces of code together to reproduce your error (lazy as I am ), do you have a link to a page where I can see this not working?

  3. #3
    SitePoint Zealot
    Join Date
    May 2012
    Location
    N.Ireland
    Posts
    103
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Pullo =- of course I'll get something fiddled up today thanks!
    Enjoy what you do, enjoy what you learn but above all ENJOY IT!
    stevanbarry.com

  4. #4
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    6,078
    Mentioned
    219 Post(s)
    Tagged
    12 Thread(s)
    Hi Steven,

    I got the link via PM and I understand that you don't want to share it publicly. No worries

    So, if we want to have the slider repeated in the accordion, it would really help if you could strip out the remaining content.
    That is, could you make a demo page for me with just the sections "Issues concerning ..." (where the accordion is) and "Fun and games" (where the slider is). This will vastly reduce the amount of code I have to wade through.

    You can PM me the link when you're done and I'm sure we'll get it sorted out.


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
  •