wierd problem with simple example
hi, Ok, so I'm at the end of my wits trying out what the problem is with this code: The progress bar just doesn't show!! <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="AjaxPlayground._Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script type="text/javascript" src="jquery-1.3.2.js"></script>
selectable: divs within li-tag
hi, i've got a list of <li> tags. within each <li> tag there are several divs ... example: <ol id="selectable"> <li> <div id="one">one</div> <div id="two">two</div> <li> </ol> So the divs "one" and "two" are also selectees. When I click on one div just this div is selected and not the whole <li> item. Do you have any best practice how to select the whole <li> when I select "one" or "two"? To put the "one" and "two" divs into a cancel-statement is no solution for me, because they shall be used to
Styling form elements with jQueryUI
Hi. I tried to style form elements (inputs and textarea) with jQuery UI. I already use http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/ to replace select elements, but I cant come up with a solution for text fields. With UI darkness theme and class="ui-widget ui-state-default ui-corner- all", they look pretty odd. With class="ui-widget ui-widget-content ui- corner-all" look better, but a bit different from selects. Also, adding hover(function()
Drawing/diagraming/design type of component?
<div>I need to build a feature for an application that allows users to design things like business cards via a simple drag-n-drop interface. This means at a minimum, being able to add text fields, lines, and images to an area on the page. I'm envisioning features such as "show grid", "background image", "background color", etc.</div> <div> </div><div>Does anyone know of anything similar? I've been searching and can't locate anything. It doesn't even have to be specific to this -- it could be a floor
Highlight select date ranges
I'm try to high light a select date ranges by using the beforeShowDay callback. Here is my code: $(function() { $("#staticCalendar").datepicker({ beforeShowDay: function(date) { var curDay = date.getTime(); if (1258268400000 <= curDay && 1258873199999 >= curDay) { return new Array(true, "ui-state-active", date.getTime()); } return new Array(true, "", date.getTime()); } }); $.datepicker.setDefaults({showOtherMonths: true, dateFormat: 'mm/dd/ yy', changeMonth: true, changeYear: true}); In this case,
Strange text-resizing problem
I've almost finished redesigning a site using jquery-ui tabs, which is doing a great job for me. But I've hit a problem with IE. The tabs contain a set of forms with select drop-downs. In IE, the text in the options ridiculously large (too large for the space available, so the bottom of the text isn't visible). A bit of investigation (using Firefox, as I don't have direct access to IE) shows that the text in the selects is initially the right size, but when the page is re-rendered by the tabs widget,
jQuery 1.4 compatibility
Is the latest jQuery UI going to be compatible with jQuery 1.4? --
default styles
hi is there a stylesheet with simple default styles to use when javascript is disabled, eg if i have tabs ul but $("#tabs").tabs() never gets run, it still looks like a basic tabs. i can write it but wondering if theres already something available for jquery ui widgets/ themeroller in general? thx linoj --
JQuery UI Dialog with Repeater
Hi, I really wanted to get the JQuery UI Dialog working with repeated items so i didnt have to use the ajaxconroltoolkit for a modal popup. I can get individual examples to work, but when i have multiple popups on the same page i get in to trouble. I want to have a repeater of records on the page, then use the UI Dialog to edit. so popup the individual edit div and then be able to save the changes. My problem is trying to popup the correct div. I created a demo file to show my problem. http://old.nabble.com/file/p26665109/Test.htm
Keep Tab Selected on refresh?
Hi, I am using the jquery UI tabs and wanted to know is there a way to keep the tab selected when the page is refreshed? If so, can someone provide code that does this? Thanks, <hr align="left" width="300"> View this message in context: <a href="http://old.nabble.com/Keep-Tab-Selected-on-refresh--tp26636164s27240p26636164.html">Keep Tab Selected on refresh?</a> Sent from the <a href="http://old.nabble.com/jQuery-UI-Discussion-f27241.html">jQuery UI Discussion mailing list archive</a> at Nabble.com.
Set body background
Forgive my ignorance, I'm just learning jquery... I have my pages set up using sortables, I have themes working. I'm also using the ui layout plugin (<a href="http://layout.jquery-dev.net">http://layout.jquery-dev.net</a>) How do I set the body background to switch and use the theme background settings? I've looked through the docs/google but I'm probably just stupid :-) So I have something like this: <div class="ui-layout-center"> <!-- Start Column 1 --> <div class="column"> <div class="portlet"><br
UI Dialog Postition
Hi all, How can I make the horizontal posting of a dialog fixed far right on the window based on the window size and have the vertical position dynamic based on user scroll. more like a fixed position Dialog. --
thumbPopup and news ticker
Hi, I have created a new ticker (used code) which contains thumb nails what i want to do is when you move mouse over the images it would show the real size (400 * 400) of the image. but it works onley once the list is loaded, i mean the tooltip (popup) works only for those photos in the news ticker which is shown first time and it does not work for those which appear in the news ticker later. her is my code: thanks for your help <script src="scripts/jquery-1.3.2.min.js" type="text/javascript"></
resizable icons are off the screen
Somehow I screwed something up and now the little arrow to resize my div is appearing way outside the id it's tied to. Can someone 'splain to me how to get it back home...it misses it's home :-) Here's a screenshot: http://php-syslog-ng.gdd.net/screen.png -- ______________________________________________________________ Clayton Dukes ______________________________________________________________ --
Confusion about pre-canned themes
I'm a bit confused about using the pre-canned themes on my website - is there a package I can download that has all of them or do I need to d/l each one separately?<br clear="all"> -- ______________________________________________________________ Clayton Dukes ______________________________________________________________ --
Tabs with many Divs problem
Hi! I have Tabs working, however, if any of the TAB containers have divs inside of it(like a left/right div), it seems that the Tab loads all the data outside the Tab container area(graphically speaking). If the container div only has HTML in it, it seems to load fine. Do you guys know any work around for this? --
JQuery UI + Opera + DTD HTML 4.0 Transitional: empty horizontal line between the tabs and the tab panels
jquery-ui-1.7.2 introduces an empty line in Opear 10.10 between the tabs and the tab panels when using <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> HOW TO REPRODUCE: The index.html example page that you get when you download jquery- ui-1.7.2 uses <!DOCTYPE html>. Just change that with <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> and the empty horizontal line appears in Opera 10 between the tabs and the tab panels! Please tell me how to eliminate the horizontal
duration in toggleClass doesn't work
Hi, I wondering why animation effect doesn't work on demo page http://jqueryui.com/demos/toggleClass/default.html. I have the same problem in my project and this is not browser problem. I can see animation effect on http://jqueryui.com/demos/toggleClass/. Thanks for help br Kris --
can I put this in a .each loop?
Hi All, Im trying to build a menu system and each button I add Im having to add more and more code eg: $("#scaleButton").click(function(){ $("#scaleDiv").fadeToggle(200) ; if($('#infoDiv').is(':visible')){ $("#infoDiv").fadeToggle(100) ; } if($('#saveDiv').is(':visible')){ $("#saveDiv").fadeToggle(100) ; } }); $("#infoButton").click(function(){ $("#infoDiv").fadeToggle(200) ; if($('#resizerDiv').is(':visible')){ $("#resizerDiv").fadeToggle(100)
call dialog() with default option.
Hi. First, I apology I'm not sure this question is only for jquery-ui or Javascript matter. I'd like to use dialog() function in many pages. The code of Javascript will be following. ---------------------- $('<div title="ERROR"></div>') .text('Error message') .dialog({ modal: true, buttons: { "Close": function() { $(this).dialog("close"); } } }); ---------------------- I want to override default parameter of the function to avoid writing similar codes. After overriding the parameter, I think I can
jQuery UI Effect Animation Choppy
Hi, I have been experimenting with the animation to create a rotator. The error is not in the javascript but in the animation of the effect show where it is choppy in IE. The first time IE renders it, its fine but when the animation is repeated without reloading the page or reloading the animation object; it becomes choppy. e.g. $("#showblock").show("fold",options2, 1200); The source is located on this link: http://www.2shared.com/file/9684554/abeab7c8/source.html The Div is a absolute position with
JQuery Accordion Menu and Tree
Hi In my application, i want to show a tree navigation inside a accordion menu. I am unable to do that right now. The stand alone accordion menu gets rendered properly, but when i include the Tree navigation code, both of them dont get rendered properly. Code for Accordion menu <!DOCTYPE html> <html> <head> <link type="text/css" href="css/ui.all.css" rel="stylesheet" /> <script type="text/javascript" src="js/ui/jquery-1.3.2.js"></script> <script type="text/javascript" src="js/ui/ui.core.js"></script>
My click events only firing once
Hi, I'm new to jquery, so I'm not sure if I've missed something. I have several click events, which open modal dialog windows. Each one works perfectly the first time I click them, but if I go back to click them again, they don't work. No errors are thrown, they just don't work. Any assistance would be greatly appreciated. Floyd This is the code of one, the others are similiar: $(function() { $("#mtd").click(function() { $("#mtd_dialog").dialog({ bgiframe: true, title:
jQuery UI tab:spinner control
Hi, I am using jQuery UI tabs which loads the content via ajax. <div id="tabs"> <ul> <li><a href="ajax/content1.html">Ajax Tab 1</a></li> <li><a href="ajax/content2.html">Ajax Tab 2</a></li> </ul> </div> In content1.html,i have some images and an iframe.Before it completely loads the iframe and images,the tab label changes from "Loading.." to normal label.I want the label to get changed from "Loading.." to normal label ,when iframe and images completely loads.How to do it? In other words I want the
problems using ui from firefox extension
Hi, I'm calling jquery.ui version 1.6 from a Firefox extension. I'm getting an interesting problem. Whenever some ui widget calls $("<<some html>>"), this.element is over- written by the element just created. UI plugins that don't do this kind of thing, eg the effects, work fine. The slider plugin, which I am particularly interested in, does this when creating the handle. Even if I create the handle before calling slider, other parts get messed up. If this is the wrong list, let me know. I wasn't
State maintenance for accordion
Is there any way to maintain the state of the accordion after post back ? --
Dialog : id of the trigger element
Hi, I'm a new user of jquery and jqueryui. How can i get the id of the element which fired the modal box when i click on one of the box's button ? $("#dialog").dialog({ bgiframe: true, resizable: false, height:140, modal: true, buttons: { 'Sure ?': function() { // I would like to get the id of the element which open the modal box }, Cancel: function() { $(this).dialog('close');
Tabs, content outside tabs container
Hi i'm trying to do the following, using jQuery 1.3.2 and UI 1.7.2. <script type="text/javascript"> $(function(){$('#header').tabs(); }); </script> <style> .ui-tabs .ui-tabs-hide{ display:none; } </style> <div id="header"> <ul> <li><a href="#tab-1">tab 1</a></li> <li><a href="#tab-2">tab 2</a></li> </ul> </div> <div id="content"> <div id="tab-1">Content 1</div> <div id="tab-2">Content
Sortables lists - how i get the updated values of the list after been sorted
Hello, im doing my fist jquery sortable list, and im a bit lost. I just want to know how do i get the values of the list items after sorting them to update my database with the changes. this is the easiest example <ul id="sortable" style="width:30px;"> <li class="ui-state-default">1</li> <li class="ui-state-default">2</li> <li class="ui-state-default">3</li> <li class="ui-state-default">4</li> <li class="ui-state-default">5</li> </ul> I supose there's a function already developed
Tabs UI, Nested TAbs postback call
hi im using jquery with asp.net when a postback happens it went back to the root of the tabs, after looking for answers on the internet i found this and it worked <asp:HiddenField runat="server" ID="currTab" /> <script type="text/javascript"> // Tabs declared & checking value from hidden object to get user location on tabs $(function() { var currTab = $("#<%= currTab.ClientID %>"); $("#container-1 > ul").tabs(); $('#container-1 > ul').bind('tabsselect', function (event, ui) { currTab.val(ui.index
Datepicker erase date
Hello, this is my first attempt to add a jQuery control on my form and it works. What a fantastic library !!! The problem I encounter is that the erase way for the value (ctrl+end - close and erase the date) isn't so natural and hard to find. It's there any way to set this erase function on the "backspace" or "delete" button ? Thank you for helping. Bob --
droppable() & show()
Hello, I'm facing a problem using droppable() and show() combined together? I have an HTML element, with display:none; property, on which I apply droppable(). I also have other HTML elements, on which I apply draggable(). On the draggable's start() event, I apply show() on my droppable element. But my draggable elements can't be dropped in my droppable. As if the droppable() could not work if the droppable element is not visible when the page loads. Here is a test page : http://wir3d.net/tests/dragdrop.html
Jquery.UI Accordion in iframe shim over Google Earth Plugin - display broken with Firefox
Hello, I setup a iframe shim to display a accordion over Google Earth Plugin. It's work great with Chrome, but display is broken with firefox. I don't know exactly what happen, but header are not show when a section is close., and i can see some ugly thing under the active section. More strange, when i reduce & restore Firefox, or when i change Tabs, display become good, but after any action it's break again.. The bug can be see here : http://fire.vakanala.org (concerning the How to use/Choose Dataset
Catch a sortable box
Hi, I want to can move a sortable box just catching from the top area, not from all box area. I want to can select and copy the text from a box. How can I do this? Please help me somebody! --
Accordion: different icons for the headers
I would like to give the first accordion header another icon than the other headers. I know how to set the open and close icons for all the headers at initializing time: icons: { header: "ui-icon-circle-arrow-e", headerSelected: "ui-icon-circle-arrow-s" } But I do not have a clue about how to set the 'some' 'header' icon without changing all header icons. Henk --
jQuery UI tab
Hi, I am using jQuery UI tabs which loads the content via ajax. <div id="tabs"> <ul> <li><a href="ajax/content1.html">Ajax Tab 1</a></li> <li><a href="ajax/content2.html">Ajax Tab 2</a></li> </ul> </div> In content1.html,i have some images and an iframe.Before it completely loads the iframe and images,the tab label changes from "Loading.." to normal label.I want the label to get changed from "Loading.." to normal label ,when iframe and images completely loads.How to do it? Please help. Thanks --
New CMF based on jquery UI 1.8
Hello We just released an open source CMS/CMF wich use jQuery UI 1.8 intensively : http://diem-project.org Thanks to all contributors to jquery UI for such a great work. --
slider question
http://www.drama.com.tw/jquery_question/slider.html How to customize slider ui, make the handle box "inside" the track? just like second demo. --
sortable inside tab doesn't work unless that tab opens first.
i have a tabset that contains a sortable list that draggable objects can be dragged into. i have the cookie setting for the tabs as well. the sortable works when that tab opens first due to the cookies, but does not work when another tab is selected then i switch tabs. any reason for this? --
Cancel a drag after the 'start' event has fired? [draggable]
Here's my problem: I have two lists, one sortable, the other's items draggable and connected to the sortable list via "connectToSortable". I don't want the user to be able to drag an item over to the sortable list more than once. I've tried $('#draggable > li').draggable({ connectToSortable: '#sortable', start: function(){ if( itemAlreadyExists(this) ) return false; } }); but obviously returning false doesn't cancel the drag. Another way I could do this is to detect when an item is successfully dropped
Next Page