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 have a contenteditable element that I want to focus, but only insofar as to place the cursor at the front of the element, rather selecting everything.
elem.trigger('focus'); with jquery selects the entire element in chrome. How can I get it to behave the way I want, or is focus perhaps not what I'm looking for.
Thanks
Im doing some form validation on a website and I've tried to use JQuery Validator and it works find but isn't valid as it uses custom attributes. I've tried every which way to make it valid but it seems besides some other custom javascript, which is not an option, it isn't valid.
Has anyone come across one that is valid? Or some other way to make it valid? I've tried custom dtds, adding the attribute to the doctype but that leaves a ] on the page.
Cheers
I have an HTML table having n rows and each rows contain one radiobutton in the Row.Using jQuery , How can i look thru these radio buttons to check which one is checked ?
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 !
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?
Is there a way to hide a form from my users until they click a link and then the form drops down for the user to fill out, by using PHP or JQuery if so how? Is there a tutorial that will teach me how to do this?
I am looking for a good jquery pagination plugin to use in my aspx page....
I have the following parameters
StartPage,TotalRecords,NumberofPages... I would like my plugin to same as stackoverflow paging ....
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???
Guys,
Given the following HTML
<div class"myclass">10</div>
<div class"myclass">25</div>
<div class"myclass">50</div>
<div class"myclass">20</div>
I want Jquery to return the maximum value found on divs with class:"myclass". (This is 50)
I thought of using .find.text() will be a good starting point but cant figure out exactly how,
Help is greatly appreciatted,
Thanks
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?
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 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?
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
Hi,
I need to target all links with a class of hslide and attach this to them. Any jquery guru's out there know how to do this?
onclick="return hs.expand(this, { slideshowGroup: 'groupC0', wrapperClassName: 'rounded-white', outlineType : 'rounded-white', dimmingOpacity: 0.8, align : 'center', transitions : ['expand', 'crossfade'], fadeInOut: true });"
Thanks,
C
jQuery is great especially its plugin but I do not like to add a lot of script tags in my html. Is there something similar to dojo.require? So I can manage those plugins easier and cleaner.
Hi,
there are several list filters in jquery (quicksand, filterprojects, etc.), but I am looking to filter divs by class.
I want the same functionality of the above - you select a menu item attached to a class and the other items fade out.
Anyone seen anything like this anywhere?
Hi, i have one problem with the Jquery callback functions, here is the link:
http://saveenergy.metropolia.fi/views/pihkapuisto/
as you can see, the first page works fine. but all the others are not fine. they always right side and the size is too small. anyone knows how to change the position and size, make it looks like the first one? thanks
In the code snippet below, from my jQuery setup, I need to check if the image file actually exists and if not, I'd like to substitute a default image. Currently if the file does not exist, I just get a broken image placeholder...
$('#myTheme').change
(
function()
{
var myImage = $('#myTheme :selected').text();
$('.selectedImage img').attr('src','../wp-content/themes/myTheme/styles/'+myImage+'/screenshot.jpg');
//if screenshot.jpg does not exist, use "../../default.jpg" instead
}
);
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
Adding a validator to my form:
jQuery.validator.addMethod('whatever', function(val, el) {
// whatever goes here
}, 'A maximum of ' + $('#my_id_here').val() + ' categories can be selected.');
This doesn't fly. I always get undefined. Is this a good, simple way to do this?
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?
Hi all,
I am learning how to use JQuery to help check data availability.
To start with it, I wrote a few lines of codes using cakePHP.
I have written a function in a Controller for checking data input, and the URL is like this:
http://www.mywebsite.com/controllers/action/avariable
I was trying to pass the value in a Input TextBox field using the JQuery Ajax to the URL above,but I don't know why it is not working in passing a variable to the Controller's action. Could you help me out please?
<Script language="javascript">
//<!--
$(document).ready(function(){
$(document).change(function() {
var usr = $("#data\\[User\\]\\[name\\]").val();
if(usr.length >= 3){
$("#username").append('<span><img align="absmiddle" src="loader.gif" />Checking</span>');
$.ajax({
type: "POST",
url: "http://www.mywebsite.com/controllers/action/",
data: usr,
success: function(msg){
if(msg == 'OK')
{
$("#username").append('<span><img align="absmiddle" src="accepted.png"/></span>');
}
else
{
$("#username").append('<span>'+msg+'</span>');
}
}
});
}
else
{
$("#username").append('<span>The username should have at least 3 characters.</span>');
}
});
});
//-->
</Script>
<form name="adduser" id="adduser" method="post" action="/controllers/action2">
<table border=0 width="100%">
<tr>
<td>Username</td>
<td>
<div id="username">
<input type=text name="data[User][name]" id="data[User][name]">
</div>
</td>
</tr>
<tr>
<td>
<input type="submit" value="Send">
</td>
</tr>
</table>
</form>