amount
A. 2
B. 3
C. 3
Quantity
A. 4
B. 5
C. 2
Total
A. 6
B. 8
C. 5
sum(19)
i need some idea of script and method of jquery to make this simple i have already done the edit function of amount and Quantity. but its really hard for me to sum up the amount + quantity = total and sum(total). any idea guys? :(
I would like to print the selected values of all selects using jQuery.
I did it like this, but I feel that there is a nicer way to write the same.
Am I right ?
$("select").each(function() {
alert(this.options[this.selectedIndex].value);
});
Hello,
In most of the videos, I see expert JQuery developers writing complete code for the ready event eg:
$(document).ready(function(){
//.....
});
rather than its shortcut:
$(function(){
//.....
});
Is there any particular down side to using shortcut method?
I'm using jQuery to hide and show elements when a radio button group is altered/clicked. It works fine in browsers like Firefox, but in IE 6 and 7, the action only occurs when the user then clicks somewhere else on the page.
To elaborate, when you load the page, everything looks fine. In Firefox, if you click a radio button, one table row is hidden and the other one is shown immediately. However, in IE 6 and 7, you click the radio button and nothing will happen until you click somewhere on the page. Only then does IE redraw the page, hiding and showing the relevant elements.
Here's the jQuery I'm using:
$(document).ready(function(){
$(".hiddenOnLoad").hide();
$("#viewByOrg").change(function () {
$(".visibleOnLoad").show();
$(".hiddenOnLoad").hide();
});
$("#viewByProduct").change(function () {
$(".visibleOnLoad").hide();
$(".hiddenOnLoad").show();
});
});
Here's the part of the XHTML that it affects. Apologies if it's not very clean, but the whole page does validate as XHTML 1.0 Strict:
<tr>
<td>View by:</td>
<td>
<p>
<input type="radio" name="viewBy" id="viewByOrg" value="organisation" checked="checked"/>
Organisation
</p>
<p>
<input type="radio" name="viewBy" id="viewByProduct" value="product"/>
Product
</p>
</td>
</tr>
<tr class="visibleOnLoad">
<td>Organisation:</td>
<td>
<select name="organisation" id="organisation" multiple="multiple" size="10">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>
</td>
</tr>
<tr class="hiddenOnLoad">
<td>Product:</td>
<td>
<select name="product" id="product" multiple="multiple" size="10">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>
</td>
</tr>
If anyone has any ideas why this is happening and how to fix it, they would be very much appreciated!
In jQuery how can I track onchange event if the value of textbox is changing dynamically from some other event. I tried this but its not working:
$("#txtbox").change(function(){
alert("change");
});
Hi,
i have a jQuery line that execute 2 animations, what i want is to remove the #flasher DIV after sliding it up by my current code. How to add a callback in this bunch of brackets?
here is my code:
$("#flasher").animate({opacity: 1.0}, 6000).animate({"top": "-=30px"},"slow");
Thanks
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
Hi
I have a comma separated string. I split that string and assigned it to elements var.
How can I loop that elements var?
$(document).ready(function(){
var element = $('#imageIds').val().split(",");
// how to loop this elements using jquery
});
Hi,
I have a page with many panels. each panel will have around 5 textboxes.
I need to disable all the textboxes which are empty when the page is loaded. Want to acieve this using JQuery. Can somebody help me on this?
Hi,
I'm very new to JQuery, but I was told the one of the cool things about it is you can query a mysql database right from an html page(or in my case a smarty template)with out needing php.
I have not found any examples of this so I am asking if someone has one? Thanks
is the jQuery function "change()" working in IE ?
I usually use it to detect changes in forms (select/unselect check boxes), and submit them automatically without having to click on submit button (which is hided).
i.e.
$("#views-exposed-form-Portfolio-page-1").change(function(){
$("#views-exposed-form-Portfolio-page-1").submit();
});
But in Ie it doesn't work. It seems I have to use "click" instead.
thanks
Hi ,
Am using this
jquery plugin]1
How to change the click mode to automatically run mode ,
Present scenario , When u click NEXt it show the next three image,
When u click BACK It shows the previous three images ,
I want to change this scenario to
Whe loads , the plugin should start running(image) , Also i need the NEXT and BCK button , When user click the back button , then it show show previous three image and run image toward back,
Is it possible in this ?
Thanks
I've made an ASP.NET web form that uses the standard ASP.NET validation. I'd like to make the error summary show up in a jQuery UI Modal Message as well as below the actual form.
Is it possible to execute the script if the validation finds an error?
I am using a Jquery dialog for both viewing a record and editing a record. When in edit mode the user can change the date using the datepicker. In viewmode I need to hide the datepicker icon and only show the date. Is there a way to toggle the datepicker icon on and off as needed?
Hi. I am trying to add some additional html to a div with id slideshow using jQuery. My code:
$("#slideshow").append("<a id="prev" title="Previous Slide">Previous Slide</a><a id="next" title="Next Slide">Next Slide</a>");
This isn't working, can anyone tell me what I am doing wrong?
I created a jquery toggle, but when I click the link to open a div it will jump to the top of the page. how can I fix this?
I know I could replace the link with something else but I need to make it clear to the users that it's a link and that they can click on it.
{"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.
Hi everyone,
I want to write javascript that will kill sestion on the web page if user did not make any action for some time taken from configuration.
How can I know that user did not make any actions by using jQuery.
Thanks a lot.
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.
I have jquery datepicker code where i am dispalying one calander control to dispaly dateand time
$("input[id^='exc-flwup-<%=Model.ExceptionID%>']").datepicker({
duration: 0,
buttonImage: '/Content/images/calender.gif',
buttonImageOnly: true,
showOn:'button',
constrainInput: true,
showTime: true,
stepMinutes: 30,
stepHours: 1,
altTimeField: '',
time24h: true,
minDate: 0
});
Image button is allways coming left side of my textbox I need to keep it right side of my textbox
is there any way I can adjust my image on this?
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.