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?
I have a large e-commerce site that runs on a database. There are many products on the site which have 'variables' attached to them, e.g. colour, width, height etc. I have a script in place to sort the products depending on these variables Apologies for the length of the code.
(function(i) {var u =navigator.userAgent;var e=/*@cc_on!@*/false; var st =
setTimeout;if(/webkit/i.test(u)){st(function(){var dr=document.readyState;
if(dr=="loaded"||dr=="complete"){i()}else{st(arguments.callee,10);}},10);}
else if((/mozilla/i.test(u)&&!/(compati)/.test(u)) || (/opera/i.test(u))){
document.addEventListener("DOMContentLoaded",i,false); } else if(e){ (
[Code]...
I didn't write this script and I'm not a JavaScript expert, so i don't know how to edit it properly. I want to change it's function from sorting to filtering, i.e. something along the lines of a slice function.
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?
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';
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 $() ?
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]...
I am using customer tag in my HTML to represent some structured information. Below is an example:
<person name="Frodo">
<weight value="100" unit="kg" />
<race value="Hobbit" />
</person>
I am latter render this element by replace the <person> element with real HTML element using javascript. (here "replace" means I create new HTML element and remove the element with custom tag). It works fine with Firefox and Chrome and other browsers, however, IE8 does not work (haven't tested other version of IE yet). In IE8, it simply cannot parse the <person> element's structure. I read an article said you have to put customer tag into a user defined namespace, well, after doing that, IE8 was able to parse the <my:person> element structure. However, jQuery selector does not work, now $("my:person") does not return the element. How to make it work for both IE8 and jQuery? I feel bad if my application does not support IE8.
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.
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.
I need to use Jquery $.ajax() function in order to represent JSON objects in HTML page. JSONs are on a url: [URL]. That is a string of json objects.
View 1 Replies View RelatedI'm working this script below that successfully selects and removes certain anchors that contain this text "d2". There are actually numerous anchors in this TD (not div) container with different (labels for the site) text strings, each anchor is followed by a comma with a space.
So I'm removing the anchors no problem (thx to jQ) - but I still need help to remove the trailing comma and associated space after each anchor I remove. My attempts at this solution are so horribly naive I won't bother posting one.
I just can't seem to get getJSON to filter based upon the map I send in.
Here is my code:
$.getJSON('funds_static_json.dot',"{category:fundType}",function(json)
{
dropdownSet.loadSelect(json);
}
My post in firebug looks completely right: [URL] The json is formatted properly and passes the lint test. However, I get the entire json back and not the filtered by my parameter. I have over a thousand funds, but it should only pull back about 9 bassed upon that category. Here is my working url: [URL]
I have this code
$("a").click(function() {
$("#loadingGif").fadeIn("normal");
});
[code].....
Lets say I have something like code...
View 1 Replies View Relatedi have a file with email adresses. but not only with them, there also the forename and lastname in it. so i need to get rid of everything except the emails. i thought it could made with a regex expression, i already got one for searching all the emails. it looks like, [w.]+@[w.]+
[Code]...
I am working on some travel related site, User can modify his/her search by criteria in the left bar.
View 2 Replies View RelatedI use CMSMS alot and there is a drop down menu in the admin area to choose a parent item, it shows all parent items and I wanted it to be dynamic to just show top level siblings and children
I spent all day creating a jquery script to filter the list which works just fine in fire fox but IE does not support display:none on html option tags
My options are coloured white at the moment but it would be good if I could get them to disappear all together.
I have tried duplicating the object and using that as a reference and tried a global object but i could not get either to work
code below no jquery i am sure you have that already.
My code is probably a little sketchy my mind was blown after lunch.
HTML
JAVASCRIPT
Is there a better way to extend object with internal objects?
$.fn.bestShow = function(s) {
var d = {
width: 0,
height: 0,
order: "numeric",
orderBy: "",
[Code]...
I've got a PHP page that delivers MySql data into an HTML table for a To Do list. Works peachy. Now, I wanted to add a filtering tool to the table, which I've also done, and it works fine.
However, I'm dissatisfied with some of the methods I've used becuase they involve a bit of hard coding, and will make it difficult to expand on later down the road. I think you will see what I mean. There's a decent amount of code, but I want to include it all so that you may just copy>paste it and see the page as I do. Code:
integrating PHP-HTML-JS I'd need some help for doing the following:I have a index.php including:
<script type="text/javascript">
function filter (phrase, _id){
var words = phrase.value.toLowerCase().split(" ");
[code]....
and a child.php including a table object with the id LIST.I'd need to change the parent.php in order to filter on real-time the table LIST via the FILT input on the parent form. I have tried different values instead of 'this' on the js function calling but nothing succesfully.
I have a data store having a Note field (a textarea) and want to display all Notes satisfying a user input (even metacharacters).'ve written the following function to handle this:
[CODE]
function notefilter() {
var newfilter = Ext.getCmp('searchnote');
[code]....
Is there a way in Javascript or Jquery to return an array of all objects underneath a certain point, ie. the mouse position. Basically, I have a series of images which link to various web pages but I have a large semi transparent image positioned over the top of the other images. I want to find the href of the background image that the mouse pointer clicks over.
View 1 Replies View RelatedAnyone know how to get Javascript variables into PHP variables or a MySQL database? Full question in the PHP section.
View 2 Replies View RelatedI have some JavaScript which is splitting out the different variable elements from the URL.Now, how do I set the internal variables?Then I want to set the variable ScriptHeading to be Change and the variable ScriptType to be NewThread.I keep finding all sorts of lovely code showing how to split out the various sections in many different ways, but I can't find anything on how to actually set these variables.
View 1 Replies View RelatedI have a tab compopenet object that works by passing a dom element to a constructor... which then finds all the relative elements to that element using .find() and adds the necessary behaviour. Now, since I have multiple tab components on the same page, I'm using each() to iterate through the dom elements and pass each into the tab component constructor function.
[Code]...
where can i find an example of how jQuery selects objects when using an id selector? i'm asking because i've been using a cross browser snippet to select objects and i was wondering if it's the right move to move from the snippet to jQuery. the snippet checks to see for availabe methods and depending on the one that works, it knows which browser the user is using and selects the object using that method. i also know jQuery is cross browser, so it's kinda implied, just wanna make sure.
View 1 Replies View Related