Button Split
Hello!! I want to use this button split: http://view.jqueryui.com/menu/demos/button/splitbutton.html I want the options "Open", "Save" and "Delete" to call different javascript functions, but do not know how. Thanks :)
Using tabs makes combobox to hide on the first tab
Hello everyone, I'm using tabs from jquery ui to place several tabs on a page. On each tab I've simple html input and select. I've noticed that in all the different pages I've this schema I've problems while visualizing the first tab, but just the first. The problem is that I click the dropdown button to show the html select options, and it looks like it shows but something is hidding it, it just show like 3pixels line under the control. I've check accurately the tags to be sure I didn't make any
Add padding to jQuery Slider?
Hi all, How would I be able to add padding to a horizontal jQuery UI Slider? I don't want the slider-handle to reach the far ends of the slider-bar, but stop at for instance 10px left or right. I explicitly don't want to resort to setting max and min values as a hack. Is this possible? If I need to hack the code, can you tell me what parts I need to take into consideration to get this to work smoothly? I tried altering: this.elementSize = { width: this.element.outerWidth(), // tried width() and innerWidth()
Tabs loaded in .load()
Hello all, I have a problem. I'm trying to load tabs inside tabs. The problem is that the tabs inside the tabs is loaded using the .load() function. So each tab is loaded AJAX wise. To illustrate this, I took a screenshot as that explains my problem better. So these tabs are taken from the page (say) page.php. These tabs generate fine. When "Fastest laps" is pressed, this code is generated on page.php: function updateFastestLaps() { $("#tabFastestLaps").load("include_my_session_race_fastestlaps.php?season_id="+season_id+"&division_id="+division_id+"&track_id="+track_id+"&race_type="+race_type+"&week_id="+week_id+"&lap_id="+lap,
Problem with loading tabs to iframe
Hi! I am building a website with jQueryTabs as navigation bar. I try to have the tab panel in a iframe and to load the tabs in another one. How could I do this? Target is not supported by jQuery UI tabs, right? Thanks, Leuchtfeuer18
Autocompleter - complete form from autocomplete field
Using the Autocompleter, is it possible to fill in multiple fields from the data returned? I am looking for a tool to make this possible with ease. Example: Employee field: user selects an employee from a field using this autocomplete. Once the selection is made I need 3 other fields completed from this selection. Is this possible? If so, would this data be passed to the autocomplete or from a function called after autocomplete success? Would love an example if possible.
Animations choppy when placed over background image
I have noticed that doing animations on windows in IE7 and 8 -thats right, not IE6- and on mac in Firefox on top of background images (such as on this page: http://thecreatorsdocumentary.com/artists) results in some pretty choppy animations. If I remove the background image (recommended method is to use this bookmark: http://erkie.github.com/ and point at the top left of the page before blasting) the animation is smooth as butter. Does anybody have any suggestions for improving this?
Need some help - Adding fade effect!
Hi guys! As the topic says, I need some help to add a fade effect. Right now I only have a Hide/Show - kinda effect. The script looks like this: // JavaScript Document window.onload = function() { /*document.getElementById("container").style.background = "blue";*/ var hiddenstuff = document.getElementById("hiddenstuff"); document.getElementById("displaybutton").onclick = function(){ if (hiddenstuff.style.display == "none") { hiddenstuff.style.display = "block"; } else { hiddenstuff.style.display
ui tabs bug - menu goes wonky and stops working
I have implemented jqueryui tabs. This works fine on all of the machines, (different browsers, operating systems) with the exception of one computer with firefox. After clicking a few tabs on the menu one of them will collapse and not show the content inside the tab, even though that tab is active. After clicking another tab it will then show two tabs as being active, and so on. I don't know where I should be looking to resolve this issue. I have several installations of winxp with firefox that
jquery ui draggable containment
I have a project where i need to be able to drag an image around within a div, however the image needs to be constrained in such a way that it never gets dragged completely out of the div. the catch is that the image gets zoomed in and out, so after zooming i have to reset the constraints. fine. However, my constraints seem to be getting based on the document, is there a way to constrain based on the position of the image inside it's parent, while still allowing the image to be dragged, say, 90%
Two overlapping droppables - it drops on the underneath droppable?!
Hi, I have two droppable areas - one is a map and the other a list containing pins to be dragged onto the map. Pins can also be dragged from the map back to the list. The map can be zoomed in and out and panned. If you pan around the map so that it is now underneath the list containing the pins, then drag a pin from the map to the list, it still thinks the droppable is the map. example code: jQuery("#map").droppable({ accept: '.ui-draggable', drop: function(event,
[layout] trigger load of layout when opened
Hello, Is it possible to trigger the loading of my layout when we open it ? Best regards,
Problem with setInterval multiple slider
I have recently build a slider which i intend to use multiple times on the same page , but i seem to have one problem, when i start another slide, the auto paging goes whild, the problem seems to be with the setInterval, but I use clearinterval, and it has no effect? the url for my script is http://4php.in/investimob you can click on "Administrare Proprietati" and then again to "Finantare" and the auto slider messes up!. Please help because i'm running out of time to finish this script.The script
Can the size of the dialog window be opened based on the user's screen resolution?
Is there a way to user percents instead of fixed values? So, setting a dialog box to open at 75% of the height and width as opposed to 600px wide and 200 px in height? Is this possible? Thanks.
Images in UI demos are not shown
I was just looking at the jQuery UI demos and discovered that the images are not shown. I don't mean the theme images but other images like http://jqueryui.com/demos/button/#toolbar
Problem using Accordion with embedded media player
Community, I have a page which heavily utilized jQuery and some of it's plugin's. The layout is utilizing jQuery.UI.Layout. One 'pane' on the page utilizes two jQuery.UI widgets: Tabs and an Accordion. So, on the east 'pane', there is a tabview with 3 tabs; the 3rd tab contains an accordion. The accordion contains embedded media player objects, such that each video is in it's own section of the accordion. On page render, everything looks great! Clicking on the 3rd tab, you can see the accordion,
Slider hung/not finishing loading?
Hey everyone. I paid a student from the local university to do a basic Wordpress template install (http://untiedshirt.com) for me but the jQuery slider on the front page seems to be hung and never finished loading. Naturally I can no longer get a hold of the kid and the developer of the template requires a subscription fee for installation support. It seems like an easy fix but I'm no code sleuth; if I knew what was wrong I'd be comfortable editing the appropriate file(s). Is there an easy way to
Multiple Button Colors
Hello, I'm using multiple jquery ui buttons on my webpage that are colored using jquery custom themes. There are a few buttons that have special functionality, like 'go' or 'delete'. Is there a way to color these buttons using a custom theme separate from the rest. For example, I'm using the Redmond theme for my page, I would like most of the buttons to match that, but I would like to have the delete button to use a red theme I created, and the go button to use a green theme I created. Is this possible?
Accordion Help
Hi, I need to create an accordion, I got it working half way. My problem is that some accordion times, also have "accordion children" that need to work the same way. but right now, when i click on an accordion child it closes that whole tab. However when i click on it again the right child is open. how can i set it to not close, when clicking on an accordion inside a tab? jQuery(document).ready(function(){ //Set default open/close settings // $('.ekflexmenu_submenu_items_hidden').hide();
Sortable + connectWith + stop event
Hi, I have three sortable columns which are connected. I know which element is being dragged $(ui.item) and I know where the item came from this, but I cannot find the element where the item is dropped into. Please could somebody tell me how to get the element reference for this? Kind regards, Lea Hayes
Dialog Not Clearing
The Code: $("#iframe-modal-pic").attr("src",openUrl).dialog({ open: function(){ $(this).css('width','95%'); }, modal: true, title: crew + ' Duty Records', width: 400, height: 300, buttons:{ Close: function(){ $(this).dialog().empty();
Unable to close datepicker inside dialog in IE
My problem occurs in IE only. Having a dialog with a form with a datepicker like this: And in IE only, it's impossible to close the datepicker. Any idea anyone? The datepicker setup like this: $(function() { $("#annualSalaryDate").datepicker({ showOn: 'button', showButtonPanel: true, buttonImageOnly: true, buttonImage: 'images/calendar.gif' }); }); The dialog options: var setupAnnualSalaryDialog = { autoOpen: false, modal: true, height: 250, width:
DatePicker beforeShow how to stop show process ?
Hi, I am doing some tests inside beforeShow and depending the tests result I would like to avoid DatePicker to popup, is it possible ? $('#MyDate') .datepicker({ beforeShow: function(){ myerror = true; if ( myerror == true) { // how avoid DatePicker popup ? } } }); I also tried to add a .click but the .click never trigger, .datepicker seems to override it, so I tried to use only .click and then inside .click popup the datepicker but I couldn't
How to use multiple instances of 'toggle' on one page?
I am using toggle's 'default functionality' code but it doesn't seem to be tailored for multiple toggles on one page. How can I alter the javascript to make that work for any number of toggles?
datepicker.formatDate "Object doesn't support this property or method"
Hello, I'm new to jquery and am experiencing a world of pain getting started. I am attempting to use a datepicker within an ASP.NET application. I'm just trying to get the correct behavior of the control working first. I have added the following script references and script block to my MasterPage: <link type="text/css" href="/_css/green/jquery-ui-1.8.5.custom.css" rel="Stylesheet" /> <script type="text/javascript" src="/_scripts/jquery-1.4.2.min.js"></script> <script type="text/javascript"
.show function on Safari
Hey, I'm using jQuery UI to make transitions between pages on my website. It works great on Firefox, but on Safari this function slides the div to the extreme right, then it goes back to the center of the screen. Note that it's not like a bounce effect. Does anyone know a good solution for that?
Link to specific tab
Hello: I would like to link to a specific jQuery tab. I have 3 tabs: tabs1, tab2, tab3. My tabs are working fine. I'm using the latest version of jQuery and jQuery css: <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> I'm also using
Re: Draggable Problem With Dynamically Created Divs
I am creating a chat application where div's are created through innerHTML dynamically. I want all these div's to be draggable , so i used the method .draggable to make them draggable. But this draggable property is not being applied to all the div's but only to the last div created. For example when div1 is created, it gets the draggable property, but when div2 is created div1 gets disabled i.e it looses its draggable property and is no more draggable, but div2 is draggable , similarly when div3
JQuery UI integration
Hi I'm starting on a new web application project and I'm looking at using JQuery UI. What guidelines / recommendations are there for integrating JQuery UI into a web site? For example ... - Should / can the JQuery UI css be used for non-JQuery UI elements? - What about colors and fonts defined in the css. Can those be used by the rest of the web site? - What about integrating other javascript UI elements such as TinyMCE. Are there guidelines for that? - How should the web sites css be managed? Should
UI Accordion options
I don't understand how the options are meant to be used in jQuery Accordion. For example I want to set the autoheight to true. At the moment I have between the head tags: <script> $(document).ready(function() { $("#accordion").accordion(); }); $( "#accordion" ).accordion({ autoHeight: true }); </script> But it isn't working. I would also like to turn one of my accordion headers into just a standard link but still have it as part of the accordion. How do I disable the accordion for a particular
jQuery UI download not working
Tried in a bunch of browsers. More info here http://dev.jqueryui.com/ticket/5745
UI, Autocomplete JSON data returned
All, I've moved on to using the ui autocomplete rather than the plugin, took me a while to figure out extra params based on an example I found here, but that part works. I'm having problems with dealing with the return data. In the code below I can alert out the title being returned, but I get a drop down of 'UNDEFINED' in the browser. Thanks in advance. $('#DocTitle').autocomplete({ source: function(request, response) { $.ajax({ url: "index.pl",
trouble invoking a Jquery dialog box on a 'parent' page.
I am having a trouble invoking a Jquery dialog box on a 'parent' page. I'm calling the dialog 'open' from a dynamically loaded page within an iFrame on the 'parent' page. The showDialog button is on that dynamic IFrame form. I'm using '#divId' as the placeholder div, and '#modalIframeId1' is where the dynamic form gets loaded via src='AddLead.aspx' for instance. If I put #divId & '#modalIframeId1' on the master page for the popup form it works, but I want a 'generic' divId on the parent page, so
Themeroller ZIP broken
I've tried to download a custom theme using Chrome and Safari on Mac and the ZIP appears to be incomplete or corrupt. When I attempt to unzip the downloaded ZIP, I get the following msg: End-of-central-directory signature not found. Either this file is not a zipfile, or it constitutes one disk of a multi-part archive. The download seems to just sit there at the end for several seconds and then finally "finishes" at the same size it was during the hanging portion, leading me to believe the end
Any Good Resources That Discuss Applying ThemeRoller Based Styling To The Rest Of The Page
Folks I have looked and looked for pointers, guides and tutorials that might cover using the Themeroller based styles on the none widget parts of a web page. I have found many pages that discuss making widgets that work with Themeroller and None that talk about how to apply styling to the rest of the page in a complementary fashion so that the widgets aren't hanging out there on a boring white back ground. Any pointers?
Odd redirect in IE using Datepicker
I don't have this problem in Firefox, only IE (both 6 and 7). I'm using the datepicker with a dynamic URL, i.e. http://www.myurl.com/index.php?main_page=my_page When selecting a date from the date picker it redirects to http://www.myurl.com/#. The date does populate before the redirect. I am using <script type="text/javascript"> $(document).ready(function(){ $("#datepicker").datepicker(); }); </script> And a read-only text field for the date result: <input id="datepicker" name="delivery_date"
Need some help with searching (autocomplete)
So I wrote this simple JQuery / AJAX utility that helps people find product by clicking on a series of lists. The idea is that list 1 will update list 2, and a selection from list 2 will pull that item from product.xml. I wanted to make this a little easier to find a specific product so I added a search box, where by typing the name of the product, it will update that list. So if the user types "ala" the list will populate with "alameda, alamosa." I now want to create a little more advanced search
slider position problem after insert in a dialog, in IE7
Hello, I try to insert a slider in a dialog, but when I scroll, the slider stays in a fixed position. I saw in firebug the problem is that the slider have position relative and de dialog uses position absolute, this problem just happens in IE7, someone have a solution? I reinforce that problem is in the css Jqueryui and i don't know if i can solve via script Follows the code below thanks, Filipe Santana <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Removing Highlighting from Datepicker
I am using the datepicker from 1.8.4 to create a calendar. When I move forward in months to pick a date, I notice that the same day it is today is automatically highlighted. I am not sure why this is the case, but I don't want it highlighted. Is there anyway to set an option to stop this? Thanks.
span position problem after being insert in div
Hi all, i am new to jquery and jquery-ui. i try to make a drag and drop feature using jquery ui. but i find that after inserting a span element to a div, the position of the inserted span element cannot be wrapped within the dropArea div. <html> <head> <link rel="stylesheet" type="text/css" href="css/black-tie/jquery-ui-1.8.4.custom.css" /> <style type="text/css"> .dragArea { background-color: Blue; opacity: 0.5;
Next Page