Response title
This is preview!
- Screen name: tommls
tommls's Profile
15 Posts
30 Responses
0
Followers
Activity Trend
Last 30 days
Loading Chart...
Show:
- Expanded view
- List view
- 18-Apr-2013 11:55 AM
- Forum: Using jQuery
I have a div, #EmptyCartMessage, which gets an auto-generated "style=display:none" on it...
I need something like this air code:
Test that #EmptyCartMessage does NOT have a style=display:none on itif( $(div #EmptyCartMessage).css("display") != 'none' ){
OR
if not ($(div #EmptyCartMessage).css("display") = 'none' ){
$(div #KeepShopping).css("display") == 'none'
}
If true do not display the #KeepShopping div
I read about testing visibility but doing so did not point the way toward testing for a specific style applied to a specific div's specific ID, which is what I need to do...
Thank you, Tom- I have this statement:
$(function() {
$('em:contains("$0.00")').each(function() {
$(this).html("Call for Shipping");
});
});
It's not specific enough, it won't work if it's $20.00 for example...
How can I put a wildcard to catch characters between the $ and 0??
OR
This is the way it gets rendered on the html if it's not $0.00
<em class="ProductPrice">$20.00</em>
Otherwise if it's $0.00 jQ changes it to
<em class="ProductPrice">Call for Shipping</em>
and before THAT the website renders this radio button (from the server-side code):
<label>
<input type="radio" name="selectedShippingMethod" value="0" style="vertical-align: bottom;">
"Call for Shipping"
</label>
I need to have ONLY the $0.00 or any dollar amount associated with this specific radio button or label changed to 'Call for Shipping', IF the label value is 'Call for Shipping' how can I do this??
Is it possible to only change the em value following this specific radio button?? If so, how??
Basically I must do:
<air code>
If <label> contains 'Call for Shipping'
and
<em> contains $*.*
then
replace $*.* with phrase 'Call for Shipping'
end if
Here is my jsfiddle: http://jsfiddle.net/STbk8/10/ or http://jsfiddle.net/STbk8/13/
jsHint is not helpful with the parens and brackets!! :( which I know are not correct but at least I have this in some sort of JS/jQ format for people to look at...
Actually I do not need to check for the <em> value but the em value is what must change.
I'm more a frontend html/css person, not a jQ/JS ninja :(
My current little one-liner will affect anything with $0.00 and I can't use a portion of $0.00 or that will mess up other things...
Thank you, Tom- I have this code but jsfiddle gives no result, why??
$(function () {
$('<img src="https://facebook.com/favicon.ico" />').replaceWith('<i class="icon-facebook"></i> ');
});
http://jsfiddle.net/U6hpz/1/
Thank you, Tom- What's the most best way to do this??
Make the 1st string become the 2nd string??
I don't think any of the DOM manipulation functions would do this??
Actual 1st string:
- <span class="Required FormFieldRequired" style="visibility: visible">*</span> <span class="FormFieldLabel">Email Address:</span>
Desired 2nd string:
- <span class="FormFieldLabel">Email Address:</span> <span class="Required FormFieldRequired" style="visibility: visible">*</span>
I know it's string manipulation but I can't think what to use...
If I can get this working for the above then I can do likewise for several more form labels.
Basically it's putting the span containing the asterisk at the end of the string instead of at the beginning.
Thank you, Tom- 18-Mar-2013 07:39 PM
- Forum: Using jQuery
I have this css which MUST be changed by jQ since it's !important and can't be changed any other way, the css is written exactly THIS way in the php file (I know, poor code not to have a blank space before the !important, not MY code though):
.recaptchatable {
line-height: 1em;
border: 1px solid #dfdfdf!important;
}
What's the correct jQ to use: toggleClass, what??
I want border to become none; instaed of a solid line.
Thank you, Tom
P.S. Any kind of code that will change the border attribute to none; !important will work.
P.P.S. note to self: need same change for #recaptcha_image- I found this on Stack Overflow, I can almost use this for what I need.
$("p").remove(":contains('Hello')");
I need to find the first p tag on the page that contains a <br> or <br /> and remove the entire <p><br></p>
I know there is a first() method but how is it used in conjunction with remove??
Can I do this?? Or how should I do this differently??
Do carriage returns within <p> tag matter?? -- that is, if the <p> and <br> and </p> are on separate lines in the source code??
$("p").first().remove(":contains('<br>')");
Thank you, Tom- 07-Jan-2013 02:09 PM
- Forum: Using jQuery
I have pages with several <span> elements, each of which contains different text.
I want to change the button color depending on the span text per se.
All the spans are like this:
<span class="btn btn-XXXXXXX">text</span>
where I want to change btn-XXXXX depending on the value of text
Problem is if I use a statement like this:
if ($("span:contains('Check Out')")) {
$('.btn').addClass('btn-success').removeClass('btn-primary');
}
it will change ALL the spans on the page because the statement IS true.
How do I limit each class change to only the SPECIFIC span containing the text value and not have other spans' button classes change??
I have 3 or 4 spans per page to change and the changes must be span-specific according to the spans' text values, which will be different per page.
Thank you, Tom- 19-Dec-2012 01:49 PM
- Forum: Using jQuery
I want to do the following (air code):
$('input[type=submit]').val('Update') then set submit button color=red
actual generated html looks like:
<input class="btn btn-primary" value="Update" type="submit">
<input name="products_id[]" value="1" type="hidden">
if an anchor link has a span class containing 'btn' and its text value is 'Check Out' then set color=purple
such as$("span:contains('Check Out')").css("color", "purple"); (adapted from jQuery docs, this tests if span contains that phrase??)
actual generated span html looks like this:
<span class="btn btn-success"> Check Out </span>
it's the css button color I want to change...
Any suggestions?? I'm generally familiar with jQuery but not enough in-depth familiar with the proper code/syntax I need...
Thank you, Tom- I have this code wrapping each paragraph but the first one in a div:
// auto-wrap product image paragraphs 4/3/12 but not first paragraph
$('div#product-content p:gt(0)').each(function(index) {
$this = $(this).wrap('<div class="row"><div class="ten columns offset-by-two products">');
});
How do I change the code to only wrap the paragraph IF the paragraph contains an image??
Thank you, Tom- How do I diagnose this code's not doing anything??
It will not even do the alert. :(
Purpose is to add margin to the appropriate side depending on the float.$('#text-content img').each(function(index) {Firefox keeps telling me I have an invalid assignment left-hand side in line 2.
if ($(this).css('float')="left")
{
alert($(this).css('float'));
$(this).next('#text-content img').css('margin-right','15px');
}
else
{
$(this).next('#text-content img').css('margin-left','15px');
}
});
Thank you, Tom- 22-Mar-2012 06:10 PM
- Forum: Using jQuery
How do I ensure this if statement works as desired??
In its present incarnation ALL the divs get the same height.This is for a slideshow which is working correctly, but some titles/descriptions are longer than others and I want the carousel-caption's height to properly accommodate them.The .each looks at all the images used for the slideshow, but all the div.carousel-caption elements are getting the SAME height, how do I fix this??$('#myCarousel img').each(function(index) {
alert ($(this).attr("title"));
if ($(this).attr("title").length > 83)
{
$('div.carousel-caption').css('height','3.2em');
}
else
{
$('div.carousel-caption').css('height','');
}
});
I want the current image's (paragraph really displayed below the img referenced by $(this) above) div.carousel-caption height changed if its title text is long, otherwise no height style injected.Thank you, Tom- 22-Mar-2012 11:02 AM
- Forum: Using jQuery
I can use an .each loop to look at all the images on a given page.
Some images are taller than others.
How do I save the lenght of the longest image title text??
Then if it's longer than Y I want to set a particular css style.
So far I have:jQuery(function($){Thank you, Tom
$('#carousel img').each(function(index) {
var imgTitle=$('#carousel img').title();
alert(imgTitle.length);
something that saves the tallest image's height attribute, but what?? value
}};- 22-Mar-2012 09:53 AM
- Forum: Using jQuery
I can use an .each loop to look at all the images on a given page.
Some images are contained within one particular div that is inside another div.
e.g. div id=content contains div id=subsection
I need the .each loop to look at all the images and do things to all images but those within the 'subsection' div.
Would I use$("img:not(:#subsection)").each(function(index:)??
Or is there a better way to exclude certain images??
Thank you, Tom- I'm using a CMS wherein if a slideshow is desired on particular page, the first div is written:
<div id="myCarousel" class="carousel slide">
It's a jQuery slideshow included with Twitter Bootstrap.
How can I use jQuery to dynamically insert a style="width: px" tag after it's determined the first image's width??
I know I can use//jQuery(function($){
// $('#myCarousel img').each(function(index) {
// var imgWidth=$('#myCarousel img').width();
// alert(imgWidth);
to get the first image's width.
I've trained people to make all slideshow images the same width.
Thank you, Tom- 21-Mar-2012 03:11 PM
- Forum: Using jQuery
After various struggle I have this code which works properly for my needs:
jQuery(function($){
$('#myCarousel img').each(function(index) {
var imgWidth=$('#myCarousel img').width();
alert(imgWidth);
$this = $(this).wrap('<div class="img-caption" style="width:' + imgWidth + 'px; float:left;" />');
$('<p>' + $this.attr("title") + '</p>').insertAfter($this);
});
});
How do I change it such that if the image does NOT have #myCarousel ID the 'float:left;' is not written in??
That is, for all images in the #myCarousel div, apply float left otherwise don't apply float left.
Quite new to jQuery, not at all a programmer. :(
Thank you, Tom
© 2013 jQuery Foundation
Sponsored by
and others.