Issue with popups in IE
Ok so i'm using IE and Firefox. With firefox the below code works fine but runng in IE the onclick event from my form is never triggering the javascript function call. If i open the IE debugger and change this to an alert and than back to doClose it works fine. Any ideas? <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> var popupWindow = null; var popupIsShown = false; function getValues(){ //get all the elements that are inputs var inputs
Fixed footer moves above the keyboard during text input
I've adopted fixed toolbar design in JQM for my mobile app using data-position="fixed" They look just fine, except that in some devices (typically Android devices), when user tap on text input box, they keyboard shows up and the footer moves from bottom of the page to above the keyboard (that is in the middle of the page) This doesn't happen for iOS though. Have any of you face this issue before? How to prevent the footer from moving above the keyboard? It would taking up too much space and left
How to get style attribute values of select box like width and height using JQuery
Hi All, How get style attribute value using jquery <select size="6" id="control_list" style="width: 165px; height:200px "> I want to know style attribute width and height values using JQuery. Thanks , Nazeer
BlockUI not working from within Firefox extensions
Dear All, I am developing a firefox extension, and within the extension i try to use the BlockUI feature. However, everytime this feature is called, I receive the following error: Error: NotSupportedError: Operation is not supported Source File: chrome://testExtension/content/jquery-1.9.1.js Line: 6926 BlockUI works perfectly fine in Firefox however, when called from within an extension, it triggers this error. Is this a bug with blockUI? I am currently using: Firefox: 20.0 Jquery: 1.9.1 BlockUI: 2.57.0
how to trigger pageload event?
Hi all, This is what I do to register the pagecreate event: $('#MyPage').on("pagecreate", OnPageCreate); function OnPageCreate() { alert("created"); } However when I try to register the pageload event in the same style: $('#MyPage').on("pageload", OnPageLoad); function OnPageLoad() { alert("loaded"); } That doesn't work. Appreciate if someone can shed some light on the matter.
How to get size attribute of select box in JQuery?
Hi All, In the above statement size attribute value is 6 . how can i get this values using JQuery. <select size="6" id="control_list" style="width: 165px;">
Jquery UI dialog close button
Hello, I have downloaded JQuery-ui.css in my development workspace to create a dialog box. when the dialog box appears on UI, the image for close button doesn't appear, only a rectangular space appears and on click of that, the dialog box closes.If I want to put my own image for close button how should i go about it.
Correct syntax jquery accordion
I use jquery accordion and it work properly, but I'd like to know if I used the correct syntax. Here is the code: <head> <script> $(function() { $( "#accordion" ).accordion({ icons: { "header": "ui-icon-circle-triangle-e", "activeHeader": "ui-icon-circle-triangle-s" }, collapsible: true , active: true }); }); </script> </head>
A beginner question is jquery.
Hi, I m learning jquery , and I m stuck at a point. I m trying to create a form for my practice and I want the fields to replicate itself when a + button is clicked but instead of showing the whole code I m only going to ask the part where I m having problem to simplify. So here is the question, I want the buttons to replicate itself when clicked. However only the first button is replicating but I wanted all the buttons to do the same thing. CODE: http://codepen.io/sayed2x2/pen/czybt
Accesing jquery var into html
Hi. I have something like this: <script type="text/javascript"> $(document).ready(function() { var button_text="Place Order"; }); </script> and I want to show this text (it can be different depending on situation) in my jquery mobile button <a href="#" data-role="button" data-mini="true" data-inline="true" data-icon="check" data-theme="b"> <script>$(button_text).eval();</script> </a> is this possible? Anybody knows how to do it? I tried several ways but no results. Thanks
how to handled external page buttons events in dialog box ?
Hello, How to handled the external page button events in dialog box. below is the my code $('#matrixOptionsContainer').dblclick(function(){ $("#matrixsPopup").dialog({ height: 500, width: 580, modal: true, open: function () { $(this).load("updatematrix.html"); }, title: 'Matrixs properties' $("#matrixsPopup").dialog("open");
Problem with url
Hello, I'm having problems with the creation of a url, which makes me feel a genuine idiot. The problem is this, I'm using the same jgrid through and create a button to display a small window like this: jQuery.ajax({ url: "include/resumo_projetos.php?iduo=" + iduo + "&idorg=" + idorg, type:'GET', dataType: "html", success: function (data) { $("#teste").dialog({title: 'Resumo da informação sobre projetos', width: '800', height:'600', resizable:false,
Radiobutton change not detecting checked button
With jquery 1.9.1, using the radio button change event does not detect the fact that the radio button selection has changed. this works with 1.8.3 but not with 1.9.1 1.9.1 shows original checked button does not pick up the change any ideas, this is a urgent problem for me. Thanks <!DOCTYPE html> <html lang="en"> <head> </head> <body > 1.<input type="radio" name="rdio" value="a" checked="checked" /> 2.<input type="radio" name="rdio" value="b" /> 3.<input type="radio" name="rdio" value="c"
unable to select whole column of DataTable9.1
hi all, here I am using tree view and Data table 9.1. with drag and drop functionality;Once i drag a node from tree view to html table it has to be column ;it is working fine;In same way when i drag a column from data table and drop on to tree view column should be deleted;I done some code;here i am attaching ;Currently dragging is possible for hard coded data..i already given 2-3 columns ;for those columns i can drag and drop total bunch;but when i am dragging newly added column Only column header
JQM iframe handling
Hi all, I'm building a JQM (1.3.0) web app and I need to include some content from external pages (php pages on the same server). I'm trying to use JQM popups but I cannot make them to work properly. It seems that I can only use fixed iframe width and height. But using fixed width/height won't work on all mobile devices, expecially when changing page orientation. Is there a sample to look at using JQM with iframe on mobile devices? The sample provided on JQM website are fixed width/height. I would
Extending widgets
I'm trying to combine the Selectable and Draggable widgets to allow elements to be selected and then all of the selected elements to be dragged somewhere. I've created a widget which applies Selectable to a container, and then applies Draggable to the elements of that container. The result is: An individual element can be dragged. Elements can be selected by dragging a lasso around them. So to extend this, I need to add some functionality: Elements should still be selected on mousedown. Dragging
Jquery Tree menu with different context menu item
Hi, How to design menu using tree menu with different context menu item. Thanks in advance Regards
Poor performance of checkboxes in a controlgroup
I have a page with popup that lets user select the items to be displayed. Problem is, when the number of items (checkboxes) in this popup is too large (say 50 checkboxes), the page is running very slow on mobile when user trying to scroll through the list to check/uncheck the items. This fiddle gives the basic idea of how the filtering looks like. http://jsfiddle.net/UeGPn/ In actual application I used iScroll to wrap around the checkboxes so that the popup fits the height of the screen on mobile
JQuery Cycle Plugin not working in Wordpress 3.5.1
I recently moved a site to different host for a friend. In doing this it appears to have broken Jquery cycle that was being used to rotate some images. In addition to a new host WP was also upgraded from 2.9.2 to 3.5.1. Below are links to the sites. (warning adult content - non pornographic but NSFW all the same). sohclub.com - new host (godaddy) and wp version - broken sohtest.statestdesign.com - test host (host gator) and old version of WP - working Code is the same in both. I've tried versions
Floating nav and slider issues
I'm working on a new site and I'm trying to learn jQuery in the process. I have a question about three problems that I am having. First is the floating nav is jumpy in safari but smooth in ff. My slider seems to wait to load and then the text on the right is garbled for about four seconds (I believe the time is the time for transition). The other is that the slider is displaying on top of the floating nav when it scrolls. If you scroll down you will see the slider appearing above the nav in ff
JQuery doesn't seem to be working...
Hello. I have some JQuery code on my test site to set the margin and padding of some elements, but it doesn't seem to be working. Does anyone mind looking at my code to see if there is anything I am doing incorrectly? var footerheight=$('#footer').height(); var footerheight=footerheight+43; var negfooterheight=footerheight*-1; $('#main').css('padding-bottom', footerheight); $('#footer').css('margin-top', negfooterheight);First, I am trying to get the height of #footer, and store that as footerheight.
jquery date picker does not close after I select a date
Hello; Why doesnt this date picker close after I select a date? Thank you
Sortable drag-n-drop offset then using scroll bars
I have a problem with a sortable table when I attempt to put scroll bars on it. The offset is off and it makes the use of it very bad. Everything works fine without the scroll bars. And with the scroll bars it works fine using FireFox. My problem is with IE8. I've attached a simple zip file with an easy example. I'm using jquery ui /*! jQuery UI - v1.8.24 - 2012-09-28 and jquery jQuery v1.8.3 jquery.com so they are pretty new releases. I see there have been some reported offset issues but they are
Jquery Plugins not working
Hello everyone the plugin for Jquery checkboxes does not work in my project. It works when I copy and paste the same code in any file that is not a part of my project What must be the problem I have my own css linked to the file along with redmond theme from jquery The code for custmozing buttons works but other plugins such as of datepicker and checkboxes and of accordion are not working Please reply soon
Is there a way to append a link an have it perform a seperate function (when clicked) from the other links
I have links that just display "More" that call a function (when clicked) to display more citation links. Problem is they are performing the same function as the citation links AND then adding more links. I have a list of citations that I create with a function inside an ajax call // Loop function for each section (10 citations per section) var loopSection = function(start, stop) { // Http setup for all links var linkBase = "http://www.sciencebase.gov/catalog/item/";
How fast is jqm on 5 year old phones
has anyone had any problems with the speed of jqm as far as simple database operations are concerned? say there is a list of 1000 elements in the database, and the input string much be matched with one on the list. thus no sophisticated graphics, but just a bit of brute force operations. does this prove a challenge for not-the-newest-mobile phones? I mean something beyond 1 second.
How to disable and enable a dropdownlist in Jquerymobile
Hello, I'm kinda new to Jquery mobile. I building a mobile app with asp.net mvc4 and using jquery moblie in the UI. I have two dropdownlists and I want enable or disable one based on the selection of the previous one. How do I go about it. I tried this earlier but it did not work. <script type="text/javascript"> $(document).ready(function(){ $("SelectedActionForUser").change(function () { if ($(this).val() == "3") {
Logical Operators in Selectors
Ok, this seems easy, but I am struggling. I have this... $("a[href$='mp4']").click(function () { But I want it to work for mp4 or mov or more. Something like... $("a[href$='mp4'||href$='mov']").click(function () { <-- which doesn't work apparently Can anyone help me out?
slide panel creates a canvas?
Hello! I wanted to add a slide panel / but if i am doing this, it seems buggy. The panel is taking space and moving everything down. live example: http://www.airwriting.com/app/index.html If i am removing <div data-role="panel" id="mypanel"> test </div><!-- /panel --> everything works fine. Here is my code: <!DOCTYPE html> <html> <head> <title>Airwriting</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1">
can this be done better ? ... slider ui .. legend / text / labels under the slider
hi i'm working with the jQuery UI slider. what i wanna do is to make a legend / text / labels under the slider... i got it but the code looks bad.. any idea how to improve it? var slider = $('#slider'); var minva = slider.slider('option','min'); //36 var maxva = slider.slider('option','max'); //60 var stepva = slider.slider('option','step'); //12 var blokva = parseInt(( maxva - minva) / stepva ); //2 var width = slider.width() / blokva ; var beginst = '<div class="legend"><span
Dialog widget button delayed display
Hello, I'm experiencing a delay in the appearance of the left button in the modal dialog. In our test environment the delay is about 1-2 seconds, in production it's between 15 seconds to over a minute. It doesn't occur all the time. There is nothing specific about the situations when the delay is observed. It happens in the Safari browser on an iPad. Here is the code that defines the modal dialog: function showPopup() { var popupWidth='600'; var popupHeight='350';
Scroller stopped functioning
This used to be a functioning vertical scroller last October. http://allenmoyerdesign.com/ Any ideas how to fix it? I've tried the latest version of jquery and that doesn't seem to do the trick.... TIA Ziska
jQuery ui dialog - getting 500 error on post
Hi everybody, I am trying the following code for my dialog var $dlg = $("#add-edit-dialog").dialog({ autoOpen: false, show: "blind", closeOnEscape: true, resizable: true, width: 1200, height: 750, minHeight: 600, minWidth: 950, buttons: { "Save": function () { if ($("#add-edit-form").valid()) { var urlLoc = '/Client/Edit/' + currentId; if ($('#fntype').val() === "Add") urlLoc = '/Client/Add'; var oForm =
Keyboard-navigation problem
Hello! Hope you're fine! First I will excuse for my bad english. Have some problem with a keyboard-scroll-script. I don't know what I'm doing wrong. I want it to work like this (link1), press "UP" and "DOWN"-arrows to test. But right now it doesn't work here (link2). I have made a script who set the height and width to 100% of the screen. Then I have a script which will listen for keyboard-press of "UP" and "DOWN" key, and then scroll from section, to section (class: keyboardscroll). But it doesn't
AutoComplete Sub-Menu, Navigation, and Other Suggestions
Hi all, I am using AutoComplete from 1.10. I noticed that the AutoComplete does use the menu widget for its results, which is great, but it wasnt very intuitive to figure out how to get sub-menus to happen there. I did eventually figure that out though. My real issue is with navigation. Even though AutoComplete uses Menu, and Menu supports expanding and collapsing of sub-menus using arrow navigation, the menu that is the AutoComplete results does not support this. It appears to be the case that
Trying to load to a specific slide in jquery slider via url (window.location.hash?)
I'm trying to link to a specific slide in a slider from a button located on a separate page, hence anchor links won't work. I thought about employing anchor links within the slider document, located above the slider, but that didn't work. Ideally, I would like to be able to access the specific slides in a manner like this. http://myslider.com/index.html#1 http://myslider.com/index.html#2 http://myslider.com/index.html#3, etc. I am using the Awkward Showcase slider. Each slide is located in within
how to clone nested lists
Hello i wish to develop a simple tool to clone nested elements. Say I have something like the following, where the B's are buttons: -- list B1 ---- sublist B2 ------ subsublist B3 (call it the template) By clicking a button, the corresponding (sub)list, with its sublist(s), should be appended below itself, and it should be possible to redo that more times. However, I want to clone just elements/lists from the original template. If you know of a piece of code that does something close, I appreciate
Google Web Font in Fade Loop
I'm using the following to create a fade loop with Google Web Fonts (Loved by the King is the specific name of the font) ... The jQuery ... [code] setInterval(function() { $("#sayings :first-child").fadeOut('fast').next().fadeIn('fast').end().appendTo("#sayings"); },5000); [/code] The HTML (abbreviated) ... [code] <div id="sayings"> <div>"hello<br />world"</div> <div style="display:none">"foo"</div> </div> [/code] The first child div displays fine on load. Once the animation begins, however, the
CRUD json file with jquery
hello, i would like to know if it's possible to insert, update and delete rows in json file with only jquery or a plugin ? if it's possible, how ? thank for your help,
jQuery ajax problem in chrome
Hi guys. I have problem with this script in chrome and cant solve it. It works in any another browser very well, but not in chrome. Thanks for help. mail = $("#mail").val(); $.ajax({ url: "conect.php", type: "POST", data: "mail=" + mail, cache: false, success: function(response){ if (response == "yes"){ $parentTag.addClass('error').append($error.clone().text("this mail is used...")); show(); } else $formId.submit(); } }) <!-- conect.php --> <? $mail=$_POST['mail']; $queryuser=mysql_query("SELECT
Next Page