JQuery :: Use Variables Instead Of Css Selectors?
Apr 4, 2009Can I do this:
function showDiv(curEl){
hideDiv();
$(curEl).css("visibility","visible");
}
Can I do this:
function showDiv(curEl){
hideDiv();
$(curEl).css("visibility","visible");
}
What I'm trying to do is quite simple but as a beginner I'm getting incredibly frustrated with it. Here's my first attempt. I plan to do something a bit more fancy with the images, but I could see straight away that this wasn't the solution. Mouseover was changing the image before it had faded out and looked horrible. So, I thought I might put all the images in the same place and hide them, making them visible and bringing them to the front on mouseover of the corresponding hotspot.
[Code]...
there,is possible to do some math in this type of selector:
$( ' li:eq (0) ' ) like this $( ' li:eq (some variable + 1 ' )
How can i select immediate children of an element only. Like i have
<div class="widget">
<ul>
<li><a href="google.com">Google</a>
[code]....
Writing a sortable list function. My <li> elements contain several items (headings, paragraphs etc) and I want to add a class to the headings when they've been sorted. I have this code in my sortable init:
receive: function(event, ui) {
$(ui.item).addClass('editable');
},
This adds class="editable" to my newly-sorted <li> element - cool. What I want, though, is to add this class to the <h3> within my <li>. I tried:
receive: function(event, ui) {
$(ui.item + ' h3').addClass('editable');
},
but this just gave a syntax error.
I found that certain selectors work in all browsers except IE 8 and they need to modified. This selector pattern seem to work well in all browsers, including IE 8: jQuery("input[class='class_name'][type='text']") But this identical selector works in Firefox, Safari but not in IE 8: jQuery("input.class_name:text") In IE 8 it returns a "property not found" javascript runtime error. I don't know whether that the actual issue or if it is a side effect of some memory leak.
View 1 Replies View RelatedI'm trying to test if certain radio buttons are selected, but the name varies. My boss is considering changing the names to further isolate them breaking the script as it works now. I'm trying to figure out how to test the new case just like it works now. Here's a link to my pastebin
View 6 Replies View RelatedI am trying to assign a click event handler to any of the <a> elements in the code below:
<div data-role="content" id="picSpace" class="ui-content" role="main">
<div class="ui-grid-b" id="gamePics">
<div class="ui-block-a">
[code]....
While trying to get a selector to work with ids that include square brackets, I searched the forum and found that I needed to escape the brackets with '\'. However, while this works with my fiddle: can't get the exact same selector to work within my page in either FF or Safari. I've triple-checked the id and it is correct; I know that jQuery is working on the page because changing the selector to$('.nameinput') gives the expected results. can't change the id because I'm working within an existing application; I know I could add a class to the input and use that as the selector instead. I'd prefer not to and would just like to figure out why this isn't working.
View 1 Replies View RelatedI have a page that has several embedded usercontrols with a popup reorderlist. Like
[Code]...
isthis the correct approach and if so what should the 'fld1' line look like to pull this data.
Is there a way to combine selectors with && condition. eg: $('.classname div[att=value]') Requirement is to select all div elements with class 'classname' and (&&)an attribute 'att' whose value is 'value'
View 2 Replies View RelatedI have the impression $('h1:after') e.g. doesn't work. How to manipulate these pseudo selectors with jQuery?
View 1 Replies View RelatedMy button when click call cal function, inside cal function I need to find parent so I can access other element, but I donot know how to pass parameter to Selectors/has(for some reason $("div :button").each(function()... no work here)
Code as below:
function cal(event) {
if (!event) event = window.event;
[code]....
I'm trying to do is simple "select all" checkbox script. The problem is, no matter what I seem to do, only first element is matched. $("input:checkbox").attr("checked", true); checks the first box only. Same with: $("input:checkbox").each(... I even tried copying this script directly from the jQuery documentation page: $("div").css("border","9px solid red"); It applies a red border to the first div on my page.. the example in the documentation applies it to all divs.
View 5 Replies View RelatedOk, this seems easy, but I am struggling. I have this...
$("a[href$='mp4']").click(function () {
But I want it to work for mp4 or mov or more. Something like...
$("a[href$='mp4'||href$='mov']").click(function () { <-- which doesn't work apparently
im currently creating a dropdown menu with an animation to it, my current jquery script is as follows
$(document).ready(function () {
$("ul.menu_body li:even").addClass("alt");
$('ul.menu_body, img.menu_head').hover(function () {
[code]....
Multiple selectors not working
View 8 Replies View Relatedi've been trying to figure the best method to achieve obtaining siblings between specific selectors. Let me be concrete with an example:
...
<tr class="rowTypeA">
...
[code]....
I am working on a customised scoresheet for a Bible Quiz group. Basically, I want to click on a box and have a box come up with options for correct and incorrect. I just want it to affect the score for that one box. However, if you click another box, it changes all of the boxes.[URL]..Click the 10, 20, or 30 in the top left corner. It should update the points under the 4. Click on any of the boxes assigned to a person on the grey line. A box should come up with a Cor (Correct) or Incor link. Click on either option. Then click on another grey box and do the same thing. I don't want all of the points to change when one person's score changes. Does that make sense?
[Code]...
I have an html file that looks like the following.
<div id="outline-container-1_1" class="outline-3">
<h3 id="sec-1_1"><span class="section-number-3">1.1</span> Counting </h3>
<div class="outline-text-3" id="text-1_1">
[Code]...
Is it common to use CSS selectors that are not defined in a stylesheet (or anywhere else) to identify HTML elements? When using jQuery in ASP.Net with controls that implement INamingContainer, all it's children's ID's are automatically generated based on the id of the child control and the id of the container control (such as the Panel control) so we couldn't simply use $("#myChildControl") for a child control with the id of 'myChildControl'. The resulting client id would be something like 'mypanel_mychildcontrol' and for autogenerated controls within grids/tables, the id's get even more complicated and should be 'guessed'. So, how does/would people identify these types of controls when there are no preset CSS selector's for them?
On the server side, we can use the ClientID to get the generated ID, but for some things, I just want to do this totally on the client side without messing with code-behind.
I have a web site which creates printed output which will be printed out on A4 with a standard template that I use. Fortunately each output will (should?) fit on one page so I don't need to worry about the content munging the template. Now so far the approach I have used is to spin through a loop writing the content into a new div which is shown as a preview and which I then print. So far so good.
Now I want to generalise the templates so I can change them more easily. So instead of $('#printableblock').html(somefunction());I want to load a template from a file. That file would look something like;
<div class="A4">
<div id="header" class="header">
<div id="headleft" class="headleft">Address data</div>
<div id="headmiddle" class="headmiddle"><img src="headimage.jpg"
[Code].....
The follow jQuery code doesn't work. Does that mean jQuery doesn't support such a usage?
Code JavaScript:
var selectors = ['#header', '#content', '#footer'];
$(selectors.join(',')).addClass("new");
I have a situation where i need to locate a radio button by it's value and check it. The solution below works in all browsers. However, in IE 6 & 7 (not 8), if there's an apostrophe it blows up.It's happening for me in both jQuery 1.6.4 and 1.7.1. Here's an example. var diagnosis = "Huntington's Disease"; $(...).find('input[value="' +diagnosis+ '"]').attr('checked','checked'); I've tried diagnosis.replace("'","'") and that seems to have no affect.
View 4 Replies View RelatedI have a complex JS object. It manipulates the page DOM. Inside it I have many repetitive selections spread across functions. I would like to cache the selectors to enhance performance. How do other people do this? I can cache on the function level but not the object. When I try to cache on the object level I seemingly end up with stale selectors that while defined don't actually work.
My gut is that I can only cache on the function level?
what I have read does not deal with caching inside a JS object.
Just wondering if it's possible to use JQuery to create a 'download all' link? I have a number of .zip files linked to in a page and I want to offer a quick way to download all of them at once or specific sets based on the id of the link. That possible?
View 1 Replies View Related