button set with text input
hello using jquery ui, I created 2 buttons (+ & -) and I use buttonset on the parent div, so far so good but between the buttons there is a text input , how do I set the same style to the text input so it merges nicely witht the buttons ? cant find any example anywhere <button id="minusDelay" title="slower"> </button> <label for="timerDelay">Delay(ms): </label><input id="timerDelay" style="width:40px"> <button id="plusDelay" title="faster"> </button> $("#buttonSet1").buttonset({items:"input[type=text]"});
selectmenu
selectmenu not tranfer the onchange from original select to change and not automaticaly add a scrolbar if needed. older versions of selectmenu do's that, its a simple way to simulate this functionality in version.1.11.
recommendations for jQuery mobile based booking system
Hello all! - pleasure to meet you. I'm interested in commissioning a booking system that would allow mobile and web users to book and pay for services online. The mobile experience is of key importance, and I like jQuery mobile so thought id start my research here. I'd be grateful for any recommendations you may be able to give thanks
Why is my Hidden value not being assigned to my input text?
I've got this HTML: <input type="hidden" id="BLAhfuseremail" value="warble.p.mcgorkle@geewhizmail.com"> <input type="text" id="BLAboxemailsection1" value="bla"> ...and this jQuery: $('[id$=boxemailsection1]').text('[id$=hfuseremail]').value(); I also tried: $('[id$=boxemailsection1]').text('[id$=hfuseremail]').valueOf(); ...expecting (or at least hoping) that the boxemailsection1 "textbox" will be assigned "warble.p.mcgorkle@geewhizmail.com" It's not happening, though; boxemailsection1 retains the
How to Avoid Delay On First Time Start up of setInterval() Function
Can you please take a look at following code and let me know how I can avoid the delay on only FIRST time of this counting down process? As you can see the counter works fine but there is a delay on first time starting. var sec = 20; var timer = setInterval(function() { $('#box').text(sec--); if (sec == -1) { $('#box').css('color','blue'); clearInterval(timer); } }, 1000); <div id="box">20</div> Demo Thanks
Modifying Chosen plugin -- adding checkboxes to control dropdown list options exposure...
The added checkboxes (within the chosen container) are not clickable -- can anyone tell where in the code this "prevent default" or disabling is happening? Here's a fiddle... http://jsfiddle.net/agochin/44qsmvep/
how to changes the font size depending on the screen resolution of devices automatically ?
hi,everyone, i am using jquery mobile to create app for both ios and Android. i hava no idea how to changes the font size depending on the screen resolution of devices automatically .
How to put a JQuery TE into a tab
Hi All... I'm trying to make a control that is a series of 3 tabs, and each one contains a different instance of a text editor. I have been playing with JQuery TE which seems like a nice text editor, and I was trying to put it into tabs. I can successfully put TEXTAREA fields into tabs, but as soon as I tell the textarea fields that they are JQuery editors it all breaks, and I see three different text editors stacked up. Is this just an incompatibility of the widgets or did I make (yet another) mistake?
Error in jquery paging
Hi, my application has clientside paging. following is working code .It contains 10 records and display only four. paging also contains forward and backward button . <script type="text/javascript" language="javascript">
$(document).ready(function () {
$('#pages').empty();
$('#pages').show();
var cnt = 10;
var $rcount = "There are " + cnt + " Records";
//alert($rcount);
$('#ContentPlaceHolder1_hdint').val(1).val();
jQuery Menus Acting Buggy on Mobile Devices
I'm working on a test site which can be found here: https://devwww.interfacett.com The menu functionality works fine at any size on a desktop computer, but when I switch to my iPhone the mobile menu gets really buggy. Notably when you click open one of the accordion menus and then use your finger to scroll down the page, it automatically closes the menu. Try it on your phone and you'll see what I mean. The mobile menus uses this code for the functionality: jQuery(document).ready(function(){ function
[Ajax - jQuery] How to return the value from Ajax into a new jQuery value?
$(document).ready( function() { $('#prev').click(function() { var theResponse = null; $.ajax({ type: 'POST', url: 'array.php', data: 'id=testdata', dataType: 'json', cache: false, success: function(data) { theResponse = data; }//success });//$.aja return theResponse; });//$(prev) alert(theResponse);
Cycle Single Image Alt Caption
I have a page where the user can pick from several albums. I display a slideshow and additional information by using the image.alt attribute. My code follows the cycle / caption demo as follows: $(function() { $('#slideshow').cycle({ fx: 'fadeZoom', timeout: 2000, after: function() { $('#caption').html(this.alt); } }); }); </script> Everything works fine, unless the album has only one single image - then the "after" function doesn't fire. How can I force the "after" function to fire regardless
which control should i use to bind the datalist on pagescroll form client-side...
i need a control that get's binded to datalist on page scroll from client-side,and displays Text = "Add To Cart",attribute and has got onClick event,which passes the attribute as parameter to a method....... right now i m using linkbutton,but it not working on page scroll..... $(".lbtnaddtocart", row).eq(j).attr("CommandArgument", customer.find("ProductId").text()); <asp:LinkButton ID="lbtnAddtocart" runat="server" CommandArgument='<%#Eval("ProductId")%>'
BackColor="Green" Font-Bold="true" Text="Add
Very simple code does not work
Hi All... I'm sure this is a stupid question but I have killed the morning trying to do what should be very simple. I feel foolish having to ask... I just bought jQuery UI In Action and typed in the example on page 14 as an HTML file. I added a little HTML at the top of the BODY. I opened it in Firefox (and IE and Chrome) directly off my hard drive, and although it rendered the text I added in the header tags, it does not seem to recognize the js. The data picker does not appear, just an empty form
Trying to save 2 images
I'm trying to save 2 images the first image saves but the 2nd image doesn't and I can't seem to see why. I'm using laravel 4 my admin.js $(document).ready(function(){
$(".add-form").submit(function(event){
$(this).find(".testing").each(function(){
var image = [];
$(this).parent().find(".ajax-file-upload-statusbar").each(function() {
image.push($.trim($(this).find(".ajax-file-upload-filename").html()));
});
$(this).parent().find(".img-hidden").val(JSON.stringify(image));
Any jQuery Vertical Slider with multiple items display per slide?
Can any one tell me of any free jQuery Vertical Slider which has the option to display multiple items per slide? Thanks.
Add support for async response to widget js.
widget.js trigger method might use support for a promise response instead of just false. For some cases we might want to prevent the action after the user has confirmed it through a modal window or cancel it after an AJAX call failed. An example would be the drag and drop from the sortable plugin that might update the content only if the user confirms that action.
Using media queries to change icon path at start of the mobile app
Hi , I'm a newbie in hybrid mobile / html development , i'm developing an mobile app using JQuery Mobile, where i have lots of images on the screen. i have different buckets of images for different resolutions like mdpi, xhdpi, xxhdpi etc.,. In android based on the screen resolution the bucket is choose and the corresponding images is taken from it. I wanted to have a similar feature for hybrid mobile app also, when i did my research all led me to 'css media queries' but none of them address the
Pixabay tag-editor with spaces
I use the pixabay tag-editor but I need to be able to use spaces in the tags. Now the space is used as a trigger to start a new tag. I already looked at the code to change it but it is too complex for me. Does anyone know how to fix it or an other tag-editor that supports spaces in the tags?
is there any jquery plugin that comes packaged with css-3 transitions ?
hey guys check out the slider on this page .. SLIDER . i absolutely love the css-3 transitions on the slider , now the the slider unfortunately is a commercial one and i see no documentation for this slider anywhere , building a custom slider with such transitions would't be really difficult , but it would still be work , so i was wondering , if there is any jquery plugin that comes packaged with such transitions , or rather delayed transition of each element on the slide ?
Sum of 3 input fields equal to 4th input field
Hi I am using jquery.validate.js. I am having 4 input fields. Sum of 3 input fields must be equal to 4th input field. I tried with different options but it didnt work. Is there any jquery function for this validation? Or pl. help to figure it out.Tnx.
Link to previous page and add jump to top
I'm trying figure out how to do two things to help with navigation on a webpage and I was thinking I could do it with a jquery 1) the webpage is pretty log as people add content to it as we go. I want to have the jquery add a link back to a div at the top of the page called #wikititle but I want it to search the page and add this floating right div with the link to the top at each H1 class text that is inserted. 2) I would like have a link at the top of the page that links the user back to the page
Some Jqeury doesn;t work after reloaidn the div using .load
hello; I use this function to reload a div and the google charts on it. The div reloads and loads all the data (without an Jquery) as well. But it doesn't load google charts and also the date picker doesn't work either. I have tested and the jquery is accessible. What could be the reason? Thanks function load_group_stat(item, group_id, start_date, end_date) { $('#interactions_head').load("my_page.php" + "/" + item + "/" + group_id + "/" + start_date + "/" + end_date); return false; }
How to parse in jQuery the ajax success from PHP json_encode?
What is the shortest solution for the following two files? I want to parse all of them into ('#parsehere").html( ???? ); [json.php] <?php $arr = array("Apple", "Banana", "Lemon"); echo json_encode ($arr); ?> [parse.php] <?php ............. success(data){fucntion() ('#parsehere").html( ???? ); } ?>
Datepicker caching the first value always
Hi, I have a field package type: which can have either weekend or fullday. Based on the selection of this field value, I would like to make a specific date enable, and rest all I want to set as disable. And I wrote the below function inside one of my Rails app as initial script to test if I can access the value of the package_type field inside the date picker function. But I found that datepicker always caching the first value.. $(function() { $(document).on('change', '#booking_package_type', function()
tablesorter 2.0.5 columns with alphanumeric values and leading digits
Do not sort properly. Example: data is a measurement of days since <event> data: 152d 12h 39m 149d 13h 33m 17d 17h 17m 358d 2h 56m sort as 149d 13h 33m 152d 12h 39m 17d 17h 17m 358d 2h 56m is there a way to make it sort based on the numeric values alone ?
When using a dialog box, how do I target it for content swaping?
I'm starting with: function run_modal(catagory, item) { // alert(catagory +'*'+ item); //modal code for output $( "#modal" ).dialog({ //modal content in here title:"this is only a test",//title of modal box width: 300, height: 300, modal: false, ui-dialog-content:"text", }); } I intend to be able to use the ajax (think success innerhtml) feature to do a page request on the back end to hot-swap the forms, as it could take forever to load
Tabs with Static Header Pane?
I want to create a tabset with a static header pane that remains visible regardless of which tab is selected. Whenever I search on jQuery, Tabs and Headers I get flooded with stuff about the header area that contains the tabs... Something like this (sorry for the ascii art...) [tab a] [tab b] ================== | Always Shown ================== | Alternates depending | on whether A or B | has been clicked | (normal tab behavior) ==================
Matching first or all occurencies with filter?
Assume I have the following jQuery statement: $("p").filter( function(){ return $(this).text().match(/^\s*$/) }).remove(); Is this remove() executed for ALL occurencies which are matched or only for the first found? if latter: How can I appliy the removal to ALL occurencies? Peter
unable to load local json file data on page load of html
$(document).ready(function(){ alert('Level1'); //this is getting fired $.getJSON( "/data/widget.json", function(data) { alert('level2'); //not getting fired alert(data.widgetData.title); }); }); i want to get the JSON data and form html dynamically for the widget....But i'm unable to get the JSON data $.getJSON not working project structure ----------------------- WidgetProject |-------------> data | |---------->widget.json
Jquery Mobile Popup Vertical Scroll Problem
I have to create a popup div with some contents from database using ajax post.my popup is working properly,but when i am scrolling my popup div from bottom to top then the contents of the div goes outside on the top section.I have to test my application on geny motion emulator(Android version Jelly Bean).It works latest versions.But not working on lowest versions like jelly bean.i am attaching my popup image here. see the red mark above.And Also css property of top,left,right,bottom not working,when
Need some help understanding
Hi everyone, I'm quite fresh when it jQuerry, but from what I gather so far, it seems not that difficult. But, I'm still just starting out, and don't want to miss anything important, so I'm here with my first ever important question on jQuerry :) Now, I am going through a course from Lynda.com (jQuery Essential Training), and everything so far has been clear. But this last example has me boggled, so please help out. The code is next: $("document").ready(function() { var leftmargin = 0;
Autocomplete not working when the data is dynamically created using on click of the textbox
Hi All, I Have a Strange problem going on for weeks and I don't know how to fix it. I have two text boxes City and Area which needs to show autocomplete. While the page loads, Im taking all the city which I need from database and saving it in an arraylist. So when the user types a City, the autocomplete works perfectly. Problem comes after this, based on the City the user has choosen, when he clicks the Area textbox, Im making an ajax call and getting the areas for the city in from the
Jumping to a Marker Inside a Very Big Section in an Accordion Div
People, I have been using the JQuery Accordion structure quite happily for a while but soon one of the divs inside the accordion is going to grow quite big so I either need "sub-accordions" - which seems overkill - or something else. The real need for this direct jump is only going to come from URLs on other web sites and only for this specific subdiv - I tried using: <A HREF="#codeword">... and <A NAME="codeword"> but they don't seem to work inside the accordion div - is there some other mechanism
To repeat setInterval function with prameters
I want to repeat the function to increase the number in Alert. Please visit http://jsfiddle.net/jsfiddle135/3eewhcv0/ If you press the Start, the timer should have been activated with the alert increasing the number.
Converter jQuery--->JavaScript statements?
As far as I know jQuery is completely based upon JavaScript. So assume I am not allowed (or because of other reasons) to use jQuery on a particular web page and have to code something in pure JavaScript. Currently I have the jQuery statement(s) and need the corresponding JavaScript statements. Ok, one jQuery statement could result in 30 to 40 JavaScript statements but this shouldn't count as long as the pure Javascript show the same result. Is there a converter jQuery statement---->JavaScript statements?
Jquery range slider - change value while loading
Hi , How can i change the value while range slider loading ? Here is my jsfiddle Thank you !
Jquery Ui Date Picker
Hi, I need a small help i have two date pickers start date and end date by this i calculate week and show in a textbox. The problem is if i change week for e,g 5 to 4 the end date should also change similarly if i add i make it 5 to 6 it should increase. A Fiddle to go with it: http://fiddle.jshell.net/WU9P6/24/
Compatible for jQuery UI v. 1.10.2?
Hello, How compatible is jquery-ui.min.js v. 1.10.2? I have end users that use old web browsers. thanks!
Available Datepicker for jQuery v 1.10.2.
Goal: I'm looking for a datepicker for a website. Question: I cannot select any datepicker because I'm using jquery-1.10.2. Do you know any datepicker that use jquery-1.10.2.? It is only enough to retrieve the dates only. Information: *Unfortunatley, I cannot upgrade the jquery because the end users are using old web browser. *I'm using ASP.net MVC and Bootstrap v1.6.3
Next Page