Recommendations: Sortable Cols, Add/Remove Elements
Thanks to anyone who reads this, much less leaves me a helpful comment! I'm kind of stuck with where I'm at right now. What I'm trying to do is use the connected lists in Sortable to add and remove elements from a navigation tree (basically, the right hand navigation of a web page). I have two divs for this: #navigation and #available. #navigation is the div that holds the current list of items in the tree and #available holds the elements that could potentially be added. I would like to be able
Tabs not re-sizing to accommodate tab text
My tabs are not resizing to accommodate text: The HTML is: <div id="dlg_productimages" style="width:325px;height:350px"> <ul> <li><a href="#productimage">Product</a></li> <li><a href="#nutrifacts">Nutrition</a></li> </ul> <div id="productimage" style="width:250px;height:250px;"><img src="images/products/productimage.jpg" /></div> <!-- nutrifacts image container --> <div id="nutrifacts" style="width:250px;height:275px;"><img src="images/nutrifacts/ritzcrackers.jpg"
Swelling Buttons
Hi There, I have a problem whereby my UI checkbox buttons are the correct size when I launch first dialog, then when I load subsequent dialog windows they mysteriously get bigger. Also, if I load another UI tab with checkboxes in it, UI checkboxes fail completely in subsequent loads of the dialogs. I don't see any errors in FF console, I am new to this so unsure how to diagnose further. See pics below: Before: After: Dead: Does anyone know what might be causing this and perhaps how to prevent it
Dialog, current position
Hello I got this little problem. I cant get the current position of a dialog after I move it. Seems like it wont update it. It just gives the first one. Another problem I came up with was that the dragStop event wont work either..
[Req]Vertical navigation menu
Is there a plugin to create a vertical navigation menu like this In the above figure when i click on a link in the left menu the corresponding content must load into the content area, but the whole page must not load again only the content area should be updated when i click.How to get this functionality ??
IE issues with jQuery UI 1.8.2 Draggable
I just upgraded my app from jQuery 1.3.2/jQuery UI 1.7.1 to jQuery 1.4.2 / jQuery UI 1.8.2. And now in some Vista machines with IE, dragging on those draggable elements is choppy. I haven't been able to reproduce it in my development environment, but this has been reported on several of my QA machines. This was not happening on the above previous versions of jQuery/UI. Since, I can't reproduce it, is it possible that this is a browser setting/IE plugin? Any help would be really appreciate it. Paul
[tabs]How to show the "loading..." gif when I use Ajax tabs.
js:$(".tabs").tabs({event: 'mouseover'} ); html: <div class="tabs twocols_r" id="tabs_r_b"> <ul> <li><a href="getwh.html">tab1</a></li> <li><a href="lifeindex.html">tab2</a></li> <li><a href="http://www.zhcw.com/kaijiang/index_kj.html">彩票开奖</a></li> </ul> </div>
Accordion ui - can't get it to do anything :(
Hello. I am a new jQuery user and am pulling my hair out trying to get an accordion menu to work on my site. I originally tried using the jQuery accordion that you can see in the left column on this page: http://globalindiana.com/test/newsite/ It worked great in Firefox, but not in IE. So, I decided I'd try Accordion UI and I spent the afternoon learning how to use jQuery UI and themeroller and trying to get it to work, but to no avail. I've tried everything I know to try. Could somebody please
Datepicker and PHP
Hello all, I have a problem with jQuery and PHP. When I put the suffix of this web page as .php the date picker doesn't work but when the file extension is .html it works fine. The page is this: http://www.rateyourdigs.org.uk/add.html It works fine as either .php or .html on my computer when previewed in Firefox,Safari,Chrome. I'm really confused. If anyone could help, thank-you!
accordion
In the implementation of the accordion tab <h3><a href="#">Tag</a></h3> is it possible to make the href="#id-tag" work to open the tab as well as display the Ajax frame? <div> <a href="#id-tag">bla bla.. bla</a> //going to a tab that displays an Ajax content to the right. </div> I need to do that. Can anyone tell me how? I am new to JavaScript but I work with JQuery elements quite well. PHP and SQL are more my discipline.
Accordion: hide all content at startup
The accordion opens the first content area by default. I want it to start with all area's closed. Who can help?
Tabs Bar Height Issue
I'm using two-column css-layout for my page. It looks like Tabs component's navigation bar (UL) is having height of the left column somehow. Here's the test page: http://betsol.ru/test-cases/two-columns-tabs/ I don't really understand why this is happening. Any solutions will be much appreciated Thank you!
using 2 acordions
I installed Jquerry and am running into a problem with the Acordion. My side menu uses a acordion and i want to use another in the main body. I have deleted the side querry as a test but that doesn't enable the body so it's not a conflict of the two. Ideally it would be nice if the body and side could both be open but if opening the body closed the side menu that is fine two <?php session_start(); $_SESSION[currentshow] = "Decade"; include '../includes/header.php'; include '../includes/layouttable.php';
Droppable that changes size during drag only respects original size
I have a page with a draggable and droppable. The draggable is a list of items and the droppables are folders. I added callback to the "over" event for the droppable so that when the draggable is over the folder, the items inside slide down. This increases the size of the droppable, but it still acts as if the droppable is the original size (i.e. the "out" event fires when the draggable is moved into the expanded area of the droppable, but outside the original area. Is there a way to make the
in my autocomplete select handler "focus()" doesn't work
Ok I have some autocompletes for some input fields, and I wanted to pass the focus to the next field over when the user makes a selection from the preceding inputs autocomplete list. So in my select handler, after setting all the field values I added a "focus()" but it doesn't work. Here's the code I'm using: // As soon as a certain div is opened, focus goes to my first field to which I also apply autocomplete $("input#db_street").focus().autocomplete({ source: "mysource.php", minLength:
Is it possible to cancel autocomplete's search processes?
With autocomplete, as you type in the input box every new character you type will trigger a new search process. If the first one is a little long, and hasn't finished by the time you type the next one, you will then have two search processes, one for the first character and another for the first two characters. And what happens is that if you type quickly what you type actually gets mangled as the single processes come to a completion. I guess for now the best way to avoid that is to have the search
Acccodian window size problem
I'm using the accordian feature on a page. I have four window in an according structure on the page. The first three have a few lines of text. The last has a lot more text. When the page loads, the first window is sized at the height of the last element, the one with the most text. The problem is seen in IE8 , Firefox 3.6.6 and Safari 4.0.5 The page can be seen at: http://www.4dwebmasters.com/lannett/acc-prob.php I am using jquery-1.4.2.min.js and jquery-ui-1.8.2.custom.min.js" I have the
help needed in retrieving the value of a jquery ui combobox?
i would like to retrieve using php $_post, the inputted value of a combobox. i have been searching all over Google for several days now for examples however i cannot seem to find anything. if someone could post an example of this it would be great. thanks in advance, please let me know if i can provide more information to you assist me here is my code <?php //this is where i want to echo the inputted and or selected combobox value if (isset($_POST['submit'])){ echo $_POST['combobox'];
Microsoft JScript runtime error: Object doesn't support this property or method
hi when i want use Ui in my Project this error happen : Microsoft JScript runtime error: Object doesn't support this property or method i just copy and past sample code in my project. in my project i had a Default page, and some user Controls. i want add ui in user control, and i add js file in default.aspx, but this error happen
Draggable containment and scroll
I have a large div with overflow: scroll, then a large table inside that div with much taller height. The draggable is inside that table, so I set the containment to the table, then tried to drag it. However, the draggable goes beyond the containment table's height and makes outer div increase its scroll size. Is this a conflict between containment and auto scroll option? <div style="height: 400px; overflow: scroll"> <table id="containmentTable" style="height: 1000px;"> <tbody>
Issues with jQuery UI Button
I have a somewhat strange dilemma. In my application, I need to have groups of parts. Each part, has between four and ten different checkboxes. This application is going to exist on a touch-screen monitor, so I want to use jQuery UI Button to turn the checkboxes into buttons since buttons would be easier to read and press than a checkbox. The problem is, i want each checkbox to have the same name so that when i pass the data as POST to my ajax handler, I can easily loop through them for their values
jquery temp cache (ie) ?
when ı want to read my div value var $d_form = $('#my_div').html(); <table cellspacing="2" cellpadding="2" border="0" width="783" id="damla_form" jquery1279896884848="264"><tbody jquery1279896884848="263"><tr jquery1279896884848="262"><td bgcolor="#cccccc" rowspan="1" colspan="5" jquery1279896884848="5">Genel Bilgiler</td></tr>. drag & drop functions included for my table. in mozilla no problem.
Calendar buttonText property doens´t transform charcodes
I set the property buttonText of the calendar to 'søndag' expecting to have this result -> søndag but i got 'søndag' My code was buttonText: 'søndag' Any suggestion? Thanks in advance
Problem with datePicker shortcuts
Hi, This is a weird bug and will require some testing of you to find out what is really happening. I created a datepicker that shows on keydown (arrow down) If a date is allready set when you enter the date field and you click arrow down (or open the datepickier clicking the button) and select a new date (using shortcuts), the date is not changed. If you change to a date in another month, the date is always changed. Sometimes if a date is set you can change it the first time, but not the second time.
How to enable modal dialog lightbox effect without loading jQueryUI theme CSS?
I'm using jQueryUI in a page to render a DIV as a modal dialog, but it's not appearing with the same lightbox/modal presentation as the demo at http://jqueryui.com/demos/dialog/#modal-form (i.e. page around the dialog should be dimmed + not clickable). I'm not loading any jQueryUI theme/CSS files, which I suspect is the problem, but I don't need any of it for this (until now), so what is the bare minimum I need to do (e.g. specific CSS classes to add to my own CSS) to correctly obtain this modal/lightbox
Thin UI Checkbox buttons revert to Fat UI buttons
HI There, I have multiple dialogs opening from a table for users to edit data in a form. The form includes checkbox data. I have applied the UI checkbox set to this data. When I open the first dialog the checkboxes have the slim UI checkbox button style as seen here: http://jqueryui.com/demos/button/#checkbox In subsequent dialogs the checkbox buttons go fat like the dialog control buttons, so it seems after the first one is loaded the rest inherit the incorrect style from somewhere.... Any ideas?
Form inside dialog
Hi There, I have some ui tabs, one of the UI tabs contains a table. The table has links that open a separate PHP based edit form inside a UI dialogue. I want to use some plugins and UI elements in the form, whilst the form appears to work ok I can't get the plugins working in the dialogue. Do I have to include all of the UI scripts etc in the dialogue form? I can provide access to test site if that would help. *note, I have spent a couple of days trying to figure this out with the docs, the forum
div containment problem
Hi all.. plz reply to the problem if u hav a solution.. I hav parent div inside it I hav two other div and those two are sortable.... I set the "containment:parent" to the parent div... so tat other two div should be inside the parent div.. but the other two divs are not contained inside the parent.. the other two div position is relative... see the code snippet below.... and help me figure it out.. $("#header_holder_div").sortable({--------> parentdiv containment:'parent',
Selecting a newly added Jquery UI TAB
Hi All, I am having an issue, I have a basic tab layout then I add a tab and when trying to select the newly added tab I am getting a ui.panel is undefined. My code is as follows. Tab definition, /* * Initialise the Tabs */ var $tabs = $("#tabs").tabs( { ajaxOptions: { error: function(xhr, status, index, anchor) { $(anchor.hash).html("Couldn't
UI Collapsable Tabs w/Extra Content Area
I am referring to the collapsable tab demo shown here... http://jqueryui.com/demos/tabs/#collapsible This example is just what I am looking for to use on my new home page... ALMOST I want 3 tabs (image based) that either switch or collapse just like the demo. The one change I want to implement is when initially going to this page, the 3 tab content areas are all collapsed and a 4th content area (default) is visible (there is no tab associated with this content area). When the tabs are clicked then
scrolling difficulties
Hi, I'm looking for a way to replace the scrollbar function, with something like the mouseover function here. edited// Found the UI 'y-axis' capability, but still not clear how to activate scrolling from another element, and by a different event, like mouseover, rather than pressing. ( 'Helpers' don't seem to be relevant. ) edited// Ok, I can drag by pressing, that's a start. edited// managed to combine UI drag with dyn-web's scrolling... now to get rid of the alert, I've paid for my licence :)
JQuery Number Spinner
Hi, Is the number Spinner mentioned on mentioned on the following page still supported and functional in the latest release: http://docs.jquery.com/UI/Spinner? I have not been able to get the spinner working, and the source code of the page is pointing to an old version. Thanks, Steve
Collapsable Tabs not working
I have been trying to get the collapsable tabs working. I have even tried a demo page just copying the code from the working page on the JQUERY UI site... It still is not working for me page shows all 3 sections of text that are to be revealed by clicking on tabs. They do not collapse. page moves to the selected extra text but others displayed also
jQuery UI Accordion Header Tabindex
Is there any way to use tabindices for the headers of an accordion? Every time I add them to the headers, the plugin overwrites them with tabindex="-1" which makes it impossible to navigate through the accordion with just your keyboard.
Disabled accordion's css not applied in IE
I am using jQuery UI 1.8.2 to create a few accordions which will be enabled/disabled. The opacity is picked up in Firefox and Chrome. However, when I check the page in IE, the disabled accordion still looks enabled. Is there something I need to do to get this to work in IE, or is this some kind of bug? Thanks a bunch, Bill
Getting jQuery Tabs to use a different URL for each tab
I am using the jQuery tab object but want it set up to redirect the user to a new URL when they click a tab (with the new URL displaying the same tab object with the new tab selected). I.e. behave in a non-ajaxey way. I was able to get this working fine using the onclick of the <a> element for the tab. My issues is that when the user clicks the tab the tab object still briefly switches to the clicked empty tab before redirecting the user to the new page. It causes minor visual ugliness to have
Dialog
I have struggled with forms inside a modal dialog for weeks now. I've posted questions to many different sites and users and still no one has come forward with a full working example of what I am looking for. So I will try here and just maybe the ui team will read it and give a full working demo. Nothing against the the dialog demos online but they are seriously weak in explaining anything useful. I've seen here and many other sites (stackoverflow) that people are looking for real world example when
Datepicker Sizing
I've looked for the solution to this for sometime. I'm trying to resize the datepicker (mulitple months) UI interface and tried styling several elements in the CSS file i'm using. I see the size is always 420px no matter what theme I use, so I guess the sizing is handled within the JS? Can anyone tell me how I can alter the width and height of the datepicker?? Thanks for your help!
Initializing (many) droppables freezes IE8
Hi, got a little problem with this great library. I'm using the draggable/droppable. I have a table with about 400 cells (grid like). In some cells there are div-layers that are draggable to other cells (every cell is droppable). It works like a charm in FireFox. Then I've tested it with IE8 and got a problem. In IE8, the initialization on the ~400 cells with the .droppable-method takes about 10+ seconds and really freezes the browser (titlebar says "not responding"). As I said, with FireFox it does
can the jquery range slider have descriptions within slider panel
can the jquery range slider have descriptions within slider panel as in the example below(it is in dojo) http://tobias.klpstn.com/dojo1.1/dojox/form/tests/test_RangeSlider.html
Next Page