I use jquery.hover to toggle a class when someone mouses over a link. On the iphone when someone taps the link, it toggles the class on, but it doesn't ever toggle the class off until they tap somewhere else.
I'm making board game and i'm using jquery ui draggable effect for figures. On drag start I send ajax request to other page where I generate droppable places soo the figure can be drag and droped only on those particular places, but the problem is I must move figure twice to take effect. Does anyone know how to solve this problem?
I would be very grateful for help.
Using jQuery, how do you check if there is an option selected in a select menu, and if not, assign one of the options as selected.
(The select is generated with a maze of PHP functions in an app I just inherited, so this is a quick fix while I get my head around those :)
Hey ya'll I have these 3 images thumbnails here...
<div class="wpcart_gallery" style="text-align:center; padding-top:5px;">
<a class="thickbox cboxElement" title="DSC_0118" href="http://www.taranmarlowjewelry.com/wp-content/uploads/2012/07/DSC_0118.jpg" rel="Teardrop Druzy Amethyst Ring" rev="http://www.taranmarlowjewelry.com/wp-content/uploads/2012/07/DSC_0118.jpg">
<img class="attachment-gold-thumbnails colorbox-736" width="50" height="50" title="DSC_0118" alt="DSC_0118" src="http://www.taranmarlowjewelry.com/wp-content/uploads/2012/07/DSC_0118-50x50.jpg">
</a>
<a class="thickbox cboxElement" title="P7230376" href="http://www.taranmarlowjewelry.com/wp-content/uploads/2012/07/P7230376.jpg" rel="Teardrop Druzy Amethyst Ring" rev="http://www.taranmarlowjewelry.com/wp-content/uploads/2012/07/P7230376.jpg">
<img class="attachment-gold-thumbnails colorbox-736" width="50" height="50" title="P7230376" alt="P7230376" src="http://www.taranmarlowjewelry.com/wp-content/uploads/2012/07/P7230376-50x50.jpg">
</a>
<a class="thickbox cboxElement" title="P7230378" href="http://www.taranmarlowjewelry.com/wp-content/uploads/2012/07/P7230378.jpg" rel="Teardrop Druzy Amethyst Ring" rev="http://www.taranmarlowjewelry.com/wp-content/uploads/2012/07/P7230378.jpg">
<img class="attachment-gold-thumbnails colorbox-736" width="50" height="50" title="P7230378" alt="P7230378" src="http://www.taranmarlowjewelry.com/wp-content/uploads/2012/07/P7230378-50x50.jpg">
</a>
</div>
What I am trying to do is come up with a jquery code that would remove the cboxElement from the first image and if I click on one of the images to remove cboxElement and place cboxElement to the other images...
I also have this big image and when you click on one of the thumbnails, the image is replaced by the thumbnail and thats really the thumbnail I want to exclude...Could I possible just say if one of the 3 images src = this one image = src remove the class from this thumbnail?
Which way would be better? I am very new at jquery :(
I hope this makes sense.
Here is the code for the big image...
<a class="preview_link cboxElement" style="text-decoration:none;" href="http://www.taranmarlowjewelry.com/wp-content/uploads/2012/07/DSC_0118.jpg" rel="Teardrop Druzy Amethyst Ring">
<img id="product_image_736" class="product_image colorbox-736" width="400" src="http://www.taranmarlowjewelry.com/wp-content/uploads/2012/07/DSC_0118.jpg" title="Teardrop Druzy Amethyst Ring" alt="Teardrop Druzy Amethyst Ring">
<br>
<div style="text-align:center; color:#F39B91;">Click To Enlarge</div>
</a>
Any help or a point in the right direction would be awesome!!
I have an input text box with some text in it , onclick event I want to run a javascript function to select (highlight) all text that is in this box , how I can do that with jquery?
how would i select the following in jquery
<ns:text value="my value" />
i have tried selecting it like so:
1:
var x= $('ns:text').attr('value');
return x;
2:
var x= $('text').attr('value');
return x;
but nothing so far... i don't know if it is possible or not but ...
Thanks
I want to write a jQuery function that will return only a part of a given text. For example, in the text:
http://somesubdomain.somesite.com/
How can I write a function so that it returns the text "somesubdomain"? In other words, I want to "subtract" the text "http://" and ".somesite.com/".
Thanks in advance
Hi,
I have a jquery datepicker with the numberOfMonths set to 3, currently when I click on the datepicker, the left side month is the current month. In most cases, the user is only going to be selecting a date prior to todays date so I would prefer the current month selected to be the last calendar i.e. March, April, May instead of the current implementation which is May, June, July.
Greatly appreciate any help!
I'm looking to select columns 2-4 on the 2nd row in a table. Does jquery have any sort of "and" function in their selectors? Or would I have to do something like this?
$('#id tr:eq(1)').find('td:lt(5)').find('td:gt(1)')
I'd like to have an input box that automatically adds a visible percent sign to the user when entering numbers (not just recognizes it as a percent when submitting). Thus, a user hits "2" and sees "2%"
I'm assuming one could use Jquery to do this fairly easily, but I have no idea how! Any ideas?
Thanks everyone.
I am having problems using multiple queues in jQuery. Consider the following example:
$('#example').click(function() {
$(this).delay(1000, 'fx2').queue('fx2', function() {
alert('here');
});
});
The alert never fires. Why?
Hi,
I've been scratching my head for hours trying to figure this out. I have this page: http://173.203.72.190/default.aspx. On clicking 'Any Cuisine', a sort of overlay is supposed to open.
It works fine in nearly all browsers except IE6 and Opera. In IE6 and Opera, the jQuery 'overlay' won't open.
Anybody have any ideas why this might be?
I am running this coda-slider script from http://www.ndoherty.biz/
Not Everytime, but quite often on the first load the coda slider box will be empty and the slider wont work, most of the time my image will be there and the slider will run since I have it set on auto. I am not quite sure why this happens. I seem to have had this happen to me with other jquery stuff just loading empty or super tiny images, anyone else seen this issue.
I have 6 columns in jquery grid..
Initially I need to hide the 6th column for user..
I did that made Visible= false for that perticular column
now I need to make disabled that column perminently that is i should not give access for the user to sort or do something else on the column only readable?
thanks
I want to make an article rotator similar to http://www.vmagazine.com/
And I want to use jQuery.
I know there are carousels like jCarousel and jQuery Carousel.
There is also the Coda-Slider, but I don't fint it very elegant.
Can anyone suggest a good jQuery method / script for having an article carousel?
I don't want to use MooTools, Prototype etc. since I'm already using jQuery.
Any suggestions anyone?
I have an HTML table which may contain thousands of rows (number of columns is not a problem here).
I would like to be able to browse this table easily and be able to do the following:
Decide how many rows will be presented
Jump to the next/previous X number of rows
Scroll the table using the scroll bars to any desired line
Be able to customize/extend easily this Javascript/jQuery code
Has anyone seen something similar ?
Thank you very much !
I am trying to post data from my form to a jquery dialog that loads external content.
I am serializing the form data which works (appears in the url) but the dialog won't open:
$("#wavajax button").click(function() {
$.post({url: 'player/index.php', data: $("#wavajax").serialize(),
success: function (data) {
$("#recordingdialog").load("player/index.php", [], function(){
$("#recordingdialog").dialog("open");
}
});
return false;
});
What am I doing wrong, am I going about it the right way???
I'm implementing my own Progress Bar using jQuery.
My question is how can I fill (for example) only 30% of it with a background ?
What are my options ?
Basically, the Progress Bar is a simple div with rounded corners (-moz-border-radius).
I'm using Firefox 3.6.3.
Thanks !
Hello,
When the value is entered, I want an alert, its a copy/paste text box, using jquery
('#test).bind('onblur',function(){
var h = ('#test).attr('value');
alert(h);
});
<input type=text id=test>
Thanks
Jean
I've been looking all over the place, but I haven't landed an answer yet. Is the current jQuery UI 1.8-1.8.2 supports Firefox 3+? I have 3.6.3 installed, but the example on their websites works for my IE7, IE8, Chrome, but not Firefox.
http://jqueryui.com/demos/sortable/#connect-lists
Is there a case insensitive version of the :contains jQuery selector or should I do the work manually by looping over all elements and comparing their .text() to my string?
Im using the following function to hide a series of forms on a page:
$('.ask').toggle(function() {
$(this).text('-').next('.addtitle').slideDown('fast');
}, function() {
$(this).text('+').next('.addtitle').slideUp('fast');
});
There can be anything from 0 to 5 forms on the page all with the class .ask
What I want to be able to do is to select one form NOT to hide, so the jQuery needs to hide all put one of the forms on the page randomly.
How can I achieve this?
I am new to jQuery, but I would like to have a button that when clicked will add more textboxes to a page. I have three textboxes that contain data of the same type and if the user has more data of the same type to enter, I would like to pop up three more textboxes.
What would be the best way to go about that?