i have jquery code which highlights <p> elements with specific class. everything works ok but if i update elemet with content including tag <p>, highlighting doesnt work.
View 1 RepliesI'm trying to create a new<divclass="line">when an <input type="text"> contained in the last <divclass="line">loses focus.
But new div blocks are created only when the an<input type="text"> in thefirst<divclass="line">loses focus. Please I need help urgently.
[Code]...
I'm relative new to all this jQuery stuff. At the moment I'm programming a jQuery based site. The content are load with the jQuery.load() command. All works great, but I have a problem with the following function
$('a').click(function(){
var toLoad = $(this).attr('href');
$('#innerbox').load('loader.php',{site2Read:toLoad});
[code]....
Let say I have this DOM:
<div id="foo">
<div class="bar"></div>
<div class="bar"></div>
[code]....
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?
View 8 Replies View RelatedThat's my code:
var main = $("#content_value td:contains('Saque')").next();
alert($("img[title='Ferro']", main).text());
I'm trying to get the img element from the main selector, but it's not working..
[Code]...
I have two input fields and I want the second updated every time I change a value in the first. I wrote this function but it doesn't work until the first element lost focus (for example I clic anywhere or press
TAB button)
$('#order').change(function(){
$('#total_buyed').val($(this).val() * 2.75);
});
I need to get the attribute id of the current element which comes from a selector. As I found out with the help of this forum I need to use $(this).attr("id"). Unfortunately this just returns "undefinied" for me. Does anybody have an idea why this doesn't work?
[Code]...
This is my first post, I've searched for a solution and thought I'throw this up here. I am passing two elements to a custom function like so:
[Code]...
is there any way one can test if an element matches a jQuery selector? I'm not trying to locate elements, just test for match.
More specifically, when using event delegation and a common callback function for multiple events, is there a way to check the event's currentTarget against a selector?
In the following example, how can I check if the currentTarget is the LI node with class "item2"?
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
[Code]....
function GetDepartmentTree() {
$.ajax({
type: "POST",
url: "Service/service.asmx/GetDepartmentTree",
[Code]....
I'm using jQuery with Google jsapi and some strange problem occurs:
google.load("jquery", "1.4.2");
google.setOnLoadCallback(function() {
test();
});
[Code]...
When I run this code, alert returns null, not array. The same with any element, f.e. "#element". Why it doesn't work?
I'm working with jQuery on a form where each input element is contained in an <li> element.
Some fields are read-only, identified by a class ".readonly", and I'd like to bind a jQuery function to these fields' "focus" event, to send the focus to the next input whose class is not read-only.
But, because of the containing <li> elements, I don't think .next('input') will work, since the <input> tags aren't siblings.
Is there a simple selector that will do the job without having to climb up and down the DOM via parents and children? To me that feels unsatisfactory and brittle, because should the designer decide to change the layout (lists within lists, <div>'s within <li>'s), my DOM-climbing code might break.
I was wondering if there is a "selector construct" that matches an element having more than one child. So I'm looking for a solution that doesn't need
an if statement such as;
if($('ul').children().size()>1)
{
//do this
}
[Code]....
But I'm looking for a selector that already looks for these conditions. Kind of like how :has() works but then a check for more than one child.
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:
<div id="corps">
<div id="contenu">
<h2>Actualités</h2>
[code]....
i have one task in which i have to update the information on DIV on one of the webpage which will run on another system which can be any client system. is it possible to update the information of the web page in real time so that if some client is watching the other web page at that time, he will see the latest content.
i dont want to create server side scripting and logic for this as this is very small content. anyone with some idea about this?
I need to make a change to a web page that has lots of JQuery things in it, it appears. Not knowing anything about the actual use of JQuery, however, while I will start looking at the doc, can someone
help me with what to look for in a 4000+ line file to find out where the value is being set for the hidden field. I have been unable to identify this. There appears to be no onChange or onSubmit JavaScript call. I have been given this file with the need to figure this out right away, with a very tight timeline to make many changes, so this one item can't take the time required to start learning the whole of JQuery before I can make a change.
i have a select box that looks like this for exaple:
<select id="game">
<option id="mario">Mario</option>
<option id="SuperMario">Super Mario</option>
[code]....
according to the docs this 'should' work in all IE versions except 6.Examples :
$("#gallery > img").css();
$("#gallery").children("img").css()
Even tried $("#gallery").find("img").css() None of those methods will work in all versions of IE(even 8). Works just fine in FF, Safari, etc...Is there a work around or another method of selecting the children of a selector in IE? I would really like to not have to add extra classes to those images just to select them.
I am unfortunately having some problems with JQuery of late. I am working on a project in which I need to have an AJAX application working in all major browsers, including IE6 and IE7. I have created a click event for a button of the class "update" and "delete" in which an ajax request will be sent to the server. Unfortunately in IE6 (and only IE6) the event will not fire. After much experimentation I realized that it was the class selector.
Here are some code tests I have been doing to get a click event to fire:
Do you have any ideas as to why none of these work?
I have added <Table> dynamically to my page. No selector for this added table is not working.
JSP Code
JAVAand jQuery code to populate Table
I'm trying to create an accordion (jquery ui) that shows information about its items when clicked. The information for these items is grabbed from 4 locations:- one to get the item's basic structure info one to populate an 'interoperability' info box where the 'service' and 'about' properties match a box like the 'interoperability' box, but for 'similarity' info a file with user-created 'annotation' information about sub-items that could be shown.
[Code]...
Here's what I hope to be a quick question that I should be able to figure out myself... but, unfortunately, I can't...I'm trying to pass a variable into the attribute selector. When I substitute the "+myHref+" for "http", I get a match. When I log the myHref var, I get a match. What's wrong with my syntax? Why isn't the myLink finding a match?
[Code]...
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:
$("#nav_contact").click(function ( event ) {
event.preventDefault();
$('#contact').show()
[code]....
I have the following code which I am using with Google Maps:
var allLocations = new Array();
function getResults(){
// create the boundary for the data
var bounds = map.getBounds();
[Code].....
In short, the resultData is always updating and displaying the correct array and data but the allLocations array outside of of resultData is incorrect and seems one query behind.
I'm having trouble getting a selector working. Probably best just to give you some example code:
HTML
<input type='button' class='test' value='Button Name'>
<div>
<a href='' class='buttonLink' />Click me</a>
</div>
Jquery
$(.buttonLink).click(function() { $(this).closest(':button.test').addClass('testclass'); });
Form that code I would expect the class of 'testclass' to be applied to the button after the link is clicked, but It doesn't seem to work. This is a somewhat contrived example. In my real application I have a form with several collapsable/expandable sections. If the fields in those form sections have values when the page loads, the section needs to be expanded, and the expand/collapse button needs to have a class of 'expaned' applied to it, if not it needs to be hidden. I can check the form fields and show the div if needed without any problem, but I can't seem to figure out how to work out the selector so I can add the class to the button.