I need to check the checked property of a checkbox and perform an action based on the checked property using jQuery.
For example, if the age checkbox is checked, then I need to show a textbox to enter age, else hide the textbox.
But the following code returns false by default:
if($('#isAgeSelected').attr('checked')) {
$("#txtAge").show();
} else {
$("#txtAge").hide();
}
How do I successfully query the checked property?
{"paging": {"pageNum":2,"action":"Next","type":"","availableCacheName":"getAllFunds","selectedCacheName":"","showFrom":101,"showTo":200,"totalRec":289,"pageSize":100},
"Data":[{"sourceCodeId":0,"radio_fund":"individua
l","availableFunds":[],"fundId":288,"searchName":[],"fundName":"Asian Equity Fund A Class Income","srcFundGrpId":"PGI","firstElement":0,"las
tElement":0,"totalElements":0,"pageList":[],"standardExtract":true}]
I have json file with above format with two fileds,one paging and one is Data array.
I able to retrieve values of paging,but i am not able to retrieve the values of data array with .each function of jquery.
Any suggestions or inputs really appreciated.
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 a aspx page (details page) that needs to be loaded in a modal window on a click of a button. I have buttons in the aspx page that calls server side functionality. So, this is similar to an IFrame way (except that it's now in a modal window)
Is there a JQuery way of doing this?
I know this exists out there, somewhere but I haven't found it in a few hours of searching. I simply have to load a clients external page into an IFRAME, but I want to use jquery ui to present the loading image while it's grabbing the external data.
Simple yes, but I've seen pieces of this not the whole thing.
If i submit my ajax form from jQuery, and do
print_r($_FILES);
i get a list of files uploaded,
but if i do something like this
$add_form->sound_file->isUploaded();
or
$params = $this->_getAllParams();
print_r($params);
i don't get my file in zend parametars, and i don't get it uploaded!?
Mayb the problem is with he context beng ajax?!
I'm sending an ajax request that will either give me an error or a userID
<?xml version="1.0" encoding="UTF-8"?>
<error>1000</error>
<?xml version="1.0" encoding="UTF-8"?>
<userID>8</userID>
how can I find out if the root element is error or userID using jquery or just javascript in general. Using the find method doesn't appear to work if what you're trying to access is the root element
I am trying to grab the value of my href in jquery how is it done'?
This is what I have done:
$('#playbackbutton').click(
function() {
$("#playbackdiv").load("$('a:href').val();", [], function(){
$("#playbackdiv").dialog("open");
}
);
return false;
}
I need to get the value of the href in my a tag.
here is the html:
<a href="/record/123.wav">play</a>
How do I parse this json with jQuery?
DayEvents : [{"0":"886","event_id":"886","1":"5029","user_id":"5029","2":"Professional","user_type":"Professional", ...
In IE, The selector for multiple inputs is not working whereas in firefox it is.
Below is the html.
<td><label for="contactInfo.shippingAddress.streetAddress1" class="mandatoryText">Address Line 1<em class="reqdfields"></td>
City*
State
Zip / Postal Code
Country
and below is jquery used -
$("*[id^='contactInfo\\.shippingAddress']").val("");
Any thoughts as to where the problem might be..
i have a table named news with 3 fields i.e (id, news, time) and i have a setInterval after every 3mints to fetch news from google or any news site ....
now i want to fetch only new rows inserted after every 5 minutes...with jquery $.ajax()...how can i do that...
do i reload the whole table or there is a way to fetch only the new ones...
I am using jquery to find a first element having a class "error" applied to it using the below code
$('#mainDiv input.error:eq(0)')
But the above one working only for input elements only.
How to make this one to work for both input and select elements?
There is jquery on the page my script is trying to access, and the code I am trying to execute runs fine in console.
However, when I use chrome.tabs.executeScript on that single tab, it says that $ is undefined.
How can I fix this?
Thanks for the help!
I am a jQuery noobie, and have been trying to add a script to change the id of a div onClick.
Here is a jsfiddle example.
$(function accept() {
$("div:scrollwrap").attr('scrollwrap','highlight');
});?
Thanks :)
hi ,
i am using jquery stars plugin and asking users to rate . the form works well,but caching has become a big problem. even after refresh of the page .it does not show the latest ratings . only after i clear the cache new ratings gets showed.
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,
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.
hello, i am trying to get the headers of an ajax request i made through jquery
$.get(url,
function(response, textStatus, headers ) {
console.log("Response: %o", response);
console.log("TextStatus: %o", textStatus);
console.log("Request: %o", headers);
}
);
this does not seem to be working however:
the response and textstatus are printing, but the "headers" object seems to be undefined
i simply want to check if it is what i expect (content type='excel', etc) or if the response type is html, i can assume the page i was calling is an error
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 am learning how to use JQuery validation plugin,
I got a simple input text field like this:
<input type="text" name="username">
But I don't know how to use this plugin to do some data availability tasks.
Could you help me please?
I would like to select the start and end selector for the prevUntil() or nextUntil() jQuery selector methods. If i implement these methods now, it grabs everything between the two selectors given.
i.e. $('p').prevUntil('h1') will not include the p and h1 element, only those between them. How could I also select the p and h1 elements as well as though between?
Thanks!
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?