jquery ui bugs in 1.11.2
is that an issue of intent descargarme jquery version 1.11.2 and , try to demo the menu tabs , these are not shown as they are in the demo. Probe copying the lines of the import of the demo on my project and if these are but they suggest placing in section to learn jquery ui they appear wrong. Then probe with a download that I have the version 1.11.1 and these if they look good so my question is: is it of any error or bug or this version has changed the structure of the files and therefore routes
$.browser
Removing the $.browser feature may not have been a very good move (and does it really save a lot on file size?). I fully realize that for many things "feature detection" is better but there are still rare instances where you really do need to find out what the browser is. This is illustrated by the topic I raised on Stack Overflow about Firefox sometimes adding in unwanted BR tags. Because of that bug I now have to use $.browser to supply scripting for only Firefox. As far as I know there is no way
validation plugin regex
hey guys im wondering how you would add a regex pattern to a field with jquery's validation plugin please? also ive addded eqaul to conditions to my validation...is there a way to add a message if not equal also? thank you...my working code is below $(function() { $("#register-form").validate({ rules: { username: "required", first_name: "required", surname: "required", email_address: { required:
jquery ui 1.10.3 datepicker
I am using jquery.ui.1.10.3 and I am using datepicker and if it's the first element in the popup the datepicker will automatically popup and when I select a date the datepicker keep showing instead of disappearing and I tried many things I found online and nothing works with me till this moment. My problem is not with the auto poping up the problem that it's not disappearing as it should when I select a date.
Selector help
Need help selecting a particular element of this nav bar: <nav id="nav_bar"> <ul> <li><b><a href="ncs_login.php">NCS Login</a></b></li>" <li><a href="net_login.php">Net Login</a></li>" <li><a href="maint_login.php">Maint Login</a></li> </ul> </nav> Tried this to hide the first element : $("#nav_bar[ul][li][b][a]").hide(); and it didn't work. If I just use #nav_bar, of course the whole nav bar gets hidden. How can I select just that one element? Thanks for any
Jquery Mobile Buttons/Div Alignment at the bottom
Hello, I need to align my button at the bottom part of the page. But by default none of the top,bottom attributes is working on button, i tried to wrap button in a <div> and set the position to div, this worked, but the width of the div when given 100% is going out of screen in mobile resolutions. if width is not given but appears small... Does anybody know how to fix this ?
Menu PopUp
Hi, I am new to JQuery, i had a requirement to develop a menu and on mouse over on menu items i need to get popup (its not drop down please).I am able to get popup ,it is getting disappear before control is transferred . can any one help me on this. My code: <li class="green" id="notification_li"> <a href="#" id="Link">Notifications</a> <div id="Container"> <div id="Body" class="Body"> <af:panelGroupLayout id="pgl1">
Autocomplete demos not working this morning
Hi, Has anyone noticed the demos on the juery UI site for autocomplete stopped working this morning (30 Oct 2014)? http://jqueryui.com/autocomplete/ It was working, but stopped working this morning. Using this widget in many places, anyone has any idea?
Retrieving data from a handsontable
Hi All! I am trying to learn how to use the handsontable from the demos and I am having the devil's time of it. I can get the table to display, I can put data into but I cannot, for the life of me, figure out how to retrieve the data. For NOW, the intent is to retrieve the data, put it in a hidden <INPUT> so I can submit it via POST. This will change to ajax at some point. Here's what I have so far. First, here's the HTML: <div class="handsontable" id="example"></div> <input type="button" name="submit"
ajaxsubmit to another domain
XMLHttpRequest cannot load http://mrm-imerex.gotdns.org:1204/MerexCargo.svc/trackcargo/183430/SaudiArabia?location=SA&hawbno=183430&securitycode=f5010. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not allowed access. localhost/:1 how to resolve this issue. pls help
Help! How to enable native scrolling after detecting touch direction?
I am trying to develop a custom swipe function, after reviewing the swipe method of jquery mobile version 1.4.4 which doesn't work in Android 4.2 onwards, using touchStart, touchMove, touchCancel, touchEnd events. The objective is to drag a div in left direction so a menu comes up after a certain distance is covered. I am able to determine the direction and distance covered. Once touchStart event is fired and till touchEnd i have to disable the vertical scrolling. The problem is when the page loads
Changing when the navbar item is highlighted
given the following : Js fiddle i want to change when the menu item highlights . i.e. i want the menu item to highlight when i am i am about 80 pixels from the next div . I have checked stackoverflow for a few issues like this , but none seem to solve my problem .
datepicer: how to set date from textbox as current date?
Hi, i have a asp.net project in vb and i want that the selected date in datepicker is the date from a textbox in a detailsview control when the mode changed to edit. i am very new to jquery so any detailed help would be appreciated :) this is my code so far [code] <link href="../Content/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" /> <!--<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="Stylesheet" type="text/css" />-->
a problem about import 3rd js
hi,all, My project has two pages:login.jsp and mainpage.jsp, I want to import specific js like this: <script src="js/jquery.slides.min.js"></script> which could help to show slide images into my mainpage. And I also read about this faq: http://view.jquerymobile.com/1.3.1/dist/demos/faq/scripts-and-styles-not-loading.html now I put the js inside "page",and call its method:slidesjs . <div data-role="page" id="pageone" data-theme="b"> <script src="js/jquery.slides.min.js"></script> <script> /* $(document).on("pageinit","#pageone",function(){
Formatting Video Time and Duration
I'm wondering if anyone can help convert the following to display in HH:MM:SS setInterval(function(){ $('#currentTime').html($('.item').find('video').get(0).currentTime); $('#totalTime').html($('.item').find('video').get(0).duration); },500)Its been driving me nuts for about 2 hours now and I'm not finding much on google that helps =(
Enable button when checkbox is checked not working
I am trying to implement a validation on a submit button on click of a checkbox. I tested my code on a webpage I saw online and it worked but all efforts to get it working on my page failed (including using pure JavaScript). I noticed that the checkbox's name was not included in the intellisense but the submit button was displayed. I'm using jquery 1.1.1.min.js and jquery mobile 1.7.2 Please help, I'm stuck.
$.ajax is not working.
Hi, I have a function that is calling $.ajax(), but when debugging when it reach $.ajax, it jumped out, these pictures show what I meant : it jumped from line 239 to line 251. any help will be appreciated. Thanks
AngularJS height of tabs when visible before being tabs
I have got a very strange problem. I am new to angularjs but quite familiar with jquery. I do program a frontend in ANgularjs, which is planned to be a singlepageApp, never to be reloaded. I think the problem is located in Jquery or even in html itself. The UI-Core of the page is angularui's 'Tabs'. which means these Tabs are always visible in the same size. I only want one div to get scrollbars, which is div.tab-pane. This is important for the <ul> and the <li> elemets to be always there to navigate.
condition
Hello, this jquery works without any problems, but i want to add a condition that it only toggles the <tbody> when i click on the <td> with the class="check", not with the whole <thead>. thank you for your help! <script> $(document).ready(function(){ $("thead").click(function(){ $(this).next().toggle(); }); }); </script> </head> <body> <table border=1> <thead> <tr> <td>Name</td> <td class="check">Vorname</td> <td>Alter</td> </tr> </thead> <tbody style='display: none;'> <tr> <td>Schmidt</td> <td>Klaus</td>
Issue on closing dialog page after multiple postbacks on the dialog page
I have Page1 in which Page2 is called as dialog. Something like this- <a href="/Page2.aspx" data-rel="dialog" data-transition="slideup">Open dialog</a> In page2, actions are performed as I have gridview operations like edit/ delete and other asp button operations. The postback events work fine. The issue is when I have more than one postback event in the dialog page, the close dialog button do not close. FYI... On each postback event on dialog (page2), the url is appended with "#&ui-state=dialog".
Accordion introduced to page now Main Nav not working properly
I introduced an accordion to this page http://www.kurkerlaw.com/allyson-kurker/ and now the attorney main menu nav item doesnt work. There are 3 attorneys. If you leave that page and go to another it works, so its only not working on the page with the code i introduced. Im guessing some sort of conflict. Hoping someone can help a noob figure this out
jQueryUI autocomplete() inside dialog()
Folks, - My dialog displays a <div> myForm </div> just fine. - My autocomplete does *not work* when on input tag inside of dialog. - My autocomplete does work when used on the same div block in parent/top layer ( *not* inside a dialog ). Definition of "not work": - The autocomplete spinner is briefly seen in the input box. - The apache log file confirms the ajax event was called. - The selections do not appear below the input tag. Has anyone faced a similar issue? If true, how did you solve? Is it
Something wrong with my ajax return false
Hi, I'm beginner in Javascript and Ajax. In this code below I have two validations in my form. The first part checks via ajax if the entered data already exist in the database. If not exist then everything is ok and return is true and script execute to the end (third part). But if return is false I've got this alert as I want, but I want to stop script right there. I don't want to execute script to the end (third part). Second part of form validation works fine. Please, help, where am I doing mistake?
Permission denied to access property 'type' in Firefox with jQuery
Hi everyone, I have been logging the most frequent Javascript errors on Freeciv-web using Track:js and have discovered that the most frequently occuring error on Freeciv-web is the following Javascript error: File: https://play.freeciv.org/javascript/jquery.min.js : 3 | 2856 Error: Permission denied to access property 'type' The error only occurs on Firefox, not any other browser. The error occurs initially on the first page load when starting a new game (url is /webclient ). Stack Trace/ Error
validation plugin help
hey guys im tring to use the jquery validation plugin at http://jqueryvalidation.org/ ive inlcuded the scripts in my head <script src="media/js/plugins/validate/jquery.validate.min.js"></script>
<script src="media/js/plugins/validate/additional-methods.min.js"></script> and configued the validation but im not getting nothing when i submit here is my code: http://jsfiddle.net/0xL3pxwc/ any help on where im going wrong would be greatly appreciated...thank you
Essential things on building a mobile app cloud base
I am a newbie in jquery mobile and my first project for this ui framework is to build a simple crud with an integrated database.. i had already purchase a host online. and i am planning to building the core script using php and mysql because i have a background on this. My problem is that i dont know where to start. Because i want to test the app after on a mobile.. android base. Please help me on where to start specially on integrating the database part when it is deployed already on an android
How to Update Ranking on jQuery UI Sortable Table Rows
Can you please take a look at This Demo and let me know how I can Re number (order) the sortable table when the rows are sorted using jQuery UI sortable? As you can see I have <table> <thead> <tr> <th>Elem 1</th> <th>Elem 2</th> <th>Rank</th> </tr> </thead> <tbody> <tr class="border_bottom"> <td>X</td> <td>Y</td> <td>1</td> </tr> <tr class="border_bottom"> <td>X</td>
Problem with get count comments for multiple comments page
Hello again. Now, i have a problem with the "comments count" in the toggle link in my blog: albertosotophotography. I have this script for show/hide comments in main page: <script type= "text/javascript"> // Show/Hide Comments jQuery(document).ready(function() { // Get #comments div var uniqueAppend = 1; var tempName = 'comments'; while(jQuery("#comments").length > 0 ){ jQuery("#comments").attr('id',tempName + uniqueAppend++).addClass('commentContainer') } var commentsDiv = jQuery('.commentContainer');
Jquery UI Sortable disableSelection Firefox issue with inputs
Hello all, I'm having some major issues using sortable on a table that has inputs in each row. Here is a quick example. JavaScript excerpt: $("#sort").sortable().disableSelection(); HTML excerpt: <table> <tbody ="sort"> <tr> <td><input type="text" /></td> </tr> <tr> <td><input type="text" /></td> </tr> </tbody> </table> The sorting of the <tr> rows works perfectly fine but the inputs cannot be edited in
Populate multiple select options with Json
What i want to achieve I have got one static select html options, these options do not change but will determine what the other select boxes output. <select id="firstselectbox"> <option value="first">This is the first</option> <option value="second">This is the second</option> <option value="third">This is the third</option> <option value="fourth">This is the fourth</option> <option value="fifth">This is the fifth</option> </select> Currently, the code i have written doesnt want to output the following:
Why duplicates in ModelBranch div on results?
Hi every, I've this code and I'm having some issues. If you take a closer look to it you'll see what I'm trying to do is just create non repeated Model-Branch pairs and put the result in div#ModelBranch but something is wrong in my logic since I get repeated results on the div and I can't get where my error is, so any help on this first doubt? Now as a second doubt and related to the same code, I need an additional feature and again does not know how to achieve so need some push or help from people
$.mobile is undefined
Hi I am using the code from the transition swipe demo. something like $( document ).on( "pageinit", "[data-role='page']", function() { var page_id = $( this ).attr( "id"); var page = "#" + page_id; // Get the filename of the next page that we stored in the data-next attribute next = $( this ).jqmData( "next" ); // Get the filename of the previous page that we stored in the data-prev attribute prev = $( this ).jqmData( "prev" ); // Check if we did set
Jquery mobile + php + external server/database issue
Hello all, I started to learn jquery mobile and now I'm making a cross platofrm apllication. 50% of the app is done but now I'm struggling at something very important. My app communicates with an external server (database) but I just can't make it work. I made some html + php tests and if I put the html,js & php files in the server and run the pages from there, everything works. But if I build the app to my device, I'll get the html + js into my device and the php file will stay on the server folder.
input file
how to take values in the input file and added to the input text
specifying a proper path name for a plugin or a UI...
Ever since I started reading up about doing Plugins and UIs, I'm having some issues with my browsers apparently not accessing the ".css" & ".js" files as needed. Here is some sample HTML code I made ... <head> <meta charset="utf-8"> <title>jQuery UI</title> <style type="text/css"> .cool { width: 300px; height: 50px; border: 1px solid #000; } .cooler { background-color: #CCC; border: 5px solid #444; width: 500px; height: 200px; } </style> <link rel="stylesheet" type="text/css" href="../jQuery
validate the number
Hi, i have the field where the user needs to enter the number in. How's can i validate and make sure the number < 30? Not sure how to add the syntax to the code below for this validate, please help? $(document).ready(function() { $( "#getpo" ) .validate({ rules: { supplier_No: {required: true}, lot: {required: true, number:true} } }); }); Thanks
Datepicker Localization
I have a problem with localization. I try to add a timeout and now it works but without timeout no. Where is the problem (this code is in UserControl and with timeout and is ok)? function pageLoad() { setTimeout(function () { var lingua = document.getElementById("<%=hidLingua.ClientID%>").value.toLowerCase(); lingua = lingua; $.datepicker.setDefaults($.datepicker.regional[lingua]); $("input[id$=TB1]").datepicker({
Load external "page" with json data, in a popup.
Hi everyone! I'm new to jQuery Mobile, and this s what I would achieve. I have some data in a json file, that are the infos about a person,like name, surname, age etc. I wrote some code to render it in a external page (like infos.html), now I would open this "page" in a popup in a multipage-site (different pages called in ajax). When open the popup: I need to open the popup when the user click on the name of a person and I've to show the infos about that person. In facts: I have 3 people (it's
fakepath chrome problem
I have a problem in the fake path <input type="file" name="datafile" id="datafile" /> document.getElementById("datafile").addEventListener("change", function() { console.log("change", document.getElementById("datafile").files[0]) var reader = new FileReader(); reader.readAsDataURL(document.getElementById("datafile").files[0]); });
draggable() : How to modify containment array with onResize ?
Hello, I have a big container with 4 div blocs, my container and my div blocs width change when I resize my window. My problem is to change the containment array when I resize window. ex : how to change myVar when I resize my window. this script doesn't work $( "#DragContent" ).draggable({ containment:[-(myVar*NbDiv),0,0,0], }); $( window ).resize(function() { myVar=$(window).width(); } Thanks for advice.
Next Page