Hi,
What is the correct jQuery syntax to only select certain file types?
e.g.
$("#fragment-1 a[SELECT ONLY ANCHOR TAGS WITH FILE TYPE OF MP3]").hide();
Thanks.
In Javascript, I have a variable that is set to a block of text from a WYSIWYG editor.
I want to use JQUERY's EACH() to find span's with the class XXXX.
$( "span.foods" ).each( function() {});
But I want it to search in the variable I have, lets call if lookHere
Is this possible?
Hi,
I am using jquery treeview with the control option to expand and collapse the branches. I would like to hide this if there is no branches which expand / collapse (i.e. no plus signs). Does anyone know of a way of doing this?
Thanks
Hello,
i have grid with user data.with first column has check box.. i have a button at the top of the gird..if i click button I need to selct top 5 users from the list?
can anybody tell me how to do this using jquery?
thanks
Hi,
Suppose I have an element like this:
<div id="dv" class="red green blue">Something Here !!</div>
How do I get each of those class names using jquery? Should be simple, right?
Hi,
I want to change my asp.net form's Id ="aspnetForm" to custom name (I can't change it as its a child page and .NET would enforce 'aspnetForm' name.). I am trying to do this in Jquery .ready event but no luck. I am wondering now whether it's even possible to do that?
If not what are other possible ways..
Thanks!!
I'm wondering if it's possible to use a wildcard to select multiple cookies. I'm using jquery to save various scroll position and would like to clear them out in one go. At the moment I clear them out individually as below
function clearScroll(elementID) {
if ($.cookie) {
$.cookie(elementID + '_scrollpos', 0);
}
}
What I'd like is a clear all something like below.
function clearAllScroll() {
if ($.cookie) {
$cookie([name$='_scrollpos'],0);
}
}
Is this possible?
i have a table of php with while loop to show the records
i added a jquery hover to do that : if hovered it show a message in same row
but the problem is : if hover it show a message in all rows
here is css:
<style>
.tansa{
position: absolute;
margin-right: -60px;
margin-top:-25px;
background: #CBDFF3; border: 1px solid #4081C3; font-size: 0.88em;
padding: 2px 7px; display: inline-block;
border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
line-height: 1.2em;
text-shadow: 0 0 0em #FFF;
overflow: hidden;
text-align: center;
color:black;
display:none;
}
.arrow{
position: relative;
width: 0;
height: 0;
top: -25px;
border-top: 5px solid #000000;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
display:none;
}
</style>
here is my php :
<table><tr>row</tr>
<?php
$results = mysql_query("select * from MyTable");
while{$r = mysql_fetch_array($results)){
echo "<tr><td>Row : <img src='img/tans.png' width='24' height='24' class='tansef' /><span class='tansa' >the message</span><div class='arrow'></div></td></tr>";
}
?>
</table>
here is jquery
$(document).ready(function(){
$('.tansef').hover(function(){
var sh = $('.tansa');
var sharrow = $('.arrow');
sh.show();
sharrow.show();
},function(){
var shs = $('.tansa');
var sharrows = $('.arrow');
shs.hide();
sharrows.hide();
});
});
any solution to show the message in each row only
I have the following code:
(function(jQuery){
jQuery.fn.timepicker = function(){
return this.each(function(){
jQuery(this).val("14:00");
});
};
})(jQuery);
Currently I invoke this function by the following code: $("#event_start_time").timepicker();
Where #event_start_time is the ID of an <input> field.
How can I invoke this code only when I click inside the text box?
jQuery:
$('.btn.options').click(function() {
$(this).toggleClass('options-on');
$("#options").slideToggle("fast");
});
... works great, but when I enclosed both the buttons and the panel in tag, the panel won't slide up/down anymore?
Thanks for your help!
I have a bunch of input text boxes that have the attribute ORIGINAL set to their initial value, so that when the user changes the textbox value, jQuery can highlight items that have changed (by comparing the text box's current value to the ORIGINAL attribute's value)
What Im trying to do now is provide the user with a button that they can click to revert all text boxes back to their original values based on the value of the ORIGINAL attribute of each text box.
Example
$('input[type=text]').val($(this).attr('original'));
The above doesnt work and I dont understand why.
Hi all:
I would like to write a syntax whose effect is opposite to $(parentID).children("tr.sc:hidden").
Do jQuery get ("tr.sc:show") or similar syntax?
Thanks
I put some jquery in my website that makes the text move to the right when the page changes. It works in firefox and safari but it doesn't work in internet explore. My url to my website: http://katieduck.com/Courses/Improvisation%20Winter%20Course%20Dartington.html
Here is the code that is nnot working:
$(document).ready(function() {
$('#tabvanilla ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });
$('#featuredvid ul').tabs();
});
Maybe you can find out what is wrong
thanks,
Ilaria
Hello all,
I add html to a page using JQuery's html() function. This works great on most browsers except IE6.
I can work round this by adding a click event etc but I want to fix the issue without extra tape!
Any ideas why this doesn't work on IE6?
$('#button_holder').html('<a href="#" onclick="run_activity_upload(); return false;" id="save_button">Upload</a>');
Thanks,
Abs
Ok so, Im using jQuery to do username and email checks before a signup...
this sets a variable true or false depending on the response from php.
$(document).ready(function() {
if (usr_checked == true) {
if (em_checked == true) {
$("#registerbttn").removeAttr("disabled");
}
}
else {
$("#registerbttn").attr("disabled", "disabled");
}
});
How exactly do i get it to watch those variables live?
Thanks :D
Hi i need with jQuery to change data in input field when user click on some link
<input value="height-size-width">
so when user click on some
<a href
link with width id script need to change only widht in input field.... if user click on height a href link script need to change only height in input field...
Like youtube embed option
Any help?
Hi all,
I am trying to use JQuery to highlight the checkboxes checked by a user,
and when they will be un-highlighted when the user unchecked those checkoxes.
But how is it possible to do this effect?
I see that quite often in some Jquery plugins
$('#foo').myPlugin({
foo: 'bar',
bar: 'foo'
});
I'm talking about the {} in the .myPlugin() part. I see quite often anonymous functions like
.click(function(){
});
but the above syntax looks different
thanks for your help!
Hello.. I know that height() method of jquery returns a number unitless...
How can i be sure that this number is in the unit i want?
I want to work with centimeter cm any ideas?
i use such jquery treeview
if parent node don't have child, it don't render '+' near it, how can i forse display it? i see such solution- if node don't have any child, add there fake childs and mark parent node not opened
can you give any solution with sample?
Can anyone see any reason why IE8 might not run this jQuery?
$("#slid").toggle(
function() {
$("#Silver").animate({top: "25px"}, 200);
},
function() {
$("#Silver").animate({top: "89px"}, 200);
}
);
It runs the first function but ignores the 2nd top: "89px" and ideas? Or a better way the same toggle effect can be achieveD?
var a=$('#start > div:last-child');
var b=$('#start > div.live')[0];
alert(a==b)
alert(a==$(b))
it always false,
how to compare two element in jquery,
thanks