jQuery UI Using Submit button to force HTML form validation and premature closing of dialog
I have an interesting issue. I want to take advantage of HTML form validation and have been successful in doing so using the following code: $( "#form_0000" ).dialog({ autoOpen: false, show: { effects: "fade", duration: 200 }, hide: { effects: "face", duration: 200 }, height: 300, width: 600, modal: true, buttons: { "Sign On": function() { console.log('#form_0000.dialog-
jQuery getting loaded before UI controls are loaded
Hi, I am using ASP.NET , C# and jQuery for creating a web application. How to check if the User Interface elements are loaded before the jQuery function executes? Currently, In my aspx page I have the below labels declared <asp:label id="lbl1" runat="server" /> <asp:label id="lbl2" runat="server" /> In the aspx file, I have referred a javascript file. In the javascript file, I have the below: $(document).ready(function () { $('#' + '<%= lbl1.ClientID %>').text('One'); // $('#lbl1').text('One');
Sortable issue when using a UUID as primary key
I am trying to use Sortable on a number of items. The issue is that the primary key of each item is a UUID that contains _- characters. This causes issues when I call $(this).sortable('serialize') on the update as it looks like the internal regular expression splits on [-_=]. Does anybody have a suggestion of an alternative way to serialize the ids so that I can POST them to my webserver? Thanks, John
Remove first page or login page to deal with Android back button
In my jquery mobile app (Cordova), I have the index.html that is basically artwork. Depending on if the user has logged in or not, they are sent to one of two pages via changePage. The problem I have is the dumb back button on Android devices. It takes you back to that first default index.html. On iOS i can control it by not adding a back button to the home page. Does anyone have any suggestions? I've tried variations of the changeHash but the problem lies in the index.html because it is loaded by
unexplainable event bubbling JQuery Mobile
I'm getting unexplainable event bubbling in my code... i've lost 3 days trying to work it out. I've posted another similar question but i solved that problem with using off() before on() event. error occurs when i navigate back and forth between page 4 and 5. after exactly three times I get redirected back from page 4 to page 5. On the next try i dont get redirected, but the try after I get a redirect from 4 to 5 once, next try again. then one time nothing, then 3 times, etc... I have a home button
Adding DIV element Dynamically using Jquery
Hi All , I need to add elements dynamically using jquery... i have to build it dynamically like this. <div data-role="collapsible" data-mini="false" data-theme="b" id ="div3" > <h3 id ="H3">Test</h3> <div id ="head"> <div id="Div1" data-role="collapsible" data-mini="false" > <h4>SK</h4> <ul data-role="listview"> <li><a href="#">SK-01</a></li> <li><a href="#">SK-02</a></li>
Download file from web application
Hi, I am creating a web application using ASP.NET and C#. In my webpage, i have a download button. On click of it, I am trying to download a file. I am passing the complete URL of file (example: http://sitename/foldername/filename.zip) However the download is not working. Below is the code used: //aspx page <input type= "image" id="ImgDownload" src="Imagesrc" /> // javascript file $(document).ready(function () { $('#ImgDownload').click(function () { FetchURL(); return false;
datepicker + timepicker: disable slider on specific date
I'm using the jQuery datetimepicker from this link. I hope i can ask a question here since it uses the jQuery UI for the datepicker. I'm using the datepicker with slider for hour and month enabled. How can I disable and hide the minute slider, when the user selects a date that is more than X days away from today? Example: Max range for hour / minute usage: 1 month user selects 01/05/2014 - hour / minute still enabled / shown, user can select both user selects 01/01/2014 - minute should be disabled
How to make like this style
how to make like ( like this ) have 4 colums image, but it's responsive, does it's is Jquery Library ? or any idea ? thanks
How to connect Bucklor VPN to my Samsung G5？
Recently, I buy a new mobile, Samsung G5.I want to visit FB, I am Iran, I find a Free VPN Bucklor. However,How to connect Bucklor VPN to my Samsung G5?
regex number and dot
Hello, I have script <script> jQuery(function($) { $('#fname').bind("change keyup", function() { var val = $(this).val(); var regex = /^\d+$/; if (val.match(regex)) { $(this).css("background", "red"); val = val.replace(regex, ""); $(this).val(val); } }); }); </script> <input type="text" id="fname" name="fname">This works exactly the opposite of what I want. When wrote in the field, will not be allowed characters except numbers and dot once. It's about writing price. Thanks.
JQuery Mobile 1.4.2 Demos - Transition not available
Hi, recently I tried to learn about transitions in jquery mobile 1.4.2. Unfortunately http://demos.jquerymobile.com/1.4.2/transitions/transitions/ is not available (404) Oddly when I navigate from http://demos.jquerymobile.com/1.4.2/ to http://demos.jquerymobile.com/1.4.2/transitions/ I will land on "home" again. When I navigate to http://demos.jquerymobile.com/1.4.2/transitions/intro/ I will land on the same page as http://demos.jquerymobile.com/1.4.2/intro/ Every thing is dublicated, except
Scrolling up and down in Chrome Browser in Android popup disappear for few seconds
I am using jquery mobile popup in my site. When popup opens with chrome in android device popup behavior slightly changed. Scrolling up and down with popup open, popup disappear for few seconds and comes again. In other browsers it work great only chrome have this problem. It work fine with iOS too. I am working on this problem with long time but not getting any solution. I am using jquery.mobile-1.4.2.js file. Here is the demo page. http://demos.jquerymobile.com/1.4.2/popup/ Steps to reproduce Open
Also display thw date just inputed
http://jqueryui.com/datepicker/ I want to when user selected the date and then click submit. After history.back to original page. It is also display thw date just inputed
HELP!!! How do i get multi popup windows to follow scroll?
Hi im trying to make some different popup windows on same page .it works fine with the content, but when im scrolling down the popup window appear the same place on the screen as the div from the first popup window, so im only seeing a half popup window now, and on the 3 popup div im not seeing the window at all. how do th get the popup window to stay in the center of the screen always??? someone please help!! Thanks.
link button click then dropdown in dialog should bind with the current button click value
hi there I have a scenario where a linkbutton click event a dialog with dropdown popup but the current value of the linkbutton is not selected in dropdown how do i acheive this that when i clickon the link button value the value in the dropdown should be elected for edit
How can I cycle through all the blurs in the DOM?
I want to see each blur in the document. I tried this as a simple test, but it doesn't seem to work: var cnt = 0; $('.blur').each(function(){ cnt++; }); alert("cnt="+cnt);
how do you swipe to delete and get a data- value ?
Using the demo code as basis: http://demos.jquerymobile.com/1.4.2/swipe-list/#demo-page How can I get the value of the data-id and data-idURL? <li data-id="123456"> <a href="#demo-mail" data-idURL="123456"> <h3>Avery Walker</h3> <p class="topic"><strong>Re: Dinner Tonight</strong></p> <p>Sure, let's plan on meeting at Highland Kitchen at 8:00 tonight. Can't wait! </p> <p class="ui-li-aside"><strong>4:48</strong>PM</p>
Access element that previously had focus when closing jQuery dialog
In #8730 the functionality was added to reset focus to where it was in the DOM before the dialog was opened when the dialog closes. Is it possible for me to access that element using a variable or something to check whether that element still exists? The scenario I'm dealing with is that we open a dialog from a menu, so when the dialog closes, the menu has already closed and the button used to open the dialog (that had focus) no longer exists in the DOM. I'd like to check if it exists, and if not,
How to integrate Geolocation API/Google Maps plugin with Jquery Mobile
Hey there, first time poster.. I'm currently trying to develop a prototype using jQuery Mobile (a simple project not a finished product) for an assignment. The idea was a mobile website that would allow the user to locate their current position once they share their location and then display a forecast of the day for that current location using data from a weather website. I'm fine with coding the layout and design as it's more my field, but I'm just trying to wrap my head around using the Geolocation
How to create growing box mouse over effect?
Hi, I want to create a mouse over effect where the box changes color and expands a little, similar to the one on this page http://3dsoup.com/ How would I do this using jQuery? Any help would be greatly apreciated? Thanks,
View off elements different after switching between pages
Hi, i got a project where I'm unsing: jquery-mobile 1.31 with the mutilpage-template, so i got 6 pages in one html file. After loading the website the first time my popup-box with some radio-buttons looks like this: After switching to an other website, returning to the start site and opening the pop-up again, the popup looks like this: If i compare the html code for on radio-button element, some jquery code is missing First- all ok: <div id="Betriebsart" class="popupPanel ui-popup ui-body-a ui-overlay-shadow
LIST Split - How to utilise distinct button values
I have a MySQL query that brings back several rows of data from the table. I am trying to press the split view delete icon and have that value (database distinct value of 'id') transfer across to the popup dialog to confirm an action and then that in turn sends the id via POST to delete.php The current code I have put together I can only get the first row's id to work and I cannot figure out what is needed to pass to the popup and delete.php or should I say I don't know how to do it! Still pretty
Function reloading multiple times
I don't know why these functions are being refired.The variable counter is 4 But when I make a skeleton of it, it only fires once? What's the difference in the layout below to this one I just made http://jsfiddle.net/5tMEF/1/ vs http://jsfiddle.net/5tMEF/9/ *edited* $(document).ready(function(){ $(document).ready(function(){ var control = 0; $("#logo").click(function(){ $(this).fadeOut(); $("#intro").animate({width:"10%", left:"40%"},
problem with button+dialog
Good day! There is the code: <button class="config-button">site1</button> <form class="config-form" method="post" title="site1"> Number: <input name="period" value="1" /> </form> <button class="config-button">site2</button> <form class="config-form" method="post" title="site2"> Number: <input name="period" value="2" /> </form> <button class="config-button">site3</button> <form class="config-form" method="post" title="site3"> Number: <input name="period" value="3" /> </form> $('button.config-button').click(function()
JQuery or Javascript
Greetings all, I learnt a little XHTML1.1 strict and CSS2, then got into base level HTML5 and CSS3. I'm self-taught, and now at the stage of wondering about next moves. What's the relationship between Javascript and JQuery? Is it necessary to learn Javascript before becoming involved with JQuery? Other than this site, what others are recommended as reliable references? What books are recommended purchases for someone starting at ground level?Thanks for any time and trouble. Cheers! Weaver.
Possible Bug in html()
Hi, I was trying to transform a input DOM in textarea DOM. However, I am running in a problem: >>>$("<textarea>").html("<textarea>").get(0).outerHTML "<textarea><textarea></textarea>" >>>$("<textarea>").html("</textarea>").get(0).outerHTML "<textarea></textarea>"As can you see, the line 4 isn't the excepted.(for me at least) I was expecting: "<textarea><\textarea></textarea>"Is this a Bug? Or is something that I am
jquery.js:3 -PROBLEM
The website that I edit www.osstarigrad.edu.rs when I updated WordPress, reported my problem: Error: Syntax error, unrecognized expression: #cimy_div_id/0/ jquery.js:3 Cimy Header Image Rotator not working Pelace help me? Thanks
Conflicting jQuery - Dynamic menu interferes with jQuery of content loaded?
At the moment I am using jquery.ba-hashchange.min.js and dynamicpage.js to load the content dynamically from the index page and therefore keeping the header in one file. However, the jquery.ba-hashchange.min.js is interfering with other jQuery in my content. The code in the content that is not working is as follows: $(".thumbnails").on("mouseover mouseout", 'img', function () { var alt = $(this).attr('alt'); $('.displayed-image > img').each(function(index, element) { var el = $(element), visibility
how to keep submenu open after redirecting another page
I am making menu having submenu where i click on parent menu submenu will open but when i am clicking on submenu and redirecting to another page sub menu should be open on that page ..... here is my code ------ HTML CODE <!DOCTYPE html> <html> <head> <meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1' /> <link rel='stylesheet' type='text/css' href='styles.css' /> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
Avoid breaks span elements in Ages Price td?
How to avoid "Ages Price" td span elements breaks into next line? This Ages Price td input will show near in "$" symbol. But it will goto next line? See Ages Price column td in jsfiddle table. My fiddle: http://jsfiddle.net/GwWmV/5/
Local test page isnt working at all
I copied exactly the code in http://www.jquerysample.com/#menuHome2 Capturing and Programming for Mouse Events part 2 -HOVER ME and it doenst work in my test html. it appears but it doenst works. I hover over it and nothing. have anyone experimented this? I need to upload it to a server to see if it works? or can I still test it in local hard drive?!
ClodZoom method not working
Hi, In my Asp.net Application i use Cloud-zoom.1.0.2(js) jquery file. In jquery ready function is call CloudZoom method it is working. function ($) { $(document).ready(function () { $('.cloud-zoom, .cloud-zoom-gallery').CloudZoom(); // It is working }); function CloudZoom(jWin, opts) { // some code here } })(jQuery); But In our client side javascript function it call same method it don't work. How to solve this problem function ImageChange(src) {
Cant make jquery to work
I cant make anything work, this is my code in sublime text 2 <!--script type="text/javascript" src="JQM/jquery.mobile.custom.js"></script> <link rel="stylesheet" href="JQM/jquery.mobile.custom.structure.css"/> <link rel="stylesheet" href="JQM/jquery.mobile.custom.theme.css"/--> <link rel="stylesheet" href="JQM/memotest.css"/> <script type="text/javascript" src="JQM/memotest.js"></script> <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.2/jquery.mobile.min.css" /> <script
Get values from a dynamic table
Hello, I have a Dynamic Table created with append, were I need get the sum of all price fields before save the data, and in my table I handle an ID per row, if I delete a row the index doesn't is reseted. Can anyone give me a little help how to do that? JsFiddle File: http://jsfiddle.net/jakecigar/jBx9q/1/
My side menu items are working fine with "sidr plugin" but submenus dont
Im following the sidr documentation because Im trying to do a slider responsive menu. Im importing the light css that the creator of this provided: <link rel="stylesheet" href="jquery.sidr.light.css" type="text/css" /> And then I have my html, and the script to initialize the plugin. And its working, but Im having a problem because my menu items are working fine, but When I step with the mouse above the menu items with submenu, the submenus start blinking and a conflict occurs. Somebody thery already
Don't want to allow additional characters to be typed in textbox using auto-complete
http://jqueryui.com/autocomplete/ I would like user to be able to type and auto complete a string, however if that string is NOT in the list, I don't want to allow additional characters to be typed in textbox. So the auto complete would ideally block additional input if that input does not exist in the list. How can I do it?
Cannot remove() a row append() to a table
I have a table with several rows (<tr>) and I use jQuery append() to add one more row to the table. Then I try to delete that row with remove(), which is working fine with the original rows, and fail. Please help. Here is the jsfiddle link. http://jsfiddle.net/twCd6/
busy indicator not working for ajax call on IE8
i am using jquery.blockUI plugin for blocking a page and displaying the busy indicator while an ajax call is in progress. the stuff is working great in mozilla, but on IE8 the parent page just freezes for the duration of the ajax call but does not shows the busy indicator. when the ajax call is made asynch: true, the page does not freeze and the busy indicator is shown but only for a moment, which is again not acceptable. the same thing, however works fine in case of non ajax calls. please help,
Huge Gaps on a url using encodeURIComponent();
Hy Guys i´m encoding some urls using encodeURIComponent(); for sharing links like google+,twitter,mailto: The links are working fine but when they get hover some parts of the url represent huge gaps . IS THIS NORMAL??WHAT I´M DOING WRONG? HERE IS A FIDDLE EXAMPLE
Next Page