hi.i wrote a jquery function and now i want to use it as a plugin so i could use that more than 1 place.the code lookes like this:
function loadTable(){
$.post("includes/action.php", {action: "gettable"}, function(html){
$("#tblstudents tbody").html(html);
$("#tblstudents")
.tablesorter({widthFixed: false, widgets: ['zebra'], sortList: [[0,0]]})
.tablesorterPager({container: $("#pager")})
.tablesorterFilter({filterContainer: $("#filter-box"), filterClearContainer: $("#filter-clear-button")});
});
}
And I want it have functions for setting "includes/action.php" and "gettable" in $.post function and $("#pager") ,$("#filter-box") and $("#filter-clear-button") from $("#tblstudents").Can anyone help me?
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);
});
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
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 form which includes select options with different items. Based on item selected, I need to show respective form on the same page.Does any one know jquery plugin for this or how aesthetically we can do this kind of requirement?
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");
});
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? :(
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
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 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 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
});
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?
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
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
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.
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.
{"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 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?
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