Question for selectors
Hi, I just come up against a problem for jQuery selector, nd the details is under below: <script> $('div[@title=' + $(this).text() + ']'); // i cannot get the jQuery object </script> <div title="<<<ABC>>>"> ... </div> So, it seems that the selector could not get dom elements by xpath in case of some special charactors? I wander how can i get it in this case, is there someone could help me? thx Daniel
need help for creating jquery plugin:Tablesorter
Hi , Can any one help me to create a page with tablesorter. I am new to the jquery.I am making a project with php+html+mysql.I have a html page which displays students information in a table like name,class,location.This information is taken from mysql through php page. I have gone through the following link which is very nice; jQuery plugin: Tablesorter 2.0 <a href="http://tablesorter.com/docs/index.html" target="_blank">tablesorter.com/docs/index.html</a> I like to make my students table also in
Show ffunction advancement
the show function opens the div but when the div is to be open at the bottom it goes down the screen an only part of div appears what if it should be openable both side of clickable (actionable) area (top and bottom)
Datepicker: custom text in a date cell
Hi! I am wondering is it possible to add some custom text in a cell with date? It is the next use case: 1. User opens a page with datepicker. 2. Clicks a date and gets an popup with a form. 3. Fills in the form and submits. 4. After the popup disapear the clicked cell contains forms data under the cell date. 5. Because form's data saves in a DB, when the user returns on the page the cell contains the data. Is it possible? How? Thanks.
jQuery progress bar
Hi, I am using jQuery progress bar it is working fine here i need to blur background page upto completion of progress bar how i can do it, please suggest me. Thanks, Haranal.
tabs - rotate and toggle not working together
Hello everyone, Complete newbie user so excuse the question if it has been already asked. I am trying to implement sliding tabs. using: $("#specials").tabs().tabs('rotate', 5000); // Rotate every 5 sec. works great for rotation thought the list. while toggle is not taking an effect when used and rotation continues as the above: $("#specials").tabs({fx:{opacity: 'toggle'}}).tabs('rotate', 5000); JS:===================== <link type="text/css" href="css/base/ui.all.css" rel="stylesheet" /> <script type="text/javascript"
ProgressBar not loading
Hi Guys I am trying to use the progress bar but its not showing on the HTML page. No idea why its doing this. Code below: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>Loading www.ShadyBee.com</title> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/jquery- ui-1.7.2.custom.min.js"></script> <script type="text/javascript"> $(function() { $("#progressbar").progressbar({ value:
problem with accordion height when reloaded by ajax
Hi : I looking for some help, about accordion component. The problem : when you go to opcion2 or opcion3, and you back to the opcion1 , the accordion changed its size ( height ). You can see the example about what I talking here : http://www.ilias.cl/navega/ You can download the files here : http://www.ilias.cl/navega/navega.rar Tested in Chrome 2.0, Firefox 3.5.1 and IE 8 Thanks in advanced
Trying to use addClass removeClass
I try and run the demo on this page within IE... http://docs.jquery.com/UI/Effects/addClass I am getting "Invalid Property Value" on this line: jQuery.extend( jQuery.fx, { ... step: ... fx.elem.style[ fx.prop ] = fx.now + fx.unit; // fx.now == NaN Basically, the debugger NaN. Am I the only person having this problem? Thanks, Chris
.position() calculating wrong values in IE
It seems that the .position() method of jQuery calculates wrong values if there are hidden elements above the shown element that you are trying to calculate value for. Seems that this is only happening in IE. Does anyone know any workaround for this? Here's an example. Rows 3 through 6 and 8 through 12 are hidden. When you click on rows 1 and 2, the cursor moves to the top of the rows correcty. When you click on row 7, it is off (lower) by a bunch of pixels. When you click on row 13, it is off even
How do you use tabTempalte for UI Tabs?
Hi Can someone show me a complete example of how to make a U.I tab using the tabTemplate. I can't figure it out. Thanks
datepicker with multiple date input fields
FYI, I'm new to JQuery and JavaScript. I want to use JQuery datepicker with two date input fields. The first date field fires the widget but not the second date field. Here is my sample code. How do I make it work? <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <title>date</title> <link rel='stylesheet' href="jquery-ui-1.7.2.custom.css" type="text/ css"/> <script language="JavaScript" src="jquery-1.3.2.min.js"></script> <script
Accordion problem in IE 6 & 7 - UI 1.71
In both IE 6 & 7 when an accordion panel is opened and then closed, all lower panels become detached and remain floating where they were when the panel was open. This means the accordion headings are overlaying content below. The only way to get the headings back up to their correct closed position is to mouse-over the detached headings, then they snap back up. Interestingly, a similar or related problem occurs when autoHeight is set to false. When an upper heading is clicked open, the lower headings
how can I generate position on hover of an dragable element while dragging over the Sortables Element
Hi All, I am using Jquery with EXT-JS liabrary with Livequery Plugin/JqueryUI. I am building a Form builder using this. I want to generate position for the draggin element in the sortables (just like in sortables we do) on hover of an element over the sortables div. I want the same effect like I had on this page using EXT-JS. http://web2.smartbuzz.net/assessalytics/fb/frm-builder.php?task=blankform login with (aa@bb.com/asdfasdf). I want the Same Effect on this Page which is built using Jquery. http://fedora5/assessalytics/assembler/index.php?module=com_assessmentAssembler&ass_id=209&action=edit
need help for creating jquery plugin:Tablesorter
Hi , Can any one help me to create a page with tablesorter. I am new to the jquery.I am making a project with php+html+mysql.I have a html page which displays students information in a table like name,class,location.This information is taken from mysql through php page. I have gone through the following link which is very nice; jQuery plugin: Tablesorter 2.0 tablesorter.com/docs/index.html I like to make my students table also in the same manner. So i followed whatever its mentioned in the website
Strange behaviour in Sortables
If I place a script tag within a sortable such as: <div class="portlet"> <div class="portlet-header">News</div> <div class="portlet-content">Lorem ipsum dolor sit amet <script type="text/javascript"> alert('Why am I called twice?'); </script> </div> </div> ...in the portlet example: http://jquery-ui.googlecode.com/svn/trunk/demos/sortable/portlets.html It seems to be called exactly twice but no more. Once on page load, and once after the first drag (whether the position of the portlet changes or
Tabs: Open external Links in default Tab
Hello, i have a navigation on my page like <ul> <li><a href="test1.php">test1</a></li> <li><a href="test2.php">test2</a></li> <li><a href="test2.php">test2</a></li> <ul> and a jquery tab area where my content is displayed <div id="tabs"> <ul> <li><a href="/welcome.php">Welcome</a></li> </ul> </div> Now, when someone is using the navigation i want those links to be opened in the default tab where welcome.php is displayed by default.
Dynamic Widget Theme Colors?
Before I write some custom css, is there an easy way to overload UI Colors? I want to be able to change the color scheme on the fly, to match a site that has a customizable color scheme. Thanks!
sortable handle problem
i have a div(parent) which is a container for sortable items. i would like to give the handle property of sortable method in jquery ui only to the grandchildren not to either of children or great grandchildren. here is my html: <div id="parent" class="parent" > <div id="child" class="child"> <div id="grand_child_1" class="grandchild" > </div> <div id="great_grand_child_1" class="greatgrandchild" > </div> <div id="great_grand_child_2" class="greatgrandchild" > </div> . . . <div id="great_grand_child_n"
same IE sortable.remove issue
I have searched this forum and other resources for a solution, but am still hitting a wall. I have a screen with several sets of draggable ul/lis and a sortable ul. Need users to be able to drag items to the sortable list, arrange and delete items. I have a "trash can" div for the delete. It uses sortable.remove(), then a refresh. works great in FF, but the item reappears in IE. I have tried a dozen increasingly complex solutions...but none have worked. I can not easily do anything by ID, because
IE Issue when removing an item from the Sortable
Hello, I am using jQuery UI Sortable component. I want to remove items from the sortable. To do this I drag any sortable item over a Droppable and in the "drop" method of the Droppable I remove the dragged item. This works fine in FireFox 3, Safari and Opera but does not work in IE. Can someone please help me to fix issue with IE? Below is script ---------------------------------------------------------------------------------------------------------------------------------- <script> $(document).ready(function()
How to accept multiple items in a "Droppable" element
Hi!!! I have a problem: I have 1 DIV called "Workspace", and 2 more DIVs, 1 "favorites" and 1 "categories". Well, what I want is that when I drop 1 item from the 1st DIV, have a behavior, for example, alert a message, and if I'm dropping an item from the 2nd DIV, insert an item in a DB. Well, I can't do it, because when I set the "accept" option for the second time, it overwrite the first "accept" (which I set for the first DIV) Reading the docs, I saw that there is a chance ti put a function in
Buttons with ui-icons across FFX, Saf and IE7/8?
Hi, I notice on the filamentgroup site posting about the fg-button approach for button styling that several people have also experience the issues we are experiencing with getting ui-icon(s) to display correctly on buttons in FFX3.x as well as WebKit based browsers like Safari. There appears to be a fundamental propblem relating to positing of the icons between these two rendering engines. Has anybody come up with a workable solution that works for all the major modern browsers. Is the ui-button
jQuery UI 1.7.2 - Opera(9.63) issue with Form submitting through a dialog .
We are using jQuery 1.3.2 and jQuery UI 1.7.2 in our project. Everything was working perfect till we were using jQuery UI 1.7.1. Then we upgraded to jQuery UI 1.7.2, but it is causing a trouble in Opera (9.63). The issue is as follows :- There is a jQuery UI dialog with a textarea and a submit button which posts the data in "textarea" to the server. Before opening the dialog the value of textarea is set to blank. Also I am using Modal:true to get the overlay. Now when I open the dialog for the 1st
Selectable Enhancements
I'm trying to add a few things to my selectable and was wondering if someone could point in the right direction. Firstly i'm trying to be able to be able to hold shift and select different items and have it select the range between them. Theres seems to be code for this in the pluggin but doesn't seem to work, not sure if its not in use or its broken for me (using firefox 3.5). Secondly i've got two lists and would like to be able to drag and selection across both of them. There was one way i got
Datepicker version 1.7 and jQuery 1.2.6
Hallo all. I have to use this configuration in a production environment since the core library is not upgradable. Is there any issue or know bug using the above configuration? Kind regards Massimo
flash content and tabs
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#6666cc"> Hi Anybody have experience with off left technic present in webpage of Jquery UI ? hereis the direct link : <a class="moz-txt-link-freetext" href="http://jqueryui.com/demos/tabs/#...my_slider.2C_Google_Map.2C_sIFR_etc._not_work_when_placed_in_a_hidden_.28inactive.29_tab.3F">http://jqueryui.com/demos/tabs/#...my_slider.2C_Google_Map.2C_sIFR_etc._not_work_when_placed_in_a_hidden_.28inactive.29_tab.3F</a>
How to limit scrolling of handle
Hello, I would like to limit how far the handle scrolls left and right. I am able to set a negative margin-left value which limits the right hand side but I am running into problems with left hand side. Setting the value option in the slider can set the handle up initially to where I want it but it can still be moved farther to the left than I want. What am I missing?? Thanks! David .ui-slider-horizontal .ui-slider-handle { width: 12px; margin-left: -25px; } <script type="text/javascript"> $(document).ready(function(){
What "fx" are available for Tabs
What fx can you use with JQuery UI Tabs? The only two I've been able to find are opacity and height. Is there any way to do other effects? I would like to "slide" or "blind" my content in; is this possible? It looks like it's possible on the old version: http://stilbuero.de/jquery/tabs/. Did they take that functionality out of the new version?
ui.sortable - finding div offset for IE 6
Hi, I am having a trouble finding the updated div offset for IE 6 after a portlet is moved to a new location. The following is the source code. offsetHeight returns the updated offset top position for firefox 3 but, for IE6, none of these:offsetTop, offsetHeight, clientTop returns the updated offset for the portlet div. I am using the latest jquery.(http://jqueryui.com/ latest/jquery-1.3.2.js) Thanks in advance. Jason <script type="text/javascript"> function $GetUpdWdtLoc() { var updWdt
Accordion within an accordion
Hi everyone, I'm pretty new to jQuery UI and am facing this problem with accordion embedded within another's accordion tab. Here's a link to an example of this problem. When changing the tabs of the embedded accordion, the container accordion reacts too, as the event is bubbled up. I know it may not be a common usecase but I'm working on something pretty generic and have to consider this case, too. Is there a way to prevent the mouse event bubbling or is this a bug? Thanks!
Datepicker pops up on dialog open - help!
I've got a datepicker field that is inside of a dialog. When the dialog opens the focus is set to the datepicker field and opens automatically. I've found that if I move the datepicker field to the bottom of the form this no longer happens, or if I set the showOn: 'button' option on the datepicker field I am able to make the datepicker remain hidden when the dialog opens. I really don't want to move the date picker field or require the user to click on a button to make the calendar appear - is there
Help with tabs layout issues
I have a simple page that has a div that is floated left (for my navigation menu) and another div for the main content. I purposely set the first div's min-height to 200px to exaggerate the problem. Using this layout, the <UL> element renders with the same height as the floated div. This is driving me crazy and I don't know how to fix it. Any ideas? The following HTML will reproduce the problem. This is with 1.7.1 <body> <div style="float:left;width:280px;min-height:200px;background- color:green">
carousel
Hi there, I am brand new to jquery and would like to build a carousel. I am trying to display text underneath the respective images in a carousel but the text is not being displayed. I am using the code posted here http://sorgalla.com/projects/jcarousel/examples/static_simple.html <div class="carousel"> <ul id="mycarousel" class="jcarousel-skin-tango"> <li><img src="http://static.flickr.com/ 66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" /><span class="desc">description for the image</span></li>
[accordion] Switch list icon only if head has a child element
Hi, got a small problem with the image in front of my list elements. If I move my mouse pointer over a head element of my accordion menu, it changes the arrow image in front of it (shows up a down arrow) and opens, if available, the second level menu. I think it makes sense only to do the image changing, if there are child elements to this head, and not on every head element by default. Is there a small and simple solution to check, if the head has some childs, and if so changing the image, and not
How to allow absolutely-positioned elements to overlap accordion boundaries?
Hey everyone, I'm experimenting with the accordion widget for a new project and have run into a snag. Within my accordion containers, I have a couple of simple custom dropdown controls that are absolutely positioned relative to their relatively positioned parent elements. This works fine elsewhere on the site, but when I dropped them into the smaller accordion container, they seem to trigger the overflow on the accordion container and a scrollbar renders rather than allowing the dropdown to overlap
Sortable
Is there anyway to make the sortable function do a POST instead of a GET? I need to update database data and would prefer only to do modifications to the backend with a POST.
saving cache upon destory to use with new tab set
i and using one tab template to load mutiple tab groups. the tabs are loading data via ajax and each tab group's tabs have unique urls so when a new tab group is selected i destroy the current one and change the url's them build a new tab group. this works fine. What i would like to do is keep the cache from tabgroup to tabgroup and just build upon it so that when a user goes from tabgroup a to tabgroup b then back to tabgroup a, the content is still cached.
how to add external content to jquery UI dialog?
Hi, please help me. How to i add external content to dialog (from jquery UI) ? I need dynamicaly load file message.php?id=xxx to dialog. <a href="" ondblclick="$('#window').dialog('open')">click her</a> <div id='window' title='external content'> </div> Thanks you Milan
Documentation
I'm looking for the documentation that describes the parameters to event handlers, as in the 'event' and 'ui' parameters that get passed to a tab.load event handler. Where are these documented> Thanks
Next Page