Using a var in .load()
I'm looking to make a page that loads in data from various divs on a separate page depending on the hash part of the url. If a page is loaded with the url of www.example.com/#about this will load info from an external page (what-cms.php) where the div has an id of #about Below is how I think it might look, but I can not get it to work. Does anyone know a solution? Also, can I put the hash variable in the .load() event to act as the div to load from the what-cms.php page? <body> <script type="text/javascript">
Modal dialog with edit/delete for table rows
Here's my goal: have a table of data with edit/delete buttons. The edit buttons open a modal dialog with the form pre-populated with the details for the appropriate row. I have had trouble getting the ajax to work to actually fill out the form on the fly, so I'm just opening an edit page inside the modal and passing the id. It works great...for the first edit button. Nothing at all happens on subsequent edit buttons. I'm at a loss. I'm no javascript or jquery expert, but have googled away and haven't
Jquery UI Button/buttonset - auto-refresh after state change?
When disabling/enabling a button or a radio buttons set, the Jquery UI buttons doenst reflect the current state unless you specifically call refresh on the element. Is there a way to have this done automatically when the underlying element becomes disabled/enabled?
jQuery dialog and PHP grid - Passing row value
Hi guys, I'm trying to open a dialog box that when edit button is clicked on each row it will pass the row id to the box.. I was able to pass row id to the edit form but with every click, id changes. here is my code: $('.details').dialog({ autoOpen: false, }); $('a.pop').click(function(e) { e.preventDefault(); $("#details").dialog('open'); }); Many thanks.
How to perform a Struts action by clliking on the tab
Hello All, I'm looking a way to perform an Struts action by cliking on the Tab. I have 2 Tabs in the JSP. By clicking on the second an action need to be perform to load more datas. Thanks
use dialog confirmation as confirm dialog
Hello, I want to use a jquery ui dialog popup for confirmation, but i can't use this like I want. I want to do this : function popup() { $("#test").dialog({ modal: true, title: "Test", buttons: { "CANCEL": function() { $("#test").dialog( "close" ); return false; }, "OK": function() { $("#test").dialog( "close" ); return true; } }
Why is not working?
Hey dudes, my english is very bad but i need help Im using jquery UI autocomplete plugins with JSON data and its not working .... this is my code $("#txtCliente").autocomplete({ dataType: 'JSON', source: function(request, response) { jQuery.ajax({ url: "citas/acciones", type: "post", dataType: "json", data: { action: 'buscarCliente', cliente: request.term
autocomplete - doesn't search in full string
hello. im using this php to generate source for my autocomplete: $return_arr = array(); $get_item = mysql_query("SELECT * FROM my_table WHERE name LIKE '%" . $_GET['term'] . "%' ORDER BY id"); while($item = mysql_fetch_assoc($get_item)) { $row_array['id'] = $item['id']; $row_array['label'] = $item['name'].' - '.$item['city']; $row_array['value'] = $item['name'].' - '.$item['city']; $row_array['city'] = $item['city']; array_push($return_arr,$row_array); } echo json_encode($return_arr);
Theme roller custom download broken?
I am using jQuery UI tabs and a custom theme (http://jqueryui.com/themeroller/?ctl=themeroller&ctl=themeroller&ctl=themeroller&ffDefault=tahoma,arial,helvetica;&fwDefault=normal&fsDefault=11px &cornerRadius=6px&bgColorHeader=deedf7&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=100&borderColorHeader=aed0ea&fcHeader=222222&iconColorHeader=72a7cf&bgColorContent=f2f5f7&bgTextureContent=04_highlight_hard.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=362b36&iconColorContent=72a7cf&bgColorDefault=d7ebf9&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=aed0ea&fcDefault=2779aa&iconColorDefault=3d80b3&bgColorHover=e4f1fb&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=74b2e2&fcHover=0070a3&iconColorHover=2694e8&bgColorActive=e4f1fb&bgTextureActive=02_glass.png&bgImgOpacityActive=50&borderColorActive=74b2e2&fcActive=15428B&iconColorActive=ffffff&bgColorHighlight=ffef8f&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=25&borderColorHighlight=f9dd34&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=cd0a0a&bgTextureError=01_flat.png&bgImgOpacityError=15&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffffff&bgColorOverlay=eeeeee&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=90&opacityOverlay=80&bgColorShadow=000000&bgTextureShadow=04_highlight_hard.png&bgImgOpacityShadow=70&opacityShadow=30&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px).
problem integrating jquery UI draggable and my own code
Hellow folks, I am very new to jQueryUI. have implemented the code of draggable into a page with 144 images. and if works fine, as seen in here. The problem occurs when trying to write a custom function to load images, when they fly out of the main div ( container ). We need a setup, that when an image is out of the black area, it will automatically be shown from the other side ( if it slips our from right, it will be shown from left ). My function PUSHIT () works correctly at this stage. but the
Trouble using XML as an external data source with JqueryUI Autocomplete
Hi guys. I was hoping somebody would be able to help me. Basically I am trying to use the Jquery autocomplete with an XML datasource and cannot seem to get it working. A sample of the XML is as follows: --------------------------------------… <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE sitelisting SYSTEM "schema/sitelisting.dtd"><sites> <site> <id>8</id> <site_name>Site 1</site_name> </site> <site> <id>7</id> <site_name>Site 2</site_name> </site> <site> <id>6</id> <site_name>Site 3</site_name>
Regarding jQuery progress bar
Hi All, In my project I need a file upload operation with progress bar to show the progress in x%. Kindly let me know how to modify the progress bar UI to show the dynamic values of file uploading with the percentage. Any help on this is greatly appreciated.
Resizable + overflow:hidden does not work correct in chrome
Hello I have problem at chrome browser, I create div with style overflow:hidden I create second div iniside first with overflow:auto So as I understand it is not possible to scroll first div by mouse. But I can do it if I call resizable() for first div and use chrome browser (Firefox does work right). If I start text selection at second div and move mouse outside second and first divs I can scroll first div. The problem is in addintions divs which we create at resizable() function <div style="-moz-user-select:
ui autocomplete should wait untill ajax call is fired.
Hi there, I need autocomplete similar to the momondo.com. i am new in jquery world, Though i have implemented the basic control using asp.net httpmodule. but i need more control on the field. For example, if user type in the autocomplete quickly and tab to other field , no result is returned, how would i handle this? any suggestions?? $(function() { var local = {}; $("#birds").autocomplete({ minLength: 3, highlight: true, delay:
How to initialize the "tab" view with the 2nd tab
I'm using the jquery "Tabs". Normally, I call code, which is like $( "#tabs" ).tabs(), to initialize the tabs. How can I init the tabs with the 2nd tab visible? That means I don't want to load the 1st tab and just want to load the 2nd one directly.
How can I show the slider onmousedown with handle already pressed
Hi, I need some help on this one: I want to show a slider when the user clicks on a certain element. When he does click and holds the mouse button, the slider should fade in immediately with its handle already pressed, so the user will be able to immediately change the value he clicked on. Upon release of the mouse button, the slider will fade out / disappear again. There are like 30 elements on the page that should be all clickable, all with own values for the slider. My code so far: that = $(this)
JQuery selectable with some list elements NOT selectable?
I am trying to use the JQuery UI Selectable (serialized) as a tool to pick free server rack space which I can then submit to a DB. What I'd ultimately like is to show the whole rack, but only allow selection of rack units that don't already have a server attached to them. I *believe* I can do this the filter option. I'm new to JQuery and am having a hard time figuring out how to use the filter however. Does anyone have any example code I can look at?
Dialog issue with Asp.Net MVC
I'm trying to open a mvc view as a dialog , it hangs with a loading panel but never displays the pop-up. i'm trying it like this, <a href="/Menu/Options" data-transition="pop" data-theme="d" data-role="button" data-rel="dialog" data-inline="true"> Is this possible to do? /BB
.accordion proves to be an easy and interesting vertical menu
script> $(function() { $( "#directory" ).accordion({ event: "mouseover", collapsible: true, autoheight: false, active: false }); }); </script>I wanted the accordion collapsed initially, expanding on mouse over, and this works fairly well. I also went into the CSS and removed the padding for: .ui-accordion .ui-accordion-header a Now, the reason, I'm here now, is that on mouse out, I'd like for the active content to collapse. The toggle effect isn't quite as fluid as I'd like it to be. My knowledge
Droppable demo - multiple <ul>'s?
Hi guys, I'm using this demo - http://jqueryui.com/demos/droppable/#photo-manager - as part of my custom development. I was wondering if someone could help me with how to get this demo working with more than one set of ul tags? The system works with more than one, but when I click "undelete" the image goes to the first ul and not the one it came from... What is the best way to make the image return to the correct ordered list using this demo? Thanks for the help. RJP100
how to scroll the full length of divs in class???
Hi there, this is my 1st post on the board and any help woul dbe greatly appreciated. I've ogt everything working the way I want it...you can see here www.kerrydean.ca/tizzest.html The only problem is the slider will not scroll the full length of the all 3 of the div in the class This is the code I'm using $(document).ready(function() { $('a').click(function () { var divname= this.name; $("#"+divname).show("slow").siblings().hide("slow"); $(".info").css("top", 0 ); // Reset slider to top
Autocomplete - 'change' not firing beyond v1.8.0
Hi, I would like to use JQuery 1.5 and JQuery-UI 1.8.9 to implement some autocomplete functionality (see code extract below) but I am unable to get the 'change' event to fire whenever an item is selected from the list. The 'change' event only seems to fire when the input field ( #member_search ) loses focus and not when I select an item from the list. If I use v1.8.0, the 'change' will fire when an item is selected. Is this behaviour correct or a bug? $(function() { $('#member_search').autocomplete({
Format unix timestamp in altfield
hi, i populate the datepickers value to a altfield in the format '@'. but the date isn't a unix timestamp. is this a known bug? / how can I solve it? best, heinetz
dynamic checked tree view
Hi All, I am new to jquery. I need to create a dynamic checked tree view ( the nodes will be populated based on the data in database ) for my project requirement. I want to use jquery as well as grails to create the dynamic checked tree view. Can any body help me please. Thanks for any help. Sabyasachi
jQuery UI Grid component?
Hi everybody, I was wondering if jqueryUI was about to release a kind of "grid" component (like jqgrid or similar) in its future release, or if it was possible to create such a component with all the already existing tools provided by jquery and jqueryUI
Dialog Confirmation before show Datepicker popup
Hello, I'm trying to show a dialog confirmation when the user click on my date's input, and if the user choose "No modification", i would not show the datepicker popup. I searched about beforeShow options and onclick event on my input, but no results. Can you help me, I'll take every ideas and suggestions ? Thanks, Thec,
Modelwindow not redirecting to the specific url provided in IE
I am trying to open a link in a model window which will first redirect to authentication page and then again it will redirect to the url provided by me(eg:- www.yahoo.com\login\me\myvideos).. In FF and chrome every thing works fine. But in IE first redirection to authentication page is happening but after that redirection to the url provided by me is not happening, instead it is redirecting to the homepage(eg:- www.yahoo.com\) of my given url.. Please share your thoughts.. Thanks, Hardik
Problem with XML and Jquery UI Autocomplete
Hi guys. I was hoping somebody would be able to help me. Basically I am trying to use the Jquery autocomplete with an XML datasource and cannot seem to get it working. A sample of the XML is as follows: --------------------------------------… <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE sitelisting SYSTEM "schema/sitelisting.dtd"><sites> <site> <id>8</id> <site_name>Site 1</site_name> </site> <site> <id>7</id> <site_name>Site 2</site_name> </site> <site> <id>6</id> <site_name>Site 3</site_name>
Model window using iframe not redirecting to the specific url provided in IE.
Hi, I have a link on click of which i am opening a model window.. I am providing one specific url.. It works fine with FF and chrome.. but in IE it doesn't work, it is redirecting to its parent homepage url.. If i try to open in a new window by using same url it works fine in IE also but not with Model window.. Please share your thoughts and give me your fruitful suggestions asap. Thanks, Hardik
Datepicker
Hello to everyone My question is: how can I do to change the date format of the datepicker to dd/mm/yyyy ? Thanks
New to jquery UI - Images?
Folks, Just started using jQuery and jQuery UI (rather than Prototype). I downloaded a theme pack along with jQueryUI. Put everything in it's proper place (I think) and I've got the code and widgets working OK but I don't seem to be able to get any backgraound images applied to elements like accordion menus or the datepicker. Is this something that need me to explictly code into the CSS file or is it just a matter of putting the IMAGE folder in the correct location relative to the webpage and the
Autocomplete - Preventing 'focus' changing value of input field
Hi, I am attaching autocomplete to an input field with id of 'member_search'. I would like to change the default behaviour so that the value of the input field ONLY changes when an item is selected in the select list and not whenever the focus changes within the list. How might this be achieved? I am using JQuery 1.5 and JQuery-UI 1.8.9 Thanks!
jquery tab pagination questions (please help)
hi everyone. I'm a newbie to jquery. been experimenting and working on a method of using a dropdown menu to dynamically create tabs and paginate them (no need for the tabs to create a new line as seen on the default jQuery tabs plugin) but have run into a few problems which i'm not sure how to resolve. for each difficulty i have included screen shot as a visual aid. here is the interface its rather simple but in the future the data used within it will be dynamic. now here are the problems i am currently
Modal Form
Hi I have the following doubt: In the Modal Form, what can I do to personalize the text of the warnings that appear when some imput is empty or the number of characters is incorrect ? Thank you
table in dialog
How to insert a tabel into a dialog? table can not be in a paragraph (<p></p>) so is there a solution?
[Tabs] A scroller menu for the tab buttons
Hi, I was wondering if something like this exists with jquery, I want to have a scroller menu for my tab buttons Thanks,
Issue with UI Tabs (loaded via ajax) and form data
I am attempting to set up an interface that has a form containing filters about some jQuery UI Tabs. The tabs are loaded via ajax. When I click on one of the tabs, I want the data from the form to be submitted to that tab. I set up the ajaxOptions to grab the data from my form, serialize it, and POST it to the url. I have caching turned OFF, and I have caching for the ajaxOptions turned OFF. This is the code I am using to set up the tabs. $("#schedule-tabs").tabs({ ajaxOptions: {
UI-Tabs in IE7
Hi I encountered a weird bug that i don't know how to fix. Searched and tried everything but to no prevail. I have a asp:dropdownlist inside my ui-Tabs and below the dropdown are many checkboxes (<input type="checkbox"). The weird part is that when i click the dropdown i cannot make selections and it closes quickly. However the dropdown works correctly if: i) i move the contents outside of the ui-tab; ii) i replace <input type="checkbox"> to button, textbox etc This problem is only happening in
mouseup event dialog position
Hello!, how do i get the current position of a standard jquery dialog when the mouseup is triggered? there could be many Dialogs on the page so it must get the position dynamic from the x1 .... xX dialog. i have attached the event to the ui-dialog-titlebar class that all dialogs use as i want the event to be triggered when you move the dialog, but how do i get the current dialog position when i release the mose?
In IE8, Return/Enter Key Erroneously Opens Dialog on Page with 1 Button Widget
To test, load this page using IE8: http://jqueryui.com/demos/dialog/#modal-form Then hit return or enter. Question 1: Bug or feature? Question 2: Is there a way to prevent this? Question 3: Should I put it on the bug tracker? FWIW, I also got the same weird behavior in an autocomplete widget that hadn't loaded any data yet. Click for focus, hit return, dialog opens. Dialog is of course binded to a button widget click event, just like the demo. Something weird is going on.
Next Page