Unprinteable characters in jquery.ui.core.js
On line 27 of jquery.ui.core.js (version 1.8.4) there is a line of code: var proto = $.ui[ module ].prototype; It seems that between the "module" and the bracket "]" is not a space (20) but a character "C2 A0". This causes an error when I am using PrimeFaces library that in turn is using jQuery UI 1.8.4. Is it a bug, or is the "C2 A0" supposed to be there? And if it is not a bug, what encoding should I use to handle that?
Issues with jQuery UI 1.8.2 and Dialog Options not executing 'open' when 'show' also specified
I am passing-in some dialog options to my dialog var dialogOpts = { "autoOpen" : false, "draggable" : true, "modal" : true, "resizable" : false, "title" : "Change Password", open : function() { if($(changePasswordForm.oldpassword).css("display") == "none") { $(changePasswordForm.newpassword).focus();
Tabs: Want none selected, but not always.
Page A has tabs. Page B has links to each tab on page A, so that when you click a link you go to Page A and see that corresponding tab open. Works great. But then I wanted people to be able to go to Page A directly, and in that case to have no tabs open. I put in [selected: -1] and now no tabs are selected. But now, of course, when you click a link from Page B you get to Page A with no tabs open. So, what's my best option to combine these two?
Datepicker flips back to initial date
I'm highlighting dates on an inline Datepicker. It works like this: 1) user changes month or year in Datepicker 2) onChangeMonthYear fires calling my custom Function that has a JSON call to get the dates I need 3) JSON is returned in the Function and has a callback that contains beforeShowDay 4) Dates are compared in beforeShowDay and the Datepicker css is adjusted accordingly for each date. This works, except I have a problem where the Datepicker is automatically flipping back to todays month/year.
Trying to generate new droppable elements with ajax results
Hello, I'm pretty new to jQuery, but love it so far! Here's my scenario: I have a tree made using JSTree. The tree is displayed via AJAX, as in, the tree isn't displayed completely on initializaiton. As you expand the nodes, it makes a call to the server to find and display more children. I want each node to be a droppable element so that l can drag stuff onto it and know the ID of the tree node it was dropped on. The problem: The problem is that no matter which node I drop something onto, it sees
Accordion dynamically created into iFrame
I'm expecting to do that: 1) load a "one.HTML" 2) from "one.HTML" load an iFrame with "two.HTML" contents 3) using jQuery from "one.HTML" create an Accordion inside the "two.HTML" document contained in the iFrame. Can you help me to achieve that? Best, J
Prevent page jump with Accordion and 'activate' method.
Not sure I'm really using the accordion widget as it's meant to be used but I've automated the showing of the panels so that site viewers can see each panel without clicking. Problem is if the user scrolls down while the accordion is cycling, the page jumps back up to the next opening panel. I've tried all sorts of return falses and tried deleting the href tags in the html. Here's minimal code: <script type="text/javascript"> $(function(){ $("#accordion").accordion({ header: "h3"}); }); itemid=0;
using custom options in jquery UI dialog
I've noticed what I'd call a bug when using custom properties in the jquery UI dialog plugin: If I do something like $(function() { $('#dialog').dialog({test: 'OK'}); alert($('#dialog').dialog('option','test'); });all works fine and I get an alert with "OK" written in it. However if I do something like $(function() { $('#dialog').dialog({test: 'OK'}); alert($('#dialog').dialog('option','non_existent'); }); the alert contains "[object Object]", and upon further tests it seems
Two or more dialog boxes on IE
I'm having a problem using two or more dialog boxes on IE. I have 6 dialog boxes in use that will open on different links on the page. They work perfectly on Firefox, Chrome, Safari and Opera but not IE which will just open the first one but none of the remaining five. Here is the code for the first two... Any help appreciated? $(function() { // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore! $("#dialog").dialog("destroy"); var designer =
modal UI dialog is recreated every time?
I've noticed that if I created a modal jquery UI dialog with an iframe inside, the iframe gets reloaded every time the dialog is opened. This doesn't happen if the dialog is non-modal. I've verified this on Firefox 3.6.8 and Chrome 5, does not happen under IE 8. Is this normal behaviour? Why would a modal dialog be recreated each time it is opened?
Div resizes when using UI tabs
Hi folks, I hope we can find a way to fix the problem I'm experiencing. Problem: One of my divs (id='main_map' in the map.php page) does not display with the height and width specified in my css. However, when it first loads the page/tab, the div has the right size but not when I click on the tab (map tab). I'm using jquery-ui.js and php. I have 4 tabs displayed in this fashion in the page_header.php: ... all required includes... <script type="text/javascript"> $(function(){ $('#tabs').tabs({
Collapsible Tabs
I'm using tabs with collapsible : true. How do I get if a tab is collapsed or visible? I want to preserve that to recreate the same feel on post-back.
jquery checkbox like gmail
Hi all, I'm looking for a component like this one (from gmail) Can I do something like that with jquery ? Regards
why I have to save my html file as index.html when using jquery ui?
Hello, I am new in jquery ui. I want to use accordian menu. But my problem is when using this accordion menu I have to save the html file as index.html. otherwise the file won't work. what is the problem. I want to save my html file with any name other than index.html here are the source I have added: <link rel="stylesheet" type="text/css" href="jquery-ui-1.8.4.custom.css" /> <script type="text/javascript" src="jquery-1.4.2.js"></script> <script type="text/javascript" src="jquery-ui-1.8.4.custom.js"></script>
Can we mark X in datepicker?
It's possible if I want to mark (X) in datepicker to show user that date are not avaliable for selecting. Please see attached pictures. Thanks in advance.
Image Content Change?
I have been looking all over for this. I am making a site for a window washer. How would I go about: Having the content on the page, and when a navigation button is clicked, a png of a squeegee comes us and wipes away the content and loads the new content. It seems simple enough. Anybody know? Thanks so much, Kevin
UI Demo Fade example
Hi , I just downloaded jQuery UI. In the Demos in the Development folder the Fade example on the Effects page does not work , all the others do. Does anyone else have that problem , or is it just me??
Issue with JQuery UI size
Hi all I'm sure this is a fairly common question, but everytime I search I get totally unrelated results. I would love to start using JQueryUI - the problem I have is that the custom download I got is just under 400Kb in size. That is quite a lot to expect a user to download just to see some tabs for example. Am I missing something here, because I don't think worrying about a 400Kb download is THAT much of a trivial concern for someone hoping to develop an efficient web application? Is everybody
Retrieving the currently selected tab index
Hi, I came across what seems to be bug in the jquery tabs UI widget. When I use the following code $(function(){ // Load the Tabs $('#tabs').tabs({ select:function(event,ui) { //bind click event to link selectedIndex=$('#tabs').tabs().tabs('option', 'selected'); alert('You chose tab index '+ selectedIndex'); } }); The alert box
disable UI for specific element
Hi everybody, is it possible to disable the automatic theming of, lets say, an accordion with id "#noUI"? Thanks a lot, regards Jan jan fanslau .coding .webdesign .print http://www.digital-bohemian.com |http://www.jan-fanslau.de
How to recreate a custom theme?
I have created a theme using theme roler, and editing some properties. If I would make a modification over my downloaded custom theme, There's any method to do this? Copying the url of the theme, before I create the theme, is the solution? Many thanks! Moli
Autocomplete and bold highlight
I've gone from the Jorn autocomplete plugin to the jQuery UI autocomplete plugin. Not sure why, because I liked Jorn's plugin but it feels better to use jQuery UI. Here's my hack to make the searched for work highlit. $('#id_q').autocomplete({ source: function(request, response) { $.ajax({ url: AUTOCOMPLETE_URL, dataType: 'json', data: { q: request.term }, success: function(data) { response($.map(data, function(item) { return {label:
Datepicker
I have 2 datepickers that I would like to have related. The first would be a standard datapicker to pick any date. The second datepicker would default to 1 week past the date selected on the first datepicker and not let you pick anything before then. Example...1st picker you select 10/1/2010, then when you go to the 2nd picker it should only allow for 10/8/2010 and nothing before. Is this possible? Thanks
Autocomplete - getting data from a specific json format. Possible?
Hello all, The server side script returns a json string like so: [{"nomeDominio":"aaaa.hk"},{"nomeDominio":"agentesdeexecucao.hk"}] Can we use something like this on the autocomplete UI ? Thanks in advance, MEM
JQuery tabs + ViewState corrupt error after first postback
Hello, I am using JQuery Tabs in a Profile page. In Profile I have Five tabs. In a First tab I have displayed some basic information related to Profile like First Name, Last Name, Email, Website etc....but its long page. First tab is inside the Profile Page itself. In second tab I have displayed Contact Information of the Profile. In contact Information Profile I will have multiple contacts and each Contact will have multiple Phone numbers and email address. For the second tab I am using
icon sitemap
Hello, I've been absent for a while, but promise to make up and try and reply to some questions soon again, so I can contribute SOMETHING to this wonderful project again! I have a question though - I would need a SITEMAP icon to put it on top of a new website... Any chance this might be included in a new release of jqueryUI? --- http://www.flexin.be
Get Panel data for JQUERY UI tabs......
I am using JQUERY UI tabs for implementing a web based "C Program editor". I have added Textarea into the Panel template like this..... tabTemplate: '<li><a href="#{href}">#{label}</a> <span class="ui-icon ui-icon-close">Remove Tab</span></li>', panelTemplate: '<textarea class="text"></textarea>', The textarea is editable and i can retrieve the file data from the server and load into this textarea. All tabs are working fine. But now i want to save the modified file back to the server. But I am not
jquery tabs with ajax content
Hello all, I am a beginner in jquery. please clarify me on this doubt. I am going to load dynamic content in tabs. in examples, i have seen that they have seperate php file for that content and assign that php files name on tab link. my question is, without having seperate php file, can i have the code inside the same page? that is, say <div id="tabs"> <ul> <li><a href="#tabs-1">tab1</a></li> <li><a href="#tabs-2">tab2</a></li> <li><a href="#tabs-3">tab3</a></li> </ul>
Specify multiple .ui-widget-header
I have a need to specify a different background image for the header of my tabs. The tabs lie inside a jQuery Dialog. But this sets ALL header backgrounds to whatever image you have stated here: .ui-widget-header I need a different .ui-widget-header background color for certain controls such as my tabs... Not sure where to tweak this, because you can't just do that in the .css as every control in jQuery UI is picking up this .ui-widget-header
Recreating button not working
I am having an issue with .button() on the second call for a dialog open function. On the first pop up the icon is included and the button is enabled, etc. On the second pop up the icon is not included. Any ideas? Here is my code: $('.ui-dialog-title') .append('<span style=\'padding-left:10px\'><button id=\'previous\'></button><button id=\'next\'></button></span>'); $('#previous')
Opening a dialog over a PDF file?
Is it possible to open a dialog over a PDF file? I am running into an issue where most of the dialog is behind the PDF. The buttons show up but the tile and contents do not. Has anyone else experienced this?
autocomplete form input
I have a form that contains a jquery autocomplete field with a combobox per the example (http://jqueryui.com/demos/autocomplete/#combobox). I'm now trying to submit the form and use the submitted value. However, when I inspect the form using Firebug, I don't see the input field in the form. Any thoughts? I can see the combobox element as well as my other form elements.
Datepicker Open external link
Forgive me if this has been answered, but I am unable to find it in the forums. I have set up an inline datepicker with the intention of the selected date displaying an events page based on the selection. Something like http://hhw.me/index.php?date=2010/04/01 I found an example (http://www.devcomments.com/Add-links-to-jQuery-UI-Datepicker-to197750.htm), but I am having trouble with it, the code returns and undefined error, and redirects to http://hhw.me/undefined Any help is greatly appreciated.
Model form (event)
Hi all, I'm working on modal form, and I have a problem with event. The application recognize them on the second click. The form is loading when the application call the action through url (JAVA). Here my code document = { init: function(url) { var dialog = $('<div id="loading"><div id="alert-load">Loading...</div></div>') dialog.load(url); dialog.dialog({ autoOpen: false, title: title, width: 750, height: 500 }); dialog.dialog('open'); $("loading").hide(); }, display: function(url,title,
Opening Dialog with link in content causes flicker & jumping
I'm trying to use the jQuery UI Dialog and I'm encountering some odd behavior. See the link at the bottom for a demo of this issue. I have a link that creates (and opens) a dialog on click. A dialog with no links in the dialog content open as expected; however, and dialog which has a link in its content causes a flicker of the entire page and jumps the dialog content down to the first link. You can look at the source of the page linked below for an example of this issue. Any help is greatly appreciated.
UI version 1.8.4 (ui-darkness)
I have been trying to upgrade from 1.8.2 to 1.8.4 for jquery ui. But I have been having problems trying to get the jquery-ui-1.8.4.custom.css that is within the theme folder to validate. I don't know if it is Dreamweaver or something new that I am seeing. UI 1.8.2 never had this problem. I have my validator set so that it will look for errors against xhtml version 1.0 transitional rules. This should encompass all the old html 4.0 rules. When run, it finds the quote error dealing with line 16:
Integration between autocomplete and ajax.form plugin
Hi to everyone, i'm programming with jquery and google maps and I have the following problem: Into this page http://www.federicarizzi.com/map/incomplete.html i've create a text field where you can write a text to search a marker. The autocomplete function works, but only if you select an item from the list and, after this, you press enter another time. I wanna something like that: the user starts to write a code, then, when it select the item from the list, the search of the marker will start. I
Theme and Multiple Dialog
Hi everyone ! I have a problem with theme with my ui dialogs. I have 2 dialogs on my page and I what for them a different background image. Each dialog is in a different ASP webpart. so i put on each webpart 's css file: .ui-dialog { background:url(myImage;} The problem is all the dialogs have the same background: the first I defined. How to have two different background for my dialogs?
Autocomplete. Submiting by enter does not work
Hi! Submiting by enter does not work when suggestions are shown, but no one is not selected. When I type something and then press Enter, does nothing. I expect that form will be submitted (as default behaviour for forms). How to solve this problem?
Sticky Jquery UI tabs
Hi, Does anyone know how to make jquery UI tabs remember the last selected tab after a page refreshes (i.e. making the tab sticky). The cookie option works but it makes it sticky for a whole day or hours. I just want to make it remember which tab was selected after the page refreshes (e.g. when a PHP page has finished updating the content of a page) .
Next Page