I'm wondering why I cannot use multiple input types in the same selector...
$("input[type!='radio'],input[type!='submit'],textarea","#mycontext")
with only one input[type..] works
In IE, The selector for multiple inputs is not working whereas in firefox it is. Below is the html.
<td><input id="contactInfo.shippingAddress.city" name="contactInfo.shippingAddress.city" onchange="needToConfirm = true;" type="text" value="city" maxlength="100"/></td>
<td ><input id="contactInfo.shippingAddress.state" name="contactInfo.shippingAddress.state"
[code]....
JavaScript hides its memory structure.
I know that numbers, booleans, null and undefined are value types
(value is directed saved in a variable).
I want to know:
- How JavaScript distinguishes value types from reference types by
seeing the variable content?
- How many bytes are allocated in memory when I declare the following?
var i;
I can program in JavaScript without understanding them.
But I'm curious.
Let's say I have the following HTML:
<span id="more">
Did you know?
<span>The milky way is round.</span>
</span>
Using
$("#more span").css("border", "1px solid black");
will place a black border around "The milky way is round." If I change the <span> tags in the HTML to <div> tags and issue $("#more div").css("border", "1px solid black"); The same will happen. "The milky way is round" will be framed. However, if I change the <span> tags to <p> tags, as in
[Code]...
I've take an example from the docomentation and changed the names. I allready have written some nice functions
<!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">
<head>
[Code]....
I have a problem with a jQuery selector that works in both Firefox and Chrome but refuses to in Internet Explorer.
The jQuery line looks like
$('a[id*="show_ingredients_link"]').click(function(){
var id = this.id.replace("show_ingredients_link", "");
(".ingredient_row" + id).toggle(); return false;
});
Which is trying to select a click on the following bit of HTML (this is a Django template)
<a href="#" id="show_ingredients_link{{ i.id }}">
(Customise)
</a>
The intent is to toggle the visibility of some table rows that exist just below the (Customise) link.
I can tell this is a selector problem by adding an alert(); in the click function which isn't fired in IE.
<div class="c"></div>
I do $(".c:not(:last)").css({borderColor:"#0f0"}) This is OK in Firefox, but in IE all columns get this color. The :not selector doesn't work in IE. Why not?
This selector does not work with Jquery 1.3.2 and Firfox 3.5.3
Using version 1.2.6 it works with out issues. Older versions of FIrefox work with no issue and the same with IE it works!
Does not work in IE6, but FF, SAF works only. any better way to solve this issue?[code]...
View 2 Replies View RelatedIn IE6 and IE7, the following results in an empty jQuery selector being returned:
$("form[name='formname']")
I tried matching on other attributes of my form such as:
$("form[method='post']")
which works without any problems.
It seems that the only situation that does not work is when trying to match the name attribute on forms. I am guessing this is just a browser bug/limitation but is it something jQuery could potentially work around? I just would prefer matching forms by name for certain situations since it makes the most sense semantically in many cases for me. Would love to know the reason why this happens. Found this bug first in jQuery 1.4.4 but forgot about it at the time until it just came up again which I replicated in version 1.5.2 and then again when I upgraded to test in version 1.6.4.
So I've been trying to create a Spry table using SpryData pulling it from XML and then adding jQuery zebra stripe to the dynamic table.
Zebra Striping tutorial :[URR]
So far I have beenunsuccessfulat achieving thestripedtable :(, however, I did get the Spry to work and it builds the table perfectly.
SpryData tutorial: [URL]
Heres my sample page: [URL]
I am thinking I am either not using the selector correctly.
Or there is a conflict with jQuery and the Spry.
since jQuery 1.4 I've a problem using $( selector ) in data for $.post My code:
settings = $.extend( {
attachTo: $( '.top h1' )
}, settings );
$.post( url, settings, function( str )
[Code]....
it working also fine with jQuery 1.4.*. I can't find changes in the changelog for jQuery 1.4 that could explain this behavior.
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 have something like the following form:
<form action="/profile.php" method="post" id="profile_form">
... bunch of labels and input elements go here ...
</form>
Then a jquery call (which is supposed to serialize the form for ajax) in a <script> tag at the bottom:
$("#profile_form").submit(function() {
alert('never get here with firefox 3.6');
});
I get to the alert just fine using Chrome, IE8, Safari and Opera. This is with the latest version of jquery.
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.
View 1 Replies View RelatedI am simply reposting my question from StackOverflow, in order for more eyeballs to see it.
[URL]
I am trying to work live method work but could not if id/name has . (dot) character.jQuery1.4.2Example:
<html>
<head>
<script type="text/javascript" src="../scripts/jquery-1.4.2.js"></script>
[code]....
I have seen in many places, including jQuery in Action book attribute values in quotes.
$("input[type='checkbox']) works in IE, but in Firefox it needs to be
$("input[type=checkbox]) // no quotes
i'm unable to do this with jQuery 1.6 but it works fine with jQuery 1.5.2 :
$('#comment-content')
.delegate('#chkb-status-review,#chkb-status-validate','change',function(){
$('#chkb-status-review,#chkb-status-validate').attr('checked',false);
$(this).attr('checked',true);
})
No error, just not working. Maybe i'm doing something wrong
I have a huge blob of code but the main part I am focusing on is this
$('.billboard_click').click(function () {
//this remove class
$(".billboard_click").removeClass("billboard_click");
});
1. Execute a click event when the div with the class 'billboard_click' is clicked
2. Once clicked, remove the class from that very div to avoid another click from happening
3. Execute a series of events such as animations, etc
4. add the class back to the clicker div
The code does not seem to work as expected but I am wondering if I am having issues elsewhere at this point and wonder if this actually is known to work
according to:[URL]... I tried the following code which should work, but it does not. or did I some error?
This is the HTML snippet
[Code]...
Are there any difference between class selector and ID selector
View 2 Replies View RelatedI have a table where the first column is mixed with words and dollar amounts and by default, before you sort, it looks like this:
[Code]...
Since IE 6 doesn't recognize type selectors in css (input[type=xxx] {}) I'm adding classes to elements dynamically so I have handles for the different types of <input/> elements.Here's what I'm using, but it feels sloppy (maybe not the most efficient approach?). Is there a better/less verbose/more efficient way to do this?
$('input')
.filter('[type=text]').addClass('input_text').end()
.filter('[type=radio]').addClass('input_radio').end()
[code]....
Can I find multiple objects in one call? For example, I have ahold of a TD object that has in it input and select objects. I want to addClass to both the input and select objects therein? Something like ".find('input || select')"? Otherwise I guess I could just do multiple calls similar to:
//First find all of the required elements indicated by the red *
$(
"span[class=redEmphasis]").each(
[code]....
Basically I have an text field with an id of s_username As the user types I want to append this to a var so I can display what the user has entered at the side of the screen, I have been using this for select boxes:
var ramCost = $("#ram").val();