changing list bullet image on click
I have a list of links on a page that do some javascript functions. I want to be able to swap out the bullet image on the list element whenever the link is clicked. Refreshing the page would, of course rest the images, which is fine. Here's the list <ul id="buttons"> <li><a class="toggleIB" href="javascript:infobox.toggle ('ib1');">title 1</a></li> <li><a class="toggleIB" href="javascript:infobox.toggle ('ib2');">title 2</a></li> <li><a class="toggleIB" href="javascript:infobox.toggle ('ib3');">title
Cycle Accordion
Maybe I'm missing something because I'm sure others have done this. I'd like to cycle through an accordion at a specific rate and also stop the cycle on mouseover (and start again on mouseout). The best thing I could find to start with is here: http://stackoverflow.com/questions/530033/jquery-plugin-or-script-to-automatically-cycle-through-accordion I've been playing around with some code but just can't seem to get a good start. Any help would be greatly appreciated.
[Tabs] feature request: additional FX for transitions
I think that tabs has great potential for other executions, like a sliding row (either horizontal or vertical) of the tabs panels, similar to some of the coda-style applications seen recently. Thanks!
scrollbars in dialog
currently I've designed a dialog with several buttons to load the data from backend automatically. So I wrapped a div and use it as my dialog. Inside the div, there's a button to get the string and append to the current content in this div. What I'm aiming is that after certain lines, there should be shown a scrollbar there. However even I define "overflow:auto" in the styles of this div, the scrollbar just doesn't show up. Anyone has any ideas?
Dynamic output to browser.
hello guys, I recently decided to change the look & feel of a my Perl application because I was astonished from the JQuery UI but I'm crashing my head with a stupid (I think, and i hope) problem: - if I write the code in a flat file everything goes, the interface works well (eg static html page) - when I direct the code (builded dinamically) from my Perl program to the browser via mime directive (content-type: html/text) nothing works :((((( ps my perl program is an application that normally works
Problem with jquery dialog width in Firefox
I'm having a problem with the "width" option of the jquery ui dialog widget. I'm using jquery 1.3.2, and jquery ui 1.7.1. I'm opening a dialog with the following code:- $("#popup").dialog({ height: '400', width: '800' }); In IE7 (7.0.5730.11) this is displaying correctly, however in Firefox (3.0.8) the "width" CSS attribute of the dialog is not being set. See below for an example: http://www.iaingalloway.com/DialogTest.htm I expect I'm doing something obvious wrong. Could someone give me a hand?
jQuery Jsp Issue
Hello, we are currently using the JQuery accordion to build some dashboards. We mocked up the pages with just plain html and we are starting to convert them to jsp's using the spring framework and tiles. We are deploying it to jboss, and when we go to the page we receive the following javascript issue. Here is the script code: <script type="text/javascript"> $(function(){ // Accordion $("#accordion").accordion({ header: "h3", active: false }); //
jQuery Dialog and Datepicker issue
URL: http://www.stormreportmap.com/premium2 Once the page loads, click on Advanced Search. It should bring up the jQuery dialog modal which displays a datepicker field. However, when you click on it the calendar doesn't pop up. Instead, if you close the modal dialog you'll see the calendar popped up below the dialog. Is there a way to get the datepicker to display correctly within the dialog? Thanks!
Best way to find the current URL of a jQuery UI tab?
Is there a recommended way to discover the current URL of a jQuery UI tab? Right now I'm doing the following, and it looks really fragile: var menu = $('#main_menu'); ... var a = $('a', menu).eq(index)[0]; var currURL = $.data(a, 'load.tabs'); This wouldn't be a problem, but I'm trying to change the content (thus, the URL) of some tabs on the fly, _and_ I'm trying to integrate it all with jquery.history.js. When using the back button, I need to check the current URL for a tab to make sure it differs
tab ui question and help
Hello everyone I have to tab systems to control the same divs on the page, I am trying to tie both tabs together so when I click lets say the second tab from the first tabs group, the second tab from the second group will also change, This is what I got so far var $tabs = $('#tabs').tabs({ select: function (e, ui) {$ ('#second').tabs({ selected: ui.index }); } }); This is my html <div class="demo"> <div id="tabs"> <ul> <li>Nunc tincidunt</li> <li>Proin dolor</li> <li>Aenean lacinia</li> </ul> <div
No styles showing on datepicker
I have just started playing around with jQuery UI and have set up a very basic first test page.It seems to work except there is no styling on the calendar and it is transparent. Here is the script < script language="JavaScript" type="text/javascript"> $(document).ready(function(){ $('#date1').datepicker(); $('#date2').datepicker(); }); </ script> and here is the form. <body> <form action="#" method="post" name="testForm" id="dateForm"> <fieldset><legend>Test Form</legend>
maskedinput with multiple formats?
hello i'm using the maskedinput together with datepicker . i want to give the user different valid possibilities when entering a date: - only the year (4 digits) - year and month (mm.yyyy) - year, month and day (dd.mm.yyyy) since it's german date format, i cant just check if the entered value is > 4 digits :/ anyone knows a solution for that problem? thanks a lot stefan
Help swapping list elements
Hi! I'm looking for a way to swap list elements with drag and drop. Similar to jquery ui sortable, but not the same. I couldn't find anything that suits my needs. For example, with the list -a -b -c dragging element (a) and dropping over (c) should produce the following result. Note it's different from sortable: -c -b -a Can somebody give me some advice on how to do this? Thanks in advance!
dialog help in ie6/7 badly needed
So I'm using the dialog UI element and it works great. I have a few problems most gravely in IE6 / 7. One dialog that I open has transparent (completely) title bar and button area. Also it included a simple for w/ one text field. That shows up only the first time I load it then it dissapears on subsequent loads. I am destroying the dialogs after each closing because if I don't opening the main dialog (to sign up for a newsletter) after awhile it positions itself in strange places on the screen despite
How to creat the slider with handle replaced by image.
Hello. Please tell me that how to creat the slider with handle replaced by image at jQuery UI 1.7.x. I know how to change color or background image of handle. But I don't know how to change shape of handle.
Mouseover and OnClick
I have setup a new user control for my website which incorporates the JQuery Tabs and I have it set so that when you hover over each item the information in the appropriate tab displays. This is working fine. I also want to add something so that when you actually click on an item a new page is loaded?
Is there an plugins of JQuery to fix the round corner for IE and Opera?
Now only Firefox support round corner. Is there a plugins or a common support for the round corner for IE and Opera?
UI Tabs - strange behaviour on redirected page
Hi there, I've implemented UI tabs ( UI v.1.7.1 and jquery 1.3.2) on an error page with a tabs container. Basically what happens is if a user tries to navigate to a URL that doesn't exist, it gets redirected to my error page. Strange thing is, if I'm redirected to the error page when I type in a non-existant folder URL ,i.e. //www.mydomain.com/wrong- folder/ then the tabs work. But if I type in a URL pointing to a non- existant file, i.e. //www.mydomain.com/test/wrong-file.pdf , the text "Loading..."
theme preview on download builder page
Hi there The subject soughta explains my query; why is there no preview of the ui-theme when download jquery ui packages? I think this will be most useful ;)
2 Accordions Different Tabs
I have 2 Tabs and within each Tab is an Accordion. The default tab loads the Accordion fine. 2nd tab does not. I have tested this with the full ui build out of the box and have had no such luck getting the 2nd Accordion to load. O...it loads just not with any of the styles or functionality. Any ideas?
Dialog height init doesn't work (only it works on resize)
Hello! I am using a dialog with a selectable list in it. I need to fix a height of 300px on init with a vertical scrollbar. Only it works when I try to change the height of the dialog resizing it. The definition of selectable & dialog is: $('#sel').selectable({ stop: function(){ $(".ui-selected",this).each(function(){ gV=$(this).attr("rel"); gVd=gV+' - '+$(this).text(); }); } }); $('#dlg').dialog({ autoOpen: false, modal: true, minWidth: 200, maxWidth: 550, minHeight: 200, maxHeight: 350, height:
need help with color picker
hi. i am using color picker and every thing is fine with me . but i dont know how i can save the color that the user select it from the color into database and how i can get the value "color number" that the user select it and show it in textBox . any one can help ?
Opening an asp.net page as a dialog
I want to open up an ASP.NET page as a dialog. The page will need to do post backs and, when the dialog is closed, the original page will need to be refreshed. The Dialog component seems to require the dialog content to be HTML within the page. Is there a component for jQuery that will allow me to do this or have I missed something with the Dialog box? Many thanks for your help. Alan
Open a dialog by activating a text field.
Hi, I look for a way to open a jQuery Dialog by activating a text field. (Inside the Dialog you should be able click on a picture and while the dialog closes, data relating to the picture is insert into the text field.) In the end it should look and behave similar to the jQuery Datepicker. Can someone help me with this?
Demo page of switchClass does not work in Chrome
I'm using Google Chrome. I tried some demo's (e.g. http://jqueryui.com/demos/switchClass). But somehow they do not work. In FF everything works fine. Is there a known issue with Chrome?
Trac Error
Oops… Trac detected an internal error: IntegrityError: (1062, "Duplicate entry 'd494f109c01a52a-0-query_href' for key 1") There was an internal error in Trac. It is recommended that you inform your local Trac administrator and give him all the information he needs to reproduce the issue. To that end, you could ==== How to Reproduce ==== While doing a GET operation on `/report/10`, Trac issued an internal error. ''(please provide additional details here)'' Request parameters: {{{ {'P': u'datepicker',
Have All Accordion Items Collapsed to Start
I have an accordion with some lengthy text that hide the lower accordion navigation headings below the fold. Is there a way to have all the accordion items collapsed by default when a user first hits the page? Thanks
[themeroller] create new themes more easily
It occurred to me that if the themeroller could either 'lock in' the various colors so one changing one changed all OR if there was a 'master' color picker tab that would shift all the colors a like amount, it would be so helpful to shift a theme's colors to create the same style just with different palettes.
Nesting Tabs with 1.7.1
I have tried nesting tabs by following http://stilbuero.de/jquery/tabs_3/nested.html I copied the divs and updated the init to call to $('#container-1 ul').tabs(); into the default tabs demo page that comes with 1.7.1 however it no longer seems to work. here is an example of the non working nested tabs http://www.fkportfolio.com/development-bundle/demos/tabs/default.html Is there a new method to create nested tabs with 1.7.1? Cheers.
Using JQuery UI dialog to show a wep page?
Hi all, I am new to the JQuery UI. I want to use the JQuery UI to show a wep page to the user. This web page may contain image, PDF, or Excel sheet. Is it possible to do this. If yes then how to do this. Thanks for you elp in advance.
Need to be able to drag an item out of overflow:scroll (or auto) div
I am trying to use jquery.draggable to allow to drag items from one div to another, and this works fine unless the div is styled to scroll on overflow, and in that case, the items are trapped inside the div even if I set the "scroll" option to false. I'm trying to build an application to allow dragging an image from one "folder" (div) to another, and since there may be a large number of images in each "folder", there may be scrolling involved, but I don't want the dragging of an image to cause the
webtop interface
Is there an effort going on to build something like this in JQuery http://extjs.com/playpen/gxt/desktop/
Size of Calendar for date picker
I am using the date picker and i cannot make it so the displayed overlay is a smaller size iwould like it the same size as in the demo however i cannot achieve that i am using the latest custom build with the redmond theme, please help if possible i have already searched google and this site for a solution and have found nothing, I have also tried setting the different widths in the css file and still i cannot figure this out
datepicker size
Hi all. New to jQuery! I've got a datepicker up and running on a test page and everything works great. The only problem I am having is adjusting the size of the datepicker. If I run the demo of the datepicker that is included in the dev bundle, the datepicker shows up at a reasonable size. If I run the datepicker on my test page, it is HUGE! So I dug into the css and found the one tag that seems to make the difference. The body tag on the test page is getting a font-size: 62.5%; So I put that in
DatePicker Size Override
Ok after killing myself trying to override the body tag size set in my main CSS file, you can force the size change by modifying this line in the ui.datepicker.css file from this .ui-datepicker { width: 17em; padding: .2em .2em 0;} to this .ui-datepicker { width: 17em; padding: .2em .2em 0; font-size: 12px ! important;} change the font size to modify the size of the calendar. the ! important; tag tells it to override the body tag. Now I can sleep. Mike
Sortable onto droppable
I have a simple setup. This is my CSS: <style type="text/css"> .white-back { background-color:#FFFFFF; } </style> This is the jquery/jquery-ui stuff: <script type="text/javascript"> $(function() { $("#sortable").sortable(); $("#sortable").disableSelection(); $("#draggable > li").draggable({ revert: true, helper: 'clone' }); $("#droppable1, #droppable2").droppable({ hoverClass: "white-back", drop: function(event,
Defining a date for the datepicker?
Hi guys, I currently have this code to display and configure a datepicker: $("#datepicker").datepicker({changeMonth: true, changeYear: true, minDate: 0, dateFormat: 'dd/mm/yy'}); It works fine, but for some reason I can't set a default value for the picker... manually defining the value="" in the input displays it, but the picker doesn't recognise it, so that's not really an option unfortunately. I've also tried the defaultDate function, but had no joy with that either. Any advice please?! I'm at
Site CSS Trumped by Tabs/Themeroller CSS?
Hi folks, I'm running UI 1.7.1, and just noticed that the links in my tab content are not using my site styles, and are instead using the tabs styles. I gave it a quick look in Firebug, and indeed the style for ".ui-widget-content a" is trumping my style for "a, a:visited". I thought I must have missed a setting in Themeroller when I generated the style, but when I reloaded my style I couldn't find a setting anywhere that maps to ".ui-widget-content a". I can change the "content" text color, but
[accordion] problems with paragraph
Hi there, I want to use this script with drupal but drupal creates automaticly paragraphs, so the following does not work.. <div id="wizard"> <div> <div class="title"></div> <div> Content 1 <input type="button" class="previous" value="Terug naar kickboksen utrecht" /></br/> </div> </div> <div> <div class="title"></div> <div> Content 2 <input type="button" class="previous" value="Terug naar kickboksen utrecht" /></br/> </div> </div> </div> Could someone help me out with this??? Thanks
s.url.match is not a function - for "remote" in validation plugin
Just trying to use "remote" rule in my form, and getting this error. Was debugging 4 hours and can't find solution. Any thoughts? Thanks, Anton
Next Page