Sortable having problems..
I have a span which contains several children spans, basically an image gallery that is sortable. A page will display 1 or more image galleries in this fashion.. Please take a look at the pic before reading my poor description of the problem: <a href="http://tinypic.com" target="_blank"><img src="http:// i41.tinypic.com/dbtwkk.jpg" border="0" alt="Image and video hosting by TinyPic"></a> When I create a new "image span" (highlighted in the pic) and appendTo a "gallery span", everything seems to work
Sortables - how do they work?
Hi jqueriers, I'm working with a larger complex project where I'm trying to incorporate multiple technologies. In particular, I'm trying to put an O3D (http://code.google.com/apis/o3d/) object into a portlet (a la the Sortable demo). This fails in at least two ways; making the object hidden, or any attempt to sort the object destroys the O3D client (or renders it inoperable). Resizing the element is fine, though. So, I'm thinking it may be possible to work around the problem.. if I can figure out
rotating tabs, need to stop when content is clicked
I have rotating tabs working, and some hover code so the rotation will stop when I hover over the DIVs and resume when I mouseout. All is well. Now, one of my rotating DIVs will have a video clip in it, and if the user plays the video clip I want to shut down the rotation completely until they click another tab to get it going again. The problem is, the hover seems to take control, so rotation stops when I click but resumes when I mouseout. Any ideas how I can stop the mouseout from doing its thing?
Inline datepicker
Hi. I'm using the jQuery UI datepicker in inline mode, so it attaches itself to a div instead of a text input. I'm trying to set it up so that people can click on dates as much as they like, and the calendar stays on the screen, and each time a date is clicked on, it opens up a new page in a modal pop-up window provided by Colorbox. Using datepicker's onSelect, I can get it to work just fine the first time someone selects a date. However, it appears that datepicker doesn't reset. If I click on a
$.ui.dialog.overlay.resize repeating in IE8
Hi, I have problem when using ui.dialog in EI8. When opening dialog with "modal: true" dialog sometimes does not appears but overlay appeared and content is blocked. When clicking escape after that overlay goes away but all links are blocked and i can't change abything in editors. I debugged it and seems like $.ui.dialog.overlay.resize function in endless cycle. How can i fix that? Help please.
Shadow on dialog
I've seen some old posts on this and figured I'd check what the status is. Any word on bringing back the nice shadow ability around the dialog windows? a la facebook style? Best, Bob
JQuery UI 1.7.2 Tabs
Hi, I have recently upgraded to JQuery UI 1.7.2 and started using the new tabs. The tabs look great but one problem I have been running into is in regards to the way it seems to be handling the tabs. I have a customized CSS class I had designed that displayed the tabs in a vertical fashion using an image and a brief bit of text which worked somewhat like a carousel using the earlier tabs code. Now they seem to be overwriting the class I created with a customized class which is effecting the way it
DatePicker only shows Sunday through Friday! No Saturday
I just downloaded the datepicker and it works fine, except for a weird occurrance. The days of the week at the top of the table goes from Sunday to Friday. But the days of the month are complete! All the days are displayed, and the Saturday column extends out past the right border of the table. Any ideas why this is happening? Thanks.
event that contains the function dialogue
$('.selector').dialog({ open: function(event, ui) { ... } }); How can I use the event to earn this function?
Issue with datepicker, cannot click on date / not filling field
I have been searching for a day or two now with no luck. Here it goes: I need a jquery datepicker to work in a jquery modal dialog. What I was expecting to run into was an issue with css z-index positioning, but everything appears fine until you click a date. The date backgrounds change onmouseover just like they should, but as soon as you select a date, I get nothing. The datepicker closes down without selecting a date. I have tried changing the settings as best I can think of. I have tried this
dialog bug in firefox on mac
Hi i'm using the dialog ui. It works ok in all browser but in Firefox 3.0 on Mac, where the dialog window jumps on the right whenever i click on the title bar to drag it. Has anyone had this problem before? Thanks VItto
DataPicker - calendar Vertical
http://jsbin.com/amoya When i use it [3,1], display is wrong. One correct is: ---------------------------------------------------------------- NEAR 1350 line if (isMultiMonth) { if(!(col == 0 && col == numMonths[1]-1)) { calender += '<div class="ui-datepicker-group ui-datepicker- group-'; switch (col) { case 0: calender += 'first'; cornerClass = ' ui-corner-'
droppable events
Hi! I use droppable drop method, it's a very good method, but I would like to know how to determine which object cause the events? It is possible? Thanks the answer, Zoli
Cookies within nested UI tabs
Hello, I have this example setup but I am unable to set the cookies so that when a page is refreshed the tabs remain as they are. http://x11.us/jquery/nested-cookies.html here is the example without the cookies code, which works fine. http://x11.us/jquery/nested.html The only difference between the two pages is diff nested.html nested-cookies.html 13c13 < $('#container-1').tabs(); ---
Create accordion content on the fly
Hi all, I am quite new to jquery. I have managed to create accordion in tabs. However, I would like to load the contents of each accordion only when they are selected. The reason for this choice of implementation is simple. My accordion menu may be as long as in the hundreds or thousands. Therefore, loading all the contents at once will take lots of time. Furthermore, there is not a need to lot of of the contents as user is very unlikely to view each and everyone of it. Can anyone post a sample code
DatePicker element doesn't render when attached to an input field
Hello, Here is my javascript code: "ContactDate" is an input field and "datePicker" is a regular div. $c = jQuery.noConflict(); $c(document).ready(function(){ $c("#ContactDate").datepicker(); $c("#ContactDate").val('foo'); $c("#datePicker").datepicker(); }); When I click into ContactDate, nothing happens - I'm expecting a calendar to appear, but it does not. The calendar renders as expected within datePicker, so I know the plugin and requisite core libraries are being loaded. The .val() call is to
Slider (With 3+ Handles) Questions
Hello, I'm liking the Slider plug-in a lot, but I'm having some difficulty with overlapping, and any help with it would be greatly appreciated. The problem is, if you have multiple handles the slider seems to let them overlap and cross over each other. Is there any way to prevent this (and if not, would new options like "allowOverlapping" and "allowHandleCrossing" maybe be warranted; I can't be the only one out there doing this)? Also, I wound up tweaking the slider to give it support for multiple
question: scrollbar manipulation or Iframe custom shape
So I'm basically trying to create an iframe that is not square/ rectangular. I doubt it is possible, but I wanted to ask anyway. here is an image depicting my goal. http://narrowdoordesigns.com/projects/sample1.gif alternatively, i wonder if it is possible to achieve this by using an image overlay (to create the slant) and somehow shrink the scrollbar so that it is not covered by the overlay (using slider perhapes?). http://narrowdoordesigns.com/projects/sample2.gif if neither of these are possible,
Question Datepicker Newbie
I have succesfully applied the datepicker to a blank textbox. However, when I apply the datepicker to a textbox with the initial value dynamically set to display a value from a database, the date picker genertes an error when anything on it is selected. The datepicker will display when the trigger icon is selected but you cannot select anything from the date picker without generating the following errors: When selecting: a day: 'undefined' is null or not an object (ui.datepicker.js line 767) a month
datepicker and time
I see posts from over a year ago about adding time to the datepicker widget. I'd really like to be able to use datepicker in my application, but I really need to have the full ISO format, "YYYY-MM- DD HH:MM:SS". I also saw that some people were writing their own time extensions, but is anyone doing development on datepicker to add time functionality to it directly? Thanks in advance.
Estupid question about Slider
Hello everyone!! I am a noob in jQuery and I hope you guys can help me, ok? Here is my doubt: I have this code: <style type="text/css"> #demo-frame > div.demo { padding: 10px !important; }; </style> <script type="text/javascript"> $(function() { $("#slider").slider(); }); </script> <div class="demo"> <div id="slider"></div> </div><!-- End demo --> <div style="display: none;" class="demo-description"> The basic slider is horizontal and has a single handle that can
Noob question about Slider
Hello everyone!! I am a noob in jQuery and I hope you guys can help me, ok? Here is my doubt: I have this code: <style type="text/css"> #demo-frame > div.demo { padding: 10px !important; }; </style> <script type="text/javascript"> $(function() { $("#slider").slider(); }); </script> <div class="demo"> <div id="slider"></div> </div><!-- End demo --> <div style="display: none;" class="demo-description"> The basic slider is horizontal and has a single handle that can
[accordion] Shifting Text in IE7
I just noticed that the text in my accordion, shifts to the far left periodically and then upon moving the mouse shifts back. This is only happening in IE7...it works fine in other browsers. [code] <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/ jquery.min.js" type="text/javascript"></script> <script type="text/javascript" src="/ui/jquery- ui-1.7.2.custom.min.js"></script> <script type="text/javascript"> $(function() { $("#accordion").accordion( { active:false,
Slider Auto Slide/Step
I have built a promo area on my site, and I am using the slider to scroll through the promo's. http://www.deviantstudio.ca, but I would also like the steps that it takes to start automatically and pause for a duration of time on each promo how can I implement that into the following code. <script type="text/javascript"> $(document).ready(function(){ $("#content-slider").slider({ animate: true, step: 33.5, change: handleSliderChange, slide: handleSliderSlide }); }); function handleSliderChange(e,
Select range with datepicker
Is it possible to use a single calendar to select a "from" and "to". Potentially you would click twice, with the start date and then go and click again for the end date?
Help with Accordion....Please!
Hello, I'm very new to JQuery and just started using the JQuery UI Accordion. I'm trying to use the autoHeight: false option as well as the mouseover event on my test page at: http://www.simplicitywebdesigns.com/testimonials2.html However, it does not seem to be working. Any input and/or help would be greatly appreciated! Thanks, Mark
ui datepicker and mask
Is it possible to apply a datepicker to masked input, and if so, how? The datepicker needs to be applied to multiple masks, so it must be accessed through the class tag. From there, I could not figure out whether or not it is possible. Thanks for the help.
Retrieving selector from widget
Hi, By any chance, does anybody know how to retrieve the selector from a widget function? $.widget("ui.test", { _init: function(){ alert(this.selector); alert(this.element.selector); alert($(this).selector); alert($(this.element).selector); } }); None of these worked... Thanks!
Help with nested tabs
I am trying to get some tabs working based on a tutorial elsewhere. The difference is my tabs are within a nested div. My tabs are displaying but it is displaying the content of all 3 at once. Would appreciate some help fixing this as my Javascript knowledge is very limited. Here is the function I am using Code: <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript" charset="utf-8"> $(function () { var tabContainers = $('div.tabs > div'); tabContainers.hide().filter(':first').show();
clone() + Sortable and Draggable
Hello everyone ! I am facing a strange problem here : http://rejome.homeip.net:8080/prototype.html When I clone a list that is part of a Sortable, the Draggable objects are not bound to the cloned list, only the original one. Do you have a solution or a hint for me please ? Thanks in advance. Réjôme.
Sortable on a nested list
Does ui.sortable support nested list. I tried to do it and it seemed very unstable. If it is suppose to work, could someone make an example? I tried this: <ul id="myNestedList"> <li>Item 1</li> <li>Item 2 <ul> <li>Item 3</li> <li>Item 4</li> <li>Item 5</li> </ul> </li> <li>Item 6</li> <li>Item 7</li> <li>Item 8</li> </ul> $('#myNestedList').sortable({ items: 'li' }); Thanks, Gabriel
jQuery UI 'toggle' not running in Tabs
I'm using Tabs right now and I'm calling my content from separate pages. I can't seem to get the toggle function to work once the page is called in the tab. Otherwise, opening the called page separately the scripts work fine. I've used the off-left technique as suggested, but still no success. Note: I have toggle on my active tab that works fine. My called page on one of the other tabs is the one that's not running the scripts. Thanks!
Still leaning question
<font class="Apple-style-span" face="verdana, sans-serif">I am working on my first widget and I was looking at the dialog as an example. I got a bit lost within the first few lines.</font><div><font class="Apple-style-span" face="verdana, sans-serif"> </font></div><div><p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco"><font class="Apple-style-span" face="verdana, sans-serif">$.widget(</font><span style="color: #8012b3"><font class="Apple-style-span" face="verdana, sans-serif">"ui.dialog"</font></span><font
[Accordion] stay open after clicking a link
Hi Community! When I click on a link in the 2nd level, I want the accordion to stay open. In my case the accordion closes again. Has anyone got an idea? Greetings from Frank Cologne, Germany
Problem with Tabs. Want to load the content into a second div
Hi. Just starting to use the Tabs function, and think it's great. One problem though, my links and content got to be in the same div. Like this : $(function() { $("#navi").tabs({ fxFade: true, fxSpeed: 'fast' }); }); <div id="navi"> <ul> <li><a href="#nyheter">Nyheter</a></li> <li><a href="#arbeid">Arbeid</a></li> </ul> <div id="nyheter"> Nyheter her </div> <div id="arbeid"> Arbeid her </div> </div> How can I change this so I can load the content in a second div instead of being in
Draggable + nested sortable, duplicated items
Hi im new to jquery and using draggable and sortable to add new item to a list by dragging. and my list is a nested div like: div.sortable .... .... div.sortable ..... ..... .... .... when i drag an item into the child div, i got this item duplicated on both the child div and its parent. maybe its a propagation issue but i really dont know how to stop propagation in this case (btw i found there was a greedy option seems to prevent this but its not available anymore..). would someone please help.
hover is not working
Hi, I am preparing the table content using ajax call. I am preparing each <tr>, and appending to table body. Table content is displaying properly. I want to implement hover for each row. I did like below, but it is not working.(hover is not working). I think append will not inject <tr> into HTML. Is because of this it is not working? If so, How can I achieve this? Please Help me on this. $(document).ready(function() { var accountDet = $("#pendTxnAcct option:selected").val(); var url = '/p/eb/PendTrans_Action.serv';
Dialog and asp.net - How to use the dialog button's style for my asp.net buttons?
Hello all, I've started to learn jQuery yesterday! How do I make my asp.net button to have the same look/feel of the dialog's button? Thank you very much, Kenny.
Widget to magnify/resize photos ?
Hello, I am new to jquery-UI. Would anyone here know whether there is a jquery-UI which magnifies or resizes an image? I am looking for zoom-in capabilities for photos, e.g like Google Picasa. Thanks, kc
Sortable indexes
Is there an easy way to know once an item is moved what index it is now at?<div> </div><div>I want to make an ajax call at that point to save the new position. I will handle the full reorder of all the elements via a stored proc on the back end so I just need the new index.</div> <div> </div><div>Nathan</div>
Next Page