checking why a line was added to a plugin using the history tab .
hey guys just a quick question about Jquery code on github , i was just going through the code on dropdown.js on git and saw the following lines of code : var desc = ' li:not(.disabled):visible a' var $items = $parent.find('[role="menu"]' + desc + ', [role="listbox"]' + desc) now what the query inside find actually evaluates to inside find is : "[role="menu"] li:not(.disabled):visible a, [role="listbox"] li:not(.disabled):visible a"; what i actually want is i want to take this line :
Adding catch() method to jQuery deferred.promise.
I've read that jQuery 3.0 will support Promise/A+ spec but I've noticed that the catch() method is missing from the deferred.promise() object. Are there any plans to add catch() to deferred.promise ?
Prob with jqeury-ui with Json format datetime
Hi, i develop web app mvc4 .net with jquery-ui for datepicker but i remark some field ( date time) have a wrong date when i click on the icon for datepicker or field input. With visual studio i follow on debugger mode in the librairy jquery-ui ( jQuery UI - v1.11.4 - 2015-03-15 ) and i see always the same error that is throw at the line 9223 value = 2015-04-02T00:00:00 9220 if (iValue < value.length){ 9221 extra = value.substr(iValue); 9222 if (!/^\s+/.test(extra))
Set left-panel open onload my web
Hi everybody, i'm trying set my left panel opened by default(not clicking). Its that possible?
jquery mobile custom icons greyed out
Hi, I've produced a simple set of web pages using custom icons in the footer, see example at * http://lkjh.org/jquery_mobile_issues/maps.html When first loaded the icons appear correctly against a yellow background as expected. However - after browsing between the pages - and in particular after following a link to an external site and returning - the icons become greyed out. I'd appreciate any pointers to what I might be doing wrong. Thanks Kirby Correct Wrong - Greyed out
DatePicker calendar width issue
Please look at my image below to see my issue.The calendar is breaking out of the div / container? I've put the thick solid red border around it to help show what's really going on (see image below). I'm loading these in the header: jquery.js jquery-ui.min.js jquery-ui.theme.min.css jquery-ui.min.css I also added to my CSS... but this CSS isn't solving the issue below. .ui-datepicker { width: 216px; height: auto; font: 9pt Arial, sans-serif; border: thick solid red; } There is an 'outer
mobileinit and data-animate="false"
Hi, Is there a way to set data-animate="false" or "true" for a panel (that is used as push sidemenu) in mobileinit? Thanks in advance and regards
how to trigger click on the image inside search bar image look like magnifying glass and it came from css
how to trigger click on the image inside search bar ,image look like magnifying glass and it came from css code//.................... <form class="left2"> <input type="text" class="form-control top-srch-input" id="search" placeholder="Enter City, Listing ID, Address "> </form> class//................. .top-srch-input { width: 320px; height: 37px; color: #2b2c30; background: #ffffffurl(../images/magnify.png) right no-repeat; border: none; padding-right: 40px; } i tried this
Child element not firing parent click with .on()
I'm struggling to get a child element to fire the parent click event. If you click on the span the event is not fired but clicking on the div itself fires the event. Any ideas what might be happening? <div class="jqAction" data-jq-action="Pop"> <span> Pop </span></div> $('body').on('click', '.jqAction', function (e) {}
want to do some ajax on browser/tab closed event
Hello Team, I want to do some ajax coding on Tab/Browser close. Is any way to identify the browser close and get it work as need. I have tried some code but not able to get it success. $(window).bind( 'beforeunload' , function (){ return '>>>Before You Go<<<<<<<< \n Your custom message go here' ; }); Its work but not able to customize, If any reference link so it will really helpful. Thank You Jay
Issue With Using Toggle
Hello everyone. I'm not sure why this toggle function isn't working. I have a basic arrow with CSS styles that is initially pointing to the right and I want to point it downward on a click event. <script type="text/javascript"> $("#arrow-right").click(function() { $(this).toggleClass("arrow-down", 1000); }); </script> <style type="text/css"> #arrow-right { border-bottom: 12px solid transparent; border-left: 12px solid #4a3571; border-top: 12px solid transparent;
popup lightbox dinamic with ajax
Hello , recently I was approached and jquery ajax . I'm making a call to a query from ajax to php . It works and gives me what I need. I did that a select onchange write in html a listview with filtering and simultaneously, in another div where I post the code to open the popup image. unfortunately it does not behave as in the demo: photo lightbox . But if the div with the big picture I put it directly in the html code , it works . Below I post the code : <ul id="articoli" data-role="listview"
click on Row and call alert function
Hello, I created a table dynamically using Ajax. <div id="header_table1"> </div> $.ajax({ type: "POST", url: "functions/ajax_output.php", data: {func: "loadHeaders", uid: val, radio: radio, offset: txtoffset, limit: txtlimit}, success: function(data){ $('#header_table1').html(data); } }); Now I want to click on each row of the created table and thus should read two values from columns . These should then call a new Ajax function and reload details . I have now tried a call alert using the
How to validate SELECT?
Hi, I am using below code for a SELECT and for validating it but it's not working... I am mean it' considering it valid even if no value! How can I fix this please? <span><label>Birthday</label></span> <span> <select id="cboDay"> <option value="">[Day..]</option> <option value="01">1</option> <option value="02">2</option> <option value="03">3</option> <option value="04">4</option> <option value="05">5</option> <option value="06">6</option>
Framework7 and the native-like
Hi people, I just watched the functionning of Framework7 and their fabulous different system in sections "Killer Features". Ok I grant you, it's easier for them, they only work on one platform. However, the swipe back really think for a native-like feelings and the pull to refresh too. JQM to something like, I think, to the dynamic navbar. But when you swipe it does not give the same effect of parallax. And again, it's really beautiful, and ergonomic. I managed to set up the pull to refresh in effective
Multiplication in Edit Form only working first row
Hey Guys,i'm developing form which have auto complete, add row auto and multiplication between quantity * price. I'm success insert it without bugs but after that i'm going create edit form for this and face the bugs multiplication only working in the first rows after that not working , Then trying copas insert form and put in my edit for plus value (cause it came from database) here is my edit form is succes ---------> http://jsfiddle.net/99nkbv5a/5/ and this this is my view with database only
jquery greater date validation
if i have textbox1 having date in dd-mm-yyyy format textbox2 having date in format dd-mm-yyyy how to validate dates which text2 having greater date than text1
Slideup, remove, add new div/content
Hi So im trying to make my content slide up when im clicking on a button, then I want it to remove, add new content(div etc) and then slide down again, but it only slides up and adds the div. My div is set top height:100px and it goes over my border? Im trying to do something like this: http://leaguerewards.net/ Enter something in the input and then press generate and then the whole content slides up and something new adds and it slides down smoothly :) <div id="wrapper"> <div id="top"> <h1>League
Directing Next Page with conditions
I want to see if I can ascribe directions with conditions to a Next Page button. There's a main page ( Level 1) which has 4 groupings of clickable objects on. From one of these groupings the user selects one of 3-4 items which will each take them to a Level 2 page. I want the Next Page to take user to another of the Level 2 pages in this grouping , and back to the Level 1 page once all have been visted. The condition is that the next page can be any of the 3-4 Level 2 pages not yet vistited since
How to Implement autosave for every 15 mins if cart is modified
I have below jquery, where cart will be saved on a click of 'Save' and default session timeout is 90 minutes. But if cart is modified I want cart to be autosaved for every 15 minutes. if cart is not modified then after 90 minutes session is kicking out the user which is good. User can enter the cart using key board or number pad var _currentInputMode = 'K'; var _sBgColorSelected = "#FFF6D3"; var _sBgColorUnSelected = "#FFFFF7"; var _dragStartCell; var _dragEndCell; var _dragStart = 0; var _dragEnd
How to use multiple jQuery UI themes on one page
Hello jQuery Community, I'm running a content management system (CMS) called DotNetNuke (DNN) that uses JQ UI Dialog Widgets to control the site's content and admin features. I've built some interactive HTML that uses JQ UI's Dialog Widgets as well. I don't want the themes between these assets to conflict so I used the CSS Scope feature on the jQuery UI Download Builder . Which files from the Download Builder package do link to the page so that my assets use the package's theme? No matter what files
How can I visually connect divs with a line?
Hello, I'm trying to connect four divs with lines. These lines show a relationship between each Div (see image below. red boxes are divs). Each DIV will have a fixed width and height and their positions will be set using the position property. Is there a way to do this? I'd prefer to use HTML, CSS, and JQuery only. It would be a bonus if the lines can update their positions dynamically depending on the position of each div. Thank you in advance!
Creating dynamical handlers
how can i add event handlers into <div>s that were created with dynamic class names using php? i mean, i have divs with the names of "danny1","danny2","danny3","john1","john2","larissa1","chloe1","chloe2","chloe3" and so on.. is there any way i can dynamically add event handlers to each of these divs? i tried to add a small jquery snippet within the php loop itself so it will create an handler after printing each <div> using php's echoes but it seems like a messy solution for me since it adds loads
UI Tabs scroll to bottom instead of staying at the top of the page
Hello, I have a rather odd situation with Jquery tabs that only happens in Firefox and only when navigating to certain tabs: instead of opening right under the tabs where the content is, the tab opens on the bottom of the page. The setup is to have tabs within tabs, one level deep. For instance, when I navigate from: http://www.telcogreen.com.au/voice#section-3 to http://www.telcogreen.com.au/data#section-3. It used to happen in Chrome as well and consistently across all tabs, but I fixed it by
Having trouble with remove
I have a new search suggestions feature that works, but I can't get it to disappear when the user clicks off. I have tried a variety of methods to get this to work. I just can't figure it out. Here is the function I have come up with up to this point: <script> var windowObj = window; windowObj.onclick(myfunction(){ $('.results').remove(); }); </script> <div id="results" class="results"></div> I know I need code to exclude the clicks on the search results, but I just want to get this part working
ThemeRoller
Hi, I'm trying to make some new Theme but the site is not working. Theres un error message at the end of the page. Could Someone help me? Thanks
Problem on transition
Hi guys, i have this problem... I would like to change page, show the loading icon and when the transition is ended (or the page is ready) hide the loading icon. All works fine if i don't put in pageconteiner {transition: "none"}. Here the code: http://jsfiddle.net/xpnk10g7/1/ I need to set trandition none because some old mobile don't accept transition (flash, blink on transition), so i have discriminate this with device= false. This code now work for transition, but don't work for loading icon...
Datatable doesn't get initialized
I'm currently building a MVC application with C#. I've used a Datatable in my user overview before, but when I want to use it in the detail page, in a partial view, it often doesn't load. Below I've copied the most important part of my DetailsGroup.cshtml file. While coding, I've basically copy/pasted from my working Overview page, but somehow it doesn't work. @{ Layout = "~/Views/Shared/_LayoutWithoutNavBar.cshtml"; } <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.5/css/jquery.dataTables.css"
listview max?
I have a listview that has 150 items and after about 40-45 the links within the listview stop working... the link is still there but doesnt doing to the correct URL. I'm using this within PhoneGap 2.5. JQM 1.2.0 Any help would be greatly appreciated. Thanks, Matt Enderle
jquery on and off events
hi i am using jquery 1.7.2 in my code i have $(document).off("click",".classname", func).on( "click",".classname",func); $(document).off("click",".classname1", func1).on( "click",".classname1",func1); For the first time onclick of ".classname" & ".classname1" triggers once, but fromt he next time it triggers twice and I have other class elements too having click events and it fires multiple times as I click on new events. Can somebosy please suggest a solution to avoid multiple firing on the click
PHP and jQuery
Well, I have a table that is being created dynamically out of mysql data depending on the GET parameters that are being passed. I would like to 'inject' some jquery via PHP's echoes into the same page that will add some event handlers when each row is being clicked. For example - http://www.mydomain.com/getdata.php?range=year&name=danny gives me the next table - <table> <tr><td> <div class=<?php echo $_GET['name'].'1'; ?>> Some data here within a class 'danny1' </div> </td> <td> Another data here
Need to combine next and previous buttons with keys 37 and 39...
Hello, I've been in zounds of forums and I just can't get it working.I currently have fully functioning left and right navigation buttons on my slideshow - how can I add keypress functions to them so that left and right arrow keys would do the same action?It should be simple,but I just can't get it working. My current small script with only the functioning buttons: $( document ).ready( function () { $( "#slideshow" ).css( "overflow" , "hidden" ); $( "ul#slides" ).cycle({ fx: 'fade' , pause: 6 , prev:
How to get jquery mobile event after the panel is opened?
I can get swipeleft and swiperight event correctly if the panel does not open, but these two events failed to get if the panel is open, would you like to let me know what is the jquery mobile page lifecycle after the panel is opened? And how to monitor event after jQuery mobile panel is opened? Thanks a lot.
pjax-jquery back button issue
Hi, I am using pjax-jquey for ajaxifying my menu. However I find that when I navigate to any menu item and come back using the browser back button,the scripts are getting duplicated. In my case the images in a slider and its navigation arrow heads are getting duplicated. http://balltelle.ca/smokeHouse/ From the above link, navigate to Band--> Directory and come back by clicking on the browser back button. You can see the horizontal scroller slides getting duplicated as well as the navigation buttons
context menu of jstree is not displaying under jquery dialog box.
Hi, I have created jstree in jquery dialog box. But context menu for jstree is not rendering in dialog box. Is it possible to add context menu plugins to jstree in dialog box. Thanx in advance.
Autocomplete using PHP MYSQL not working
Dear Sir refer http://webvikas.net.in/marathe/Autocomplete_search_PHP_Json/autocompleteindex.php Auto complete not working PHP+ JQUERY <?php //autocompleteindex.php include_once('../includes/dbconnect.php'); $query = 'SELECT bg.name, bg.surname FROM member bg WHERE bg.name LIKE "%'.$user_input.'%"'; mysql_select_db($database_DBconnect, $DBconnect); $Result = mysql_query($query, $DBconnect) or die(mysql_error()); $rows = mysql_fetch_assoc($Result); $totalrows=mysql_num_rows($Result); echo
For loop with jQuery
Would you know why my "for" loop integration is not working here? I turned the original, repetitive code from… $('#redvalue1').on('input', function() { redslider1 = $('#redvalue1').val(); redslider2 = $('#redvalue2').val(); redslider3 = $('#redvalue3').val(); redslider4 = $('#redvalue4').val(); greenslider1 = $('#greenvalue1').val(); greenslider2 = $('#greenvalue2').val(); greenslider3 = $('#greenvalue3').val(); greenslider4 = $('#greenvalue4').val(); blueslider1 = $('#bluevalue1').val(); blueslider2
Martin baffled!
I am using a Jquery plugin to validate my simple contact form, works fine on the Google Chrome browser. The IE browser is sort of validating the form, it highlights red around the inputs if you don't put any character in them, it displays a required field, but my minlength rules doesn't work, all you have to do is add a character and the form validates. Weird , if anyone has a suggestion please help!
listview max?
Hi all, New to the forum and I have a question about the 'listview' widget. I'm developing a project that has 2 inputs currently in dropdowns and I like the idea that a listview presents. Unfortunately, I have upwards of several thousands of items in each dropdown. I've seen them both work, but moreso recently one has been crashing more than the other and I think its due to the length of items in it vs the other. We're talking maybe 10,000 in one and 30,000 in the other. Is there a limit to the items?
Form submit
Hello Guys, hope you can help me. I'm programming a mobile website as school project . (m.pension-haus-sonnenschein.de) The problem is to submit the contact form to my mailadress. I don't know how must i include the process. <div data-role="page" data-theme="e" id="kontakt"> <!-- /Seite4 --> <div data-role="header" data-theme="e"> <?php include 'header.html'; ?> </div> <div data-role="content"> <p style="font-family: Verdana;"> <form action="" method="post"> <div data-role="fieldcontain"> <label
Next Page