I'm new to jquery as you will soon find out. I have a number of divs with the same class applied to them and I want to be able to animate them separately as each one is clicked - right now clicking on one, affects the entire family of like-tagged. I think I might be going about this the wrong way or missing something.
but not in this form: $(element).children("dl\:object").I don't care that it doesn't work in the second, because I only need one time access, since I replace these custom elements with valid html using javascript, as soon as the page loads (sort of like xfbml I guess).My concern is that it DOES work even in IE, which only returns a tagName of "object" from <dl:object>. (given the following html attribute: <html xmlns:dl>). So I'm suspicious. I've tried following the code that matches the selector, but I can't do it, it's too complex for me to follow in a reasonable time.
I have a single web page that is broken into content sections that are all assigned element id's (home, about, services, and contact) and have a fixed navigation bar that points to anchors associated with each element id / page section. Since the navigation bar is fixed, it comes along with us as we scroll through the page. I've got a jQuery smooth scrolling effect that makes a nice transition between sections of the page when you click on one of the navigation links. Between the sections I have an image that looks cool as the page scrolls past between sections.
Problem:Since the page is kind of long, I would like to use the jQuery .hide method to remove page sections that lie between the current section of the page that is being viewed and the section targeted by the navigation link. At the same time, the .show method will be used to ensure the target section of the page is visible. Therefore, I need to include an exception to the list of elements that I am hiding - the element that I am currently viewing (and is consequently being displayed as the current url in the browser due to the anchor tags).ExampleFor instance, say you're viewing the "about" section of the page and you click the navigation link to the "contact" section. The "contact" link in the navigation bar is assigned the id="nav_contact." When you click the "contact" button, I've made the following jQuery happen:
I'm trying to find an example of a country selector (which also provides a state selector if USA is chosen) then you cvan select the city, any samples out there?
I am trying some simple things with javascript and trying to use it in a object oriented way. However I am now facing a problem in which I can't access an object variable from an object method. I am using jQuery.
My code is as follows;
Code:
My problem is that the variable msg1 does not work when accessed from function called from the jQuery get function. I get the message undefined. Therefore I am wondering, is there a way how I can access msg1 of my object instance from the get function of jQuery?
I'm trying to create a drop down menu which has several levels. When a level is clicked on, other expanded categories in that level should minimize simultaneously. The trouble I'm having is using a combination of selectors to say 'all divs which match this pattern but not this one'. I've had a look through the selectors API pages
i use it in a CMS. In my content page, when I insert a floating element, I use it to set the margin around element according to left or right float in this way:
I have a problem that I couldn't solve myself. I have 2 forms. name="form1" and name="form2" In each form, there's the same class names for rows. <tr class="draggable">
What I need to do, is to take the last draggable row in a certain form. $( tr_object + " tr.draggable:last" ) <- returns the last tr with class draggable in whole document. How do I limit It's view/search scope to one of the forms only?
this code works for me , but there is something wrong , every time the function loads (every 2.5 seconds )the html is loaded in row [0] cell[0] , and they are stacked above each other . what may be wrong there ?
code : var searchtable=document.getElementById("searchtable") var resultscount=0
I am using the contains selector for one element because I do not know the full ID. Since I only need the first element it finds should I be adding something to improve performance?
On our current project we had an very unexpierenced coworker which wroted an "a" tag as an jquery selector. to better understand what he did see the following working sample:
This works in Firefox but not in IE (of course not Yeah we know its wrong, but we dont find a reason for its working in firefox ! can someone explain why this can even work ?
$('#prov_1 .toggleEdit').click(function () { $('#prov_1 .editable').toggle(); }); When I click on the "toggleEdit" button under #prov_1, the .editable elements in #prov_1 appear/disappear. Now I want to do this for all prov_N. $('#prov_' + pid + ' .toggleEdit').click(function () { $('#prov_' + pid + ' .editable').toggle(); });
does not work. How do I extract or define N, the pid number?
I have a UL list with hyperlinks in the LIs. When I click on the hyperlink, I want to go up the list, and get the html() within the first LI in the list. I have a ('a') click function that returns the hyperlink as $(this).
Now how do I get up to UL and down to LI? (It's actually more complicated because I really want to go up to a top level UL and down to a top level LI...but let's start here).
When I start with $(this) how can I integrate it into a selector? For example, I can supposedly do ("LI > UL > LI:first"), but can I do ("$(this) > LI > UL > LI :first") or do I do ($(this) "> LI > UL > LI:first") ?
I am trying to make a sliding panel if you click a button, the only problem is that there are more of this panels on the page. I can make the first one open, but I cant make the one opening wich has the id=id.
I'm trying to add some functionality to a existing application. I have no control over the input element ids. There are inputs I need to use that have $ in the id <input id='field1$0'>. Trying to use the id selector $('#field1$0') fails (result is undefined).Is this a bug or "by design" in qQuery?Is there a workaround, other than looping thru all inputs to find the ones I need?
I was developing a very simple application, just for training some Ajax. It works like that:
» I make a search using Ajax and it gives me a list with a lot of cities according to their state;
» After receiving the data, I can only manipulate the first DIV (that contains the city data).
The problem is that the city boxes (DIVs) has the same ID and, when the jQuery function is set (to send the address to an input that will make a search through Google Maps API), it only works for the first DIV. Then, if I search new cities, it works, but the same manner :(
Check out the screenshots:
[url]
[url]
[url]
[url]
So... I can only handle the first DIV among all the anothers, because they have the same ID. I have already tried the .each(), .unique(), creating an array...
ere is my problem : I want to select all the h2 in my #corps container, except those with a .post-title class.The following selector doesn't work with IE (from 6 to 9). No problem with Chrome, Firefox, Opera.#corps h2:not(#corps h2.post-title)The HTML:
i am creating a simple dynamic menu for my study with the following structure:
[Code]...
now i need to find the correct selector for the mouseout event, because now the submenu disappears if i am getting of the current element (this) of the mainmenu, but i only want it to disappear if it is not anymore over the submenu, or if the mouse goes over another element of the main menu.
I started with jQuery a few days ago and rushed into a principal question. Is it possible to use a selector on a result of a selction made before?
code example (which will not work at all, just try to make clear what I want to achieve):
$(".row").$(".idCell") // in the row result the class idCell is unique
Is it possible to to something like this at all and if yes, how is it done?
What I want exactly to do is that if the user double-clicks on a row I want to return the content of the first cell in order to load another form with data according the selected id.
btw, as a last resort I could manually scan the .html() output of $(.row) but I still believe, that the developers of jQuery thought about this problem and there is a more elegant way to accomplish the task.