JQuery :: How To List Multiple Objects / Variables
Apr 9, 2010
I was wondering how you would list multiple variables after a equal ==?
Example....
if ( pathname == schoolinformation, chaplainchatter)
$('#button_newspress_archive,#button_tech_college,#button_parent_portal,#button_transition_portal,#button_6th_form,#button_connect,#button_vacancies,#button_vle_login').css('display', 'none');
$('#school_information_sub').css('display', 'block');
if ( pathname != schoolinformation, chaplainchatter)
$('#school_information_sub').css('display', 'none');
Or even list multiple URL's within the variables?
Example
....
var schoolinformation = '/st-paul-s-website/school-information/school-news/headteachers-headlines', '/st-paul-s-website/school-information/school-news/chaplain-chatter-headlines';
View 3 Replies
ADVERTISEMENT
Jul 1, 2011
I am creating a quote calculator as a mobile app using the JQuery Mobile plugin in Dreamweaver CS5.5. This supports HTML5 & Javascript.
I have included a drop down list in which the user selects a specific Annual Volume. I have 2 different calculations that need to be done based on the users selection. Different calculations meaning that I need 2 different number values assigned to the option.
For Example:
Calculation #1 (I'm calculating what the Run Quantity is based on what the user selects as the Annual Volume. If user selects an Annual Volume of 150,000 then the calculated result for Run Quantity needs to be 3500)
HTML for this scenario:
<li data-role="fieldcontain">
<p><span class="ui-listview-inset">Annual Volume:</label>
<select name="annualvolume" id="annualvolume">
onChange="Calculate();">
[Code].....
Currently I am simply having the user enter the annual volume twice so I can do the 2 calculations, but this is really clunky and not ideal.
View 13 Replies
View Related
Sep 7, 2010
I'm making some jQuery UI elements, and once an element is created, I want to add some custom functions and variables - I don't want to clutter up other jQuery objects by putting the functions in all jQuery objects, and obviously, the variables need to be different between different objects. However, the issue is, when I re-acquire the item, I won't have access to the variable any more.
That was probably confusing. Another way of putting it:
(function($){
var _MyUI_id=0;
jQuery.fn.MyUICreate = function(opts){
this.each(function(){
var obj=$(this)
//... code to turn the object into a MyUI object omitted to be concise
obj.MyUI_id = _MyUI_id;
_MyUI_id++;
}}
})(jQuery)
//now, create one
$('#some_div').MyUICreate({});
//The desired effect would be to give me the id in #14, instead I get 'undefined'.
alert($('#some_div').MyUI_id);
My 'solution', is to create an object variable in jQuery.fn called 'Collections'. It's indexes are the names of the new types, and each contains an object, the keys of which are the IDs of the UI elements that are converted to the type, and the values the jQueries objects. This is not only hackish, but it has a LOT of potential bugs. The code for this would look like:
This is in the 'create' function, at the end.
jQuery.fn.Collections.MyUI[obj.attr('id')]=obj;
This is outside of the create function, but within the (function($){...}) scope.
//jQuery.fn.Collections is set to {} in another file.
jQuery.fn.Collections.MyUI={};
jQuery.fn.GetMyUI(id){
return jQuery.fn.Collections.MyUI(id);
}
This will allow the first block of code to work as desired, but it inserts a whole new set of bugs. What are the common ways to achieve what I am trying to do?
View 3 Replies
View Related
Jan 20, 2010
I've got a variable that holds a jQuery object. I would like to filter out all of the visible elements in that jQuery object. The problem is once I'm using a variable and not the jQuery object itself I don't know the semantics for filtering it. I have something like this:
var Foo = $("#Bar");
FilterFunction(Foo);
function FilterFunction(Foo) {
var Test = $(Foo + ":visible");
}
What is the correct syntax?
View 2 Replies
View Related
Feb 17, 2010
function get_states(country_element,state_element){
countryElementIDHash = "#" + country_element;
stateElementIDHash = "#" + state_element;
$(stateElementIDHash).empty();
var geonameId = $(countryElementIDHash).val();
$.getJSON("[URL]",
{ 'geonameId': geonameId },
function(data) {
if (data.geonames == null) alert('No regions');
$.each(data.geonames, function(i,item){
$(stateElementIDHash).append($('<option>' + item.name + '</option>'));
});
});
}
I'm writing a function to populate a SELECT based on the select value of another SELECT. I can't figure out why this isn't working. It has something to do with not having "'s in my $(). for example: If this function wasn't dynamic.
The code:
$(countryElementIDHash).val(); could simply be
$("#country option:selected").val();
How can I pass dynamically assigned names into a $() ?
View 1 Replies
View Related
Jan 5, 2011
I tried to set an onclick event with:
node_a.setAttribute("onClick","visibility_on_off_by_el('"+node_b+"');");
where node_b is a pointer to a DOM object: node_b = document.getElementById("a") The reason I passed a DOM object into a variable, was to avoid searches document.getElementById() each time. However, it will not work. I am confused I cannot figure out if it a a mistake of mine or just the way javascript works.
Could anyone explain why I cannot use variables as DOM objects in order to avoit each time a tree search document.getElementById("a")? Bellow is given the code with explanation when it works and when it fails.
[Code]...
View 2 Replies
View Related
Feb 25, 2011
I hava sortable list using jQuery UI Sortable. When the items are re-ordered the new order is written to the database. All working fine � however, if I use jquery to add a new item ....
[Code]..
View 4 Replies
View Related
May 1, 2006
i am having two global variables and i m setting their values on calling some function. After setting the values, i call a function in an object ...
if MyHint is an object and i am calling the function in it, but i am getting the values of global variables as undefined in the function of object MyHint. Is there any way to access the value of the global variables.
View 4 Replies
View Related
Jun 8, 2009
I basically have several buttons that are created dynamically via a db, so I can have 1 to 40 etc. now at the moment I give each one a unique id and a hover code in the loops. see below:loops goes here..
<img src="button.jpg" alt="button" border="0" id="myButton<?=
$newCode ?>" />
$(document).ready(function(){
[code]....
View 5 Replies
View Related
Apr 10, 2011
I have 3 TextFields, called txtUSD, txtEUR, txtAUS. And a PopupList with the same values, minus the txt part, but I need to form the names of the TextFields to use based on the selection that the user made. So I've done this:
Code:
function btConvert_Click(event){
var amount = document.getElementById("txtAmount").value;
var rates = document.getElementById("lstConvertTo").value;
var from = "txt" + document.getElementById("lstFrom").options[document.getElementById('lstFrom').selectedIndex].text;
var to = "txt" + document.getElementById("lstConvertTo").options[document.getElementById("lstConvertTo").selectedIndex].text;
var curr_from = document.getElementById(from).value;
var curr_to = document.getElementById(to).value;
if(curr_from > curr_to){
amount * rates;
} else {
amount / rates;
} alert(result);
}
But every time I try it I get this error:
Code:
mobile/main.js line 215: Result of expression 'document.getElementById(from)' [null] is not an object.
View 5 Replies
View Related
Nov 22, 2010
is it any shortcut for these lines of code:
$("#div1").fadeToggle("slow", "linear");
$("#div2").fadeToggle("slow", "linear");
$("#div3").fadeToggle("slow", "linear");
i mean assigning a function for multiple objects, i testes code below, but it didn't worked out:
$("#div1").$("#div2").$("#div3").fadeToggle("slow", "linear");
View 6 Replies
View Related
Sep 16, 2011
I have to stuff multiple objects in global var populated in a foreach loop and seperated by a comma.The loop is:
// GlobalG.objects;
$('.class').each(function() {
var title = $(this).text();
var src = $(this).attr('src');
[code]....
View 2 Replies
View Related
Sep 14, 2009
I have 2 or more objects that onclick(), will call the same function. Right now I have the following:
....
$("#obj1").change( function() {
setupPage();
});
$("#obj2").change( function() {
[Code].....
I was wondering if there is a way to simplify or clean up the code, since they are all doing the same thing and responding to the same event. This is just for refactoring reasons because my code is getting too long/messy.
View 2 Replies
View Related
Jul 16, 2009
[URL] When I clone a list that is part of a Sortable, the Draggable objects are not bound to the cloned list, only the original one.
View 2 Replies
View Related
Jun 2, 2010
I have this code
<script type="text/javascript">
jQuery(document).ready(function(){
$("select").click(function(){
alert($(this).attr('id'));
});
});
</script>
<FORM><select name="category" id="#link1">
<option value=1>1</option>
<option value=2>2</option>
</select></FORM>
<FORM><select name="category" id="#link2">
<option value=1>1</option>
<option value=2>2</option>
</select></FORM>
<FORM><select name="category" id="#link3">
<option value=1>1</option>
<option value=2>2</option>
</select></FORM>
When I click on any of the select fields, I always get 3 subsequent alerts, each with the id of the clicked select field. What I would like is to have only 1 alert with the clicked select id, whenever I click it.
View 2 Replies
View Related
Dec 7, 2011
I have a set of functions that will transition/fade photos in and out as background images. Easy. But now I would like to run the same functions on a different html page with different photos (each different page represents a different JavaScript array).
I've been reading online on how jQuery methods can be called into functions. So my thought process is to create 2 methods (1 for the original images and the 2nd method for the other images).
So here is my base code which works...
$.landingpage = function() {
/*Enable background image cycles on landing page*/
var images=new Array('/image01.jpg','/image02.jpg');
var nextimage=0;
[Code]....
View 2 Replies
View Related
Jul 9, 2011
I'm looking for the constructor parameter list for DOM Objects. I was able to find a constructor for Option but none of the others.
Code:
myForm = new Form(params);
myForm.elements.push = new Select(params);
myForm.elements[0].options.push = new Option('Select this!','1');
This is a lot cleaner than
Code:
myForm = document.createElement('form');
myForm.setAttribute('name','theForm');
....
Where I can find a list of these constructor parameters?
View 4 Replies
View Related
Aug 2, 2011
I have a table that has parts with multiple characteristics. Part Number, Height, Width, Capacity, Price, Etc. I would like to have a drop downs for all of these values, when a user selects one of these values it will filter the results into a list. Ex. user selects a part that has a Height of 6 and width of 10 it will only list those parts. As I said earlier, I have a script that will give me all the parts, however I am not able to make the onchange list parts with multiple values.
View 9 Replies
View Related
Nov 3, 2009
I'm trying to pass data to my mySQL database, but I'm doing that 2 jQuery scripts:User comes on my page where there is a list with some values, e.g 530, 532, 534 etc etc ..User clicks on one of them, this link is using the jQuery to get another php file which get's the data from my DB and list it below the first list, here's the code for this:
$('#letter-e a').click(function(){
$.get('e.php', {'depot': $(this).text()},function(data){
$('#dict').html(data);
[code].....
So the second list is another step that can't be avoided to get the final result. In other words, i'ts another list where the user has to chose one of the items from the list to see the final result, I've added this code inf the 'e.php' file:
$('#letter-f a').click(function(){
$.get('f.php', {'date': $(this).text()},function(data){
$('#entry2').html(data);
[code].....
The problem is that my 'f.php' only gets 1 variable value, but I'll need 2 or more (maybe in the futur), how to pass multiple variables to a php file using jQuery?
View 2 Replies
View Related
Apr 22, 2010
I would like to have page which uses a few xhr objects and automatically (after 30 seconds) starts the same few requests again It works for me well in IE7, IE8, but not IE6 (where is in browsing history chosen option "automatically" ). It works there only for first time and I can't set it for circular reloading. It looks like page is reloaded, but xhr objects are not doing their job ...only - as I wrote - for first time after page load.
I have tried a lot of things:
- headers: no-caching
- window.reload(true)
- window.setInterval
- window.location.assign
View 9 Replies
View Related
Aug 23, 2009
I have multiple triggers and I am trying to pass variables via a "rel=" tag (which are unique id's) for each trigger I can get most of it working, problem is that since there are multiple triggers with id="newsTrigger" only the first listed trigger works Using PHP/mySQL. An example trigger is:
while loop{
echo '<span id="newsTrigger" style="font-size:0.8em;" rel="'.
$rowNewsid[$counter].'"><a href="'.$rowNewsPermalink
[$counter].'">'.substr($rowNewsHeadline[$counter],0,40).'</a></span>';
}
The above outputs a large number of rows with the same span id of "newsTrigger". When a user mousesover any of the newsTrigges I am trying to get an ajax dialog to load up content based on the id that is being passed through the rel tag. How do I do this? The javascript so far is:
<script>
$(document).ready(function(){
$("#newsTrigger").mouseover(function() {
var newsid = $(this).attr("rel");
[Code].....
View 1 Replies
View Related
Jul 14, 2009
Many time i am getting one problem with Jquery when i am using more then one jquery plugin on same page then only one plugin works which will be on top. I guess few variables mixing and disturbing to each other. I just want to know is there any way to control it?
View 9 Replies
View Related
Feb 9, 2009
I want a specific function to be available to multiple objects.In the script, if it says 'document.Form.Input.value' with 'Form' being the form name and 'Input' being a form element, how can I change this so that I can have two different forms with elements and the function will be able to work for both?
View 4 Replies
View Related
Oct 8, 2010
Does anyone know how to list all declared variables in JavaScript ?
View 4 Replies
View Related
Nov 19, 2010
the situation: I'm building a web page, and the client wants to have three flash galleries on staggered timing (i.e., the first one loads and runs, 4 seconds later the second loads and runs, 4 seconds later, third one loads and runs).
I've been trying to figure out how to use Javascript to handle the initial delay between each object, and the best I can figure is to use an onLoad to start the first flash (Flash1), and then call out a function with setTimeout to start Flash2 4 seconds after Flash1 loads, and the same thing for Flash3. However, my attempts thus far have failed, and all three load up at the same time.
[Code]...
View 7 Replies
View Related
May 20, 2010
I am planning on using the maito form with Javascript. I have a form and it is structured in the following fashion:
<form>
<b>Subject </b> <input type="text" name="subject" size="30"><br>
<b>Person 1 <b><input type="checkbox" name="email" value="person1@email.com"><br>
<b>Person 2 <b><input type="checkbox" name="email" value="person2@email.com"><br>
<b>Person 3 <b><input type="checkbox" name="email" value="person3@email.com"><br>
<input type="submit" onclick="submit">
</form>
What I am trying to do with Javascript is that you fill out the subject name and then you select which recipients of email you want to receive the email. So if I select Checkbox 1 and Checkbox 3 then when I click submit, it opens my Outlook and the To is filled in with person1@email.com;person2@email.com. So I guess I would need the javascript to populate and <href mailto: form after checking which names are checked and then populating the mailto with the variable that contains the list of names I chose. Right now we have a clunky method using the mailto but I don't have the option of choosing who it mails to so when I send it, I send the mail to everyone, even those on vacation.
View 1 Replies
View Related
