Trying to set no-repeat on images for a slideshow
Hello, I'm trying to work around flash and use jquery for some text that will fade in. I've got it working using a jquery slideshow on my static test page but I'd like to have the slideshow not repeat once it gets to the last slide. below is my javascript file for the slideshow. http://www.tassone.ca/build/en/test.htm Any help would be appreciated. function SlideProducts() { $('#oneslides').cycle({ fx: 'fade', speedIn: 1500, speedOut: 1000,
Submit button disbaled after the response from AJAX
Hi, I am using jquery.Inside jquery function I do a AJAX call to the server. Once I get back the AJAX resposne JSP(contains a div),I see all the events(Submit button) disabled. Is there some way to activate those buttons after rendering the response. Thanks, Jo
Themeroller download not working on 1.7.3
Normal File does not exist: /srv/jqueryui.com/htdocs/repository/tags/legacy/themes/base/ui.selectable.css (themes/base/ui.selectable.css) Absolute File does not exist: /srv/jqueryui.com/htdocs/repository/cache/theme/1bdf93b3cccebd0cf27b75493955da9f/development-bundle/themes/custom-theme/ui.selectable.css
Can't use themeroller
I've been trying to download a custom theme this morning and it isn't working. It keeps going to a text response page that says "Absolute file does not exist: srv/........." and it lists a lot of files that way. Here is my TR link: http://jqueryui.com/themeroller/#ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=033649&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=036564&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=B3C2C7&fcContent=222222&iconColorContent=222222&bgColorDefault=CDB380&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=000000&iconColorDefault=888888&bgColorHover=E8DDCB&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=ffffff&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
Why aren't all of my Dialog buttons themed/styled ?
I'm also using the datepicker but the datepicker buttons ARE themed/styled. I'm using Dialog in other areas of my web site - and those Dialogs DO have properly themed buttons. Which styles apply to these buttons? Do these buttons use images? If so, where are the images "supposed" to go? Relative to the stylesheet? Thanks, (Using JQ UI 1.8.1 and JQ 1.4.2)
Focus an input field in a dialog
Hey all, I'm using jQuery UI v1.6rc2. I'm trying to focus an input field in a dialog box when the dialog box is opened. I've tried putting "$(idSel).focus()" inside my dialog open function, but it doesn't work. I've had luck doing a setTimeout(), but that seems really kludgy. I've tried adding in a focus function and doing it there, with no luck. Anyone have an idea how to accomplish this? Thanks Tim
refresh problem in firefox (tabs inside dialog)
Hi! I posted this problem before, but got no response. Hopefully it's not inte the wrong forum... I have attached an image to explain the problem. The lower part of the image shows the same dialog as the upper, but after a refresh. Text gets shifted info the next element. In this case from the textfield into the button. Is this a bug, of is it me?
Using autocomplete, assinging autocomplete to the same element more than one time
Hey all, I am working on a page that has multiple divs with similar contents. I am using auto complete for the text boxes, right now I am calling atuocomplete on them once the document it is ready. Something like : <input class = 'name' type = 'text' /> <input class = 'price' type = 'text' /> //then in the script $(".name").autocomplete({ $(".price").autocomplete({This works fine, the problem is now I am going to have to dynamically add more of these types of elements using Javascript, something
Add different Ajax calls for different tabs
I have 3 tabs ....e.g. Tab1,Tab2 ,Tab3. I want to fire different ajax call on selection of tabs e.g. if Tab1 selected Ajax call will go to /tab1.do, for tab2 it will be /tab2.do and so on. I Think it can be done based on the selected tabindex and if-else blocks. But is there any other way to do that.
Autocomplete widget
Hi all, (sorry for the double post - didn't see the first one go through) I'm new to jquery and have a couple of questions. In the code below I have to return(false) in order for the #autocomplete input not to be updated by the value (rather than the label). It initially updates the label and then as the code continues to run it switches it back to the value. Am I doing something wrong? More general ajax question - I'd like to send a second parameter that changes with changes made to the value
Two questions on autocomplete
I'm new to jquery but am getting more comfortable as I go. I have a specific question on the ui autocomplete widget and, probably a general jquery/ajax question. Here's what I'm trying to do: Use an input box to update a field with a label and a hidden field with a value. This works fine but as you can see in my code below, I need a return(false) because after #autocomplete is populated with the label, it then reverts back to the value without this call. This doesn't seem right to me but the
How to call a method of a UI widget from an event bind function
Hey all, I need to call a method of the autocomplete widget on the open event. I bind the autocomplete widget to my text field and specify the open property. I want to move the selection automatically to the first item in the list. open: function(event, ui) { $(this)._move('next', event); }
Dialog - Change button size
What is the best way to control the button(s) size in a dialog? Different settings for .ui-dialog .ui-dialog-buttonpane button do change the buttons but not enough. Ideally the button will look like the Publish button at the bottom of this "New post" screen for example.
JQuery conflicts between Quick Browse and Navigation.
Hello, We are trying to add a short of Quick Browse navigation with breadcrumbs on our new webstore, however, it doesn't open as it should. Original script can be reached here: http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/ Our webstore: http://d-l.me/s Any solution? Thank you.
dialog modal-form - how to define fields on form ?
Hi - Almost certainly a very simple question but I'm very new to jquery-ui ! I'm trying to use the example in the doco http://jqueryui.com/demos/dialog/#modal-form to build my own modal form (if there are any other even simpler examples of modal forms I'd appreciate pointers to them). I'm having trouble defining what fields will appear on the form. Within the example I can see a field set which seems to be the definition of the fields to be included in the form but I can't understand how the form
risizable alsoResize doesn't follow the grid
I use jquery-ui-1.8.1.custom.min, and that is my problem: Create resizable div#div1 with the follwing options : {grid: [34, 0], alsoResize: $('#div2'), handles: 'e, w'}; Now when I drag the edge (left or right) of div1 this div resizing fine - it's cling each 34px. But div2 resizing without clinging.. This is sad =(
Bounce effect repeats
Howdy. I'm attempting to make a header for a website. The code below is the entire code for the header frame - all links are designed to open in a separate frame. After much self-teaching, I've finally gotten the page to how I want it, and the animation I want, except it's "bouncing" too much. I want the dots to run the bounce animation once only, when the mouse goes over. The problem is, if you move the mouse onto one of the dots, it runs the animation twice. If you leave to mouse still long
Droppable Problem with dynamic elements
Hello, I am working on a project similar to the photo manager demo. The one addition I have is the items that are dragged to the other container are search results. This means, non of the dynamic elements are there when the page first renders. I am using the Andrew Rowland code which uses the Lucence engine w/ Codeigniter and it works amazingly except for the problem mentioned above. Does anyone know how to get jQuery to notice dynamic elements? *** jQuery search code *** $("#search_query").bind("keyup",
Problem with superfish menu and datepicker on same page
My problem is: I'm using a superfish menu and in the same page i'm using a calendar datepicker. When I install the datepicker the menu stopped to work and only the datepicker work. How I resolve this problem!!? Thank you
problems in loading dynamically generated PDF(using TCPDF library)
Hello, I'm working on application which gathers input from the user and generates PDF using TCPDF library.In this, using a form i'm collecting the user input data and was trying to load the generated PDF in jquery UI dialog.But the generated output on the dialog is some weird text(confusing) and unable to load the actual PDF file.Can anyone please help me with the above problem? Thanks... var dialogOpts = { title: "Testing Ajax PDF Generation ", bgiframe: true,
jQuery for UI accordion QUESTION Help!
Hey, I currently have a basic theme for the web developed through VS2008 obv. I want to add Accordion function into my body page but I dont want it to have the basic theme layout, which automatically puts it on when I use the accordion UI. Is there a way that I could just make it clear and no theme applied but still have the functionality of the accordion? currently, I have..... <script type="text/javascript"> $(function() { $("#accordion").accordion({active: 2, collapsible:true, clearStyle:true
Using the draggable function with two monitors
Hi and thanks for your time. I am wondering if it's possible to use the draggable feature to have a DOM element draggable onto my second display monitor? I've successfully made the objective div draggable, but I can't drag it to my second monitor and I don't understand why that is, although I guess it may be simply a browser limit. Any suggestions are appreciated!
Mantain position scrollbar
Hi! How can I mantain a position of scrollbar when the page do a postback? Thanks Ps. Sorry for my english... XD
datepicker late binding
Hi, with dialog, autocomplete, etc, i can do late binding on the object, but for datepicker, this seems to be missing: <input type="text" id="test" /> <script type="text/javascript"> $("#test").datepicker({beforeShowDay:function(date){return[false,'']}}); // works fine </script> <input type="text" id="test2" /> <script type="text/javascript"> $("#test2").datepicker().bind('beforeShowDay',function(date){return[false,'']}); // doesn't work </script>How do I do this so that it will work? I need to use
Error in Firefox + IE8 “ .draggable is not a function ”
I am getting the following error displayed in Firebug using Firefox 3.5.9, error also in IE8. Chrome works great, no problems at all. $("#dragMe_" + myCount).draggable is not a function $("#dragMe_"+myCount).draggable({ containment: 'parent', axis: 'y' }); Line 231 http://www.liamharding.com/pgi/pgi.php Link to page in question : http://www.liamharding.com/pgi/pgi.php Once you click the above link, follow along: Click the 2 checkbox's '`R25 + R50 Random Walk`' then click `Show/Refresh
scrolling container while dragging
I have a draggable in several layers of divs, one of which is the "viewport" that I wish to scroll if you drag to the edges of it. When you have scroll: true for a draggable, what is defined as the "container" to scroll, and how could one specify what that container is?
href doesn't work with acordion !
hi, I need some help ! I'm speak from Brazil. I was created a menu using an example get from internet that use accordion from Jquery, look at www.feitodoseujeito.com/beta/pages/convites.html .The problem is, when I click at CONVITE, its show me only the sub-categories, and doesn't go to the href. The href just work when is inside the category. anyone can help me ? sorry my english. thanks a lot. regards, Alexandre
Restricting Datepicker to specific dates
I have a list of specific dates that I want to be active on my datepicker. For example, the following dates would be the only dates that are selectable. June 4th June 18th July 16th August 6th August 20th September 3rd September 17th How can I do this? I assume using the beforeShowDay event, but I don't know the proper syntax. Thanks, tom
Modifying the actual dragged clone?
I want to have an image thats small, and be able to drag it from a toolbox to the center of the page. I want the second I click it for the DRAGGED image being cloned to be changed and not the original image. So an example would be having a red box. I select and drag from the red box and the duplicated box is blue while I move it around, the original box is red, before I let go of holding the drag. The new image is placed as blue. Can this be done, and which function can I use? Thanks
DatePicker Artifact
I'm seeing an artifact, a light gray horizontal line, on the bottom of a web page where I have two DatePicker controls. If I hide and then show the two DatePickers then the artifact disappears. I downloaded and included the latest JQuery in my project. <script src="JQuery/jquery-1.4.2.min.js" type="text/javascript"></script> <script src="JQuery/jquery-ui-1.8.1.custom.min.js" type="text/javascript"></script> <link href="JQuery/jquery.ui.all.css" media="screen" rel="stylesheet" type="text/css"/>
How to select date and jump to proccessing script at the same time
Hi, I have a newbie problem with the implementation of the inline datepicker here . Right now I can choose date then hit button 'go' to get to processing page. But I wanna do it at once - one click on date chooses date and send me to the processing page. All in one step instead of two. Any help or suggestions would be much appreciated.
Multiple sliders with a maximum total value.
Hello all, My page has three slider controls. They represent three values:gpa,comm, and e6. These values are percentages, and I don't want them to go over 100% in total. Here is what the html layout is like : <p> <label>GPA : </label><input type = "text" disabled = "disabled" id = "gpa_value" name = "gpa_value" class = "value_text" value = "33" /> </p> <div id = "gpa" class = "slider"></div> <p> <label>Comm : </label><input type = "text" disabled = "disabled" id =
JQuery UI Modal Form Dialog Required Fields
Is there an easy way to make fields required in the modal form dialog without validating on the server side? What about deactivating the submit button if any of the required fields are blank? Thanks
UI Tabs Font Problem ...
The problem is: When I am using Tab Control, the text inside the control is very very big and not using default size and this is all Chinese char, but English or digital is small correctly, how can I solve this problem, I am just using in base.css, which is my web page default font size. body { font-size: 12px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; }
error opening 2 dialog
cuando abro el primer dialog y luego el dialog llama a otro dialog y cierro el segundo dialog cierra los 2 dialog
jQuery UI button
Hello folks, I really like the jquery UI split button and want to use it in a table for row actions. I'm struggling trying to get it to work if more than one table row exists. The first row everything works, but the subsequent rows display normal buttons which tells me I'm not initializing this thing properly. Anyone have a link or a code snippet they feel like sharing to help me out?
UI Tabs - Tabs are getting mixed up/go blank
I'm using jQuery UI Tabs for the tabs on the following page: http://announcements.telegraph.co.uk/ The problem is that occassionally the tabs go blank (upon auto change). You can reproduce the issue in IE, FF, by randomly clicking the tabs in rapid succession*, so it appears to be a timing bug of sorts that messes up the tab state? After a bit of clicking you'll notice the tabs just display blank. Any thoughts appreciated. Simon
loading Datepicker inside colorbox problem
I`m using Colorbox to load a contact form from an external HTML file and in the form i want datepicker to work , both files have the datepicker script but it doesn`t seem to be working ? $('#form').colorbox({href:'forms.html form#form'}); $('.datepicker').datepicker({ changeMonth: true, changeYear: true, showButtonPanel: true });so how can i make it happend ?
modal form and mysql
hello noobie here.. i just want to ask how can i populate my textboxes with the data from the mysql db and also how can i make a modal form that will add update save datas to mysql.. i have my idea but i cant make it work.. need more inputs though.. thanks in advance
looking for shopping cart cookies plugin
Is there any plugin can let me inert, update, delete product id and amout into cookies?
Next Page