JQuery Datepicker z-index issue
I'm working on a plugin for WordPress that uses the jquery.ui.datepicker library. I'm using jquery.ui.tabs & Thickbox on the same page. Everything's been working, but I found a problem with the date picker. Essentially, the page has 3 tabs. On one tab, the user can click on a link & a Thickbox dialog is displayed. This dialog has 3 fields in it that are mapped to the datepicker via their class name. What's happening is the datepicker is opening up underneath the Thickbox dialog box. I can see the
Datepicker question
I'm setting up a Datepicker and here's a strange thing, this is what I included <script src="http://127.0.0.1/ma/js/jquery-1.3.2.min.js" type="text/ javascript"></script> <link type="text/css" href="http://127.0.0.1/ma/js/themes/ui-lightness/ ui.all.css" rel="stylesheet" /> <script src="http://127.0.0.1/ma/js/ui/ui.datepicker.js" type="text/ javascript"></script> The "problem" is that this works, without adding the UI Code <script src="http://127.0.0.1/ma/js/ui/ui.core.js" type="text/ javascript"></script>
Official source of jQuery datepicker
I am little frustrated when I need information on jQuery Datepicker. One is the reference source. Is this official source of jQuery datepicker? http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/
Remember current Tab Selection..
Hey Everyone, I just started using the tab plugin from Jquery UI. I'm not a javascript programmer (hence the use of the library), I am a programmer however. I'm sure I could figure this out if someone could point me in the right direction. I'm trying have my page remember the current selected tab when I POST my form and refresh the page. I want the same tab to be selected until another tab is choosen regardless of how many times my form is refreshed. Any thoughts? Thanks, Chris
range slider with no max limit
I am driving me crazy trying to figure me out how to create a range slider with no maximum limit. The idea is use it in a search for house prices, so I want give to the users the change to specify a minimum but not maximum for their searches. I was looking in the documentation and samples but no success yet. Thanks in advance you’re your help.
jQuery Drag & Drop problem
I've got a table that contains elements. I want the user to be able to drag & drop elements (divs) from one cell in the table to another. When you drop an element on to another cell, I want the two cells to swap their elements. And I want both elements to appear in their respective cells as though they had been placed there originally. I've got the code working but the problem is that the element that is dropped on to the target cell is offset from its new home the distance it was dragged from the
Dragging Sublist items in IE7
Hello, I am having an issue with IE 7 (again) where my sub lists are not sorting properly. What I have is a UL with a nested UL in it: Top Level Item 1 Sub Item 1 Sub Item 2 Top Level Item 2 Sub Item 3 Sub Item 4 simplified code: <ul> <li>Top level item 1 <ul> <li>sub item 1</li> <li>sub item 2</li> </ul> </li> <li>Top level item 2 <ul> <li>sub item 3</li> <li>sub item 4</li> </ul> </li> </ul> In firefox i can grab "Sub Item 4" and drag it under "Sub Item 2" and it works fine (i can drag it in IE
restrict drag to arbitrary areas
While dragging, is it possible to restrict movement? for instance, to only allow drag inside circular area?
Jquery Drag and drop
i have following code for jquery drag and drop #var $albumcover = $('#albumcover'); #$albumcover.droppable({ #accept: '#trash2 li', #activeClass: 'ui-state-highlight', #drop: function(ev, ui) { #$(this).append($(ui.draggable).clone().attr('alt', 'nat')); # $(this).find('img').css('width','100px'); #$(this).find('img').css('height','100px'); #} #}); only problem is: when i drag item to albumcover DIV its dragged with clone but i can't drag it again, i want this item to be dragable again. my question
jquery selectors and tabs
Hi, I have working tabs, in one of them (which is called via AJAX) I have a line similar to the next one: <a href="#" class="test">test</a> Unfortunately, I'm failed to get this link via jQuery jQuery(document).ready(function() { jQuery('a.test').click(function(){ alert('hi'); }); }); I've got no reaction on clicking on this link. Is it possible to use jQuery selectors with tabs? Thanks in advance Yugene
DatePicker stops working after a body replacement
Wow, if that sounded tragic it's due to some badass legacy script I'm dealing with. Before you tell me that I shouldn't be updating the document's body like this, let me tell you that I completely agree with you. Unfortunately this way of updating the page is part of a legacy ajax implementation that I'm still fighting to get replaced (I could go on and on about why I can't change that so please just trust me :) ) This is an IE-only site (blergh, I know) but the issue is interesting. I was able to
Help with making IE text selectable
Hi, We recently had our site redeveloped by a professional firm. We originally requested that users not be able to copy and paste text from our site. This has created an outcry and we would like to have text be selectable. I see that they achieved this by using jquery which I am not familiar. I believe that I have found the snippet of code that turns this ability off/on but I do not know how to write the correct code to allow selection of text. This is an IE specific issue, not a problem in Firefox.
Datepicker and please wait while loading
I like to have something like this. js: $(document).ready(function(){ $("#datepicker").datepicker(); }) html: <div id="datepicker">please wait while loading</div> But how do I remove the "please wait while loading" after datapicker has loaded?
How to show week number in JQuery DatePicker
we want to use the excellent DatePicker. But we think that one important feature of a DatePicker is the possibility of showing the week number on the left side before each date row. Has someone an idea how to do this in a simple way? Or can I contact a developer of this datepicker to find a solution together? Micha
need help w/draggable problem in 1.7.2
Hi. I was hoping someone could shed some light on a problem I'm seeing w/UI 1.7.2 that isn't present w/UI 1.5.3. I've got some mildly complicated code (or I'd post the whole thing here) that relies on draggable and droppable. It works fine in 1.2.6/1.5.3, but throws an error under 1.3.2/1.7.2 inside of the following code (which is part of jQuery UI): $.ui.plugin.add("draggable", "cursor", { start: function(event, ui) { var t = $('body'), o = $(this).data('draggable').options; if (t.css("cursor"))
datepicker image trigger dont works with options
When I use $("#datepicker").datepicker({showOn: 'button', buttonImage: 'images/ calendar.gif', buttonImageOnly: true}); It works so fine. But when I use $("#datepicker").datepicker('option', { showOn: 'button', buttonImage: 'images/calendar.gif', buttonImageOnly: true, minDate: 0, dateFormat: "DD, d 'de' MM 'de' yy", altField: '#alternate', altFormat: "dd mm yy" }); all the options works good, EXEPT the 'showOn: 'button', buttonImage: 'imagens/calendar.gif', buttonImageOnly: true'. Can somebody helps
overwrite css properties forced by a theme
hi! :) i have a lots of problems with the styling of my html..for example: a div like this <div class="tabs_section_label_info"> ciao ! </div> inside another div using accordion with smoothness theme, doesn't take all -tabs_section_label_info- properties. it only take properties like -margin- or -font-style- but -background- color- or -color- doesnt wirk, they're overwrote by the smoothness css! so...how can i stylize my document? :( i must change the smoothness related css? thanks a lot in advance
Accordion problem with IE Link tag hide my link Help me please!
Hi, sorry for my bad english... I've a big problem with my jquery menu using accordion. If i have a link tag (<a href....></a>) inside my menu's loop i can't see my menu link when i explode accordion (on ly in IE). The background overlayer my link and hide all. see the problem here: http://62.149.231.67 (sx menu) (in FF, Chrome, and Safari work fine) Thank you! Bye Paolo
datepicker on mobile
I'm trying to get datepicker to work on my Nokia E66 but with no lock. Had anybody gotten it working in a Nokia mobile. I have Yahoo UI Calendar working on the E66 but I like to use jquery datepicker
Drag and drop with dynamic content
I have two <ul></ul>lists side by side and I want to drag one line from left list to right list. The content comes from a .load() call. My problem is that when I drag, the element disappears at the edge of the <ul> block, like if there was a mask around the <ul> block. I don't think it has to do with option "containment" since it does not block at edges, it's just like if it was underneath everything (except for the dynamic content block (its father) ). zIndex is very high. Is there a way to drag/drop
Changing the slider value programatically
I have a page that contains my jquery slider code. That page calls a modal page (via Ajax). The modal page has the actual slider DIV tag on it. I'm trying to figure out how to set the starting point of the slider based upon the modal settings (which are different depending on the link passed). Nothing I have tried seems to work. Am I doing this incorrectly? Thanks. Main page: <script type="text/javascript"> <!-- $(document).ready(function() { $('#addItem, .editItem').click(function(e) { e.preventDefault();
Error dialog theming or using multiple themes
Hi, Let me start by saying WOW! Not only is jQuery UI very well done, but your documentation is EXCELLENT and the quality and variety of theming available for free is amazing. The ThemeRoller is well done too! Unbelievable! My inquiry: I need to create error dialog boxes in my application. The Blitzer theme works well for that - its dialogs are themed red. But the rest of my site (including some other non-error dialogs) clash violently with Blitzer. I am a programmer, and although I understand CSS,
Add Button on UI Dialog
Hello ppl! I would like to know if is there a way to add or remove buttons on a UI Dialog "on-the-fly"? Thank you!
Two ui-widget next to each other overlapping
I want two divs next to each other. I gave these 2 divs a class of "ui-widget" and the background of the "ui-widget-header" and "ui- widget-content" sections of the right div stretch all the way across the page overlapping the left div underneath. How can I have to "ui- widget" next to each other with each one taking up half the screen? <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Test</title> <link type="text/css"
Problem opening modal dialog in combination with tabs
Hi, I am using tabs in combination with modal dialogs. Within multiple tabs I have some buttons which can open a modal dialog. When I am om ‘tab1’ the modal dialog opens perfectly. If I go to the second tab the modal dialog on this page also opens fine. Problems are starting when I switch back to the first tab, when I click at the button no modal dialog appears. Anyone fammiliar with this problem ?
FileUpload with JQuery UI Dialog doesn't working well...
Anybody knows how can I post a html <input type="file"/> by JQuery UI Dialog? Is it possible to post a form "enctype="multipart/form-data" with a "$.post()" method? I really appreciate to use this method because I can return a Json result. It's very important for my Architecture.... Let me explain my app: I'm developing a ASP.Net MVC App and I'm using JQuery Dialog UI to make a Rich Client app. Well, I have web page that I need to do a FileUpload, but my code below doesn't working well... Anybody
Sortables & Droppable together
I am having a logic issue with doing a mashup that I went wrong somewhere but I need a tiny bit of help with cancelling the Sortable if it has started, but instead is dropped onto a Droppable. I have a list of items that are sortable, called TRACKS. I have another sortable list called PLAYLISTS. These LI items are also droppable targets that TRACKS items can be 'dropped' onto. One big note, my intention is to NOT connect the 2 lists. I want Tracks to be sortable, and to be able to grab any track
Cloning Slider
I have problems cloning the slider UI. I use clone(true) cause i need the events also. It seems the cloned one affects the original one. Cheerz
fade option in ui.tabs when tabs using in vertical layout
I like to add a fade option to the tabs. So by click it fades to the next tab. But my tab layout is vertical and not horizontal I am using the files ui.core.js and ui.core.js .What and where i have to add this function? Thanks
Linking to specific tabs from outside pages.
Hello, I'm attempting to use the jqueryui tabs along with navigation. The idea is for the drop down navigation to have each tab listed, click on the link, opens that tab on that page. Now, I can get it to work correctly from within the page, but when it comes to getting it to work from one to another, I'm fairly lost. Currently, to link from within I found the following works... $(function() { $("#tabs").tabs( {fx: { opacity: 'toggle' }, selected:
Drag/Drop problem in firefox 2
Hi all, I've created a vote system in which users add their votes to a ballot, which is then resortable by dragging items up and down the list. It works fine when dragging items down, but breaks in firefox 2 when trying to drag an item up the list. It is fine all other browsers (IE 6-8, Firefox 3, Safari 3) . All the other items move down as they should, but original div (which should change to contain the text from the div above it) remains the same. I added an alert at the very end of the function
Make all current and future elements draggable
I have a table with rows that are added/removed by the user, and that are made draggable by calling .draggable after the page first loads. When rows are added to the DOM, what is the most efficient way to make the new rows draggable as well? Right now, I call .draggable on *all* the table rows on the page, when really only one new row needs it. I could call .draggable only on the new row being inserted, but was wondering if there is something cleaner, as I have to make sure to pass it the same arguments
Display Inline + populate another form field?
I have the following bit of code in my page : <script type="text/javascript"> $(function() { $("#orderinhandsdate").datepicker({minDate: +1}); $("#orderinhandsdate").datepicker(); }); </script> <div id="orderinhandsdate"></div> <input type="text" name="alternate" id="alternate" /> How can I adapt my code so that it also populates the text input field named "alternate" when a date is selected using the datepicker? - Yvan
Problems downloading custom themes
For quite some time now I have been content using various already- built themes from the gallery. Recently, however, the need arose to create a custom jQuery UI theme. After creating a theme that well suited my company's existing website scheme, I was not ever able to implement it successfully. The zip file downloads correctly, but inside of it are not enough files to make my theme work. The only file in the custom-theme's directory at all is ui.base.css, and none of the other CSS files in the entire
Showing datepicker when clicking span/div
I've been able to get the datepicker working when: 1. It's attached to an input element (datapicker pops up when input gets focus) 2. Datepicker is attached to a span (datepicker is always visibile) I'm wondering if there is a way to associate a datepicker with a span or link element and only have the datepicker show when the element is clicked, i.e. Avg clicks since <span>June 14, 2009</span> So, in this example, the calendar would be hidden until the span element is clicked. When the span is clicked,
jQuery Slider Bug - Post Initialization of Range does not work
Hi everybody. I posted a similar message about this yesterday but apparently somehow it didn't make it to the group. Anyway, I've been using the lastest version of jQuery and jQuery UI (downloaded 2 days ago) and I've been trying to do some post- initialization calls to the jQuery UI slider. If I specify range: 'min' at Slider initialization, it works fine. However, if I try to do it after initialization, like so: .slider('option', 'range', 'min'); (as specified in documentation) it does not work.
JQuery Dialog dialog size on open
1) I use this javascript function to launch JQuery Dialog: $('#dialog').dialog('open'); 2) I read that to change size I can use something like this: $('.selector').dialog({ height: 530 }); Question: How can I mix those 2 lines of code into 1 line javascript function? Thanks in advance!
jordan coach bag ed tshirt with amazing price
jordan coach bag ed tshirt with amazing price You can find the more photos and the price for our product in our website,we are selling lots of brand new shoes,clothing, handbag,sunglasses,hats etc for sale, all of our product is 1000000% best quality but the price is amazing. Sunglass: prada, lv,gucci, dior, D&G channeletc $15-35 you will get better piece if you become our member, we have large member now, they are satisfied with our productif interested please email me by we are selling all brand
Sortable + IE6 + Doctype + scrollbar = weird behaviour
Hello folks, I've got a little issue with the sortable feature of Jquery UI. I've got examples set up and the problem only occurs in IE6 when you've got a scrollbar. When I create 2 columns with divs that are sortable, add a "revert: 300" to the sortable function, in IE6 the div that you are dragging will "float" to the wrong position when you've got a scrollbar. It will end up in the correct position when the "revert" is done. Example: http://www.bittersweetlife.nl/test/test-doctype.html Note that
Is there a way to override the overflow property of ui-dialog?
Hello, I'm looking for a way to override css overflow-x on UI dialog from hidden to visible, but jquery UI seems to put this option straight to element style which of course has the highest priority in css, so there's no way to do it via css no matter where you put it as far as i know. I did my fair share of googling on this. anyone with a working solution or some ideas (I have to use google api for loading jquery ui so altering the source code is not an option, apart from the fact that it's not
Next Page