Where is the JavaScript src for the demos?
Hi all, I've been checking out the jQuery mobile demos at http://demos.jquerymobile.com/1.4.5/ and for the life of me I cannot find the associated JavaScript code that is required to make the demos work. I'm most interested in the multi-page example, I have viewed the source and can only see includes for jQuery, jQuery mobile and another js file which doesn't seem to contain the code for the example. Am I missing something really obvious? Thanks
toISOString() function not working.
I have this simple script to run- var date = '2016-01-01 00:00:00'; var n = date.toISOString(); alert(n); But instead it returns error: Uncaught TypeError: date.toISOString is not a function I want to convert the date string into ISO date format which is compatible with firefox. However its not working in Jquery. Is there a different function for ISO date format conversion for Jquery or is there any error in my script?
double clicking on a tab removes the content
Hello, using Jquery ui on this page for the tabs. http://agileart.us/arachnohazard/locations/ I notice that when I double click on a tab the content w/in the tab just vanishes. How do I fix that please? Thx
isotope filtering, how ?
Hey there, i have a gallery of 3 columns per row and in each column is a bootstrap carousel. <div class="row">
<div class"col-lg-6">...</div>
<div class"col-lg-6">...</div> <div class"col-lg-6">...</div>
</div>
<div class="row"> <div class"col-lg-6">...</div>
<div class"col-lg-6">...</div>
<div class"col-lg-6">...</div>
</div>
my question: how can I include the isotope filtering, which I switch with a dropdown-menue, what i need to include ? and where ? In general what i need to do,
why my JQM code doesn't work in google script?
Hi all, I'm new in this JQM world, so there is a quick question... create a HTML file(list_checkbox.html) in google script as below: <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> <ul data-role="listview" data-filter="true" data-filter-placeholder="Search fruits..." data-inset="true"> <li><a
How to set remainder in full calendar ?
Guys, I am new to Full Calendar and very existed with the functionalities that it provides . But I stuck with Remainder Notification . Can anyone let me know how to set event remainders. Eg : If am having meeting at 06PM I should be notified before 15 mins of the meeting Thanks in advance
What is the best way to bind click events?
Hello. I'm an 'experienced' HTML5/CSS3/JavaScript Front-End developer and this is my first time using a framework that employs a dynamic DOM instead of loading pages, and I've come to the question: What is the best way, considering how jQ Mobile handles its dynamic DOM, to bind click events? So far I have tried 3 methods that work, but I do not know which is the preferred one: <div data-role="page"> ..... ..... <script type="text/javascript"> $("#mydiv").click(function()
jwplayer and selectmenu widget
I'm having a problem mixing the selectmenu widget on the same page as jwplayer. It seems to be focus related, when the play button is clicked on the player or the focus changes in some way a blue border either appears or disappears around the player. I've created a simplified static test page which shows the problem. Note that this is a NSFW site, but I've picked a fairly tame video to show the issue and the test page should be OK to view: http://www.mr-s-leather.com/static/video_test_4.html Note
Drag and drop
Hey, I am new to jquery. And i have created a simple project where i drag and drop objects to my site.But how do I clone an extra copy of the image that has been dragged.Please help. Here is my code :- $(function() { $( "#draggable" ).draggable({ helper:"clone" }); $( "#droppable" ).droppable({ }); });
add callback to function with ajax call
I have a function that is called on an element's blur. In there I have an if statement checking the return statement of a function. Well in the function, I am making an ajax call. I have been reading that this will not work because the function will return false before the ajax is done. So I read something about needing to use a callback, but I didn't fully understand it. Can someone help me figure out how to refactor my code so it will work correctly? First blur function: $("#OrderItem_itemQty").blur(function
Why I click the button but no response?
Here is my image. In my asp.net mvc page, I want to click the "Merge" button then popup a dialog, however nothing happened. What is wrong? Source:<br /> <input type="text" name="Source"> <button id="sourceBtn" class="btn btn-inverse btn-sm" onclick="LookupAccountBalance1();"> Verify </button><br><br /><br /> Target: <br /> <input type="text" name="Target"> <button id="tagretBtn" class="btn btn-inverse btn-sm" onclick="LookupAccountBalance2();"> Verify </button><br /><br /><br /> <button id="mergeBtn"
Using Global var to cycle through AJAX doesn't work
I am trying to call AJAX three maybe four times to get information from my DB. Can't get "global" var mapAddress to return. I've tried to position the function in various locations but can't get it right. I'm sure this has to do with asynchronous functioning but still don't understand it. Thanks for help, R <script type="text/javascript"> var recId=""; var mapAddress=""; // declaring here to create global var // ================================================================== // ===========
weird border around dialog close button
Hello, Please have a look at the attached screen shot. I create some themes for this at ThemeRoller, and everything seems to look good except for that weird border around the close button in the top right corner. It only shows until I click on the dialog, and then it disappears. Also, it only shows up in Chrome, not in IE. Here's the code that generates the dialog: <div id="TheDialog">Hi! I'm the dialog!</div> <script> $(document).ready(function() { $("#TheDialog").dialog();
Problem with charts
I have to do a website for my class and I encountered a problem with creating a chart. I have spent all day yesterday and few hours today and I still can't figure it out. Why doesn't it show on a website? Please help guys! <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="Scripts/jquery-1.11.3.js"></script> <script src="Scripts/Chart.js"></script> <script> // Get context with jQuery - using jQuery's .get() method. var ctx
Detecting online status
To instruct the user, I have used the jqXHR.fail function in the Ajax call to do some error handling in case the server returns an error, or is not available at all (statuscode = 0). I would like to disable the submit button, but off course it needs to be enabled again when the server is reachable again. Any pointers to some code snippits or pluggins that are known to work with JQM are welcome. I was thinking about iteratively trying to download something small from the server, and when that succeeds
on() function in for loop
<button> 0 </button> <button> 1 </button> <button> 2 </button> <button> 3 </button> <button> 4 </button> <div id="log"></div> <script> var logDiv = $( "#log" ); for ( var i = 0; i < 5; i++ ) { $( "button" ).eq( i ).on( "click", { value: i }, function( event ) { var msgs = [ "button = " + $( this ).index(), "event.data.value = " + event.data.value, "i = " + i ]; logDiv.append( msgs.join( ", " ) + "<br>" ); }); } </script> When buttons are pressed: button = 0, event.data.value = 0, i = 5 button = 1,
Resizable child elements does not maintain minimum width and height when resizing parent
var resizable = function(that){ var resizeSelector = '#'+that.attr('id')+' .resize'; that.addClass("resize"); // Adding dummy class 'resize' to select resizable child elements using the above selector. that.resizable({ alsoResize: resizeSelector, maxHeight: 600, maxWidth:600, minHeight: 35, minWidth:35 }) }; The child elements are given the above resizable attributes. Resizing beyond the minimum width of the child element is not restrained when resizing the parent div. Thanks,
Scroll the list not the page
Hi, I have <select> listing all blocks in the country to let the user to select his block but the list is too long which cause the page to scroll. Is it possible to just let the <select> to scroll instead of scrolling the whole page? This s the page and the Field name is Block: http://cb.savanna.online/signup.php Thanks, Jassim
jquery validation negative integer
If i use digits:true doesn't let me negative integers
last border in listview isn't visible
Hello, I have a problem in my webapp with the last border of a listview which is missing. The link to my webapp is: mobile.wks-webapp.bplaced.de The listview is on: detail.html
Add javascript function to div
Hello, I have this task... <a href="#" id="btn_1">trigger form</a> <div id="myform"></div>and custom jaascript function: function generateForm() { var form = document.createElement("form"); form.setAttribute('method',"get"); // form method form.setAttribute('action',""); // form action url form.setAttribute('name',"frmName"); // form name form.setAttribute('id',"frmId"); // form ID var inputCtrl = document.createElement("input"); inputCtrl.type = "text"; inputCtrl.name = "data";
jQuery Timepicker Addon from Trent Richardson. Two issues.
Hi, I'm still a newby when it comes to jQuery so excuse my lack of knowledge. The story is this: - I get the time from the webserver (code behind) - I format the time (code behind) - I save it to a asp:hiddenfield called start_time (code behind) - I add an hour and save it as another asp:hiddenfield called end_time (code behind) - I display the start_time value as my default input value for the start_time_picker time picker <= first issue - If needed, I click the input box and select another time
Change menu using AJAX
Dear Sir please Refer http://prajaktasoftware.com/vasaiprag/index.php menu click BHASHA you will get 2 options English Marathi i.e. for selection of language When a language is clicked the menu contents are changed as per language using AJAX however, it doesn't get aligned properly.......the contents are displayed vertically... However when I refresh the page it works ok i.e. get aligned properly like normal menu How can is do this without refreshing the page......................... details
Implementing jQuery in HTml5
Our assignment is to include jQuery elements, selectors and filters as well as event handlers in the code from the previous week. Here is what I have for the code. I am completely lost on this. Any help would be helpful. <html lang="en"> <head> <title>Displaying Times and Dates</title> </head> <bold> <h1>Current Date and Time</h1> <script type="text/javascript"> now = new Date (); localtime = now.toString(); utctime = now.toGMTString(); document.write("<p><strong>Local time:</strong>" + localtime
https with jquery =) please help =)
I would like people to open instagram from my Website. It may be in a popup, iframe. But I can not because it only opens with FancyBox http and not https you recommend?
replaceWith() does not work like expected
Hi there, This thing is driving me nuts. Tried all kinds of things to replace all img tags within a html string. So I have this html on my page: <section><div class="content">Here is the html that has to be checked for IMG</div><div class="replyinfo"><span>25 Jan 2015, 13:18</span><a href="#" class="reply">Reply</a></div></section> <section><div class="content">Here is the html that has to be checked for IMG</div><div class="replyinfo"><span>26 Jan 2015, 15:02</span><a href="#" class="reply">Reply</a></div></section>
<select> is not working properly in JQuery Mobile
Hi, I have a <select> which is acting funny when the user clicks on it. This is the only <select> in the page with such behavior. Sometimes, it opens the list in a new page and sometimes it just show blank list and sometimes both issues at the same time. How can I fix this please? this is the link: http://cb.savanna.online Thanks, Jassim
Rounded corners and progress bar in jquery selectable grid
Hi, I am asked to create a application where in the user can do multiple select using mouse drag option and I understand taht I can achieve this using jquery selectable. But there are a couple of requests a) It needs to be touch screen enabled b) It needs to have rounded corners c) Each cell in the grid need to have a progress bar. Any suggestions on how to achieve this using jquery selectable or if there are any other things that I can use would be very helpful. Thanks, Tee
How to test jQuery Mobile in node.js
Is anyone using Node.js to test jQuery Mobile? I'm working on a plugin, which interacts with jQuery Mobile events, but doesn't do anything visual, so Node.js would be the ideal place to run my unit tests. I've found instructions for testing jQuery with node ( https://github.com/UncoolAJ86/node-jquery/blob/master/README.md ), but trying to extend this to load jQuery Mobile, I'm getting an error: TypeError: Cannot set property 'mobile' of undefined I am hopeful that someone else has configured jQM
Working with jQuery...
Hi all. I am using the an application called amazing slider to work on my new image banner slider. I have managed to achieve what I set out to do just fine. I am now working on my image gallery and then, it all went sideways. When I deployed all the code generated by the software, just like it did before, I have kept all files in their given directories. Now I noticed some files, namely the .js and the .css had same names on both occasions. Now I don't know about the .js, but if the name for the
How to disable page caching?
hi, I have pages kept in separate php files and I set : <div data-role="page" id="pageNewLeave" data-theme="b" data-dom-cache="false" so data-dom-cache should take care of no caching I guessed but it's ot happending. For example, in pageNewLeave if I click submit it's redirecting to the home page and when I click on the link New Leave I still see the selected dates and submit button is invisble (from the last post). How can I fix this please?
Does centering work with multiples slides in cycle2 plugin?
cycle2 has a addon plugin that enables centering of the slides SEE HERE . Does it work with multiple slides , SEE FIDDLE , you'll notice that it does't work with multiple slides , also i have the data-cycle-carousel-visible='3' , but only one slide is shown(i beleive if the objective of the plguin was to work wiht only single slides than this is expected behaviour ) , but when i set data-cycle-carousel-visible='1' , the centering does''t work . WHY ? I basically just wanted to know if the centering
Problems with Jcrop Crop Area
I'm at my wits end with setting up a cropping tool for my website. Jcrop is the third one I've tried and I've spent way too much time on what should be fairly simple. But what I've come to learn about jQuery - it's just not as simple as "plug it in" sounds. Now with my vent out of the way, here's my issue. It all works, usually, but not always; and I don't have any of these problems while testing on the VS project. I should also point out that I am using a custom control since I have several pages
How to remove the dynamically created text box using jQuery
I am new one to jQuery.I have a issues on dynamically add and remove text box using jQuery.Here adding dynamic text box is working perfectly,but issues on removing of text box. Its working but it will remove all the row of text boxes were created.But need to remove only the text box related to button or row.please check the below code. function addMore() { $("<DIV>").load("<?php echo $buyinput;$row_buydisp=0;?>", function() { var n = $('.product-item').length + 1; if( 5 < n ) { alert('Stop it!');
Stop pop up for mobile version
Dear Sir/Madam we had launched http://www.zoola.co.in a responsive website we had made provision of mfg pop (magnificient POP up) example http://zoola.co.in/project.php when clicked on an image the magnificient POP up display the image in pop up this is accepted in case of pc/laptop or bigger screens however in case of smart phone, this pop up is of no use ..........on smart phone , we cannot see an image bigger that smart phone screen..... Considering this can be prohibit pop up in case the website
transitions doesn't proper work after I opened a popup dialog
Hello, after I opened a popup dialog in my webapp mobile.wks-webapp.bplaced.de the transitions doesn't work proper anymore. The problem is only on mobile devices (tested on iPhone 6s). The button to open the popup dialog is on the 2. page or on the 3. page.
Autocomplete with Hyperlinks
http://api.jqueryui.com/autocomplete/ I am working with the example from the link above. Here is the code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>autocomplete demo</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> </head> <body> <label for="autocomplete">Select a programming language: </label> <input
jquery mobile event is not bound when coming back to page
Hej everyone, can anybody help me with the problem descriped here? I am trying to solve this problem since three days and can't find any solution. Thank you for any help :)
Change the no. of images at smaller viewpoints for cycle plugin carousel
I am using this plugin cycle2 and basically have the following working for myself , SEE HERE I have earlier used this slider called bxslide and basically it gives you an option for min and max slides. Now see how i have initialized the cycle2 plugin below: <div class="gallery-wrpr cycle-slideshow" data-cycle-fx="carousel" data-cycle-timeout='100000' data-cycle-slides="li" data-cycle-carousel-visible='3' data-cycle-carousel-fluid='true' data-cycle-next="#g-next" data-cycle-prev="#g-prev">
How to set jQuery maskMoney plugin maximum limit?
Hello, I was trying to use jQuery maskMoney plugin recently. and trying to set the input mask maximum value. I found I have trouble to set maximum value for negative and positive input. Here is my code: $('#<%=TextBox1.ClientID%>').attr('maxlength', 8).maskMoney({prefix:'$',thousands:',',precision:0, allowNegative:true,'placeholder':''}); You can see from my code that the input can take negative value. Only 6 digital number is allowed for input. So I set 'maxlength' to 8, which means '$999,999' is
Next Page