Make a datepicker script compatible with jquery 1.9 ?
Hi there! I adapted a few months ago a datePicker script to my needs (basically selecting multiple days by clicking on the different dates). The original script : http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerMultiMonth3.html Here is the way it works well (you can see that you can select multiple days) : http://www.imerege.com/FTPdivers/CeA/test/index.html Problem is: I'm moving to a Bootstrap website, using the latest versions of Jquery... And it seems that my datePocker doesn't
Tablesort plugin issue with > 1,000
So I am using the tablesort plugin on a table on my site. However, if the number is over 1,000, it sorts it to the bottom (when I am sorting descending). See http://www.coinchoose.com. This is a percentage (so it is 1,000 %) - is there anything I should adjust?
How to make jquery mobile faster
Thank you in advance who will help me, and sorry for my bad English. I'm trying to create a PhoneGap application with jquery mobile for ios and android devices. The result is not bad but very slow, due to problems in the data-slide transition when data is imported from json are too many. The style used is that of the side menu with slide effect http://jquerymobile.com/demos/1.3.0-beta.1/docs/demos/panels/panel-nav-form.html. I have improved the functioning of my app with jquery mobile using code.jquery.com/mobile/latest/jquery.mobile.min.js.
Jquery Mobile + JQuery - Google Maps problem.
Hi, I am facing following problem. I have an app using JQuery jquery-1.8.2 + Jquery Mobile 1.2. When I integrate Google Map the events fire twice. i.e. google.maps.event.addDomListener(window, 'load', initialize); will fire the load event twice and thus initilize function. You can reproduce this problem with a simple google map code as: 1. Include Jquery 1.8.2 2. Include Jquery Mobile 1.2 3. Write a small code for Google map and fire click event. e.g. google.maps.event.trigger(jlocs.locations[i].marker,
jQuery UI Tabs Pause on Hover extension
Hi! since jQuery 1.9 version there are a lot of changes, for examle Tabs removed rotate method but linked an extension for rotate. I've made also an extension for pause on hover on UI Tabs Rotate. If you have issues or ideas to improve the small extension, i will be glad to receive it!
IE 8 Background Transparency for Google Bubble Charts using jQuery
Greetings. I am completely new to JQuery, and it seems like this may offer a solution to the IE8 issue of not supporting transparency. I am attempting to draw a google bubble chart onto a transparent layer, which has another image underneath it to achieve a background image under the chart. It works fine in chrome, but fails in IE8... and I found a post that says this about a fix for IE8: $('#vis iframe').attr('allowTransparency', 'true'); $('#vis iframe').contents().find('body').css('background',
Sortable doesn't work well with different sized list items
I'm trying to make a simple "puzzle" with different-sized blocks. There's a base size; also, some blocks are twice as tall, some twice as wide, and some twice both dimensions. The problem is that, given a layout like the one in the code below, the middle section is left empty, because block 3 extends into the row below it, making the space unusable. Is there a way (WITHOUT absolute positioning) to make blocks slide into that void? Style: .piece { clear:none; float:left; height:195px;
JQuery equivalent for HTML fixed position but with additional delay.
Sorry to ask this if this topic is already existed. I don't know the right term for what I am looking for. This it the sample I am referring to http://www.jtricks.com/javascript/navigation/floating.html The element is fixed at an specified position, if the user scrolled the window, the div remains on its position like what the CSS do {position:fixed;} but this sample have properties that looks like it is gliding toward it's original position. How to do this guys? Thanks!
Can't (Consistently) Set a jQuery Mobile Checkbox in a Panel
Hello, I have a checkbox in a Panel. I have setup a handler to fire on the panelbeforeopen event to set the state of the checkbox based on a cookie value and for debugging I manipulate the cookie value using a Firefox plugin. My "dumbed down" code for debugging this is: if ('On' == $.cookies.get('cookieID)) { // The cookie is "On" so "check" the checkbox. $('#checkboxID').attr("checked",true); console.log('Checkbox checked = ',$('#checkboxID').prop('checked')); // should always show
In IE9 String to JQuery object results in loss of attribute.
Good afternoon, If I have a string, and I make a JQuery object from it: var $content = $("<div><table><tr><td style=\"border-style: none\">test</td></tr></table></div>"); How come that when I print this the style attribute is empty? <table><tbody><tr><td style="">test</td></tr></tbody></table> I tested this behaviour in the (latest) browsers: Chrome, Firefox, Safari and it does work fine. So what do I have to do to get this working in Internet Explorer 9?
an onclick event to show JQ ui dialog from a jqTree widget
I have the jqTree plugin and I would like for a user to be able to click on a node and have a jquery ui dialog box open with more info. I have tried out each widget and I can get each to work but I can't figure out how to put them together. I know when I run the jqTree that when the mouse cursor is over a node it changes to a hand with pointing finger. It must be designed to be clickable i just can't figure where to code so it will open the dialog box. Here is my code: <!DOCTYPE html PUBLIC "-//W3C//DTD
Loading next url
Actually I am loading my url with the variable .My url like "jQuery("#edit_dialog").load(editPageUrl+'&element='+sElement)" and now i want to add <h1> tag into url so what should i do for it ?
Problem win carousel
Hi, I created two carousels images inthe same page using the plugin <<caroufredsel>> but the problem that one of the carousels does not start. Can someone help me
Most of jQuery areas not displaying in Chrome?
http://northdesignstudio.co.uk/clients/22cv/ any ideas?
Not able to download custom theme for 1.10.2 from website
When I try to download from http://jqueryui.com/download/ I get this page each time: Ooops!!! An unexpected error seems to have occurred. Why not try refreshing your page? Or you can contact us if the problem persists. I am able to download the same theme in: 1.9.2 (Legacy, for jQuery1.6+). I also cannot download any of the gallery themes in 1.10.2 either, so it is not just the custom theme.
Video Lightbox plugin vs jQuery Tools with apple plugin
This is very critical for me right now..I'm just looking for a simple answer to this question. We had a young developer who insisted of using a combination of both jQuery tools (with the apple effect) and Video Lightbox. The Goal: Our goal is to click on either a text or image link, and smoothly see a pop-up window appear before you, loading a you-tube video inside of it. that's it. The Question: Do I have to use both of these plug-ins to complete my goal, or can I use one or the other? What do
add style to a responseXML
How to ? add style to a responseXML or use the responseXML to create html output in my target option var options = { target: '#arbitrarybox', beforeSubmit: getDataFromScreen, success: getDataFromServer, type: 'get', dataType: 'xml', clearForm: true, timeout: 3000
Using Bootstrap-Typeahead.js
I have no idea what is wrong here, but when the page loads I get the error Uncaught TypeError: Object [object Object] has no method 'typeahead' I've nagivated to the link in the typeahead declaration and all the code is still there. Maybe just need another pair of eyes. Can anyone see what I'm missing? <script src="http://code.jquery.com/jquery-1.8.3.min.js" type="text/javascript"></script> <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js" type="text/javascript"></script> <script
Problem Setting Up PhotoSwipe
I'm posting this here because PhotoSwipe is kind of like a plugin, while advertising itself as another javascript library. I have a test page that I’m trying to develop on our new mobile site (which is within a mobile host). I previously had this same code on a test page in our production site and it worked fine (the code can be found here: http://pastebin.com/VkiKPHY2 ). The images I’m trying to display are also stored on our production site host. I’m not sure what the problem is with things
PhoneGap/JQuery Mobile UI - What is this? Bottom Menu Button?
I'm finishing up a simple app in PhoneGap Build....using JQuery Mobile UI. I see at the bottom of my app (by default) is a small black nav bar with a small row of 3 vertical dots...I'm assuming a stock options menu of some type, I've seen it before. Is that indeed what this is? How can I access it to create menu options or open a JQuery panel? It doesn't do anything when clicked by default. Thanks guys!!
Suggest this script for the specific date picker container
Hello, I suggest this script for the specific date picker container. Thanks for all,
Command line/headless/continuous integration
It took me a little while to find the PhantomJS addon and add automated testing to my command line build system. I just made a blog post about eventually succeeding, and thought I would share it in case it's helpful to anyone else. I also discovered that jQuery can't trigger event handlers that were registered with .addEventListener() Thank you for QUnit and the PhantomJS addon!
can you complete this nested each loop?
Hello - I've written the following html test page below. The goal of this test page is to remove embargoed countries from 3 country dropdowns on the page. Nested jQuery each loops can sometimes be tricky to implement. Can you please take a look at the nested each loop below and update/complete it to meet this business requirement?: <html> <head> <script src="jquery-1.8.1.js" type="text/javascript"></script> <script> $(function(){ RemoveEmbargoedCountries(); }) function RemoveEmbargoedCountries()
Contain Dialog Windows to a Div
I'm working with code to open multiple dialogs in a cascading fashion in a desktop type environment. The issue is keeping the dialogs from opening outside the container "#desktop" div. After about 10 or so dialogs have opened, they continue to cascade outside of the #desktop div that I want to be the container. I have tried the containment option, using positioning option with at: and within: with no luck. I can set the draggable option div to #desktop and it stays in the div correctly as soon as
Mobile CRM implemented by jQuery Mobile
Demo Site: http://mgrass.cloudfoundry.com User name: admin password: admin Server Manage Site: http://grasscrm.cloudfoundry.com User name: admin password: admin This mobile CRM is developed using jQuery Mobile and SSH, project is located at sourceforge.com ,project URL: http://sourceforge.net/projects/grasscrm/ You can download code to analyze it.
Mobile CRM implemented by jQuery Mobile
Demo Site: http://mgrass.cloudfoundry.com User name: admin password: admin Server Manage Site: http://grasscrm.cloudfoundry.com User name: admin password: admin This mobile CRM is developed using jQuery Mobile and SSH, project is located at sourceforge.com ,project URL: http://sourceforge.net/projects/grasscrm/ You can download code to analyze it.
Why I see my window on all tabs in Tabbed panel while I expect it only on one? jQuery code inside.
<!doctype html> <html lang="us"> <head> <meta charset="utf-8"> <title>jQuery UI Example Page</title> <link href="css/ui-lightness/jquery-ui-1.10.2.custom.css" rel="stylesheet"> <style type="text/css"> #tabs {height:600px; width: 1200px;} body { font-size: 62.5%; } input.text { margin-bottom:12px; width:95%; padding: .4em; } fieldset { padding:0; border:0; margin-top:25px; } </style> <script src="js/jquery-1.9.1.js" type="text/javascript"></script> <script src="js/jquery-ui-1.10.2.custom.js"
help me code convert to Jqury Mobile
Hello How is it possible to convert this code to Jquery Mobile <!DOCTYPE html> <html> <title>jQuery Mobile Slider</title> <head> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css"/> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> </head> <script> $(document).ready(function(){ $( "#slider-fill" ).slider({ range: "max", min: 10,
Jquery's ajax function not being called
I have a web page which fill's form data based on some json data sent from a web service. Once the form is ready to be submitted a function is called which takes all the form data turns it into a xml-formatted string then parses the xml so it becomes a valid xml object. This is where the problem happens, once this data is turned into an xml I would like to post this data back to the web service so the database can be updated. However using the $.ajax() function to post this data, neither the success
ajax calls, events not working.
Hi, I'm new to the forum and have come to my first halt with JQM. I'm trying to make a ajax post to my nodejs Express 3 server. I have two input boxes and submit button. I cant get events to trigger and I have yet to get to see if the post will work. here's my code. I tried Both $("#submit").live("click tap", function (event, ui) { alert('hello!!'); }); $(document).ready(function () { $('#submit').click(function () { alert('clicked') $.ajax({ type: 'POST', url: '/login', data: { username: $('#username').val(),
I need help a conceptual mistake and can not find the solution.
This is when I use a form and post the data step, then when I go backwards in a document jquery mobile does not give me error be defined post variables passed by and I see using get, however if you step values get in the form works fine but as I can do to pass the post values. a small example of my problem: //form.html <div data-role='page'> <div data-role='content'> <form method='post' action='login.php' > <label for='user'>user:</label>
What is the best jQuery based window plug-in you have ever used?
I tried a couple of jQuery based window plug-ins but unfortunately was not satisfied with any of them. Here's what I tried: http://hernan.amiune.com/labs/jQuery-Windows-Engine-Plugin/jQuery-Windows-Engine-Plugin.html http://fstoke.me/jquery/window/ http://www.soyos.net/aerowindow-jquery.html http://carvalhar.com/componente/jQueryDialogr/index.html I need following features without any compromises: Maximize, minimize (to a reasonable location such as bottom-left corner of the visible page, not in
What's the purpose by using like this "dialog('widget')"?
Is there any other way using without this? And also can I use this in jQuery 1.9.1
Form won't submit when navigated too but will work when accessed directly?
I'm developing a mobile application using phonegap and trying to integrate a form using jquery to post data to an sql database but the form seems to acting in a strange way. If I set the application to navigate directly to the form page upon startup of the application it works fine but if I try to navigate to the form page from an different initial page the form will refuse to work. The problem seems to be with declaring the jquery script on the first initial page. If anybody has any idea what's
passing values with autocomplete
I am building a data-entry form with 2 fields. One called ' VERSION_ID' that I can populate with a simple php. For each VERSION_ID there will be several 'TRIM_ID's coming from a table with basically 2 columns, ie, 'TRIM_ID' and 'TRIM'. TRIM being the description of the trim. This table has about 300 items. TRIM is the column I want to show in autocomplete as this is the information the person entering the data knows, but the data I need to pass on for insertion is TRIM_ID. If I had less data I would
Clean HTTPS redirect. Is it possible to chnagePage to secure page?
Hi Guys, Is it possible to cleanly redirect to the HTTPS protocol for login and checkout pages? Ideally i'd like to use ajax navigation, not rel="external" Would be great to hear from anyone who is using both http and https Cheers
Dynamic horizontal menu
Hello guys. I am working on multilanguage project and I need help with top horizontal menu. Problem I must to solve is, that items (UL>LI) on top menu in every language is various long. In some language there is no problem in 1024px browser resolutions (no breaking line), in other there is not enough space in 1280px. So I search for script that convert horizontal menu dynamically to dropdown list according your browser resolution. I found http://css-tricks.com/examples/ConvertMenuToDropdown/ but
PrimeUI 0.9 - jQuery UI Extensions Released
Dear all, PrimeUI is a an open source set of Rich UI Widgets based on jQuery UI. 0.9 release introduces 6 new widgets making 27 widgets in total. Demos are available at; http://www.primefaces.org/prime-ui/ Please read official announcement for detailed information. http://blog.primefaces.org/?p=2628 P.S. I hope this is not the wrong forum, I couldn't find a forum like jQuery Extensions so apologies if it is not the best place to post this.
Two instances of one iner one Tabs on one page
Dear All, I have the need for two separate one iner one tabs on one page, any ideas how I can do this? please check below code JS <script type="text/javascript">//<![CDATA[ window.addEvent('load', function() { $("#simple-tabs .tab_content").hide(); //Hide all content $("#simple-tabs ul.tabs li:first").addClass("active").show(); //Activate first tab $("#simple-tabs .tab_content:first").show(); //Show first tab content //On Click Event $("#simple-tabs ul.tabs li").click(function(e) { $("#simple-tabs
Fix jQuery.ajax() errors in IE
Hi all, I thought it might be worth spreading the word about the solution of a strange problem in IE: All my jQuery.ajax() requests were kind of ignored in IE and didn't return any data. After debugging them I got a "parseerror" and a strange "Error c00ce56e" in my IE. This error code is related to an encoding error if using the UTF-8 charset. If you got a similar problem with your AJAX requests not returning any data, try out the following code to see if you also get the c00ce56e error code: $(document).ready(function()
Next Page