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?
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'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!
So I have a tabbed ui "form", each tab is quiet complicated so it is loaded via the .load('item.html'); command.
All good, when the user clicks to a different tab, I want to read a property, maybe execute a function from within the ajax loaded div.
What is the best way to get to these properties and methods from outsite the ajax loaded div?
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 ,
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
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,
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
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.
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.
{"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.
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
I have recently done a very simple highlighting with jQuery and a highlight plugin. It looks like this:
$('myButton').click(function() {
$('body').highlight($('#myInputText').val());
});
But I wonder how can I do the Chrome like highlighting, I mean highlight the letters whenever I type in some letter in textbox without submitting. I think maybe use a keyup event... Any ideas?
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.
Hi everybody,
Can you help me with some information, to make it faster ?
Can I use API feed from slideshare with JavaScript (jquery) ?
Here, http://www.slideshare.net/developers/documentation I see just "Response XML Format" don't see any Json Response.
Can somebody help me with that, some helpful links, or some suggestions, how can I use "Slideshare" API feeds with JavaScript.
Thanks A lot !!!!!
I'm trying to duplicate the drag and reorder action of the icons on the iPhone screen. I did find one page here that offers some insight... but their demo doesn't even work. So the search continues.
I'm new at jQuery, but am getting there. If I could locate a demo of this solution I could work with it.
hi my dear friends ...
How can I change the visibility of a control with jQuery? I have a control that its visible property to false...(not css)
When I used show() function for it nothing happened, it seems that hide() and show() methods are for css set of a control , not visible property...
Thanks for your answers,
Best regards