The code's not working?? plz help I am newbie
I have written a followin code but its not woking, error console is also showing no errors... plz help.. [code] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Home</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-5" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> <script type="text/javascript" src="js/jquery.js"></script> <script> $(document).ready(function(){ $("#popupbox").css({visibility:
Autocomplete with cross domain
Hi, I am trying a autocomplete with cross domain, a request which will give a json which has xml, i parse the json and get the xml and builded the auto complete, it works perfectly firefox, chrome, safari but fails in IE8, it seems i am getting the response from the server but the b._response.apply is getting undefined in IE8, but all other browsers getting the list, This is what i am trying $( "#city" ).autocomplete({ source: function( req, response ) { url=AUTOCOMPLETE_URL;
jQuery UI Tabs Spacing Problem
Hello, I'm looking to style jQuery UI Tabs using images and to insure those images have no spacing gaps between then and that tabs can be using in multiple lines. I'm having trouble with all aspects, first getting an image background into an <li> as well as the spacing problems both horizontally and vertically. The image below depicts how I want the tabs to look. CSS for each row would have to differ to accommodate top, middle, bottom, border so they are symmetrical. Basically, I want the tabs to
multiple widget instances - performance / scalability best practices
Hi guys, Say i am developing an application where i need to attach several widgets to every element from a list of elements (between 100 and 1000 elements). In order to avoid having all same handlers attached to every individual element in the list, for which the widgets are going to be created, is there any best practice to make this scenario more robust and scalable? This is just one example, but there are probably more things to consider, for instance avoiding data that could be duplicated -
Get the button clicked in a dialog
I already saw on google and on the forum, but really can't believe there isn't something like: var a = $('#dialog').dialog('open');that gives back the button clicked. Must i have a callback to another function? This behaviour is really weird, because the most obvious thing is that i want the script to continue running *after* the user clicked on something, not "later in another function". Isn't there something to do that? Thank you in advance.
div stretch and restore -- toggle
hi m trying to show few contents in the div , when somebody clicks over the link a div will come up , but the div strectches first and the restore to its size , the code is out her <script> function showDetails(id) { $('.' + id + '').toggle(200); } </script> //html code <table > <s:iterator value="candidateList"> <tr> <td width="100"> <div > <a style="cursor: pointer" id="<s:property value="id"/>" onclick="showDetails(this.id)"> <s:property value="email" /> </a> </div> </td> </tr> <tr> <td> <div
Allowing Dialog to drag beyond edge of document
At the moment, any dialogs I create can only be dragged until their edge reaches the edge of the document, ie. no part of the dialog goes off the screen. I'm wondering if there's a way to tell the UI that it's ok to let the dialog be dragged partially off the edge of the screen? The reason is that sometimes dialogs are quite large, and sometimes a user needs to check something behind the dialog while using it, but they can't if it won't drag far enough. Is there a way to achieve this?
[autocomplete] suggestion dropdown occupies entire width of browser in chrome and safari
I have tried the default styles that came with autocomplete. The problem exists even with that theme. This doesnt happen in FF 3.6, IE 8 or Opera 10.5.3. It does happen in Safari 4 and Chrome 4. Strangely enough, at times if I delete a char or add a space and thus re trigger the suggestion menu, it works fine with the proper width. But it isnt consistent. Isnt anyone else facing this problem? The above pic is the remote caching jsonp demo from the jquery ui downloads running in Chrome.
Getting the value of item 1 of an autocomplete list box
Hi I'm trying to get the value of the first item of the autocomplete suggestion in my search function. Unfortunately, my JQuery isn't strong enough to work it out. Can anyone give me any pointers? I would actually like the value stored behind the scenes and not the display text if that's possible. I've got something like: var result=$(".ui-autocomplete li:first").find("a:first").get(); but it's not working. Thanks in advance.
jquery toggleClass
Hiya, Can somebody please help? I'm trying to use jquery's toggleClass to reveal/hide text by toggling classes with different height attributes. my jquery code is as follows: $(function() { $(".button").click(function() { $('.latestActual').toggleClass('newClass', "fast"); return false; }); }); My HTML is as follows: (there'll be multiple instances of the below code stacked on top of each other) <div class="dateAndTitle"> <div class="dateBox">
I am struggling with tabs can any one help
Hello, I am trying to get tabs working on my site using the jquery ui. I seem to be 50% of the way there but getting a funny result that I can find a solution to. If you see the attached image, you will see that my content is being placed in the background portion of the tab. Here is my code for the html <div class="demo"> <div id="tabs"> <ul> <li><a href="#tabs-1">Nunc tincidunt</a></li> <li><a href="#tabs-2">Proin dolor</a></li> <li><a href="#tabs-3">Aenean lacinia</a></li> </ul> <div id="tabs-1">
Move data from one of a draggable component list to a droppable component
I have successfully implemented drag-n-drop from a component to another one/table. Now, I need to implement drag-n-drop from a list of component to a table component. To do so, I need to extract data from a draggable component and insert them into the table. So far, the drag-n-drop works, but I have a trouble to move the data over. This case is close to the shopping cart sample in the UI package, but more complex in data transaction. Can someone tell me where I can learn on data extraction and data
New dialog window does not replace id="???" of old dialog window.
Let's say I open a dialog window with a text box in it that has the id "myTextBox." I then type "test" in this text box. I'll then close the dialog window using .dialog("close").dialog('remove'); If I open a new dialog window (same page), then type in "new test" in the text box, jQuery will report "test" when I call $('#myTextBox').val(). The new text box, with the same ID is duplicated and jQuery can't find this new object. Is the old content not cleared for some reason? Any help is appreciated.
Lightbox Image Gallery using JQueryUI dialog?
Has anyone implemented a thickbox like image gallery using jqueryui? Many image galleries exist that can be used alongside jqueryui, but do any exist that utilize existing jqueryui dialog components? I don't see an image gallery on the roadmap.
New widget `radio buttons`: problems with jquery 1.3.2 (instead of 1.4.2)
I am using the jqueryui buttons widget on a Drupal site. Drupal, if you don't know, uses a really outdated version of jquery by default: 1.2. Updating to jquery 1.3.2 is painless, but using jquery 1.4.2 breaks things, like the shipping quote AHA/AJAX. So, using 1.3.2 (and not 1.4x) is important for Drupal sites. The problem I has is that the buttons in jqueryui 1.8.2 and 1.8.5 seem to break when I use jquery 1.3.2. It seems to be a bug to me, since jqueryui 1.8.5 should be compatible with 1.3.2.
datepicker binding
I need some help with datepicker. I'm loading an html form into a div via ajax and php. Normally I would use the livequery plugin to rebind all the events to the selectors. Livequery looks something like: $('a') .livequery('click', function(event) { alert('clicked'); return false; }); But datepicker is implemented like: $('#inputfield').datepicker(); I don't know how to rebind datepicker to an input field in the form I load so that it will work. Can anyone advise? Thanks
Datepicker not detecting edges correctly
I'm using datepicker to display a calendar when a user clicks a button. The calendar doesn't seem to be displaying in the correct location when the date field is towards the edge of the visible screen. In IE8, if the date field is towards the lower right corner of the screen, the calendar is displaying off both the right and bottom edges of the visible screen. In the same situation in Firefox, the calendar is displaying off the bottom edge of the visible screen, but has appropriately shifted
datepicker and struts 1.1
Hi all, Anyone successfully using ui datepicker in a struts 1.1 application? I'm trying to use a datepicker on a jsp page with struts 1.1. All works fine until the page needs redisplaying after failing validation. Then the datepicker won't show and I can't work out what may be wrong. My code is just ... $(function() { $("#outwardDate").datepicker( { numberOfMonths : 2, showButtonPanel : true, dateFormat : 'dd MM yy', showOn : 'both', minDate: 0, maxDate: '+1Y', onClose : function(date) { getTimes(date,"outwardTime");
if you put different css for different widgets or plugins then the UI Tabs are gone-unformatted
Hello what does one do when it turns out that you are adding different widgets or forms and each has its css ? I am adding a contact form based on jquery and it has its css so if I put it inside the head section it messes with the other css. Also, say I want to use le-frog theme for my tables but start for my Tabs, then, the result is chaos. There must be a way to do that properly, how is that ? Also. I have introduced that slideToggle that shows and hides a panel upon clicking. I wanted to insert
Links do not show as visited in IE when created by jQuery
I created a bug, but it was marked as not a bug. I think it is still a bug. If you follow my examples and create the anchors first and then apply href attributes later, the bug shows up. If I create the anchors with the hrefs at the same time, it doesn't happen. That is why I think it is a jQuery bug. What do you think? I am running into variations of this bug often. http://dev.jquery.com/ticket/7122
Progressbar text option ?
Hello ! I was looking for an easy way to add a text to my progressbar (like '3/20' if there is 20 steps) I found this : http://forum.jquery.com/topic/progressbar-text-method Where is this option ? Is it removed ? Why ? If it's removed, how can I easily achieve my goal ? Thanks =)
UI Draggable + Sortable: How to get New Added Item Reference?
I have suscribed to the receive event drom the Sortable object but i cant seems to get a reference to the new added item that it's created when the draggable is dropped on the sortable. I dont want the ui.helper nor the ui.sender I want a reference to the new item of the list, but i dont know how to get it. Someone knows?
IFrame content disappearing in Firefox after sorting
Hello, I'm using sortable to drag and drop div elements in my page. Each div element holds and iframe inside it. My problem is that in Firefox, after I 'release' the div and it animates to its place, the content of the iframe gets erased (when looking in Firebug I see that the html tag in it contains and empty head tag and an empty body tag (while the div is being dragged the content of the iframe is still there). I used Firebug to find out when the content disappears, and found that it occurs during
How do I get the date that is 7 days from the date that is selected in datepicker?
I'm trying to alert the date that is 7 days from when a date is selected from datepicker. So far I have code: $("#start_date").datepicker({ dateFormat: 'yy-mm-dd', onSelect: function(dateText, inst) { alert($("#start_date").datepicker( "option", "defaultDate", +7)); } }); That code alerts [object object]. How do I get the date that is 7 days from the date that is selected in datepicker? -Thank you, Rich
dynamic datepicker in dialog
hi, i have a problem with a jquery generated datepicker in a dialog. I want to parse html in the click-function, triggered by the "open dialog" button, then with the parsed values(dom) i want to fill the datepicker in the dialog form, the datepicker and all other form elements should be generated on the fly. But the datepicker has no function and is only a text input... Is there any refreshing - wokraround for this problem or any other solution? Thanky you!
jquery ui checkbox and php question
hello - i have a list checkboxes that gets dynamically generated by php and i am using the buttonset to convert them into jquery ui checkboxes.Problem is that only one gets converted - the rest of them dont , even if they all have different id and for on the label. anyone has any idea why ?
Jquery dialog + Ajax in Grails
Hi, i'm Marcos from Argentina, so my english isn't the best... I'm working with Grails... and i use jQuery dialogs for some functionalities. My problem is that i can't close the dialogs... only with the X button in the corner... i tried with .dialog('close') .dialog('hide') and .dialog('destroy'). my code is like that: <html> ... <body> ... </g:remoteLink></td> <td><g:remoteLink action="action" controller="controller" update="dialogTramite"
How would you do this?
I need to build a configuration tool. This tool will show a database table layout on the right and an XML tree structure on the left. The user will drag and XML node and drop it on top of the table column that corresponds to the XML node in order to build a relationship between the XML node and the table column. For example, let's say I have this layout. XML Tree Column Name ------------------ --------------- <AvailableBatch>
dynamic datepicker in a dialog
Hi, i have a Problem with a datepicker in a dialog. I want to create a jquery datepicker dynamically after clicking on the "open dialog"-button, but the datepicker in the dialog has no function... When i insert a static datepicker, which exists from the beginning, everything is alright... I hope you have any Ideas? Thank you!
1.8.5 update messes up buttons with icons
buttons work fine with no icons, but bump the text down a line with icons. i am using firefox 3.6.10
Autocomplete-enabled field not submitting when pressing enter
Hi everybody, I have a search field on which I activate the Jquery UI autocomplete (which I find wonderful by the way). When no suggestions are available, pressing the enter key does submit the form, but this ain't the case when suggestions ARE available. I press the enter key and nothing is happening. Note that if a select a suggestion, this works, but it should work too when you want to search/submit with the value you entered without selecting any autocomplete suggestions. If you want to see the
jQuery Dialog - flash of unwanted content
Hi, I am using jQuery Dialog to pop up a few forms - register, login, advanced search. These forms reside in a header that is reused in every page of the site, so the forms are always available. All of the dialog divs have options set with autoOpen:false. My problem is this: in some browsers (I have seen it in IE7 and IE8; others have reported it occurring with Safari, though I have not seen it there), the dialogs appear when the page is loaded - not as popups, but within the page interface - then
Multiple alsoresize problem with jQuery UI resizable
I need to have several entities resize together using the "alsoresize" parameter of resizable. Normally I would just put multiple selectors in a single parameter like this: alsoresize: '.foo, .bar', The problem is that I'm using jQuery objects as the targets for the alsoresize: var foo = $(.foo); var bar = $(.bar); $('.selector').resizable({ alsoresize:foo, alsoresize:bar, }); This doesn't work because you can't call "alsoresize" twice. Is there any way to combine the objects "foo" and "bar" so
jquery seperating particular effect help please
Can be any but it is about SLIDE in this case. In demos section you can view source code but there is a button a selection. I just want to jump right into SLIDE effect with jquery function. For example it would do SLIDE effect by clicking on navigation or it would appear when it is actually loading page. I hope I didn't spin your minds here.http://jqueryui.com/demos/toggle/
Getting URLs from tabs
I know you can change a URL by .tabs( "url" , index , url ), but can I get the URL from each tab within a tab set. eg $(li).each(function(index)){ alert(index + ":" + $(this).url()) } or something like that.
Dynamic inserted data and js files
Hi guys. I noticed a strange behavor. My page is loading js file with functions that are going to be used later, but that's not the problem. The problem begins after a user opens a DialogBox , it seems that the dialog window can't finde functions from loaded js file. It seems that jQuery doesn't have any power over dynamic loaded content? Do i have to import the same js file to the content od opened DialogBox?
Passing object/information to Dialog button function/event
How can I pass information or objects to the function which is executed when a button in a UI dialog is clicked? My page displays collections of records which originate from JSON and clicking those records will pop up a dialog to edit the records. When the save button in the dialog is clicked I need to update the correct JSON object. To do this I'm looking for a way, how to know about the right object in the click function of the save button. Any idea how to do this? For modal dialogs, it would be
jQuery UI drag/drop sorting comparision using float:left vs display:inline-block
I have two examples here, only difference between these two example are one uses display:inline-block and other one uses float:left, li.doc_item{display:inline-block;} vs li.doc_item{float:left;} My problem is display:inline-block sorting is not as fast or responsive as float:left. I want to use display:inline-block because thumbnails that I am re-ordering sometimes can vary in size and float:left doesn't work well when thumbnails have different height and width. Any question is how to make block:inline-block
jQuery dynamically created buttons and AJAX update panel postback??
So I've created some toggle buttons and buttonset radio buttons using the exact sample source code from this page: http://www.filamentgroup.com/examples/buttonFrameworkCSS/ My problem now is, when I am generating these buttons on server-side and putting it back through an AJAX update panel, although CSS is applied and so is the theme, but the javascript button-click functionality are no longer working. Can someone tell me how do you make javascript link up with dynamically created buttons that utilizes
Display only Tuesdays with DatePicker
Hello, Is it possible to display only Tuesdays with DatePicker widget ? I can't find a method to do that. I know there is the beforeSowDay event but it is not enough. Thanks a lot.
Next Page