Problems with jQuery tabs in IE
Hello, I have a rendering problem using jQuery tabs in ie7 that I hope someone can help out with: The UI Version is: jQuery UI 1.8 Only in IE do the 'ies' characters in the word 'Categories' not get rendered. Any ideas on how to fix this? By the way browser versions are: Firefox (3.6) (renders fine) Chrome (4.1.249.1045 (42898) (renders fine). IE : 7.0.5730.13 (problem browser) Here's the html (taken from the sample index.html file): <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type"
Modal Form and file upload
Hello, I'm using a "Modal Form" and it work great for a simple form. But I want to add a file upload. It doesn't work. I read it's related to XmlHttpRequest that doesn't support file upload. There is a way to bypass this limitation ? I would like the file upload occurs at the same time my form is posted. If possible, I would like to avoid flash solutions. Thanks!
draggable question
http://www.drama.com.tw/question/editor.html I want to drag and copy the blue box to the red box, after drag end, I want to the something to the new box in red area, how to catch the latest box?
Design a chess-like
Hi, I want to build a grid in which some objects are positioned. These positions will be saved and you can move these objects in this grid. I want to know if a jquery ui library exists. Can you point me to an interesting direction ? Thanks in advance
position markers on image and save
Hi I'm a newbe to javascript and jquery but not to programming- Thanks for any help:) I'm looking to build a user form where the user can drag and drop markers onto an image and then retrieve/send the resulting new image with markers back to the server for processing. Any Ideas what UI functions / Plugins will be in the right direction to achieve this? Anyone familiar with some existing similar functionality? Thanks very much! Paul
show divs by id,position etc.
hi. i want show my draggable/dropabble divs by id,left and right position. i have it more. so in php looks like this >>> $id_name[i] $left[i] $right[i] how can i display it on page by this three variables ? can someone help me ? please
Problems when using autocomplete
Hello, I'm using jQuery Autocomplete plugin 1.1 for city search form. When I type in city name f.e. "Chicago", if I type slowly enough, multiple requests are being started and the problem is that sometimes plugin gets response to last request earlier than to previous requests and then it uses values from previous requests. For example it gets response from last request which is request with search string "Chicago", then it gets response from some earlier request with search string "Chi" and uses
Using "position" over an iframe element
I'm trying to position a dialog over an element within an iframe using $(el).position(). The dialog contents are appended to the main document body element, while the "of" target of the position command is contained within an iframe (same domain). Using just $('.dialog-contents').position({my:xx,at:xx,of:'.iframe-element'}), I fail to get the desired results using either a selector or the actual jquery object for the "of" option. Attempting to position the dialog using $('iframe-element').offset(),
Drag/Resize Images & Divs
Hi, I would like to be able to drag & resize images and divs in a page. I've reviewed solutions in the forum & the code that seemed most promising is buggy. Chrome almost works, but moving the divs moves all the items. IE8 seems to nudge the items when I try to move them. Placing the images after the divs gets different undesirable results. Any ideas? Eventually the images & divs will be added dynamically - a wysiwyg type of editor that allows items to be placed anywhere on the page. My code: <link
Tabs ... duplicating content
Hi everybody I've been working on this simple markup: http://dl.dropbox.com/u/145581/PricingPlan/index.html and it works flawlessly. But when I integrate it into our CMS the tabs are loading the entire website again inside the tabarea ... Link: http://www.dynamicweb.dk/Default.aspx?ID=33012 Click 'se tilllægsmoduler' to see the tabs in action or see the attached image. Any ideas ? I've checked for clashing ID's but that doen't seem to be the problem.
switch theme in iframes
hello, is it possible to switch a theme automatically in an embedded iframe when I select a theme in the main page by using "Theme Switcher Widget" ? Thanks !
Where is css/
I headed over too http://jqueryui.com/download. I checked Core, and DatePicker, and deselected all others. I chose the UI Lightness theme. I left version 1.8 selected, and hit downloaded. The extracted download contains: index.html js/ development-bundle/ The index.html file references css/ui-lightness/jquery-ui-1.8.custom.css. But the css/ folder simply does not exist. Further, jquery-ui-1.8.custom.css is not found in any sub-directory contained within the zip. Instructions for this download
Dialog, IE7 and input radio, little problem
Hi there! I found something realllllllly particular..but I wanted to make you aware of this problem (which can be easily solved by the way..) here is the code of my page <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="generator" content="David Anagnostaras - Wall Street S.A." /> <meta name="description"
I need help with what event to use on jQueryUI Autocomplete
I've got the autocomplete widget working perfectly. It pulls Json after 3 characters min and sets a hidden textbox with the Id and puts the description in the name field. The problem occurs when 'after selecting a valid record' the user adds to the text thus creating a custom record. I need to figure out a way when this occurs to clear out the hidden field again so a new record is created and not using the selected value. Does this make sense? Here is the html code: <input type="hidden" name="Contact_AccountId"
datepicker, no manual input
Hi, I am new to jquery but am becomming a fan fast ! I am playing with the datepicker, but I realize that most of the time, in all examples, the input field actually is accessible for manual input (by tabbing to it or so) in a way thet that datepicker does not open. Also the manual input will not be vailidated if it is a date that validates against the set date format. Is there a solution to get this done? An alternative for me would do too, where there is no input field, only a datepicker
Dialog Exit Icon
Hi guys, I've just started implementing a login-box using dialogs and am wondering if there is any way to remove/disable the functionality of the X in the top corner? Or at least a built in method to attach a click event to this? As it allows the user to simply ignore the box when I am wishing it to be mandatory. Many thanks
Accordion like JQuery UI documentation Plugin
Hello, I want to implement an accordion but I have to put data in header, something like options tab in "jquery ui documentation". Also, I need to put an accordion inside another. I want to know if there is a way to do that correctly. Can I use the jquery ui documentation plugin? how? I am attaching a picture to clarify what I need to develop. Thanks a lot! Luciana
Using Dialog with Form plugin
Hi, I'm attempting to use the UI Dialog with the Alsup form plugin. I've had success using both on their own. But using them combined has not gone well. There is something I am missing. I've done a lot of digging but have not found any suitable solution. I'd like to set the target of the form plugin so that it loads into the dialog on form submission - or any other DIV for that matter. The form is not submitting - only the first of the alerts is called (beforeSubmit) and then - and when clicked -
Use of clone() and appendTo() with draggable - unexpected results with dragging
I'm constructing a UI for a doctor scheduling app. We have several doctors, each of whom can go in one of several locations on a scheduled day (M - F). I have the main day/location grid (table) in the center of the screen. At the left is a table for the doctor names. On loading, each table cell contains a span (outlined) with the doctor name. The doctor name can go in one slot for each day. I didn't want to just put 5 copies of the doctor name, because the doctor might not be available all
.accordion( "option", "active" ); always return null
Hi, I have this problem. I'm unable to get the active accordion panel because the function always return "null". I try to google and it seems a bug but I think that is already correct. I'm using ui 1.7.2 and jquery 1.3.2. Thanks
tabs-ie
Hello, I have a question. Loading tabs via AJAX in IE is not working for me and I cannot determine why. I have the following html: <div id="tabs"> <ul> <li><a href="/deidataform/dataform/new/1/page/1/">General</a></li> <li><a href="/deidataform/dataform/new/2/page/1/">{{ context.chosen_bouquet.title }}</a></li> <li><a href="#">Blahhals;dkfj</a></li> </ul> </div>and my javascript: $tabs = $("#tabs").tabs({ disabled: [1,2], });When,
Draggable + resizable + IE
Hi, I currently use JQuery-1.3.2 with JQuery-UI-1.7.2. I have a small div set as resizable + draggable, to draw a frame on an image to make a crop. Here is my code : $('#crop_box').css('left', curLeft) .css('top', curTop) .css('width', curWidth) .css('height', curHeight) .resizable({ containment: $('IMG', $img), autoHide: true, minWidth: 30, minHeight: 30, distance: 5, stop: _setFormInputs }) .draggable({ containment: $('IMG', $img), cursor: 'move', stop: _setFormInputs }); Everything
IE- tabs.load
Hello, So my simplified javascript is: $tabs = $("#tabs").tabs({ disabled: [1,2], load: function(event, ui){ var total_pages = $(ui.panel).find("#total_pages").val(); alert(total_pages); } });and the content loaded looks something like: <form name="thisform" class="thisform" id="thisform" action="{{ thislink }}" method="post"> <input type="hidden" id="total_pages" name="total_pages" value="5"/>
Were to download simple zip of all components??!
Hi, I'm working on a multi-page web app and I do not want to load a monolithic JS file with every component I use everywhere in the app on every page. Up until 1.8 I was able to download a zip with all the components and then just include those which I need on each page. This was also helpful because it made every component available to different developers to experiment with, w/o having to build their own custom download. Now that I need 1.8 (upgraded to jQuery 1.4.2) I have found no choice
multi sortable issue in IE
http://www.drama.com.tw/question/sort.html I tried many popular browser to the function and most of them work well, only stupid IE when you drag a, b, c box got problem, is there a solution to make it right?
Any way to prevent Sortable executing javascript inside rows?
I'm using Sortable with table rows and i'm having problems with it. In my real life application I'm forced to set javascript inside table cells which is executed on page load. BUT when I drag a row the javascript on that row is executed again which is not the expected outcome at least for me. Is there any way to prevent this kind of behaviour when using Sortable? Example code (On page load three alerts, then when sorting row alerts again): <html> <head> <title>Test</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"
Datepicker->Event Search-> How to initialize dates?
Datepicker->Event Search-> How to initialize dates? part1: I am creating a record which has a daterange. created it. part2: I am editing the record which has a daterange and need tp put the value(date) into two input boxes. Problem: dates aren't initialized in the datepicker script like no date was selected. how to initialize two dates in from / to range. so that when I click to change date it already showed the existing range fro this record.
Setting a max/min width on a resizable frame within a frame set.
Hello everyone...I am new here so be gentle. I am working on a project that has to use frames within a frameset. The frameset consists of two columns and looks like so: <frameset cols="175,*" frameborder="2" border="2" framespacing="0" border="0"> <frame src="LeftSide.htm" scrolling="no" border="2" frameborder="2"> <frame src="RightSide.htm" scrolling="no" border="2" frameborder="2"> </frameset> Based on this code, and if you are familiar with frames, it should be obvious that
"c.Event is not a function" on Page Load
Hi, hope someone can point me in the right direction, please... I am not sure what caused it, but something (unknown) I did on my site caused functioning Jquery UI Tabs to start throwing this error on Page load (copied from Firebug): c.Event is not a function - jQuery.ui||(function(c){var i=c.fn.rem...ull,distance:1,delay:0}})(jQuery);; The UI plugin gets as far as assigning the CSS classes to all the Tabs, but then dies before it assigns the Click events...I would post a link, but it is a private
accordion displayed too big
I downloaded the jquery ui to implement an accordion menu in my webpage. But when i downloaded the right files and changed the links in my page, the accordion is not displayed correctly. The whole accordion is displayed much larger than it is supposed to be. I can't find the bug to get the original size, like it is in the demo. Can you please help me?
Theme Styling
I have down loaded several of the stock themes lately. Opening the html files in the demos folder brings up a working tab plugin in the browser. However there are no styles applied it is just grays with radius corners. This is the code the html file came with. <title>jQuery UI Tabs - Default functionality</title> <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" /> <script type="text/javascript" src="../../jquery-1.3.2.js"></script> <script type="text/javascript" src="../../ui/ui.core.js"></script>
Themeroller Broken - 29-March-2010
It seems the themeroller application is not generating the css directory nor the jquery-ui-1.8.custom.css for custom rolled themes. Here is the theme I rolled which is not working. http://jqueryui.com/themeroller/#ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=0a317a&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=75&borderColorHeader=666666&fcHeader=f0f0f0&iconColorHeader=f0f0f0&bgColorContent=e3e3e3&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=333333&iconColorContent=333333&bgColorDefault=d5d6d8&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=aaaaaa&fcDefault=555555&iconColorDefault=555555&bgColorHover=bcc9dc&bgTextureHover=02_glass.png&bgImgOpacityHover=80&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=cfd3b1&bgTextureActive=02_glass.png&bgImgOpacityActive=75&borderColorActive=aaaaaa&fcActive=444444&iconColorActive=444444&bgColorHighlight=e0df85&bgTextureHighlight=04_highlight_hard.png&bgImgOpacityHighlight=55&borderColorHighlight=aaaaaa&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=e9abaa&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
slider..
hi, I need to create a slider in which event is triggered at certain points in the slider.. (let's say while you're sliding the slider, every 100px an event is triggered.. ) how would I do this? thank you very much...
selecting different tab from a modal dialog
I am having trouble selecting a different tab from a modal dialog. Select tab A Modal dialog created from link in tab A. Link in modal dialog wishes to close dialog and move to tab B. Does anyone have an example? Thanks
tabselectect - Force a tab
With : jQuery 1.4.2 jQuery-ui-1.8rc3 I want, when selecting a new tab, if validation of the current tab fails, force the return to tab(0) But the following code loops after line 8 switching the tabselect event How can I write tis to avoid the loop ? $Onglets = $('#onglets').tabs(); $('#onglets').bind('tabsselect', function(){ var $curTab = $Onglets.tabs('option', 'selected'); var $isValide = ...//form validation returning true or false if ((!$isVvalide) && ($curTab
integration of jquery UI into existing framework?
hi.. our current framework uses custom tags which uses a velocity render to write html and java script to the browser, for UI and validation we were wondering it if's possible to use jquery ui, to integrate it as implementation for our custom tags. , we would need to customize it heavily for design ui needs (css, etc..)
Is It Possible? Call a TAB from a different page
If I have page1.html and page2.html, with page2.html containing a TAB with 3 panels, e.g., #tab1, #tab2, #tab3. How do I call #tab2 in page2.html from page1.html? I hope somebody can find a solution to this. In advance, thanks for your help!!!
jQuery UI Autocomplete: Problems on IE 6 and IE 7
Hello, I'm using jQuery 1.4.1 with jQuery UI 1.8 to create an autocomplete widget. The widget works great on Firefox, but fails on IE 6 and IE 7 with the following unhelpful message: Error: 'length' is null or not an object Code:0 The autocomplete widget appears to send the term to my server. The failure occurs sometime after the server has sent the response that contains the search JSON result. The list of results never appears, and the error badge appears in the lower-left corner of the IE browser
Bind inline ui datepicker to a form field
Hello, I am trying (without success so far) to bind an inline datepicker to a html form field. If someone selects a date with the datepicker, then this date should be given to the form field. Let's take this example: Inline datepicker "#datepicker", form field "#date1". <html lang="en"> <head> <title>jQuery UI Datepicker - Display inline</title> <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" /> <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
jquery 1.7.2 dialog with textarea in opera 10.51
Hi, everyone! I've encountered a problem with using jquery ui dialog and textarea in opera 10.51. After that the dialog was shown and some text was put to textarea I'm trying to get it through JS but value of textarea seemed to be empty =(. Example Please help me to solve this problem.
Next Page