Hover/FadeTo/Toggle Function Help
What I am trying to do is create a set of links that when you mouse bover them they fade in, and when you mouse out of them they fade back. Also when you mouse over them I would like a picture to slide from the left, and when you leave slide back. So far I have been able to get this to work with 1 letter and 1 picture. When I set it up for more than one it slides both pictures at the same time. The code for it is below: <html> <head> <script type='text/javascript' src='http://accidentalwords.squarespace.com/storage/jquery/jquery-1.4.2.min.js'></script>
Minimal files needed for jQuery 1.8.1 based off a Custome Theme library download
I did not really see any docs about the minimal you would need for jQuery UI to run minified in production if you've downloaded a custom theme. 1) I created a custom theme using the theme roller. So when I created that, I used the ui-lightness theme. So can I delete the development-bundle | themes | base folder and just keep the development-bundle | themes | ui-lightness folder or does the jQueryUI for some reason still need the development-bundle | themes | base folder? 2) Can I delete the development-bundle
can anyone help me with JQuery theme not applying on buttons that exists in html table cell?
Can anyone help me with JQuery theme not applying on buttons that exists in html table cell? Using the JQueryUI themeroller themes here is my html code: ------------------------ <html> <head> <link type="text/css" href="css/onlinebank-theme/jquery-ui-1.8.custom.css" rel="stylesheet" /> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript"
How do I retrieve selected date from inline datepicker?
Hi, I have a newbie problem with the implementation of the inline datepicker. The calender looks and works just fine but I have no success in retrieving the date when selected. I have tried to refering to the #datepicker_start with no success. Any help or suggestions would be much appreciated: HTML: <div id='datepicker_start' name='datepicker_start'> </div> SCRIPT: $(function() { $("#datepicker_start").datepicker(); }); PHP: $start = $_REQUEST['datepicker_start'];
jQuery 1.8.1 and jQuery 1.4 Backward Compatible with existing jQuery 1.3.2 custom code?
I see that the jQuery UI 1.8.1 is based on jQuery 1.4. Our code has been using the jQuery 1.3.2 library. I just implemented the jQuery UI 1.7.3 dialog widget and was thinking about ripping out the jQuery UI 1.7.3 and replacing it with the jQuery 1.8.1 library instead due to the fact that it is lighter and simply it's just the latest before I push this to production. 1) Is jQuery 1.4 backwards compatible? So would I rip out our jQuery 1.3.2 library without it breaking other jQuery code? 2) Anyone
Problem with sortable options in jquery ui 1.8.1
First of all, good day to everyone, and sorry for my poor english... i hope that you can understand my problem. Today i was dealing with a problem in a function that was using ui 1.7.2 and i changed the version of the ui to 1.8.1. The function started to throw an error while it was trying to asign the event "stop" to the selector. The code is similar to this $(function() { $("#" + contenedor).sortable({ stop: function(event, ui) { ... code ...
Draggable and trigger()
This is going to sound very strange but I would like to know if it's possible to activate a draggable object via the jQuery trigger() function instead of physically clicking it with the mouse. I want to do this because I have a page with a Flash movie on it and the user can interact with this Flash movie by clicking on items and dragging them around. If the person is dragging an item and the mouse leaves the Flash movie I would like to continue the drag via Javascript. I know this sounds rather
modal dialog moveToTop 1.7.3 vs. 1.8.1
Hmm. Is this a feature or a bug? In 1.7.x, .dialog("moveToTop") returns the dialog whether or not the dialog is modal, allowing chaining In 1.8.1, .dialog("moveToTop") returns true if the dialog is modal, otherwise the dialog. This can be ...surprising... if you have chained .dialog("moveToTop").dialog("blah") method calls. /* works jquery 1.7.3 and jquery 1.8.1 */ div2 = $('<div id="dialog2" title="Dialog 2"/>').appendTo(document.body); dlga2 = div2.dialog(); dlga3 = dlga2.dialog("open");
Problem when minimizing the js expression "+ ++"
Dear team. I download today the new release of JQuery-UI 1.8.1 and when change it into ours projects, I detect a problem using Firefox. When I search the problem, I find that the error is that the expressión "+ ++" used 4 times in the jquery-ui.1.8.1.custom.min.js create a problem when ours systems re-minimized the expression directly to "+++". We are using the jsmin provided by http://github.com/rgrove/jsmin-php/. Now, I fix the problem addind a +(++...) in the minimized js. Josep.
Include seulement quand on est sur l'onglet..
Hello ! Bonjour ! Sorry to speak french, but my english is to bad.. J'ai une question dont je n'arrive pa a trouver le réponse ... :( Je suis en train de faire un petit site avec Jquery et jQuery Ui et des onglets.. Dans un premier onglet, je definit des choix dans un formulaire et en Js, je mets a jour une bd sans recharger la page .. Dans le second onglet, j'"include" une page ou j'utilise des infos de la bdd .. mais au chargement initiale de la page, les infos sont bien prise en compte.. Quand
collapse accordion all at once
I am new to jQuery and I just put the accordion on one of my pages. I have four sections in the accordion. The last two contain quite bit of content. By default (jQuery code), the first accordion section is open/expanded. I would like to have all the sections closed/collapsed on page load and/or if the user would prefer to collapse them all at once, just like they can have all sections open at once. Can this be done? If so, could you tell me where I can find the code or provide it? The code
Autocomplete item list .5px shift
I'm using the autocomplete on a page of mine and when you type the first letter in it brings up the list and it has a left position of xxx.5px type next letter and it drops to xxxpx then next letter its back to xxx.5px this happens with each letter press this is with just using the base style from the main download. This only happens in firefox as well. So i haven't added any styles to it except for the ones provided. And no extra js either. Any ideas? Thanks.
JQuery CSS Overridden?
Hi folks, I'm currently doing some playing around with this page for testing: http://dev.altonacitytheatre.com.au/snaffleme. The site already has a large CSS file, and after including the JQuery CSS file and calling the DatePicker inline on a Div I find that the styling is pretty badly messed up. An example is this in the JQuery CSS: .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } Being overridden by this: th, thead th { font-weight: 700; color: #333;
tab clicked shows js error
hi everyone, i have two questions. one is about tab, my tab content is from ajax. when i click on tab in turns,in ie7 it shows js error (like object don't surport the method and attributes) ,the error line is 130 in query1.4.2.js. second question is that ,tab content is loaded so slowly . I am using jquery1.4.2.js and jueryui.1.8.js any one knows why？
Autocomplete widget - autocompleteselect event not properly indicate the textbox value
Hi, I am using autocompleteselect and found that getting the textbox value in the event is not persist. This is my test code: input.bind("change", function() { $("p#test").html($("p#test").html() + "change(" + input.val() + "), "); }); input.bind("autocompleteselect", function(event, ui) { $("p#test").html($("p#test").html() + "autocompleteselect(" + input.val() + "), "); }); input.bind("autocompletechange", function(event,
UI Accordion
Hello, I have a question about the size of the content area in an UI Accordion. I have observed that this area is as tall as the largest content area of all the headers in the accordion. Can this be reduced? I have tried to use the AutoHeight:false option and it doesn't resolve the problem. I noticed that the size of the content in the example provided is roughly between 4-6 lines (For all the headers). IMO because of this the issue may not present itself. So let me provide a scenario where the situation
jQuery DatePicker - Set the date range (minDate, maxDate or startDate, endDate) programatically
Hello, I have a jQuery date picker which is initalised such that the user can select any date. I also have a product dropdown. When the user selects a product from the product dropdown I want to be able to set the said datepicker' date range (ie. minDate, maxDate or startDate, endDate) to a certain start date and end date so that the user can only select dates from the date range allowed for that product. Is it possible to acomplish this in code after the jQuery datepicker has been initalised. I
Dialog resizable false, then true, then false, etc
In the code below, every other time the dialog is shown, the resize "button" shows and the dialog is resizable. I want this thing NEVER resizable. $(document).ready(function(){ $('#vendorinfo').dialog({autoOpen: false}); $("[class*=vendorlink]").click(function(e){ e.preventDefault(); $('#vendorinfo').dialog("option", "resizable", false); var id = $(this).attr('class').match(/vendorlink-([0-9]*)/,"$1")[1]; $.ajax( { url: "get_company_name.php?user_id="+id,
problem dialog
hello i am Juanlu pardon my English is very bad I have this code $('#".$control."basura').droppable({ hoverClass: 'ui-state-active', drop: function(event, ui) { var nombre = ui.helper.context.title; //var pagina = 'formulario.php?item='+nombre; //$(this).addClass('ui-state-highlight').find('p').html(pagina) //$(this).empty(); $(Confirmacion).load('nuevo.php', {item: nombre, accion: 'borrar', confirmado:
Please Can you help me?
Hi, I am Beginner jquery user. I having problem with getting element X Y positions by drag & drop elements. I am working a tools which need object X Y position after drag & drop . this elements can TEXT of images, I am trying since last week . I have used many technique but ..... So , Can any body help me for that.. Please Please... Help me? Thanking you in advance...
Modifying dialog title after init
I'm using this code to init my dialog $(document).ready(function(){ $('#vendorinfo').dialog({autoOpen: false}); $("[class*=vendorlink]").click(function(e){ e.preventDefault(); var id = $(this).attr('class').match(/vendorlink-([0-9]*)/,"$1")[1]; $('#vendorinfo').load('vendorinfo.php?user_id='+id,function(){ $('#vendorinfo').dialog('open'); }); }); }); The dialog is called from this code: <a title="Click for Contact Info" class="vendorlink-258"
jquery ui 1.8 dialog containing script tags
I'm having trouble getting a modal dialog to show in FireFox and Safari that has a script tag inside the div. It works great when I comment out the script tags but as soon as I put one in, even a simple one it breaks. I've attached my test code. Any help would be appreciated.
autocompleteclose ui is undefined
I have .bind('autocompleteclose', function(event, ui) { alert(ui.item.label); return true; })attached to my autocomplete(), but when the autocomplete closes, I get the error: ui.item is undefined alert(ui.item.label); Is this a bug or is something else going wrong?
[Solved] Add links to jQuery-UI Datepicker using json
Hi. I was wondering, has anybody tried to attach links to several (or all) dates? For example, my need would be to load json data, parse the dates/links and attach them to current month. What approach would you use? My current solution could be: * load json object (GET "month", "year") by current year/month (whitch vould be formatted as data[i].date, data[i].link) * run through month dates and check, if link is needed, if yes – add link and remove dhtml "onclick" event from td It seems like overkill
Tweaking the Dialog style
What is the best way to tweak a dialog's style? In my attached dialog, for example, I'd like to center the title and the button and put more vertical space between the input fields but it's not clear which of the hundreds of styles in my jquery-ui-1.8.1.custom.min.js controls each of these. I have the Firefox Web Developer plugin installed but it doesn't work for the jQuery dialogs. Thanks for any suggestions.
span tag to display icon causes line break - JQuery theme roller theme
Good morning, I am using a jQuery ThemeRoller theme. I can not display an icon directly next to text. Here's my code: <span class="ui-state-default ui-corner-all">This is a test <span class="ui-icon ui-icon-circle-plus"/></span> For some reason, the result has "this is a test" on the first line and the icon directly below the text. I suspect that I have to set a property/style on a parent container. But I don't know what it is? Any ideas? Thank you, Michael
Fehler: uncaught exception: Missing instance data for this datepicker
Hi there, i'am using the datepicker from the jquery ui framework and getting this error when i use the actually outcommented line on a page where no datepicker is present. Is the way i'am setting the initial minDate in my #datepickerTo wrong or no good programming-style? I don't want to make inline or seperate JS-Files for different pages. Is there a way to fix this or use should i use another method? Thanks in advance for responses. $("#datepickerTo").datepicker({ dateFormat: 'dd.mm.yy', });
UI.Sortable 1.5.3
Hello, Yesterday I downloaded an older version of the ui.sortable (Version 1.5.3). I got it setup with basic drag n drop and everything is fine. Now I need to add event functionality. I attached a "sortupdate" event where I would like to get a few attributes from the ui.item and the new index of the dropped item. I have not been able to find any good documentation on the older version of the control. The following code is what I have setup and it is firing at the right time but the ui.item object
Older version sortable
Hello, Yesterday I downloaded an older version of the sortable UI control (version: 1.5.3). I cannot update based on restrictions I cannot control inside the project. I am trying to tie in an event such as: sortupdate or sortstop. I cannot seem to find any good documentation/examples on this. The following code does fire but the ui.item object is not behaving as it does in the newer version. The same code, when using the the 1.7 version works fine. On a sort change I need to be able to get a few
Popup Dialog for records in grid?
I am a new jQueryUI user and trying to figure out how to make this thing work for me. Because jQueryUI uses the ID of the DIV used for the dialog, how can I setup my dialog to popup for each record in a grid with different information from each record? I want to have the user's contact info popup in a dialog when they click on the user name in my grid. I would also need to know how to load the info based on the username that was clicked. Does anyone know of a demo showing how this can be done?
Accordian form controls not behaving correctly
Hello all, I am a new jQuery user and this is my first post to this forum. I have a problem with the jQuery accordian component. The accordian has 5 panels on it, each panel has part of a form. The form fields are mostly radio buttons that are rendered in JSP/Struts using the struts tag library. When each of the panels first appears, the label for the radio button is not positioned correctly relative to the radio button itself. The Yes/No lablel appears under the radio and is unreadable. When
Drag&Drop: Only accept items with the same parent-parent group?
Hi everyone I have to do a webapplication to create plans for our buildings (about usage, maintenance and some things) So, for every plan -I have multiple room div items, which represents the rooms of a building. Every room div contains 7 containers, one for each day. These containers are supposed to be the droppables, because they can contain multiple Items, which can be "usage", "cleaning", "maintenance" or something like that, that happen in this room on this day. In HTML, it looks like this:
How to get initial height of Sortable list?
Is there a way to obtain the initial height of a Sortable list? I am currently trying to create two connected lists with all of the attributes starting in a left column. I would like the right column to match the height of the left column, but cannot figure out a way to detect the height of the left column. I have tried using .css('height') to no avail. I am guessing that because I do not specify the height in css, it does not actually calculate a height for me. Is there a better way?! Thank
Dialog: using load function the close function doesn't work
Hello everybody, I'm using dialog from jquery. I load the content with the load jquery function, it's work correctly until I want to close the window with '$(this).dialog('close')'. The dialog is not closed. When I close with the button on the title of the dialog, this one is closed properly ! Here is the code: $("#finishTaskDialog").load(urlFinishTask).dialog({ autoOpen: true, resizable: false, width:560, height:300, modal: false, overlay: { backgroundColor: '#000', opacity: 0.5 }, buttons:{
Dialog form - div inside form instead the other way round?
I have a huge form I'm using for all sorts of things. Inside that form I have a button I want to use to open a modal dialog form. However, I want that dialog only to show the contents of a selected div. i.e. <form id="form_for_all_submits"> <div id="all_sorts_of_things"> <input.../> <input.../> . ... </div> <div id="modal_dialog"> <input.../> <input.../> </div> </form>So I want to show only "modal_dialog" content in
IE7 slow... very slow...
This is a shot in the dark since I don't think this is a jQuery issue but an IE7 problem in general but I was hoping somebody might have a suggestion. Application: A query generator using ui jQuery tab with 3 tabs of dynamically generated checkboxes that represent fields from various tables. Each tab could have as many as 200 checkboxes. Problem: IE7 about 10 times slower than firefox when A) initially loading the page and B) when generating the results based on the checkboxes selected. A) Is this
jQuery Accordion - Click on the headers not working
Hi, I am new to jQuery and trying to implement accordion layout on my page. I have used jQueryUI accordion layout , though i m getting the accordion layout but click on the headers is not working. Whenever I click the header neither anything is collapsing nor opening. my header section contains following library <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
Can the "clip" effect move the elements around it?
I've been fiddling with the JQuery UI clip effect, but I can't seem to get it to do exactly what I want. I have a header, content and footer. When the user first visits the page, I want the header and footer stuck together in the center of the page, and then pull apart to reveal the content. I was trying to do this by showing the content with the clip effect, but as soon as the animation started, the footer snapped into position to accommodate the full height of the div before the animation had a
tabs to select sortable elements and bring to top?
Hi all, i have a perfectly functional sortable page running, whereby each <li></li> is a block of graphics/content links etc. the sortable mechanic works perfectly, but i'd really like to have a run of buttons along the top of the page: element 1, element 2 etc and for that click to bring the corresponding element to the top. Is this possible without destroying the sortable functionality? This may be a very simple question but my knowledge of jQuery is VERY basic, so bear with me. I'm loving it so
Datepicker for specific days
I want to use a date picker on my site that only allows Monday and Friday to be selected - not any other dates. Has anybody any ideas how I can achieve this? Thanks!
Next Page