Problem with callback from slider on change/stop
hey i have a function that suppose to get var from the slider change or stop so i added the sentence: "change: function(event, ui) { sendToJavaScript(ui.values[0], ui.values [1]) } " but it doesnt work, it does send var if i use slide, but not if i use change or stop on my slider. any one has any idea what im doing wrong? elad.
How we add date picker
Below is my script <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>jQuery UI Example Page</title> <link type="text/css" href="style/ui.all.css" rel="Stylesheet" /> <script type="text/javascript" src="js/jquery-1.3.1.js"></script> <script type="text/javascript" src="js/jquery-ui- personalized-1.6rc6.js"></script> <script type="text/javascript"> {literal} $(function(){
datepicker theme doesn't look right
Hello, I'm having an issue with the jquery datepicker, mostly the CSS theme doesn't look right. I've included the code below as well as a link to the test page in question: HTML: <html> <head> <script type='text/javascript' src='http://www.google.com/jsapi?key=<? =$google_js_api?>'></script> <script type="text/javascript"> google.load('jquery','1.3.1'); </script> <script type='text/javascript' src='./javascript/jquery- ui.min.js'></script> <script type="text/javascript"> $(document).ready(
Newbie needs help with Dialog
Hi all, I'm new in this things and i need some help if you can with a problem of mine.... I use jquery ui.dialog 1.6rc6 and i'm trying to make my own site and i want to use ui.dialog like a pop up like http://jqueryui.com/themeroller/ but with php (i want to use dialog to open a php page) in my current php page. If i use it like the examples in http://jqueryui.com/themeroller/ it works just fine but when i use it with href in doesn't do anything. Can you help my please!!!! Thanks!!
Can't selectOtherMonths
I can't use 'selectOtherMonths: true' . In my page, I can show other months, but I can't select this, could you help me. I want select and click other months date. Thanks! My code is below: <link type="text/css" href="../css/themes_3/ui.all.css" rel="Stylesheet" /> <script type="text/javascript" src="../lib/jquery/jquery-1.3.1.js"></ script> <script type="text/javascript" src="../lib/jquery/jquery-ui- personalized-1.6rc6.js"></script> <link type="text/css" href="../css/demos.css" rel="stylesheet"
how to make a field focus on a form with accordion?
I all, I have a form with many field. I want to use accordion to separate field on sections. I have a fields validation when i press button submit. if a field is empty, an error message appear, but i want "focused" the field empty. I have tried with this on a function: if (mail_form.champ12.value == "" || mail_form.champ12.value == " ") { alert("Effectif à assurer : ce champ est obligatoire") mail_form.champ12.focus() return false } but cause a validation error with ie7. Thanks for your help.
Problem with accordion+form+IE
I all, I have a problem with my form and ie7 when i using accordion. The problem is that if i make an error on a field, the message error appear, but the mail is nevertheless sent. With Firefox and Safari, there is no problem. Just on ie7 (and before i suppose). If i delete the accordion function, everything be ok on ie7. I have a second problem, on click button sent (envoyé on my form), if a field is empty, i want open the tab where is the field empty and focus it. My focus works just if the tab
datepicker
hi i'm having a problem with datepicker. i can get it to work fine as long as I don't try to rearrange the directories. I simple want to rename the theme folder CSS. so it matches my website directories, but i soon as i alter <link type="text/css" href="theme/ui.all.css" rel="Stylesheet" />
adding sound to jquery ui effects
I really think that the ui plugins really has alot of potential. Is there a way to play a sound when a effect, for example, fold is triggered?
: Hi, having problems with jquery rounded corners in IE.
Need a bit of help, I have four tabs on a single the page. Now clicking on each tabs w’ll display related details on the same tab content. Now if tab 1 canvas height is say for example 100 tab 2 canvas height is say for example 200 tab 3 canvas height is say for example 300 In other browsers everything is coming properly(rounded bottom corners) but on IE rounded Corners if coming on the tab that has maximum height. What it means as per my guess work is concerned that in IE the script is not able
ui.tabs : does not fire up
Hello! I'm upgrading ui tabs from the old standalone 2007 version to the jquery ui implementation so bear with me :) jquery 1.3.2.min jquery UI 1.6.rc5 personalized (only core + tabs) The markup generated and to be tabbified: <div id="tabbedTextContent"> <div id="fragment0"> <img src="http://localhost/lab-au.com/dev/theory/ article_sonic-space/images/album_images/ 00_cover_arca_sonic_space_labau00s.jpg" class="albumImage" title="00_cover_arca_sonic_space_labau00s.jpg" /></div> <div id="fragment1">
Different Duration/Pause for each panel in UI Tabs (rotating)
I'm a newbie... I want to specify different pause time for each panel in a rotating tabs. e.g. I have 4 panels - panel 1 pause for 3 seconds, panel 2 pause for 2 seconds, panel 3 for 2 seconds, panel 4 for 1 second. I'm not sure if the pause is actually considered duration? And even if so, there's one duration that can be specified... Is there a workaround to do the above? Thanks.
tabs 1.6r6 ajax load bug
Hi, all. This code brings IE (both 6 and 7) in infinite loop -- IE tries to load first tab by ajax. FF works ok. test.html <div class="eContent"> </div> <script> $(".eContent").load("tabs.html", function(){ $("#tabs").tabs(); }) </script> tabs.html <div id="tabs"> <ul> <li><a href="#tabs-1">First</a></li> <li><a href="#tabs-2">Second</a></li> </ul> <div id="tabs-1">Lorem ipsum dolor sit amet</div> <div id="tabs-2">Phasellus mattis </div> </div>
using themeroller for more than widgets
Hi, are you guys planning to expand the themeroller to support styling of tables and headlines (h1,h2,etc)? I know I might be asking for too much, but I'm trying to use themeroller to make it easy to support different themes, but it would be nice if it did a bit more than just the parts needed to style the jquery effects. Or, would it be possible to get the main parameters from a generated style as an encoded json file with the downloaded theme? <off topic stray thought> Whishlist for CSS3: Being
Triggering Tabs from a hyperlink elsewhere in the page
Hi.. am fairly new to this... If I'm using JQuery Tab (see below), how do I do the following: 1. I have a hyperlink in the page which should trigger it to go/stop to a specific Tab/Panel (e.g. Panel 3) 2. I have a button to stop the panels/tabs from rotating 3. I have a button to start the panels/tabs rotating again $(document).ready(function(){ $('#mycontent > ul').tabs({ fx: { opacity: 'toggle' } }).tabs ('rotate', 3000); }); Thank you.
Jquery UI Tabs load page with validation in not working in FF
Hi there ----------------------------------------------- jquery - 1.3.1 and 1.3.2 jquery ui - 1.5.3 and 1.6rc6 ----------------------------------------------- i have a basic jquery ui tabs page, see below: <script type="text/javascript"> $(document).ready(function() { $("#tabs").tabs(); }); </script> <body> <table width="100%"> <tr> <td> <div id="tabs"> <ul> <li><a href="formvalidationEx/example1.htm">Example 1</a></li> <li><a href="formvalidationEx/example2.htm">Example
Script dependency order
Hi I'm including the script for the datepicker before ui.core. Something like this <script src="jquery.js"/> ... <script src='ui.datepicker.js'/> ... <script src="ui.core.js"/> This seems to work fine, but I was hoping someone could clarify that it's ok to link to the datepicker out of strict dependency order? Thanks Paul
UI Sortable receive function not being called
I am trying to grab the id of a sortable div when it's dragged over. I cannot get the receive function to work: $("#sortable1, #sortable2").sortable({ receive: function(event,ui) {alert("received "+ $(ui.item).attr ('id')); }, connectWith: ['.connectedSortable'] }); I was able to get it working using the following code, however I could not get ui.item to work, and when I try $(this) it returns the sortable element and not the dragged div. $('#sortable1').bind('sortreceive', function(event, ui)
Help with Agile Carousel Plugin
Can anyone help me? I am receiving this error: Fatal error: Call to undefined function: filter_var() in /home/ my_webserver_path/ufal/make_slides.php on line 17 when I try to use the example posted from this demo: http://www.5bosses.com/examples/agile_carousel/full_example/carousel.html What am I doing wrong? Vince--
ui dialog theme issue
greetings. having a hard time applying a theme to my dialog box @: http://weareluminopolis.com/hosted/inkkc/2/briston.htm I thought i set it up verbatim from the documentation. Can someone please point me in the right direction. thanks,
Enable disabled Tabs
hello people. im in the need of help here. i got 3 tabs and second and third are disabled. with this $ ("#tabs").tabs({ disabled: [1, 2] }); now in my first tab i got a checkbox that when checked it supost to active those other tabs. now my problem is i dont know what jquery to use to enable the tabs. thanks in advance.
Question about "Transfer" effect
Dear Sir/Madam, I try to modify the sample "http://jqueryui.com/demos/ effects_general/#transfer" such that when the element "transfer- target" is clicked, it will show/hide the "transfer" element. However, if the element "Transfer" is set to be an absolute layer and set to different position. It is find that the effect cannot track to the right position. Below is the modified code. Please take it and try and you'll know what I mention. Just want to know if there is any alternative. Thanks. ----------------------------------------------------------------------------------
DatePicker: Populate alternate field
I am using jquery-ui-personalized-1.5.3.js and the DatePicker: Populate alternate field ... I have it working exactly as designed and expected. But, now I need to add an additional field to the mix. So instead of one alternate field I need two. I attempted to modify the code, but did not get the expected results. If someone could point me in the right direction it would be much appreciated. Thanks.
Error Message When moving from Draggable to Sortable
Hello, I'm new to the forum. I've been searching and can't seem to find the answer to this problem. I have a page using a jQuery UI "draggable" that can be dropped onto a "sortable". The drag and drop operation works (i.e. the object gets placed in the targeted sortable), but the following error fires right away. Has anyone seen this type of error before? (captured from Firebug:) a(this).data("draggable") is undefined (function(a){a.widget("ui.draggable",a.e...css("zIndex",d._zIndex)}}})})(jQuery);/*
Go to a specific painel after click event - Accordion
Hi everyone!! I have 2 painels in my accordion. The first painel is a form where I save some data to data base via $.ajax. But, I neeeded when ajax is success to go to the other painel to show me all my records from data base. I've tried to do this, but it keeps in the same form painel: $("#btnAdicionarParametro").click(function() { $.ajax({ type: 'POST', data: $("#frm").serialize(), url: '/SuperAdmin/SalvaParametro', success: function() { gridParametros.flexReload(); $(function() { $("#accordion").accordion({
UI documentation version numbers
It would be really great if the UI documentation specified what version number it applied to, like the jQuery core docs. I wasted two hours on this yesterday. Cheers, Edward
input fields are not posted
I have the following structure using modal divs: <form name="form1"> <input type="test1" /> <div id="modal-div"> <input type="test2" /> </div> </form> When I post the form with document.form1.submit(); only test1 is submitted? the input field test2 inside the modal-div is not posted. Any ideas how to solw this in a neat way? If I set test1 with the value in test2 before I submit the form I get the value but thats not really a good looking solution. I can't use another structure like a frame inside
Displaying swf inside accordion?
Hello, i want to display a flash-applet (swf-file) inside the jQuery UI accordion widget, but there are some annoying visual glitches when closing or opening the block where the flash is contained. In InternetExplorer7 and Firefox3 the flash appears for a millisecond over the whole accordion. The flash is flashing, how my colleague has called it :( Also the flash gets restarted in Firefox everytime the block gets opened. I don't think i need to upload an example page. You can simply take the source
Draggable TR's in subtables in IE7
Hi, I'm trying to build a feature for my users to allow them to move materials around in tables, and more importantly, into groups (and out of groups). I've been able to build the functionality with support for safari & firefox, but I cannot figure out how to work around what appears to be a bug in IE7's handling of tables within tables, when acting on the table rows. http://www.gameowls.com/test The url above has working functionality (with one use case that fails in all browsers, but I think I
Adding rounded corners to a placeholder.
Hi, Using the Sortable plugin, is it possible to round the corners of the placeholder? I've tried this.... start: function(event, ui) { ui.placeholder.addClass('ui-corner-all'); }, but no luck...
No revertDuration on sortables?
Hi Guys, I should warn you that althogh I'm very proficient at jQuery, I'm using jQuery for the firt time to build a portal layout and I may have several questions about Draggables/Droppable/Sortables before I'm done! :) Anyway, It's going OK so far, I started using Drag/Drop and got a bit confused. I'm now using sortables with 3 connected columns and it's going well but it's led me to my first question... Draggable has an option called "revertDuration", whereas Sortable doesn't. I want to speed
UI Dialog / Grow / Shrink to new content.. Possible?
Is it possible to grow or shrink the dialog using the UI effects? If so, anybody has the right code for it?
Nested / combined sorting
Hi, I got a menu I want to sort that has the following structure: <ul id="navbase"> <li><div>Menu 1 </div> <ul class="submenu"> <li><a>Submenu 1</a></li> .. .. </ul> </li> <li><div>Menu 2 </div> <ul class="submenu"> <li><a>Submenu N</a></li> .. .. </ul> </li> .. </ul> Now, I want to be able to sort the top level menus and the bottom level menus separately and also be able to move submenu items between the different main menu items - but not place main menu items bellow each other. I tried looking
Flash Dragables not working in IE
Hi all, I've run into a little problem using JQuery and JQueryUI. Im trying to make an embedded swf object draggable, but it only works in Safari, Firefox but fails in IE. IE7 returns the error "Object doesn't support this property or object". I've found that this only happens when I use the Helper : Clone. If I just use $('#divtodrag').draggable(); it will work, but $('#divtodrag').draggable({'helper:'clone'}); gives the error. The object part was placed there by Dreamweaver for me. Here is the
sortable firing click event in rc6
Hi Im trying to use the ui sortable to make a sortable list, however in my list I have links and when I try to sort the list the click event gets fired as I let go of the mouse button. Don't know if this is a bug or just what Im doing. This is the code I use to make it sortable (where this is a <ul> list) this.sortable({ revert: true }); and this is what I use to assign the click function to the links in the list.. (in the same function as the sortable call) this.find('a').click(function(){ var text
datepicker covers form input field
Hello all, Longtime listener, first-time caller. I've been working on a site with the latest version of the jQuery UI (RC6) and jQuery (1.3.1). When using the datepicker on an input box, and the scroll area of the window causes the calendar to appear above the form, it actually covers the form. What I'm wondering is if there is a way to make sure that either a) The datepicker never appears above the input box or b) The datepicker correctly calculates the height of the date input box and aligns itself
About JQuery Tab
Hi, Thanks to JQuery team who make this JQuery Tab :) I have some questions, how to make after toggle animation of JQuery Tab, I make the screen focus to the Title of the tabs? I'm currently use the Jquery UI 1.6rc version. Thanks.<br clear="all"> Best Regards, N3T -- Best Regards, N3T
JQuery and iframes
Hello, First of all, I've never use JQuery before. I wonder if jquery contains any sort of parent/children window management? I'm talking about a hierarchy of window using <iframe /> tags. For exemple, I would like to use one children iframe that displays in the center of a page, covering a small portion of it. When one button is clicked inside that iframe, a jquery dialog pops out. However, I would like the modal behavior to be propagated to the parent window such as it is covering all the browser
Reset accordion
Hi All, I'm trying to create a function who resets the accordion to its initial state. What I've got is this: $.fn.resetAccordion =function(){ $('#navigation a.highlighted,#navigation a.selected,#navigation a.ui- state-active').removeClass("highlighted selected ui-state-active"); $(this).accordion( 'activate' , false); }; $('#navigation').resetAccordion(); Can someone help me to do it in a better way? thanks
Problem destroying draggable
Using jQuery 1.3.2, I see the following error when trying to call .draggable('destroy') on ui.draggable within a droppable's drop function: $(this).data("draggable") is undefined var o = $(this).data('draggable').options; ui.draggable.js (line 565) Any ideas what I'm doing wrong? - Bobby
Next Page