you can choose as many checkboxes as the number written in the textbox.
hello, I want to simplify this code How does it work;you can choose as many checkboxes as the number written in the textbox. as you choose that number, the number will decrease by the selected amount. for example, the number 2 is written in the textbox; when you choose 2 checkboxes, the number in the textbox will decrease by the selected number. It continues in the form of a loop. https://jsfiddle.net/gonejko/9gemw193/2/
array datepicker
hello i want show datepicker in my array. here my code. i can click on 1st box & show the date. but when i click on 2nd box nothing happen. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link rel="stylesheet" href="../apps/css/jquery-ui.css"> <script src="../apps/js/jquery-1.12.4.js"></script> <script src="../apps/js/jquery-ui.js"></script> <script> $( function() { $( "#datepicker" ).datepicker(); } ); </script> </head> <body> <form
jquery.mobile source video
<video width="350" controls> <source src="../videos/t.mp4" type="video/mp4"> </video> </div> how do i convert this to a link so i can upload videos to hosting site reduce space only use link i am trying to create an app with phonegap but it say app is too large.
[Datepicker] First or last week of the year is wrong
Hi, I have the following problem: I have 'showWeek ' option set to 'true '. The first week of the year is shown as '52' (the last week of the previous year). You can observe this behaviour in this sample (https://jqueryui.com/resources/demos/datepicker/show-week.html). Steps to reproduce: 1. Open the sample 2. Navigate to January 2012 3. Take a look at the first week Actual result: The week number is '52' Screenshot attached Expected result: The week number should be '1' Note: The same issue can
ui-focus issue on popups with fiddle example
Hey all, If I create a popup that is long enough to require scrolling, and have a checkbox or radio buttons towards the bottom of the page (low enough that it requires scrolling down to get to), then selecting the checkbox/radio button forces the dialog box to scroll to the top, but doesn't select the checkbox/radio button. It also sets focus on the first element on the page (which I think is what is causing it to scroll back to the top). In fact, even if the checkbox/radio button is near the top
Need to make one button orange but theme overrides all attempts!
I'm using the classic JQM theme which is contained in mytheme.css. <link rel="stylesheet" href="jquery.mobile/jquery.mobile.icons.min.css" /> <link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.4.5.min.css" /> <link rel="stylesheet" href="mytheme.css" /> <script src="jquery.mobile/jquery-2.1.4.min.js"></script> <script src="jquery.mobile/jquery.mobile-1.4.5.min.js"></script> The relevant HTML looks like this: <div id="homePage" data-role="page" data-content-theme="b" data-theme="b"> <div
MP3-jPlayer: show the track timeline
On this page I have the MP3-jPlayer plugin with the Text Skin, slightly modified. I need to show, for every track (mp3 files), the timeline instead of the volume bar. How do I do that?
Jquery 1.12.4 selector for href
I was using with jquery version 1.8.2 var hasContainerTab = $("#tabs").find("a[href='#container'").length == 1; I upgraded jquery to 1.12.4 Now that statement is failing saying unrecognized expression: a[href='#container' I referred lot of blogs ( https://github.com/jquery/jquery/issues/2829 ) around this, but I could not find a fix. Can any one tell me how to re-write the statement as per the new version?
trim the length of url text
I have a table that contains links and i want to reduce the visible text for a url if it is over 35 chars. I have managed to do this. However, my script is replacing the link as a string, so users can't click on a link because of my script. I want to keep the url but change the text displayed, how do i keep it all together? here is my fiddle https://jsfiddle.net/wqwyx0tn/1/
JQuery UI - Draggable Viewport (overflow:hidden)
Hello I have jQuery content slider ( http://bxslider.com/ ) and I would like to drag (copy) images from this slider to another container (droppable) on the page using JQuery UI. I managed to make the images draggable, but since the slider has a "viewport" (overflow:hidden), the images are getting invisible, as soon as they move outside the bxslider viewport. How can i solve this? Is there an example for this situation? I would like to copy the images onto the droppable. The original image should
trigger a bootstrap modal show event
I'm gonna pass some params to a bootstrap modal "show" event handler while showing the modal, so gonna use $("#mymodal").trigger("show.bs.modal",[param1,param2]) i nstead of using default $("#mymodal").modal("show"), the handler is triggered, but the modal does not displayed finally. what's the trick?
How do I invoke a JS script once a datepicker date has been selected by a user?
$( "#datepicker3" ).datepicker({ changeMonth: true, changeYear: true, onChange: ??? });
Hiding Contact Details From Bots Using JavaScript / jquery plugin
Hi, I am creating a simple online business card. To begin with I had everything on one side of the card and I was hiding the email address / contact details from bots by defining them as javascript variables in the html header then printing these variables back out onto the page in the required places using javascript. However, the new design for the business card uses some jquery to give a flip effect animation so I can put the contact details on the back ; http://2.24.161.98/test/test.htm My problem
Uncaught RangeError: Maximum call stack size exceeded
Uncaught RangeError: Maximum call stack size exceeded at Function.ga [as find] (jquery-3.1.1.min.js:2) at r.fn.init.find (jquery-3.1.1.min.js:2) at Array.<anonymous> (commondie.jsp:113) at i (jquery-3.1.1.min.js:2) at Object.fireWith [as resolveWith] (jquery-3.1.1.min.js:2) at Object.<anonymous> (jquery-3.1.1.min.js:2) at i (jquery-3.1.1.min.js:2) at Object.fireWith [as resolveWith] (jquery-3.1.1.min.js:2) at A (jquery-3.1.1.min.js:4) at XMLHttpRequest.<anonymous>
Showing different content in the same Div
Hello there Although i've been using jQuery for some months now, i'm a bit stuck on this small but big task i'm trying to solve on my website. I've a submenu showing the different continents and then i have a sub-submenu, with their respective countries, each one inside another div and all the data is being fetched from the database using PHP. For example for the div of Europe: echo "<div class='nav-column'><a href='#' class='continente'>" .($Cont). "</a></div> "; So far so good and all the continents
validation of forms with rows
Hi, I'm a newbie in javascript, please forgive me if this is plain and simple. I followed some tutorials on validation and got it al working for a simple form using: <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.3.min.js"></script> <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.0/jquery.validate.min.js"></script> and my own validation file : <script src="validation.js"></script> I can set if a field is required or has to be an email... But my form
there maybe a memory leak about deferred in 3.x
When our project upgraded to jQuery3.2.1 (from 2.2.4), we found a memory leak about Deferred in jQuery3.x . the promise.then method does not release the handler & handler Closure . it work well in jQuery2.x and native Promise in chrome . look at the following case： http://plnkr.co/edit/DpMkLV2mqzwlX4Ruuk7i
jquery.mobile-1.4.5.min.css overides my style
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css"> <script src="js/jquery-1.11.3.min.js"></script> <script src="js/jquery.mobile-1.4.5.min.js"></script> <link rel="stylesheet" href="css/index.css" /> <script type="text/javascript" src="js/index.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> i can not get any kind of style on my pages buttons
How to use the easing in the toggle() function?
I'm newbie in jQuery UI as well as jQuery, so I've encountered a one problem: how to specify the easing in the function of toggle()? What is the certain place it should be there? I'd tried searching for it but haven't found exact answer.
Catching select and adding attribute to it
Hello. Very strange situation: I'm trying to make event for adding "selected=selected" attribute to <option> tag. So, I have option value Id - <option value='22'></option> I would like to push selected attribute but doesn't work. $('select[name="my_id"] option[value=' + element + ']').attr('selected', 'selected'). $('select[name="my_id"] option[value=' + element + ']').prop('selected', true).$(' option[value=' + element + ']').prop('selected', true). I tried any combinations - with #id instead of
how to remove "style=" attribute?
Assume I have a web page which contains multiple elements similar to <span style="font-size: medium;">....</span> How can I remove the "style=" attribute for all the elements? The element <span> itself should still persist Peter
Can someone tell me why my jquery dont work ?
HTML: <!DOCTYPE html> <html lang="PT"> <head> <meta charset="utf-8"> <meta name="author" content="Francisco Rodrigues"> <link rel="stylesheet" type="text/css" src="style.css"> <script type="text/javascript" src="Jquery/jquery-3.2.0.min%20(1).js"></script> <script type="text/javascript" src="Jquery/Jquery.js"></script> <title>APAV</title> </head> <body> <header class="HP"> <button class="c-hamburger
Dynamic Search Input Placeholder
Hello ! I try to set the placeholder of a search input dynamically without success ! Please have a look on what I try to do on Fiddle Thanks in advance
Close "Cross" image not displayed when I simply copy the sample and run it.
Hi, Please kindly advise when I copy the http://jqueryui.com/dialog/#modal-form and press the "Create New Button" the cross is not displayed in the top of the Dialog? All the other functionality works fine. I believe the style.css is just : body { font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; font-size: 62.5%; } Perhaps I am missing another script or reference. Please kindly advise, thank you. Regards, Anil
Range slider, getting min/max handle value to variable
Hi, I am completely newbie, working mostly on ready made code fragments. I am learning using 2-handles slider with some data analytics, e.g. selecting data ranges from an array based slider range. How can I do below: min-max: 1-5 after moving handles: 2-4 varLOW = 2; varHIGH = 4; Thanks Horsten
Dynamically generated content disappearing
I've created a small application to swap divs. The user can create a div manually by entering a value in the input field or by clicking on the add button. In both the cases, the following conditions are supposed to be met. 1. All the divs should append to the parent div with class container. - working 2. If a child div with class box is already present under class container, the new div with class box should add after the already available div i.e should act as a sibling to the already available
$("body").children().show(); is showing <script> tag as well
Hi I am hiding all the children of body and adding a new div for a few seconds, this is fine then a few seconds later I remove this div and use .show to show the original content when I do this it also shows the script tag and its contents. why does it show the script tag and contents this isn't a child of the body tag??? How do I stop? //hide all elemements of body $("body").children().hide(); //create Div here that display Names $("body").append("<div class='info'> Welcome " + data[0] + ", "
how to load php pages completely which contain jquery form without refreshing pages
i have tried to make index.php and logout.php file and i want to make all the pages loaded without refresh. the problem is after i click button from logout.php to index.php file the page are loaded without refresh (i think it works), but the jquery form in index.php file doesn't works. how to fix this error? thanks in advance.
How to properly center the text?
I'm trying to center the text in the middle of JQM page, vertically and horizontally. Using 1.4.5, default theme. In my .css I have: .splashDiv { position: absolute; top: 50%; height: 50%; width: 100%; text-align: center; padding:0; } HTML <div class="splashDiv" data-role="page"> Please wait... </div> The result is: The text is vertically centered only if I remove `top: 0` directive in developer tools(although not perfectly centered).
BlockUI overrides blockUI.history with new data without restoring the previous.
Consider this scenario: You have blockUI block the page with the message being an element a div with id #dialog for example. Inside that div there is a button that does the following: Unblocks the page Executes some functionality which may result to an error. For example a failed ajax call. On that ajax failure callback you update an observable array with the error(-s) that occurred. On that observable array there is a subscription that when the length of the array is > 0 it will block the page and
Question about sortable refresh
Hello, JS Fiddle: https://jsfiddle.net/29re1xbt/1/ I have a system which allows to sort both tables and the rows inside them: - you can click the "GROUP HANDLE" and move the table. - you can also click the "ROW HANDLE" and move the row from one table to another. You can also add new rows to the tables using the "Add Row" button and they will be automatically made sortable. Up to there, no problem. Then, if I add a table using the "Add Table" button, the table will be automatically made sortable.
How to download file without MIME type defined
Hi, i want to know code for downloading files to user end, even if MIME type is not defined in IIS, is this possible if yes please reply me with sample code
How can I use a variable in simple jQuery Transitions?
I am looping through radio buttons to see which is checked, and trying to assign a variable to use in the jQuery transition function: function animate() { var action = ""; for (i = 0; i < 9; i++) { if (form1.jQ[i].checked) action = form1.jQ[i].value; } $( "div" ).action(); } However, jQuery will not accept $( "div" ).action(); It will only accept literals such as $( "div" ).show();
How to save and highlight the selected value in the Autocomplete dropdown?
I am able to pick any value in autocomplete drop down menu but next time when I click on the dropdown menu, it does not show the selected value from the first time. The dropdown always shows the options from starting. This can be a problem for users if anyone wants to see the selected option in the dropdown menu, How to save and highlight the selected value in the Autocomplete dropdown? Using thie autocomplete dropdown menu: https://jqueryui.com/autocomplete/#combobox Can anyone please suggest a
Slider range not setting handles properly
I'm trying to get jQueryUI Slider w/ two handles working (range). It keeps generating 8 slider handles instead of just two and they aren't being set to the initial values. ON change, I call ValSlider to get the values to update in the input box. I'm using data to pull the required settings into the slider function (I have to share this data w/ other scripts, so using this as easiest way), but I don't see any problems w/ doing that. Here's a demo: [ Removed ] Here's the related simplified code
How to fetch RSS Feeds using jQuery script
Hi, I am using google ajax api to fetch RSS feed data I am using code something like below, $.ajax({ url : document.location.protocol + '//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=|&callback=?&q=' + encodeURIComponent(url), dataType : 'json', success : function (data) {} }); but google stopped this feed service. How can I get the RSS feed with Jquery or suggest some example that will help me alot Thanks in advance
Clone + autocomplete not workink
I can not understand where the problem is. Could you give me a hint on how to solve this? var buttonadd = '<span><button class="btn btn-success btn-add" type="button"><span class="glyphicon glyphicon-plus"></span></button></span>'; var fvrhtmlclone = '<div class="fvrclonned">' + $(".fvrduplicate").html() + buttonadd + '</div>'; $(".fvrduplicate").html(fvrhtmlclone); $(".fvrduplicate").after('<div class="fvrclone"></div>'); $(document).on('click',
Show asp gridview inside jquery accordion?
Hello, please apologize my english, i speak spanish... I am using accordion, and works great, but when i try to change the sample text of your sample code, and put a asp:gridview objet, i cant show it... i dont know why, i already put asp:label, asp:button, asp:textbox inside <div> of accordion, and works fine, but i cant do it with gridviews. Can help me? Thanks!
Disable selected option from one select box when selected in another select box
Hi to everyone, This is my first post here, I have 4 location select boxes with options like full chest, full back, front left chest, front right chest and so on and 4 color boxes that say the number of colors. I am showing location one and color one select box as default, and increment them by using add one more location button or removing them by using remove location button. I am also resetting the select box of a particular location and its color, if that location is removed. Also If one option
Disable Buttons
I am trying to disable buttons after the page loads. The code is located in an linked script but when the $(document).ready section: $(document).ready(function () { $("#btnMoveDesigns").button({ disabled: true }); }); When I hit the above code I get on 'Object doesn't support property or method 'button''. The jquery.js, jquery-ui.js and jquery-ui.css are all linked in a masterpage that the page calling the .button reference is using. I cannot supply a jsfiddle example but if anyone
Next Page