Need general advice
I have seen in several posts users being discouraged from using multi page documents beyond a very limited number of pages. Could someone take a few seconds to explain why ? Is it for performance (of the browser or JQM) reasons, because of limits JQM ability ? The reason I am asking now is because I have always used multi page docs with something like 15-20 pages/popups etc and never had issues. This was necessary as the app needed to run offline (saving data entered in the browser "filesystem"
jQuery Mobile removing
I'm having an issue where jQuery mobile appears to be removing events with datatables after calling enhanceWithin(). Below is a sample of the issue, try to use the search: https://jsfiddle.net/Ls70bh0q/ Datatables has events bound to the text input, and as soon as I call enhanceWithin these seem to no longer fire. If you remove the enhanceWithin call the search works fine, but the page doesn't render with the jQuery Mobile styles that I need.
Hi, I am a newbie to JQuery.
i need some help, I use this tabs http://codepen.io/marrysmil/pen/wKywRP and i want to change some function like : if you click on home form line 1 tabs and than you click on profile from line 2 tabs the first line tab need to be closed when i do this :-??
Tooltip Stutters
Hi, If you hover over the images at http://quinnmoore.com you will notice that there is a slight delay as if it is stuttering. How can I get rid of this stutter effect and see it hover over more smoothly? Thanks in advance.
audio issues on iPad
on this site i have set up using fullscreen.js I can't figure out how to get the 'afterLoad' function to trigger a new audio sound on my iPad. It works perfectly on desktop ( safari). if you scroll down the will notice the audio track changes. On iPad the video and audio only pauses and plays (but it sort of works in that it does control stopping and starting separate audio and video tracks which is a hopeful sign that I've done something correctly). http://www.mediaflash.ca/jimscroll/examples/navigationV.html
Accordion collapsible content-width wider than accordion during animated expand
I found this bug: http://bugs.jqueryui.com/ticket/5701 and I am running into this exact same problem. The ticket was closed as not a bug but it appears there is no resolution, workaround or explanation at all. I tried to comment on the ticket but I told me I exceeded the number of allowed posts (new account). Has anyone seen this, or know a workaround?
autocomplete dynamic with data pass
i have two input field, the first have autocomplete with cities names, I need to set the second field zone, with autocomplete filtered by selected city... i tried this but dont work... $("#zone").focus(function(){
var c = $('#city').val();
$('#zone').autocomplete({
source: '/auto_q_int.php?city=' + c
});
});
auto_q_int.php is: class Autocomplete
{
public $term;
public $conn;
public function
Audio not playing in the mobile (works only in desktop navigator)
Hi, I'm having a problem playing an audio when I test my application in the mobile. I have a simple audio element like the following in the DOM: <audio id="audioID"> <source src="audio.mp3" type="audio/mp3" preload="auto" /> <source src="audio.ogg" type="audio/ogg" preload="auto" /> </audio> Then I play it using: $("#audioID")[0].play(); This works fine in my computer, using Chrome, but when trying it in my application (phonegap app, or directly in the Chrome browser from Android) it
can someone help me with this ?
if I send someone the HTML file I'm working on and also send them the jQuery plugin could someone help me ? every time I put the plugin into my html it disturbs the jQuery running the entire web page any help would be fantastic !!
Save dynamically created fields in MYSQL databse
Dear All I want to save fields that are created dynamically <table width="100%" class="table table-bordered" id='invoicetable'> <thead> <tr> <th width="5%"><h4 align="center">NO</h4></th> <th width="50%"> <h4>Perticuler <label for="numberofrows"></label> <input name="numberofrows" type="text" id="numberofrows" value="1" /> </h4> </th> <th width="15%"> <h4 align="center">Hrs/Qty</h4>
Set height of multiple select menu
I have a custom multiple select with a lot of entries. When I open it, it opens a dialog with a very long list, so that I have to scroll down the entire page. How can I open it in a smaller dialog with scrollbars? < div class = "ui-field-contain" > < label for = "select-custom-1" >Basic:</ label > < select name = "select-custom-1" id = "select-custom-1" data-native-menu = "false" > < option value = "1" >The 1st Option</ option > < option value = "2" >The 2nd Option</ option
admob on jquery mobile
hi, i created an app with jequery mobile and phone gap. added an admob plugin of cranberrygame . the admob banner is shoen but it always scroll with the page. no matter if it posiosion at the end of the page or at the bottom of the scrren. every Suggestion helpful !
Help on Toggling a Footer Menu
Hi everybody, new to jQuery here. I'm looking for some help. I'm trying to create a footer menu for my wordpress site that I'll use for mobile devices rather then our full footer. Basically the parents in my code are the headers of each set of child links that I'd like revealed once that parent is clicked. Problem is I don't know how to use jQuery to select those child sets of links that belong to each parent/header. So this causes the results to be various child links rather then the ones that belong
What colour the best way let users know for new products
Hello guys, Need some disscussion and advice what the best way to give user know where is the products news inserted, so i create this http://jsfiddle.net/dauruk0512/44yedtfo/27/ by event click what the right way based on my background above ? Point : give uses nice experience in UI and UX
Cannot get datepicker() to work - undefined.
Just downloaded 1.11.4 version of jquery-ui. Docs Say: Basic Overview: Using jQuery UI on a Web Page Next, open up index.html from the downloaded zip in a text editor. You'll see that it references your theme, jQuery, and jQuery UI. Generally, you'll need to include these three files on any page to use the jQuery UI widgets and interactions: 1 2 3 <link rel="stylesheet" href="jquery-ui.min.css"> <script src="external/jquery/jquery.js"></script> <script src="jquery-ui.min.js"></script> 1 <input type="text"
Wild card search while using AutoComplete plug in
I am looking for wild card search while using Autocomplete search plug in. Can somebody please help in for the same. Thanks, Anunay
Keith Wood DatePicker today function
Hi, I'm using jQuery DatePicker. How can I change the "today" date? Date that highlighted after click on today button/command. Thanks
Data in p tags not rendering when calling via AJAX
Hello, I have a PHP page the renders input fields and then my main page calls them in via AJAX. Here is a sample of what the PHP page generates: <p class="fieldLabel">Select Date:</p><input name="field_1" id="field_1" type="text" class="inputTextDatePicker" placeholder="" value="" maxlength="10" /><br /> Then, on my main page, I use the AJAX success handler to perform the following: jQuery('#div-custom').html(result).show(); jQuery("#div-custom").find(".inputTextDatePicker" ).datepicker({
Drag left/right
Hi guys! I've seen this website : http://earth2045.com/ does anyone know what kind of jQuery to do it ? thanks!!
jqeury mobile pagecontainer change not working on swipe
I am working with jqm 1.4.5. I want pages to change when user to swipes left and right. So I created this code: $(document ).on( "pageinit", ".my-page", function() { $( document ).on( "swipeleft swiperight", ".my-page", function( e ) { var prevLink = <some url>; var nextLink = <some url>; if ( e.type === "swipeleft" ) { $( ":mobile-pagecontainer" ).pagecontainer( "change", nextLink, { reloadPage: true}); } else if ( e.type === "swiperight" ) {
Chrom Debugger Crashes
Dear JQuery Folks, i have write a piece of code which you can see in here: /////////////////////////////// // Handle Multiple Views // /////////////////////////////// function setActiveView(multiViewId, viewId) { if (multiViewId == undefined) throw "multiViewId is Undifined"; if (viewId == undefined) throw "viewId is Undifined"; var mv = $(".multi-view").filter(function () { if ($(this).data("multiViewId") == undefined) throw "data-multi-view-id is not defined over multi-view";
tab control should skip readonly only eithr using jjquery or javascirpt
Please any body suggest me the i have 100 dynamic fields in form.We have some readony fields.when tab is pressed it should skip reaonly and focus to next text field.
Accessing the selected value from a Dynamically generated DropDown List
I have created multiple Dropdown list dynamically with the class "selectAggreagate". But when I trying to get the selected option I cant get the value of dynamically generated one. This is my drop down list Sum Max Min This is my html code snippet <select class="selectAggregate"> <option> Sum </option> <option> Max </option> <option> Min </option> </select>This is my Jquery code. $('.selectAggregate'').each(function()
Conflict on my website - I need help
I have been trying to get my website to work properly for ages now, but I keep running into Jquery issues. Here is the deal: to create a sticky header + background-slider, I installed the following extension: * JU Sticky Panel Website: www.kineticignition.com After enabling this extension however, Im getting a Jquery conflict on my homepage and several other pages. The Sticky Panel plugin works correctly however. I then tried to fix things with Jquery Easy (another plugin) and although it fixed
Append element that contains user entry to the top of a list
I have 300 plus list of items that I'd like to make easier for users to find what they are looking for. I want the element that contains what matches what the user types to move to the top of of the list or into another element at the top. my code looks like below. Any Ideas on how I can achieve that? See complete code here var $showYourself = $('.sort-plate').text; var $rollCall = $('input#sort-plate').text; $('button').click(function () { if ($showYourself === $rollCall) { $('.sort-plate').appendTo('#show-here');
Autocomplete Select Problem in iOS
The user has to select the autocomplete result twice to trigger the select event in iOS 9. I have an iPad 1 that's running iOS 5 and it works fine as it does on any other browser, but not on the later versions of iOS. I have searched everywhere for a solution, but nothing seems to work. Tried variations of this solution . Does anyone have a fix for this? Thanks for any help! Code: $("#<%=txtEmail.ClientID%>").autocomplete({ source: function (request, response) {
.onclick turn 3 cards (divs) instead of 1
Hi all, I am trying to make a solitaire like game. When I click the cards (read: divs) that are stacked on the deck pile, the top card will turn and move to the left. This all works great. I am using the following code: var z = 1; $('#deck .card.flipped').on('click', function () { if (!$(this).hasClass('dropped')) { $('.card').removeClass('ui-front'); $(this) .addClass('ui-front') .addClass('on-discard-pile') .addClass('dropped') .css({'z-index': z++}) .animate({left: '8rem'}, 200) .draggable({ disabled:
How to use an IFrame in a mobile app?
HI guys, I am kind of new to Mobile apps and I am trying my best to catch up with different stuff that could be done creating an app. I am working on a test app which in it I want to use an IFrame to display a webpage, and to create that path I have used the IFrame inline code but when I open it the page is not showing correctly and not acting responsive. I have tried all kinds of auto or 100% on both height and width of it ... it just becoming more confusing and time consuming, Could anyone please
help to identify the plugin website Russian
</ul> </div> ?<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script> $(document).ready(function(){ window.l = window.sessionStorage.getItem("l"); isTest = window.sessionStorage.getItem("test"); isAssignment = window.sessionStorage.getItem("assignment"); if(!l){ l = []; window.sessionStorage.setItem("p", 0); window.sessionStorage.setItem("o", 6); }else if(!window.sessionStorage.getItem("code") && l){ l = JSON.parse(l); p = window.sessionStorage.getItem("p");
Trying to change parent document from child document - RESOLVED
I saw this in the form in a few places where the child document can access the JQuery of a parent document. I do not have any HTML in the child document. It is only PHP creating mySQL databases and tables. I have this at the end of the document/script. Neither way works but I am showing both of what I did. <script type="text/javascript"> $("#tabs").parent.tabs( "option", "disabled", [ 0, 1, 3, 4 ] ); $("#tabs").parent.tabs("option", "active", 2); window.parent.$("#tabs").parent.tabs( "option", "disabled",
jQuery ui, slider how to get value from $(this)
Im using jQuery ui's slider, and my question now is kinda simple, i want to know how i can get value from $(this).find(".progress-bar").data("valuenow"); This is my code: $( ".slider-vertical" ).slider({ orientation: "horizontal", animate: 'fast', range: "min", min: 0, max: 100, value: 60, slide: function( event, ui ) { var test = $(this).find(".progress-bar"); $(test).css("width", ui.value + '%'); } }); The
Ajax jsonp callback function called before return of ajax call
The following seems to be the standard way to call a crossOrigin AJAX but the callback function is called as soon as the ajax call is made and crashes because the response is empty. What kinds of things could produce this behavior? $.ajax({ dataType: "jsonp", type: "GET", url: "http://www.someotherURL.com" async: false, data: { Oper: "C360LoginTestUnique", LoginName: l, UserName: u,
$Ajax POST not working under virtual web site in IIS 7.5
In the code below, when hosted in IIS 7.5 in a Virtual Web site on the web server, the $ajax POST won't work unless the alert("Records Saved Sucessfully"); is there. If I leave that out only a GET is submitted and the page refreshes. On my DEV box it works fine without the alert. A POST is submitted if the alert is there. Another type of function won't work (like a function that adds numbers, or does nothing). This seems to me like a jquery bug. if (maxchk < 2) { // var urlvar = actionType ==
jQuery DatePicker date format
Hi there, I'm using jQuery DatePicker and I would like format the date in a way that I can omit leading zero e.g. Sept 6, 2015 would be 9/6/2015. How do I do this? Joe
i want a buttom like this… pls help me to create a button like this
i wonder if someone help me to create a button like this: See Green button on right side showing half phone number however on click it shows complete phone number. http://www.pakwheels.com/used-cars/suzuki-mehran-2011-for-sale-in-lahore-1323197 Support I have a phone number that is not completly visible i.e phone number is: 0123456789 and i want to show those numbers as 0123456... and on click complete number should be available for users. just like above link. plz help best regards
Jquery UI Date Picker Restrict Date
I've got some existing code for a jquery ui date picker that needs to have a restriction on the current date. If a user is attempting to use the date picker to schedule service, they need to not be able to select the same day as the current day. I understand what I'm looking at here, but am a novice to say the least and don't want to break anything. Anyone have any suggestions on how to do this? var weekday = new Array(7); weekday[0] = "Sunday"; weekday[1] = "Monday"; weekday[2] = "Tuesday";
Using AND logic in jQuery selectors
Hi guys, Not sure, but this seams to be a tricky one... I want to use the selectors to select a certain element, that has two different other elements in it. For example: <div class="main"> <div class="search01"></div> <div class="search02"></div> </div> If I would do that: $("div:has(div.search01, div.search02)") it would return on both elements, so only one need to match. So basically the , does OR. But how can I do AND logic, so that both divs inside needs to match? Is that even possible? Thanks
Newbie Question - where is the method
I have been given an unfinished project which seems to function, part of which is manipulating numerical data from a db. The actual code works fine. Depending on which var is selected in a dropdown form, output1 and output2 changes (is manipulated ie multiplied by 100 or divided by 10). My question is where should I look for the actual code that determines the manipulation, I have searched in all js files, there is nothing that refers to any of these variables. The reason for this question is that
Sky with stars. please help
hello friends jquery moderator apologize if this question is elsewhere My name is Gavriel and I built a small social network joomla I'd like that at 10:00 pm appear stars in the background (as in real life) the sky becomes dark and twinkling stars are born as I can achieve that effect with jQuery ? Thank you very much everyone for help .. greetings =)
when does a plugin noConflict get used ?
Have a look at th below function: $.fn.carousel.noConflict = function () { $.fn.carousel = old return this } I read about the jQuer.noConflict() , but i am just curious about how and when would such a function be necessary and how would it be used ?
Next Page