Input value in dialog reset when clicking in an input value of the form
Hello everybody, I have a problem when using dialog. I open the dialog like this : $("#nomDial").val("test"); $('#dialog-form').dialog('open'); When the dialog open, the input value is set to test, but when i click in any other input object of the form element, this value is reset to nothing "" and the input value is getting blank... I need help for this !!! THanks
Update a <p> tag with the corresponding date when a date is selected in the Datepicker?
How do I update a <p> tag with the corresponding date when a date is selected in the Datepicker? I tried this code but it didn't work...however it did work for the input field that's commented out. <script type="text/javascript"> $(function() { $("#datepicker").datepicker({ altField: '.alternate', altFormat: 'DD, d MM, yy' }); }); </script> <body> <div id="datepicker"></div> <!-- <input type="text" class="alternate" size="30"/> --> <p class="alternate">Date here</p>
Datepicker's week calculate error ??
I want to set Friday as the first day of the week. Then i write this code: $(".date").datepicker({ dateFormat: 'yy-mm-dd', changeMonth: true, changeYear: true, showWeek: true, firstDay: 5 }); When I change date to 2010-01-01(friday), the week displays 53, I think it should be 1. I am not sure if it is a bug or only my misuse. Thanks for any help!
datepicker.beforeShowDay ajax
Hello I try to use the parameter "beforeShowDay" function datepicker. I question (ajax) my mysql database through a php page with a json response. I received good response in json in my script, but the "return" is not interpreted. function check(date){ ok = $.datepicker.formatDate('yy-mm-dd', new Date(date)); var ccc = false ; return $.ajax({ type: "POST", dataType: "json", url: "ajax/ajax_date.php", data: "idauteur="+ok, success: function(json){ var a = json.nb;
[Sorteble] - List with several levels
First sorry my English. Well I'm using Sorteble with the following list: UL1 li 1 li 2 UL2 LI3 LI4 ... When I apply the sorteable, and put all items in the level of the UL1 can no longer create a second level.
Tablesorter plugin with Tabs UI - only sorting table in first tab
Having trouble using the tablesorter plugin within the tabs UI in ajax mode. Only the table in the first tab is sorting. Tables from the other tabs do not. Using Tabs in ajax mode, basically… <div id="tabs"> <ul> <li><a href="p1.php"><span>Table 1</span></a></li> <li><a href="p2.php"><span>Table 2</span></a></li> <li><a href="p3.php"><span>Table 3</span></a></li> </ul> </div> I am using the “load” callback function of the Tabs UI to reload the tablesorter
Tabs, UI not working in ajax loaded pages
How can I make sure that jQuery and jQuery UI, which is loaded with the parent page is used with the inserted pages? Using jQuery 1.4.2 and jQuery UI 1.8 Example, the page with the tabs: <div id="tabs"> <ul> <li><a href="#tabs-1">Preloaded</a></li> <li><a href="ajax/content1.html">Tab 1</a></li> </ul> </div> The Ajax page (content1.html): <!--UI Accordion--> <div id="accordion"> <h3><a href="#">First header</a></h3> <div>First content</div> <h3><a href="#">Second header</a></h3> <div>Second
sortable very slow with connectWith option on
Hi, I have a ajax build web page with 10 to 15 ul-lists with up to 20 list-items each. I want to activate the sortable function with with a button. If I have the connectWith option at the sortable to connect these 10-15 lists, the activation of the sortable takes a lot of time with high cpu load and the dragging of the list-items is very laggy. Any ideas how to speed it up?
Dialog for text editing
Hello, I want to open a modal dialog for editing the dialog text. This text is loaded (as usual) from a div in the HTML document. On OK the text should be saved in the according div area in the HTML document. How can I do that? Thank you, Frank
jQuery UI tabs and external links
I have a some tabs and some links outside the tabs on the same page. When a link is clicked I want to switch to a certain tab load the href of whichever link was clicked into that tab 1. switch to a certain tab - I have done no problems with: $('.event_link').click(function() { $tabs.tabs('select', 2); return false; }); But I cant work out how to achieve 2. load the href of whichever link was clicked into that tab. I've tried adding this but it didnt work $asd=$(this).find("a").attr("href");
[SOLVED] datepicker in dialog triggers on focus instead of on click
I have the following code that load()'s a page containing a datepicker within a dialog. The dialog only contains the datepicker and a submit button. When the dialog opens, the cursor by default is on the datepicker text field. The problem is that the datepicker only appears if i lose focus on the datepicker text field (by tabbing) and then clicking back onto the datepicker text field instead of displaying the datepicker everytime I click inside the text field. What do I need to ad to my code in order
Question regarding Dialog
Hello: I am new to jQuery; and have 2 questions regarding jQuery UI Dialog: 1) how to change the message text on the fly? 2) I am trying to use the dialogClass option but not sure were should I add the css styling and the selector name to be used. Thanks! Maria
Validating a modal dialog by code, non using mouse (on ENTER key)
Hi, I got some trouble when trying to validate a modal dialog when user hit [ENTER] key. In my page, there are many little forms which can be validated only after a modal form asking for the "administrator" password. For a better user experience, i catch the [ENTER] key and want to validate the modal dialog with this : $('.ui-button-text', $('.ui-dialog-buttonpane', $('#password').parent().parent())).click();My problem is : when using [ENTER], the "N" validation will use the callback function "N"
Help please, removing selected tabs on jQuery UI tabs
hi all i am new to all this so please forgive my uselessness, i am planing on using the ui jquery tabs with the collapsible characteristic on , however i was just wondering whether there is a way to have no tab selected when first visiting the page, i.e the tabs is collapsed to start of with and you just see the bar with the tabs. Thanks a lot.
jQuery UI Selector: selecting an anchor within a tab in a dialog...
Hi, I'm trying to select an anchor <a id="quartile"></a> within a jQuery UI tab...that opens in a jQuery UI dialog. Selecting by the id doesn't work: $(''#quartile). I tried to see in firebug what I should be looking for, but it was overwhelmed by the markup. Can anyone point me in the right direction? Here is the jquery portion: $('#dialog').dialog({ autoOpen: false, show: 'blind', hide: 'blind', width:
getting id from auto complete??
Ok i was reading this tutorial:http://net.tutsplus.com/tutorials/javascript-ajax/how-to-use-the-jquery-ui-autocomplete-widget/ and I am trying to apply that to my current project, but im having trouble. How can i get the id from the selected person? here is the code from that website getfriends.php <?php //connection information $host = "localhost"; $user = "root"; $password = "your_mysql_password_here"; $database = "test"; $param = $_GET["term"];
Datepicker not working in dialog load
I have a dialog that is calling a page through .load(). This page contains a datepicker but when it loads in the dialog, nothing happens when I click the datepicker text field. This is not the z-index problem. My js: // Initiate datepicker if (jQuery('input.datepicker').length > 0) jQuery('input.datepicker').datepicker({dateFormat: 'dd-mm-yy'}); // Setup and call dialog $('#showdialog').click(function () { $("#example").dialog("open"); $("#example").load("/programs/2/edit", function()
How do I update the value of a progressbar when using .ajax?
Hello all, I have a simple php form page and I wish to update a MySQL database on a button click. When I click the button, I want the progressbar to appear and reflect the status of the database update or query. In the simple page, I have the following.. <div id="progressbar"></div> <input type="button" class="btn" value="click to update" onclick="updateDB(id);" /> My javascript looks like this... function updateDB(id){ $("#progressbar").progressbar({value:0}); $.ajax({ url:'updatedb.php',
how to get the item(object) when an div is dragged into sortable ?
I want to get the item (object) when i finish dropping a div into a sortable. I want ot change the HTML content of the item after it is dropped into the sortable. Please can help me out ?
IE: table and jquery-ui
Hi, Working with jquery-ui, i tried a lot in firefox and chrome and after some time i found some IE issues. The last one which I couldn't get solved so far, is the TR rows' background-color. It's set by a css-class and the class is added by $("#... tr:even").addClass("etable-tr-even"); $("#... tr:odd").addClass("etable-tr-odd"); to make it look like a zebra table... However, even trying display:block and other tricks failed, so I post here... The HTML with the table without bg-color can be seen
Unusual bug found in IE 6 and 7 with Accordion UI
Hi, I'm hoping someone can help with this bug. It doesn't appear to be the same as the common IE6 / 7 Accordion UI bugs. You can see the bug in action here: http://huet.mpjdesign.com/products/fire-rated-doorset.php Basically, the first time an Accordion Heading is clicked, it opens but the address info re-flows and arrives below the Accordion. Click a second heading and the address re-flows back to it's correct position. This happens continuously - each "odd-numbered" click causes to the buggy re-flow
jquery ui button issue in firefox without icon
Hi, It seems there is some sort of issue in Firefox when clicking a <a> that has been set to a button with text set to 'disable' and only an icon is visible. you can see it happening here: http://wiki.jqueryui.com/Buttons simply click or right click one of the <a> buttons (not the <button> ones) where only an icon is showing (and no text), you can see them under '4 - Markup & Style:' in the anchor section. the browser seems to pause while it 'selects a large area around the anchor. this doesn't
Using Accordion with jQuery 1.6
I'm trying to use jQuery UI on our new shopping cart running CS-Cart, a PHP shopping cart which makes extensive use of jQuery. The latest version of CS-Cart uses jQuery 1.2.6 and although, on a whim, I tried updating to the latest version of jQuery, it broke many functions of the CS-Cart software. So for better or for worse (worse) the site needs to be using 1.2.6 to work with all the jQuery built into the cart, and of course the shopping cart is the key functionality of the site - I'm merely trying
Problem with using JQuery Accordion and Tabs in the same page.
Hello, I'm using JQuery Accordion at the left side of all my pages and on some I'm using JQuery Tabs in the content area. The problem is that the tab-panel has exactly the same height as the whole accordion instead of the height required for tabs. I'm using JQuery 1.4.2 and JQuery UI 1.8 without any cusomizations in the pages. Here is an screenshot: Does anybody have the same problem or an idea how to resolve this? Thanks, Marco
accordion hover timer
hy i got a problem with the jquery UI Accordion. 1. Question Is there a possibility that those headlines on more mouseover responds immediately and only if the content is not completely opened?? 2. Question does it give to be able to regulate the possibility slideup and slidedown the speed separately? 3. Question there is to break off the possibility slidedown the action and/or slideup set if another Headline by more mouseover is addressed. Thanks for each hint
How to revert back to orignal in Drag and Drop?
Hi, I am new to jQuery and am looking at he example of drag and drop. http://jqueryui.com/demos/droppable/#default When I drop the child on to the parent the text in that is shown as "Dropped!". What I want is that when I remove the dropped child from the parent the parent should again show "Drop here" Thanks
drag link with no redirect!
Hey guys and gals! My structure is like this example: <a href="img.one.jpg"><img src="thumbnail.jpg" /></a> Now I want to make it draggable with the .draggable() function which works fine. When I drag an image and release the left mousebutton the link is activated... of course. How can I stop this but activate the link when I click it?
Couple of Resizable Bugs on Right Aligned Div's
Hi I've noticed a couple of problems making things resizable that that are fixed right aligned. The example code is below. The first example makes the div's shoot to the left as soon as the resizing begins, but works in Firefox. The second example is when resizing items from alsoresize, they fixed right items' width goes in from the left rather than the right, this problem is Firefox only. Resizing Fixed Right (IE+Chrome Issue): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Datepicker onSelect to change cell style
In an attempt to implement some kind of multiple date selection/highlighting, I try to add a class to a clicked date using the "onSelect" event. However, the datepicker is updated after triggering the onSelect event. This poses two problems: I don't know what is the currently selected date (td.ui-datepicker-current-day). My added class gets removed by the refresh.Is there another way to solve this problem? Is there maybe some kind of "afterRefresh" event I'm not aware of?
Accordion - How to set style on selected header?
Hi all, I am using Accordion standalone (that is, the jQuery UI plugin, but without any UI themes). It works great (and has some bug fixes over the original standalone Accordion, which is why I need the UI-based version), but I cannot get something working: I want to manually set the style of the active header. In the original plugin, you only had to define the "selected" class for the element, and that would be that. However, doing so under the UI version doesn't work. My accordion structure looks
Effects on elements created with document.createElement
Hey there, The issue I'm having is effects like .slideDown() are not working correctly on elements appended to the DOM after page load. I have a $.post() call and I get the result. I add the result to my page using document.createElement() and then finally want the result to slideDown() but it just magically appears with no affect. $('#category_list').append('<div id="category_row'+category_id+'" style="display:none;"></div>'); /* ++++TITLE+++++ */ var div1 = document.createElement('div'); div1.setAttribute('id',
Using Autocomplete DropDown list with ajax request?
Hi, I am new to the JQuery. I want to make use of mcDropDown but in that example they have used menu to render into the drop down. I want to render the dropdown from the ajax request data. Can any one please help me in this. I want to know whether this one can execute in mobile devices or not. I want to give the support to both BlackBerry and iPhone. Thanks in advance. Regards, Siva.
ui tabs works fine in all browsers except ie7
Please take a look here: http://bit.ly/8XfM0Q In IE7, you'll notice some of the borders don't show up.
Datepicker and PHP
I am just starting to learn web programming and am trying to use datepicker in a simple php application. The code is - <!DOCTYPE html> <html> <head> <link type="text/css" href="/var/www/html/development-bundle/themes/base/ui.all.css" rel="stylesheet" /> <script type="text/javascript" src="/var/www/development-bundle/jquery-1.3.2.js"></script> <script type="text/javascript" src="/var/www/development-bundle/ui/ui.core.js"></script> <script type="text/javascript" src="/var/www/development-bundle/ui/ui.datepicker.js"></script>
jQuery UI Tabs - 2 Problems, Please Help
I'm using jQuery tabs and I'm having some problems. Let me detail them for you here and then I'll put code below: PROBLEM 1: I have a total of 6 tabs (default tab in local div, other 5 loading via Ajax). When the page loads, I need the 3rd tab to be selected by default. Easy. Problem is, say I link to http://example.com/index.html#services the 3rd tab still shows up instead of the services tab. I've tried to use cookie to set the selected value but it just isn't working right. PROBLEM 2: This
Draggable inside of an iframe
I'm having an issue with jquery-ui draggable() inside of iframes. See test here: http://jsfiddle.net/TDfkn/ I have iframeFix:true, but if you try to drag the image nothing happens until the mouse cursor moves outside of the iframe. Is there a way to fix that?
Altering nested classes within jQeury UI
Hello, and good afternoon. Have what I think is a unique issue. I am using jQuery UI tabs and the accordion in my web development. It is necessary to alter the css of the .tabs to portray a custom look. The problem is, the accordion and tabs share similar classes. It is easy enough to copy and rename the top level classes, and then use removeClass and addClass to enable the new classes for the tabs. However, I find myself having to alter the classes at the <ul> level (and possibly <li>). Specifically,
nested tabs with forms and ajax loads
I am stumped and would like some insight into a problem I am encountering when attempting to utilize the ui.tabs functionality of jquery. I currently have a master template file which looks like the following: <script type="text/javascript"> var $j = jQuery.noConflict(); $j(document).ready(function(){ var loading = '<img src="{$templates}/images/loading.gif" width="20" height="20" alt="Loading content..." title="Loading content..." />'; var tabID=$j.cookie("tabID")||0; $j("#tabs").tabs({
Changing jQuery UI Dialog content
Hello: I am new at jQuery so bear with me pls!. How can I change the jQ UI Dialog message on the fly? and how do I use the dialogClass to alert type (not sure where the css definition goes). Thks, Maria
Bug with Opera and draggables
Test page: http://www.simpsoncrazy.com/content/games/jigsaw.html Using jQuery 1.2.6 and UI 1.5.3 I have a couple of problems with this in Opera 9.6 - firstly when I drag something for the first time it jumps to the bottom of the screen (or goes off screen altogether). It seems that if I scroll down further, the further away the element jumps to. Second problem is if I add a margin to the elements, in Opera they don't snap to a perfect line any more. On one side the pieces overlap, and the other there
Next Page