How to center jQuery Mobile Popup with scrolled contents?
All Popups have the data-position-to="window" style. The body has style="overflow-x: scroll !important;". And the viewport is set to: meta name="viewport" content="width=device-width, initial-scale=1" If the user did not scroll all Popups are nicely centred in the browser window. But after a horizontal scroll the Popups are no longer centred and are partial or completely invisible. They can only made visible after scrolling back. Any suggestions how to fix this?
after Magnifying the image in div : the images remain
Dear Sir http://webvikas.net.in/palavi/landscape.php#nav6 after clicking the View Image Detail works fine. however when i close the div still the image and magnifying image remain...... i mean the div is closed.... however when i move cursor on same position i can see the magnifying image how can I hide this ?
object unshift
i don't know if i need a js forums but..how do i unshift a object please? Object { 1: File, 3: File, 4: File, 5: File } in this scenario how i make key 5 appear at the beginning of the object? like so: Object { 5: File, 1: File, 3: File, 4: File} thank you
enable a button after I choose an item in a select.
When the page loads, the #classeditbutton below is disabled. What I want to do, is make a choice in the select below, and as a result enable the #classeditbutton. I am confused about .active and .disabled .enabled. Functionally, I want the button to load so that it cannot be clicked until a choice is made in the select. Then when a choice is made, I want that button to be enabled so it works. I have tried a few things that have worked before but I am trying to use query this time. Thanks for the
change dropdown submenu open style at hover to click
hi every one i need change my submenu dropdown open style at hover to click i changed :hover in css file to :click and not work it after changed :hover to :click and click on submenu my page just refreshed how to change this style to click please help me i attached my files http://sazeaftab.ir/sx.zip
Can't hide and show controls within a table
Hi, In my table, I have 3 columns, each row has 4 controls: ddlType, ddlOperator, lstSearch and txtSearch. User can add row on the fly. I am trying to make it so that when user selects "Department" or "Location", lstSearch will show, but txtSearch will be hidden. Otherwise, lstSearch will be hidden, but txtSearch will be shown. Here is the code: http://plnkr.co/edit/Z28EfHPWVirRzWa5l3s6?p=preview But for some reason, it is not doing what I want. Please advice. Thanks in advance.
Having trouble with on() and off() method
I'm an old newby to jQuery and encountered a problem with the on() and off() method. At the end of a game some buttons are switched of: if (good == all){ $(".knop").off("click"); $(".knop").css({"cursor":"default"}); } This works good. However: $(".knopReset").click(function() { $(".knop").on("click"); $(".knop").css({"cursor":"pointer"}); }) doesn't set the buttons to work. The cursor becomes a pointer, but "click" is not activated. What went wrong? Thanks in
How to get value of listboxes separately in a table
Hi, I have a table and each row has a dropdown and a listbox. There is an option to add rows on the fly, so if the "Add" button is clicked another row with dropdown and listbox is added. Now, I would like to know how I can get the value of the dropdowns with selected list items in the associated listbox let say, the listbox is called alllstSearch, I will get all the values of the listboxes (for all rows) with the following syntax alllstSearch.join() But I won't be able to know which row it belongs
setting anchor button in bootstrap from disabled to enabled.
I posted this before, but as my wife says all too often, I don't think what I said was that clear. What I want to do is simple. I have a popup on a page. And an edit button in bootstrap, made out of an anchor, on the right of the select. Clicking the edit button is meant to open a dialog and edit the item that has been selected in the popup. When the page opens, no selection has been made in the select. In that case, I don't want the edit button to be enabled because a selection hasn't been made
Question
what is called selector? how many type of selector?
page change jump after transition but only first time
Hi all, searching the web I have seen a lot of similar posts, but all of them very old and without aproper answer: I have a jquery mobile application and I use phonegap build to deploy it. if I specify a page change transition ( I'm using pop ) I can notice a 'jump' in the transition, but only the first time a certain page is loaded. I can see it both on prepared pages ( already present as they are on the index.html file ) and pages that I fill and enhance after an ajax request. I notice the problem
How to Now Button click functionality Perform in datetime Picker
Hello, Here I attached image and below my code. How to Now Button functionality perform in my code. <script type="text/javascript"> $(document).ready(function (){ $("#date_begin").click(function(){ $('#date_begin').datetimepicker({ startDate: "today", todayBtn: true, autoclose: true, todayHighlight: true, minDate: "today", changeMonth: true, changeYear: true, dateFormat: 'dd/mm/yy'
Remove specific value in a file input type element after multiple selection
Hi there, is there a way to modify a file input type's value?, i am using a multiple type selection and i want to remove a specific value in it, help is very much appreciated!! ,Thank you and Godbless
Animate - toggle counter confused by colorbox
I have a simple animation loop running that rotates an element (using jquery.transform.js) and toggles its opacity. This runs fine on page load, but gets all verklempt when the user opens one of several colorbox links on the page. What happens then is that the opacity toggle seems to have its counter set wrong - instead of toggling the opacity from 0 to 1 and spinning the element, the animation spins the element and toggles opacity from 1 to 0. Is there any way to protect the counter or reset it
Back Button Broken in iOS App
It appears that iOS 9 and the last version of iOS 8 broke the back button in jQueryMobile. The back button works on a site while in Safari and Chrome browsers. However, the minute you save it to the Home screen (to lose the browser chrome), its back buttons fail in the Web app. Example: http://newmaterial.com/backbutton Short of a custom JavaScript button, is there any workaround strictly within jQuery Mobile? Thanks.
Adding / Removing Selected Checkbox and Radios to Array of Object
Can you please take a look at This Demo and let me know how I can store the selected checkbox and it's associated data (radios)in array of objects like this: var yourSelection = { commedy: [ { movieName: "", bestPart: "", overall: "" } .... { movieName: "", bestPart: "", overall: """ } ],
I use Datepicker Widget
I use Datepicker Widget and i need do to close the month with arrows were only their names (previous and next). How i can do this?
Getting the EQ from dynamic list.
Hi, can anyone help me with the following, I have created a fiddle, https://jsfiddle.net/a4poster/zd6uwmp5/ . When a user clicks on the list the eq() of the list is displayed in the alert box. Thanks in advance.
Using Jqurey Mobile without the Ajax/caching stuff?
I like the jQuery mobile, but new to it and new to jQuery. I am having issues with the caching. Ive used $('a').live('click', function() { var $this = $(this); if ( !$this.attr('rel') || $this.attr('rel') != 'external' ) $(document.getElementById( $this.attr('href') )).remove(); }); to disable it, but it does work all the time. Ive also had trouble setting up default transitions, I put in $.mobile.defaultTransition('none'); without any effect. With these 2 key issues, I just want to turn
FAQ jQuery function trouble
I am trying to finesse a FAQ section in Wordpress using jQuery, but am stuck on the last part of the function. We have categories, which have questions, and each question has an answer. At start, all elements are closed. Each element opens as it is clicked. Each category will close when it is clicked a 2nd time. Here is the test page so far: http://www.maxwellparknc.org/faqs/ What I can't figure out is how to get the answers that have opened to close when the category is closed. I can't figure out
"uncaught exception: jQuery UI Tabs: Mismatching fragment identifier."
This has been driving me crazy. I can not find a mismatching fragment identifier. If there is one, what is the fastest way to find it? But using google to search out this error, every hit I examined indicates it is due to an incompatibility between specific versions of jQuery and jQuery UI. How does one distinguish between a real fragment mismatch and one due to such an incompatibility? My next question is based on the observation that the versions of jQuery and jQuery UI are rather dated relative
Remove selected value from other dropdowns
I have some html form labels and each of them has a dropdown list next to it. Now I want people to choose a dropdown value but when one value is chosen this value has to be removed from other dropdown boxes. This is my html (sort of): <label>Gebruikersnaam</label> <select class="dropdown"><option>1 to 20</option></select> <label>Gebruikersnaam</label> <select class="dropdown"><option>1 to 20</option></select> <label>Gebruikersnaam</label> <select class="dropdown"><option>1 to 20</option></select>
Strange width change to all elements after a form that won't submit
I have 2 problems on a page that may be related somehow. 1) The first form on this page simply will not submit. 2) All of the elements immediately after the form are slightly wider on the screen than anywhere else on the page. http://m.publicmissiles.com/page1AF.aspx Please help! ---Frank
Event handler multiple functions
In jQuery, can an event handler function execute multiple functions simultaneously when 1 or more event fires?
understanding what gets returned when a plugin thats attached to $(jQuery) is executed .
Hey guys suppose i have the following plugin: ;(function($) { $.me = function() { console.log('i am a plugin that does nothing !') if(this.init) { // if "if" gets executed , all methods exposed with only $.timer are exposed and available return new $.me(); } else { // so if "else" gets executed all methods exposed through jQuery $. are available ? correct ? return this; } }; })(jQuery); I have commented my difficulty
Combine forms
Hello, I'm trying combine 2 forms if requirement is met.. Basically we have contact form and newsletter. We need to clone the email and name values unto the newsletter form if the user opts-in to subscribe to it, and when he/she clicks submit, the contact form will be sent and the newsletter as well.. but if he unchecks the checkbox, only contact form will be sent..kind of vice versa.. below is the html, but I don't know where to begin..thank you.. <form action="contact.php" method="post"> <input
two different jquery autocomplete with widget on same page not allowing mouse selection
using jquery 1.11.1 jquery UI - v1.11.2 I have two jquery auto-complete user controls in asp.net that using the mcautocomplete widget. The two auto-completes are in different .js files and are going against different data sources. The first ends up putting it's data into a cAgencyID class, the second and different js puts its data into a class called cClassID. The issue I have is when I have these two users controls on the same page which ever control is at the top does not allow for mouse selection
accessible jQuery UI autocomplete that functions like jQuery mobile listview or filterable widget?
I'm creating a filter functionality for a search results page that must be accessible (WCAG 2.0 Level AA) and mobile friendly. I can see there are accessibility considerations for jQuery UI's autocomplete widget , however I'm looking for the options list to always be visible, much like jQuery mobile's filterable and listview widgets. Can anyone either suggest an accessible extension of the jQuery UI autocomplete that will achieve this? I'd like to progressively enhance a select box (so that without
image uploading.
what is the most native way of uploading a file in simple HTML ? <input type="file" id="myFile"> ? I have heard about the HTML 5 File API , suppose i use a plugin like this one, will i need to use the HTML5 file upload API ? I am just building a silly one page app , that does nothing but helps successfully upload images , i have not started to think of backend yet. Thank you.
Optimization for Small Screens iPhone iPod
Optimization for Small Screens. I'm currently working on an app that will play animated videos. Clicking onto any of the image in the carousel will take you to an animated video http://orain-na-cloinne-bige.e-storas.com My question is there a way of overlay a div on the video when it's in full screen mode on iPhone?
Adding modification (around) the Fotorama plugin.
Hello everyone. While entering the 'Topic' information for this thread it occurred to me that Including fotorama is probably not necessary since it's doing exactly as it should. Including it my project is the issue. Ill begin by attempting to describe the problem as clearly as possible without creating a book! I apologize in advance if at the end, you are left mind-boggled. The above mentioned "project" is an online pre-owned clothing outlet. I'm in the middle of rebuilding everything from directory
Change Check All and UnCheck All Button
I have following code to have an Uncheck button button on the form. I would like to toggle between Uncheck and Check All when user click, The initial value on the button is Uncheck which the text change to Check all, but it does not change back to Uncheck all. Any suggestion is great appreciated, Regards, iccsi jQuery("#btnCheck").click(function(event) { alert($("#btnCheck").attr("value")); if ($("#btnCheck").attr("value") == "Check All") { $("#Mychk").prop('checked',
jQuery JIRA Post not working in IE/FF
I am trying to post data to JIRA and it seems to only work in Chrome. Does not work in IE/FF. Please Help. I think this has something to do with the ajax call setup. Not sure what I need to get this to work. $('#new_request > footer > input').bind('click', function(e) { var subjects = $("#request_subject").val(); var descriptions = $("#request_description").val(); var attachments = $(".upload-link").attr('href'); var cust1 = $("#request_custom_fields_27736417").val(); var cust2 = $("#request_custom_fields_27745068").val();
n00b question about map
I have a JSON array that looks like this: [ {"concept_name":"Blah","concept_id":"1234"}, {"concept_name":"blah2","concept_id":4231"}, ... ] and I am trying to write a $.map to parse this as a part of an autocomplete. In this case the JSON array is inside "data" response($.map(data, function (value, key) { return { label: concept_name, value: concept_id }; } And am getting an error "Uncaught ReferenceError: concept_name is not defined " I am a super newbie with JS so I am
draggable overlap detection trouble
I have many div's that are spread across the screen. Each one is jQuery draggable on the x-axis. You could imagine it as a ui-slider with many handles. How can I write a function that will check whether when anyone of the div's which I may be dragging has overlapped any other div or div's? I would like a to have a global status indicating if any are over lapping and also a way to determine the id's of only the div's which overlap. This is what I have created so far but clearly I have buggered it
to sort or to drag and drop?
to sort or to drag and drop?...i don't know....i need some advice and a bit of help please. here is my fiddle: http://jsfiddle.net/destramic/spvogc4d/ basically what im after is for the images without the blue border to be able to switch places with the blue border image only and for the blue border image to replace one which hasn't got a boarder. do i use sort of drag and drop on this please?...also fiddle isnt working for some strange reason. any advise or help would be appreciated guys. thank
autosuggest (cfc and jquery) help
Hi All, I need some help on my task. Im stucked and need to see my error. Please help. Basically, I just need to an autosuggest on my input text. (form.cfm) [CODE] <html> <head> <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/redmond/jquery-ui.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script> <title>Untitled Document</title>
Conflicting js/jquery.min.js
Dear Sir js/jquery.min.js conflicting refer http://webvikas.net.in/palavi/landscape.php#nav6 when click on following link View detail Image The alert should work which is not working however if I remove following <script type="text/javascript" src="slidejs/prototype.js"></script> <script type="text/javascript" src="slidejs/scriptaculous.js?load=effects"></script> <script type="text/javascript" src="slidejs/lightbox.js"></script> Click event on View detail Image Works However when i remove above 3
Can't get jquery and dependsOn code to work
I am new to this and have tried a simple page. The code is below. Supposedly the text box should only appear when the checkbox is ticked. It is currently there all of the time. I have jquery and dependsOn in the same folder as the web page. The code I have is <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> <script type="text/javascript" src="jquery-1.11.3.min.js"></script> <script type="text/javascript"
Autocomplete is not a function
I have read previous posts that says that the UI files are not loading correctly. I have tried everything, changing the order etc. Nothing seems to work. Error occurs when loading the page. Below you will see where I load the various files in the header tag. <link rel="stylesheet" href="jquery-ui.css" media="screen"> <link rel="stylesheet" href="jquery-ui.min.css" media="screen"> <link rel="stylesheet" href="jquery-ui.structure.css" media="screen"> <link rel="stylesheet" href="jquery-ui.structure.min.css"
Next Page