I am using the Coda-slider.js and am wanting to get a specific panel to load instead of the default first one.So if I have 5 panels (0-4) 0 loads automatically, I'd like to have 2 (middle panel) to load first so that I'd have 2 panels to the left and 2 to the right.[code]
View 1 RepliesFirst, here's the URL of the site I'm working on: http:[url].....Each week, I'd like to be able to have that page load a different tab/panel onload according to who the opponent is that week. For example: this week I want the second tab, Alabama, to load first. I'm using one of the many iterations of the coda slider script (see coda-slider.js (http:[url].....). However, I can't seem to get it to cooperate. I found a solution for a similar coda slider, but it won't match with the one I'm using (because the naming conventions for the "panels" are not the same I assume). Here's what that solution was:
$().ready(function() {
$('#coda-slider-6').codaSlider({
crossLinking: false,[code]...
It doesn't matter to me if the panel just loads from the get-go, or if it loads the first one and then automatically slides to the one I want.
I got a website that uses Coda Slider, but since a while ago it seems not to work ... I d'ont know why...
Code:
The web address: [url]
I`m using a Coda Slider 2.0, but the only effects available at the moment are the one inside the jquery.easing.1.3.js file. Does anyone know about how to insert other effects, like the traditional fade?
View 1 Replies View RelatedOn my site here [url], I am using the coda slider effect I found here [url]. And on the tab entitled "Home Groups", there is a link "Home Group 1", which links to a fancy zoom box that I got from here [url].
But when I click on the fancy zoom text it scrolls the container a little to the right, and on some older browsers it returns to the original first container that loaded from the start.
Any idea where the effects are conflicting? or what code I would have to amend to make it work more fluidly?
I am working on a Coda Slider Effect [URL].. but i'm having one issue with trying to implement a breadcrumb outside of the slider div.
Is there a way to use window.location.hash to display a different breadcrumb location. eg Home > About Us or Home > Services. I understand PHP statement but just can't transfer the logic to Javascript, here is an example of what I'm trying to do but I understand echo doesn't work in Javascript
var page = location.hash;
switch(page)
{
case "#home":
echo '<li>Home</li>';
break;
case "#about":
[Code]...
I installed the slider from the WPCoda theme into another theme I customized at airadis - com (Site Point won't let me insert an actual link). It works great except that in IE there is a white box down at the bottom left that I cannot find a way to get rid of.
What I know:It's a result of the script for the slider- if I take the script out the box goes away. If I take the content out of the container it remains, but if I take out the container (#page .scrollContainer .panel) from the HTML, it goes away. I've tried adjusting sizes every which way. The box size remains exactly the same. I did not touch the script, only the CSS.
In exchange for a solution, I would be glad to give someone some space at my PR6 site, randaclay - com - a text link for a month, a post promoting your services, etc - we'll work it out.
I've gotten accustomed to using coda slider 2.0 to do some cool interactive sliding elements on my pages. However, i need something similar that will fade instead of slide. I've searched all over their home forums and it seems like no one there has an answer for how to implement the change in the current codaslider infrastructure.[URL].. I need something that has all the functionality of coda slider (easy transitions, div's containing lots of content- both images and text, forward/back buttons, autoplay) but with a fade transitions
View 1 Replies View RelatedI get the navigation disappeared with the nested slider. A workish on line example[URL].. try to click on design and than on the menu below. I don't know which way to turn The script is based on [URL]...
View 1 Replies View RelatedI dont have experience in jquery , and as far i know by default all panels inherit the height of the 1st panel ,depending of the quantity of the content inside it.In the content of each panel will be dynamic content, of different size thats why im intrested in this.
View 6 Replies View RelatedI'm playing with a modal Dialog of ericmartin (simplemodal) which I found at this url: [URL]
It's called "Confirm override". This function is called through a click on the button or on the link. Now I want to call this function onload I dont' have really a clue, how to manipulate the current script to make the correct changes.
Imho this is the code snippet, which calls the popup through a click.
jQuery(function ($) {
$('#confirm-dialog input.confirm, #confirm-dialog a.confirm').click(function (e) {
e.preventDefault();
// example of calling the confirm function
[Code].....
how to make the popup via "onload".
I wonder if it's possible to implement a menu like the one ofcbs.com?Basically, when mouse over some of the menu items, a menu panel shows up with a few columns of links. The many panel disappears when the mouse moves out. I think it's quite neat and I'm hoping to be able to do something like that with jQuery.
View 2 Replies View RelatedI'm loving this: Sliding Login Panel with jQuery 1.3.2 However, I'd like it to work so the 'Close Panel' link actually appears in the #panel itself and doesn't swap/toggle with the 'Login | Register' part.
View 5 Replies View RelatedI have a <select style="" name="" size="2">
<option value="1">Name 1</option>
<option value="1">Name2</option>
</select>.
It will popup and display as a drop down list with "gray'ed" vertical
scrollbar. So how can I make it like a panel without the vertical
scrollbar at the right side?
In body tag i wrote the onLoad="test();" it's not calling that method .
View 4 Replies View RelatedJavaScript is not my strong point though and I have found that the previous web editor has a lot of repeat functions on the pages.
My idea is to create an external .js file and just call the function...it is for a rotating banner ad. The problem is the the function is called in the <Body> tag..this means that I have to change 100's of pages by adding the call function to the tag on every page.
Is there a way I can call the function as well as adding the function to the onLoad event.
I have tried adding "window.onload = rotateBanner;" to the beginning of my javaScript but it does not seem to work...what am I doing wrong
I'm having a tabbed panel where the 1st div is originally shown with display: block and the other 3 are display:none to hide, obviously. I want each div to have their own link where if you click the link for div 2 it hides the previous and shows that one etc.
Here's what I originally have:
That successfully hides tab 1 and shows tab 2 but I don't know how to do it properly so it hides the previously shown one. One tab should always be shown.
Image attached to show what I mean.
I have a web page that has a short flash show on it, then it redirects to the main site index page, using a setTimout in body onload. That was all working fine. Now I need to add an OS detection function to redirect iphone and ipad users immediately (bypassing the flash pape). So, I have 2 functions that need to be in the body onload. I figured the logical thing to do would be to write another function that calls the first 2, then put that one in the onload. But now nothing is working. I have played with in for an hour with no luck.
Just as a note: Original, before I had to add the OS detection, there was just the delayer function, and it was called thusly:
[Code]...
I am implementing the following example into a project I'm working on...Simple Slide PanelWhen clicking Slide Panel, the panel pushes everything down. How do you modify it so that instead of pushing everything down, it just slides down over the top of everything else?
View 4 Replies View Relatedwhat it does is that it hide and show a panel by slidint it to the left.But my client want that on page load the panel opens automatically for about 2-3 seconds just to let users know that its here. But when the panel finished showing the button to open it again doesn't work.
View 3 Replies View RelatedI tried to display an alert window (avoid pop up since some users blocks it and hence not displayed on onload event in body) But it is not displayed properly like popup window.
View 1 Replies View RelatedI have been trying to load a javascript function from the body onload
html tag, but I only want the function to load the first time the page
is loaded: I have investigated but haven't found anything that works..
I thought about cookies, but what if the user's disable them?
My code:
//I want to call the Toggle function below only on the 1st time the
page is loaded:
<script language="javascript">
function Toggle(item) {
obj=document.getElementById(item);
visible=(obj.style.display!="none")
key=document.getElementById("x" + item);
if (visible) {
obj.style.display="none";
} else {
obj.style.display="block";
}
}
function Expand() {
divs=document.getElementsByTagName("DIV");
for (i=0;i<divs.length;i++) {
divs[i].style.display="block";
key=document.getElementById("x" + divs[i].id);
key.innerHTML="<img src='textfolder.gif' width=ï ' height=ཕ'
hspace=Ɔ' vspace=Ɔ' border=Ɔ'>";
}
}
function Collapse() {
divs=document.getElementsByTagName("DIV");
for (i=0;i<divs.length;i++) {
divs[i].style.display="none";
key=document.getElementById("x" + divs[i].id);
key.innerHTML="<img src='Button1_01_over.gif' width=ðC'
height=ཡ' hspace=Ɔ' vspace=Ɔ' border=Ɔ'>";
}
}
</script>
// C# code I inserted above the body tag on my aspx page:
function handler()
{
if(<%=!Page.IsPostBack%> )
{
Toggle('support');
}
}
//The body tag with handler being called:
<body onload="handler()">
FYI: The Toggle('suport); function is not being executed. If i put the
function in the <body onload tag.. it does run..
I found this: [url] and was thinking about implementing it on one of the sites im developing right now. The only thing is, it's only usable once per page and I was kind of hoping i could use it more than once. Is there a way of changing this?
View 2 Replies View RelatedI am trying to use Javascript to display an image based on a value. I have the image positions in my .css. Just to make it easy if my var x=0 i want to call the "position 1" div, or else i want to call the "position 2" div. How can i make this possible. I have positions because i have a background image and i want the different pictures to be in a different location on the background based on the value. Below is my code that
layout.css
#layout {
position: relative;
top:0%;
z-inderx:-1;
}
#date {
position: absolute;
top:5%;
left: 50%;
[Code]....
I want to query a MySQL table when a php webpage initially loads and display the data. Is there a way of executing a php script using the onload() function directly other than using Ajax?
View 8 Replies View RelatedI have a form with two slider on it so the user can select an amount. The slider works fine and passes the values to email ok etc. but when the page is loaded there is "[object Object]" in box of the second slider. I can't find the problem with the code as it is the same for the first slider.
Here is a link to the form: [url]
<script>