To have multiple linked sliders that all share a maximum value, for example, I would have 10 sliders, each set to 50, with a pool of 10 additional points to spend. If I assign all 10 points to 1 slider, the other 9 are locked out, or I could spend 1 point on each slider.
View 1 RepliesWhen it comes to JavaScript, I am implementing a couple of Coda sliders onto a site, and as far as I am aware, you can have two sliders on one page, but for me this isn't working.
The effect is using jQuery, and the page can be found here: [url]
The first slider works well, but the second doesn't load properly.
A remotely shared white board, using regular JavaScript,jQuery, the canvas element and PHP.I (or someone else) can get this thing working.The new 8:25 a.m. (US CST) version in http:[url].... should work -- though I still have not seen it work, perhaps.
View 2 Replies View RelatedI'm looking to implement 2 different sliders on a page. the test page is [code] the main picture besides the passion leadership is jquery and does not move on this page however on every other page where that is the only slider it works.Now on this index2.php page you can see i put a slider in for a scrolling banner underneath the main banner and it works fine.Is there a way that I can have the 2 work hand in hand.
View 2 Replies View RelatedI have a list of checkbox items, a maximum of 4 to be chosen. Got that part sorted.Within the list are a sub-group, maximum of one of these can be chosen.E.g. in a list of the numbers 1 to 8, I can choose up to four numbers, but only one of them may come from numbers 5 - 8.I can get it to choose a maximum four items from the 8, disabling other boxes once I reach four.I can get it where I can choose only one of 5 to 8.But, if I select, say 6 first and then go back to check 1,2 and 3, it enables 5,7 and 8 again. I don't know how to make them stay off once they're off.CODE:
$
(
"#full :checkbox"
[code]....
I am trying to calculate a value based on two sliders.
This is the code that I am using:
var value1;
var value2;
$(function() {
[Code]....
Internet Explorer (in particular IE6) has some limit on maximum URL length. This is very hard to debugging if you don't know what to search for. Maybe jQuery could throw some self-explaining exception when URL is too long?
View 1 Replies View RelatedReally struggling trying to get 2 seperate sliders to work on my web page.
take a look at;
[URL]
not a spam its test site so nothing to gain from my end.
the slider at the top works fine, but the 3 boxes with the arrows underneath should scroll/slide back and forward when clicked. If I remove the js links for the top slider the bottom then works;
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.fancybox.js"></script>
[Code]....
which isprobablyeasy to tell, but I was hoping someone would be able to answer my question regarding the jquery accordion content sliders or point me in the direction of one that fits my needs.I am wondering if there is an accordion plug in out there that will reveal content based on whether or not you've moused over an image or clicked on it. I've seen a few, but what I have yet to see is one where the button is in a separate div than the content holder.For example, you could have a rotating image you roll over with your mouse and 200 pixels to the right text suddenly appears to define the word image you just rolled over.
View 2 Replies View RelatedI'm trying to get this for about two days now but just can't figure it out. I would like some kind of function that let's me use a ID as selector, when a checkbox's is clicked (checked) in that div it counts that checked checkbox. When there are 4 checkboxes checked there must be a action (the other checkboxes get disabled). I just can't set it up. Maybe someone could help me out with a snippet?
View 4 Replies View RelatedI am working on a project. I have to put up a tab panel of four option. And in each tab i have to put an image slider. I have used many plugins for this. Tried different plugin for different tab. Few times have problem with tab panel and few time compatibility with all browsers have been issue.
View 1 Replies View RelatedDoes anyone know ifjQuery plugin: Validation can check that a file being uploaded is no larger than say 1500k?
View 1 Replies View RelatedI am looking to have multiple image sliders (javascript / jquery) on one page. I have built the framework and have gotten one slider to work.
However, when adding in another slider, I have only confused the situation.
Below is the html and css. Let me know where I've gone wrong here.
Will I need another set of css classes for each slider?
How do I call a second slider?
The html/javascript:
I have 3 sliders on my home page and I would like to make them start one after the other, so 1st would start immediately, then after a short delay the second one, and later the 3rd, so they don't make the transition at the same time. The slider I am using is Avia Slider [url]
Trying this code but they are still running synchronously:
Code:
How can I achieve what I need?
how to search through siblings for shared attributes I have a a long list of links and I suppose Im going to apply a number of classes to each one [describing a number of attributes for each] and I want to do a conditional search probably in javascript/jquery so that when i hover over one of the links I highlight its relatives - those that have the same attributes.
What Im having trouble wrapping my head around is the idea of classes to ID these custom attributes. The attributes are coming from a database converted to XML. In my Javascript I essentially want to say that
for each link should the user mouseover or mouseclick for each of its sibling links if its sibling link share its attributes style or highlight these compliant siblings a certain way
how do I do the 'if statement' without spelling out every possible attribute entry? I know in plain OOP Java how I could test for this but in that scenario I have access to these entries as fields in an object's instantiation.
I am creating a game in JavaScript!
It is going to be a clone of the game ChuChu Rocket! that I used to play on the Dreamcast.
The game is set up so that the levels sit inside a nested array of objects, like your typical JSON string. So that within levels[] there are objects with level names, an array of moveable items, an array of arrows you can place, etc.
I have set it up so that when the level is loaded in to the DOM, it also duplicates a part of the object, the part responsible for the positioning of the moveable items on screen so that when they are animated, and if there is a fail scenario (cat eats mouse, cat gets to rocket before mouse) you should be able to reset and it remembers your coordinates.
From what I have learned in my years of studying and using JavaScript, the following should always hold true: a=1; b=a; b++; // b would become 2, a would stay as 1 (they are separate variables)
I seem to have found an exception to this rule.
When creating a level, I duplicate the part of my object called o.chuchu and I call it o.chuchuMoving
If I make a change to anything in o.chuchuMoving, it also changes o.chuchu.
o.chuchu and o.chuchuMoving are arrays within the object. Formatted like this: [0,0,1],[1,0,1],[2,0,1],[3,0,1] ... etc
If I tell my object the following: o.chuchuMoving[0][0]=1... then o.chuchu[0][0] also becomes 1.
Please check the code at [url] when you get a moment
Has anyone noticed this behavior before? This really threw me off... I would have expected prototyped arrays to be private to each class instance rather than shared between all class instances.
HTML Code:
<html>
<head>
<script type="text/javascript">
[Code]....
Having a problem on a clients website incorporating two js sliders in the same page. The scripts before editing were the TinySlider and TinyFader from [url]
The parsers in Internet Explorer, Firefox and Chrome cannot seem to differentiate between the two scripts, although I tried altering various defined names for script control it didn't make much difference.
The problems are the controls of the first slider operate the second and only the second slider works. Also, I'm getting validation errors (document type does not allow element "li" here; missing one of "ul", "ol" start-tag) where the showroom (second) script content lies. Not sure if this is related or not but either way if I try to fix it the only working slider is broken.
Here is the testing url.[url]
my code is not limiting the loops to the maximum number of iterations I have defined?
<script type="text/javascript">
<!--javascript starts here
prompt variables
[code]....
does anyone know a good online resource that shows you how to do image sliders on a web page? For example, I have a image and a arrow (image) above this and the position of the arrow is dependent on a value (which I have).
View 5 Replies View RelatedI have two sliders on the same page. They are both essentially the same pictures, just different sizes of each other. Demo site [url]
How can I make it so that when you click on one image on the bottom, the top slider changes to the picture that was clicked?
Q: I have a pretty big html page - about 1,500 lines of code, 1,000 of which is javascript. (It's also referencing other javascript code, perhaps another 2,000 lines or so).
When I boot up the page in a fresh browser, it invariably crashes; the page just hangs. But, after killing the browser, and opening it up in a new one, the page seems to run fine. Is there some sort of javascript code limit that a web page / browser can handle...? Anyone know if there's a way to get around this? [Did I misread the problem? I'm pretty sure my code is fine.] Code:
How would I determine the maximum window width and height available.
Like the window width if the browser window was maximized, even if it isn't.
I have been using Javascript to write a web application for my company to use as a manufacturing control system. It is all working very well, but I have come across a basic problem that many of you may know the answer to.
I start my web page by referencing jquery and a couple of plugins. Then I add my own Javascript functions. Following that I add all the PHP code and functions, followed by the HTML. The problem I have noticed is that if I add another Java script function, something stops working. take the function out, delete not comment out. and all is well again. After pulling my hair out for a while, I realised that there seems to be a limit to the amount on lines of Javascript I can put into the page. The solution is simple, just gather all my Javascript code and put it in another file with a .js extension and add it as a reference in the top of the file after jquery. I can then add as many line of code as I like without a problem.
how the lines of Javascript are limited?
I recently downloaded a JS program from Stick Blog and I don't understand JS yet. I'd like to know how to raise the maximum amount of uploads to 15.
View 1 Replies View RelatedI have a Nivo slider on each page of a site. The first page I put it on works fine, any other slider will not work the area that should be the slider simply appears as a block of colour.I initially thought that changing the id's would make no difference as each slider is on a separate page but decided to give it a go anyway as I had no other idea as to what it might be causing the problem.So, I have tried renaming the id's of the subsequent sliders (i.e #slider2 etc) and changing the call to the function at the bottom of the page to match this for example;
$(window).load(function() {
$('#slider2').nivoSlider();
});
and also adding these id's to the CSS to ensure the styles are applied to the new id's but nothing seems to work see here [URL] Ignore the rest of the pages I have not implemented the slider on these yet.