I want to select the following image using jQuery selector to see if Icould use the style attribute,
<img id="ext-gen439" class="x-form-trigger x-form-arrow-trigger"
style="overflow: auto; width: 356px; height: 100px;" src="images/
s.gif"/>
[code]....
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:
$('#content img[style*="float:left"]).css({
'clear' : 'left',
'margin': '0px 20px 10px 0px'
});
in chrome, mozilla and not-IE browser the selector with (: and/or ;) works but in IE doesn't work. Is there a solution?
I am new to jQuery. How can I select all the elements with a given number and which has 0 has value and set to a specified value.
[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 try to load specific text from a page into a string. When I'm on the specific page I can do this as follows: var wantedText = $("td > span[style='color: #00AA00; font-weight: bold;']").text();But I want to get this text from another webpage using AJAX, I tried using .load() as follows:
$('#somediv').load(Url+" td > span"); //this loads 3 spans into #somediv (including the one I need)
$('#somediv').load(Url+" td > span[style='color: #00AA00; font-weight: bold;']"); //this does nothing
I also tried loading the entire page into a string using .ajax() like this:
[Code]....
if I have an html page that uses the <style> or a <link> to call a style sheet these properties aren't available to JavaScript is there a good way to access them? eg
<html>
<head>
<title>expandable text area</title>
<style type="text/css">
[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 adding title attribute to some elements by using mouseenter function. But I would like to hide the shadow which comes by default nehind the tooltip frame and wrap the text in 2 lines!
[Code]...
Is it possible to do an 'on click' event that changes a css selector, then an 'off click' that switches it back? I am working on a touch screen app and need to replicate a css hover state.
View 2 Replies View RelatedI have <style> tags in my <head> section, and only want to set the cursor attribute if the user's browser has JavaScript enabled. This code however doesn't set the cursor attribute even if JavaScript is enabled:
[Code]...
As recently as 1.4.3 $('input:text') would find input elements with no type attribute, but after upgrading to 1.5.1 that is no longer the case.
Is this a bug or an intended refactor to be more standards compliant?
FYI - this is the selector I now have to use: $('input:text,input:not([type])')
I'm trying to retrieve the number of "option" elements with the "selected" attribute set to true from a "select" control in the DOM. To ease my debugging I'm using the "alert" javascript tool to display the number of such options. Here is the javascript code :
alert($('#possible_rarities > option[selected="true"]').length); "possible_rarities" is the identifier of the "select" control in the DOM. Before launching the display, I have selected an option and checked that the "selected" attribute was set to true via Firebug. But the resut display is 0 after executing the script in Firefox. I do not meet this problem when running my script in IE.
I have following HTML code:
<br/>
<div style="display:none">.....</div>
<div style="display:none">.....</div>
How can I modify display to block in style attribute with Javascript?
here is the code I am using it is suppose to apply a style attribute the the id "toplink" but I can't seem to get it to work right.
$(document).ready(function(){
menuYloc = parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px")))
$(window).scroll(function () {
var offset = menuYloc+$(document).scrollTop()+"px";
$("#toplink").animate({top:offset},{duration:500,queue:false});
});
});
I'm not sure if this is technically a javascript question, but I'm
coding in javascript, so I'll try here first.
To overlay a section of a page I typically use an absolute positioned
<div> and call insertAdjacentHTML. By raising the z-index higher than
than the underlying elements this method works fine, except if there is
a window'd element below it, such as a <select>. My understanding is
that I need to use the visbility attribute to hide the <select> before
calling insertAdjacentHTML.
Each <select> element (there are three) is identified with the ID
"select_vis". I am attempting to hide the select elements using the
following code:
selvis = document.getElementById('select_vis');
if (selvis) {
alert('gonna hide the selects.');
selvis.style.visibility = 'hidden'
}
document.body.insertAdjacentHTML('BeforeEnd', theHTML);
The code is being executed, however the three selects stay visible.
Are there any difference between class selector and ID selector
View 2 Replies View Relatedi have found a possible bug in 1.4 but it's only in Internet Explorer 7 & 8.The following code does not work and completely ruins every peice of jquery on the page (that means everything inside $(document).ready and anyting else...
$("<div/>",{
id: 'tooltip-'+rand,
class: 'dock-tooltip',
[code]....
I cant see any syntax errors - i pulled the example from the 1.4 site. There is no trailing commas in the object notation and i really cant see any reason it would work in firefox and not IEx and more to the point not only not work in IEx but break any other jquery in the entire page....
I'm working with a large (and unweildy) ASP.NET application, and there is a lot of jQuery code that uses selectors like this:
[name=_aspnetControl$_withASubControl] And unfortunately, some selectors that also look like this:
[name^=_someAspNetControl$_radioButtonList].
In other words, the effort to remove the $ from the attribute selectors would be monumental. If it is possible to escape the $ symbols, I can do that easily enough, but unfortunately the situation right now means that I can't upgrade to jQuery 1.5.
I'm learning jQuery with XML. I'm familiar with other query languages such as XPath. I'm having a little bit of difficulty wrapping my brain around how jQuery works but I think I can make the leap if I see a solution to a problem I know how to solve with other methods Given the following XML, please share a jQuery solution to finding the value of attribute B in elements named bar where attribute A has the value 30:
[Code]...
My understanding had been that $.css("width") would return the original user selected style, eg "100%" or "10em", and $.width() returned the computed width, always in "px". Not so, following the code through for .css(), it calls something called getComputedStyle and the only difference between the two functions turns out to be a post-fix of "px" on the .css() result - not very useful. I need to know whether my user has called me with a proportional dimension, or a fixed one. How to tell with jQuery?
View 1 Replies View RelatedThis is probably quite a simple problem but I can't figure out the answer. I'm working on a site that has news stories and events coming in. What I would like is to have the news stories to be styled with squares and events with discs for instance. I might be able to change the actual plug-in so the CSS affects this change, but I just wondered how I could change the list-style-type with jQuery.
[Code]...
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?
View 2 Replies View RelatedI have built a website and I wish to hide my code between "style type="text/css">....</style>
Is there a way to hide the code between it?
I'll trying to tell the difference between the following three cases:
<img alt="text string" />
<img alt="" />
<img />
I can do this in Firefox with the following code, where elem is the
HTMLElement representing each image, but IE doesn't seem to
differentiate between empty string and undefined.
var alt = elem.getAttribute('alt');
alt = (alt) ? alt : ((alt===null) ? 'really_null' : "");
The desired output from running this code on the 3 tags above is:
text string
really_null
It seems like this should be really easy...but I'm having a really
difficult time trying to figure out what's going on...
$(document).ready(function() {
The SELECTor shows up in the document but it's not MULTIPLE, no ALT text, no CLICK event handler.
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
View 1 Replies View Related