I'm using Minitabs plugin. It works great for me, but I just can't have multiple tab sets on the same page. This is the JS:
Code:
jQuery.fn.tabs = function(speed,effect) {
id = "#" + this.attr('id')
$(id + ">DIV:gt(0)").hide();
[Code].....
I am having trouble getting values from multiple radio sets. I know it is probably elementary, but this is the code I am using:
Radio Set 1
<label>
<input type="radio" name="radSafe1" value="AR" id="radSafe1" onClick="SetFocus('1_1')"/> </label> <label>
[Code].....
Well, I am using the alert function to test the values, but no matter what is checked, even if none are, the values for both of them are always "AR".
have been trying to get the rotating pictures to work. I am using dreamweaver 8. If I put one rotator on the page it works fine but when I add the second they both don't work. here is my page code
[<!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">
[code]....
I have an embedded video set in an iFrame (the page is called on.php). When someone clicks the stop video button, the iframe is re-directed to off.php, and the video is replaced with a play video button -- which when clicked takes them back to the video (on.php).
What I want to do is install a cookie that will permanently 'remember' which page the user has selected (on.php or off.php)... and then from that point forward will always load the appropriate page.
I've seen all sorts of tutorials about setting cookies and stuff, but nothing that would clue me in on how to accomplish what I'm trying to do specifically.
I have two element sets: $(".contentBox") and $(".referencesImage"). How can I join the elements in this sets? I would like to join the sets, since I'm adding the exact same hover function on both element
[Code]...
I developed a plugin which loads some content via AJAX. Every time the content is loaded I need to bind to certain elements ( let's say the elements with 'bar' as classname ) the mouseover and mouseout elements. I achieved it by using the ' live() ' instruction.Now my problem comes when I need to scan every element which has 'bar' as classname and do some calulcations on it (they are over 600). I tried to do like this
$container.find('.bar').live('customevent', function()
{
// do some stuff
});
then, once the contents is loaded
...
$container.find('.bar').trigger('customevent');
but this will cause the browser to carsh ( I think because jQuery is scanning over than 600 elements)
I am trying to cycle through a set of tables within divs this works fine in firefox, but I cannot understand why it is not working in webkit broswers an example of what I'd like to cycle through:[code]do I need to somehow define that 'roundabound' id is what i'd like to cycle through?
View 5 Replies View RelatedI have a situation where within my form I establish two different sets of radio button groups. The real world example field group names are "Mens" and "Womens".
Everything works fine with my form until the user submits the form but then selects their browsers "back" button. When they are returned back to their product page from their cart their previous selection remains active. If the user then selects an option from the second set of radio buttons their submission contains both selections which I do not want.
I can clear all of the radio button states with the following function just after the form is submitted:
Code JavaScript:
$(".cart input:radio").click(function(){
$(this).parent().submit();
this.checked = false;
});
But I think it would be much more graceful to inject some logic; e.g. if the clicked buttons group name is "Mens" make sure clear the state of any selected button in the "Womens" group. But I guess for me this is easier said than done.
If it does make more sense would I define the condition in my click function? (here is me hacking away at this logic - I realize my sytax is probably messed up)
Code JavaScript:
$(".cart input:radio").click(function(){
if(this.checked[name@Mens]){
$(radio[name@Womens]).checked = false;
[Code]....
A group of select inputs with identical options When an option is selected from 1 dropdown it is removed from the others (unless its a blank one)
Now I'm reusing the script in another application that has multiple sets of dropdowns (but only 1 that the script needs to apply to) It works fine except, all the options get jumbled up - in all the dropdowns.
The script is a little beyond my level of javascript - I think largely because it doesn't use 'sensible' variable names so its quite hard to follow. How can I modify the script to not mess up the order (most importantly of the other dropdowns that aren't having elements removed and added) Code:
I'm not sure if this is a style sheet issue or a Javascript issue.
I'm trying to work out a new design for my software's control panel.
The idea is that there are images on the left that you click and that
as you do, DIVs with option links appear and disappear on the right.
Because I want each of the DIVS to appear in the same place, I use
Javascript to set their padding and their height to 0px when they are
invisible. This is working the way I wish in Netscape 7.1 but it is
not working the way I want in IE. Can anyone give me a hint about why?
Basically, if a value is a member of all the arrays passed to the function, this function will add that value to a response array. The function returns the response array.
/**
* Return an array of members existing in all argument arrays.
*
* @param aSet(n) JSArray.
*/
function getSetIntersection(aSet1, aSet2) {
var temp = [];
var offset = arguments.length - 1;
var response = [];
for (var i = 0; i < arguments.length; i++) {
temp = temp.concat(arguments[i]);
}
temp.sort();
/*
* The goal is to find an ordered sequence of n identical members of temp,
* where n = arguments.length. For this, we just need to check the start
* and end points of the sequence, and if they match, push them on to the
* response array.
*/
for (var i = 0; i < temp.length - offset; i++) {
if (temp[i] == temp[i + offset]) {
response.push(temp[i]);
i += offset;
}
}
return response;
}
The assumption is that no member of the original arrays is repeated. I'd welcome a sanity check for that.
I've been trying to create two different sets of required fields in
one form and to use a
radiobutton as sort of a switcher between these sets.
In my HTML form there are two radiobuttons with values 'Via Email' and
'Printed Brochure'.
If a user checks 'Via Email' radiobutton, he/she has to fill out Email
and Name fields
only, if it's radiobutton 'Printed Brochure' is checked, a user has to
fill Email, Name
and ALSO Address field.
I use this script below, but it doesn't seem to work, and I can't get
it why.... Code:
I have a table I am populating with data from a DB, and have it
sortable on the client side. When the table exceeds around 300 rows,
I start running into problems with rendering and sorting it. I
started out using Prototype to help with the sorting, but it appears
that this results in a lot of calls to _getElementsByXPath, which are
taking up a large percentage of the rendering time. I believe this
call is occurring as the DOM is being parsed.
What is the general/most accepted manner of dealing with large data
sets (I am expecting some to grow into the thousands) in a table so
that it can be sorted client side? I am thinking of building a
javascript (JSON) object containing the data, and sorting based on
this. Anybody have any thoughts on this approach, or any suggestions
for other ways to approach this?
When the return value of a function is another function like:
Code:
The normal method I've seen to invoke the returned function is:
Code:
In, JavaScript closure for dummies, in the 6th example the returned function is invoked using double brackets like:
Code:
This is working perfectly in firefox. This is the 1st time I'm seeing a function call like this.
Does this work in all browsers?
I am in the process of creating a site for real estate listings optimized for a mobile environment. One of the features that is desired would be a google map that loads listings as the user drags. One of the catches to this is that very few listings have included latitude and longitude values. Therefore, every time I need to add a listing to the map I first need to geocode it. Now with a few listings this is not really a big deal. However, the end goal would be to show all listings within the current bounds.Which depending on the zoom level could be anywhere from a hand full to several hundred.owever, when I attempt to load say 100 listings to the map it pretty much freezes and is fairly buggy after wards.
That said I was wondering if there is a better way to handle this. Perhaps submitting the listings as places with a CRON and having markers generated automatically? I am just trying to think how I can achieve this in a way which doesn't kill a mobile phone because it seems impossible considering there could be over 5000 listings in bounds of the map area. The only real solution I have is to only show say 30 or so and use pagination for the next 30 and so one within bounds.The ultimate goals is when the map bounds change ALL listings will show up within that bounds. The way I have currently approached this is that when the user stop dragging the map a asynchronous request pulls in ALL listings within bounds as an XML those full addresses are geocoded and added to the map. However, this is wrecking havok on the browser and I am not even going to try it in a mobile environment considering its dragging a desk top down. I'm thinking this is less and practical and pagination has to be used but perhaps someone out there has dealt with a similar objective.
For instance, one set is:
<body onload="blinking_header()" onunload="stoptimer()">
Another set is:
<body onload="writemsg()" onunload="stoptimer()">
They represent two functions. How to place them in the <body> tag?
I have 3 radio buttons and based on which is clicked I want to write html to a div. So far nothing is happening and it seems that the onclick is not being done at all or tried.
This is what I have:
Code:
<script type="text/javascript">
<!--
function getAmt(ss){
if(ss == "fy"){
[Code]....
I need another few more sets of the triple drop down menu same as the below script... (Scenario: creating like a online shopping order form, where customers can have multiple orders.)
<script type="text/javascript">
/*
Triple Combo Script Credit
[code].....
How can I make it so that when I click a link, my input box now has a cursor / focus set?
View 2 Replies View RelatedI have taken a class and have some experience in JAVA, but I have never used Javascript. I recently took on the task of maintaining my company's new website, and my boss needs a certain function for a form. Here's what I cannot do. I want to have some type of input or menu to be able to pick between 1 and 10. That number will be how many sets of HTML forms will be added (multiple lines of code per number). I am guessing I need a FOR loop and add in document.write("<html>") within it. I know how to do this in JAVA, but I do not know how to get an input (or menu value) to set the counter.
View 1 Replies View Relatedis there a way to assign an event to a file input so that when a user selects a file to upload the event is triggered and i can check out the file extension? The reason why is simple, i want to perform different actions depending on the type of the file.
View 2 Replies View RelatedI have developed one project and in that i have taken two css now i want to add jquery effects in that, But my display is not properely adjusted and extra enlargement is done so how i can add jquery in my php project without affecting another effect? And one more thing where i can get the jquery effect codes?
View 1 Replies View Relatedi'm having trouble with using multiple jquery plugins in the same page. only one or two plugins work.
View 14 Replies View RelatedI have succeed in using JQuery tabs + accordion in my page, it works perfectly.
However, I need to use several accordions in the same page, so when I try this, the second accordion doesn't work :
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>jQuery UI Example Page</title>
[Code].....
I get 100+ products outputted from a database with 2-6 images each.I want to use cycle with Pager to show the images for each product.My problem is that the pagers for each image cycle,connects with all the image cycles.I've uploaded the dev files here: http [url]... Each of these products have 4 images.I my jQuery looks like this
$('.product-photo').cycle({
fx: 'fade',
speed: '1000',[code]....
I would like to know how I can have multiple functions on the same page. The idea as you will see is to have a pic on top of text and on mouseenter the pic is faded to show the text. I would like to have 4 pics with the same effect on the same page. Here is my code, it works great for one picture but not when I add the other 3:
<script type="text/javascript">
$(function() {$('#one img').mouseenter(function() { $(this).fadeOut(200);
});
$('#one').mouseleave(function() { $('#one img').fadeIn(200); })
;});
$(function() {$('#two img').mouseenter(function() { $(this).fadeOut(200);
});
$('#two').mouseleave(function() { $('#two img').fadeIn(200); });
});
$(function() {$('#three img').mouseenter(function() { $(this).fadeOut(200); });
$('#three').mouseleave(function() { $('#three img').fadeIn(200); })
;});
$(function() {$('#four img').mouseenter(function() { $(this).fadeOut(200);
});
$('#four').mouseleave(function() { $('#four img').fadeIn(200); });
});
</script>
<div id="one">fgjk jdjgkld fj dsfk klsd klgdjsk gljsdlk gkljsdkl fkjksd klg ksdkj gsdlk klsdjgjklsdjgkl dklf<img src="img/eye.png"></div>
<div id="two">fgjk jdjgkld fj dsfk klsd klgdjsk gljsdlk gkljsdkl fkjksd klg ksdkj gsdlk klsdjgjklsdjgkl dklf<img src="img/water.png"></div>
<div id="three">fgjk jdjgkld fj dsfk klsd klgdjsk gljsdlk gkljsdkl fkjksd klg ksdkj gsdlk klsdjgjklsdjgkl dklf<img src="img/eye.png"></div>
<div id="four">fgjk jdjgkld fj dsfk klsd klgdjsk gljsdlk gkljsdkl fkjksd klg ksdkj gsdlk klsdjgjklsdjgkl dklf<img src="img/water.png"></div>