How-to apply a theme on Widget
Hello, I've a little problem. I want to active the vader's theme only for the Dialog Widget and not for the Accordion, how can I do this ? Thanks for help.
jQuery UI not firing callback function properly
Maybe it's my programming error, or maybe not, but either way i could use some help. I have an app: http://www.toolwebshop.com/_calorie_tracker/website/mynumber.php that updates multiple elements using the jquery UI slider. The function is nested within the slider with this code (works btw): <code> <script type="text/javascript"> /* <![CDATA[ */ $(document).ready(function() { $("#slider").slider({ value: <?php if($_POST['lose']) { echo $_POST['lose']; } else
Problem with modal dialog and large content.
I am trying to use jquery dialog on my webpage: (click on Apply now to see dialog) http://www.ratebot.ca/personal/blog.php but it does not shade the background content properly when content is too large. Like in the case above. It works fine when content of page is small: http://www.ratebot.ca/personal/testimonials.php Is there any fix or workaround available for this.
Tabs in FF
do the jquery ui tabs work in FF 3.5.3? becuase on the actual api.jquery.com website, it doesn't even work. any ideas?
Can't get form to submit in FF2
I can't get a form to submit in FF2 (works fine in everything else). I imagine it's a problem in my jQuery. Please let me know if you spot anything! Html for the form and jQuery below. HTML: <pre> <<span>form</span><span> action</span>=<span>"" </span><span>class</span>=<span>"bottomForm" </span><span>id</span>=<span>"voteForm"</span>> <<span>div</span><span> class</span>=<span>"insideBottomLeft"</span>> <<span>span</span><span> class</span>=<span>"step-3"</span>>Register your vote</<span>span</span>>
Bug dialog
Fala galera, Criei um dialog que gerencia várias diálogos utilizando classes O que acontece é que ao arratar, somente na 1º vez, a propriedade css height é alterada para auto. Por favor criem um arquivo html e coloque dentro da pasta dialog do pacote do jquery ui para verem o resultado. Dentro da pasta demos, ok? <!doctype html> <html lang="en"> <head> <title>jQuery UI Dialog - Default functionality</title> <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" /> <script
Resizable, trying to resize a div within a 'overflow:auto' div.
Hi, My problem in a nutshell: I have a div ('imageDiv') where an large (850x1200) image is displayed (div has css('overflow', 'auto');). In this div i have one or more litle div's that have no background just a red border. ('boxDiv1', 'boxDiv2', 'boxDiv3', etc...). Resizable and other UI plugins work just fine but when i scroll down a bit (with the scrollbar from 'imageDiv') and try to resize the 'boxDiv1' the top suddenly jumps n pixels up (where n is most likely $('imageDiv').scrollTop(); ) I'm
$(this).next().hasClass() not working with UI effects
Go easy on me as I am brand new to jquery but I can not get what appears to be some very simple code to work properly. I am trying to loop through a set of div panels showing and hiding them one at a time. If I use the standard show and hide effects this works great but if I trying to use any of the UI effects this does not work. Any ideas? <style> .panel{ width: 600px; height: 400px; } </style> <script> $(document).ready(function(){ $(".panel:not(:first)").hide(); $(".panel").click(function(){ //If
new jquery.ui user needs guidance
Hi Group, I'm finding the jquery UI plugin to be a pretty complex piece of work, especially when you add in the additional feature of swappable themes. What's more, I am having trouble finding many really basic - yet thorough - tutorials or documentation on using UI and swappable themes. An example would be the zip folder that you get when you download a theme. It has several folders internally: css, development- bundle and js. Inside the development-bundle folder there is: ui, themes and external.
draggable onto empty sortable?
Hello all. Let me first say THANK YOU to the entire jquery team, your efforts have made my life and the lives of my many coworkers a thousand times easier. I'm working on a site with a sortable and some draggables that I'm using to populate the sortable. The problem I'm running into is that if the sortable is empty the draggables won't drop there. It is as if the draggables have dropOnEmpty stuck on false (which makes sense since they don't have it to begin with)... Any suggestions? Thanks, M@
Well, it was working.....
I had my jQuery working fine on an html page in dreamweaver, but when I moved it to a jsp page in the J2EE framework, I started to get this error: Error: $("[id$=_y]").live is not a function Source File: http://localhost:9080/oe/life/viewHealthStatement.action Line: 131 Why would it work in one place and not the other? Is there something I need to change in my code? Here is the full jQuery code: $(document).ready(function(){ $('[id$=_questions],[id$=_questionsLink]').hide(); $('[id$=_y]').live('click',function(){
Why no entire text is replaced when I pick a date on the datepicker?
I have a datapicker on the date field with a format of yyyy-mm-dd. After selecting a date on the datepicker, only a portion of the default value is replaced. Can someone tell me what is missing and how to resolve this problem? (this question is moved from the jQuert mailing list)
Dialog not working in IE6, 7
Hi all, I've got a modal dialog with button that works in Firefox 1 and 3.5, IE8, Chrome, and Safari. Unfortunately, I can't get it working in IE6 or IE7. The older IE browsers seem to be entirely broken: the div that represents the dialog box is simply written to the screen in the appropriate place on the page, and clicking on the class of button (RM_button, see code below) that should bring up the dialog also does nothing. The relatively unhelpful error message from IE 6/7 is that line 89, character
Sunny Theme--Tabs
I am using the Sunny theme and its tabs. I want the last tab to take the user to another page (homepage for now), but do not see how to do that. Any suggestions? Thanks Bill
Dialog: how to position element *within* dialog
Hi, I want to show a Dialog with an additional fixed-position 'header' and 'footer' - this header/footer bar would serve to display e.g. error messages to the user. Since the Dialog's content can be a long form, I dont' want the scrollbar to move this information out of the view. (additional info: the dialog form-data gets loaded dynamically using ajax). The problem is that I can not any additional header positioned withing the Dialog. the header always scrolls away. I think the reason is that the
Getting attr from objects loaded with ajax
Hi, I've been breaking my back over the following topic for 2 hours now and I'm getting desperate. I'm trying to make a "buy item" script for my game, and for that I show my users a accordion-list of items, with links that open a information screen with jQuery. Which is working perfectly. In the information screen there is an form: <form action='' method='post'> <input type='text' id='amount' name='amount' value='1' /> <input type='hidden' id='item_id' name='item_id' value='49' /> <input type='submit'
Sortable with helper clone
I can't seem to get the helper to clone the sortable item. I am new to jquery and any help is greatly appreciated. My code is below. $(function() { $("#sortable1").sortable({ connectWith: '.connectedSortable', helper: 'clone' }); $("#sortable2").sortable({ receive: function(ev, ui) { deleteImage(ui.item); } }); function deleteImage($item) { $item.removeClass().addClass("test1");
Draggable and "reverse" containment
Hi, I'm using the jQuery UI Draggable behavior and am looking for "reverse" containment options. I want to be able to drag an image inside a parent which has "overflow: hidden". The image is the same size as or bigger than the parent, i.e. it always fills it completely. When dragging, I want the image to continue to fill the parent. I.e. the left image offset should always be <= the left parent offset, the right image offset always >= parent right offset etc. Is there a way to do this with the current
jQuery ui dialog and jScrollPane
I have a problem when using jquery ui dialog and jScroollPane plug in. If i call the jScrollPane function on the same div on which i open the dialog, the dialog has initial size 0. For example: $(function() { $("#main").dialog({ bgiframe: true, height: 140, modal: true }); }); $("#main").jScrollPane(); Any solution?
Jquery UI Slider - Currently Linear, would like to change formula for display
I am trying to make changes to the JQuery UI Slider. Changing it from linear in its range of number to more formula based. The reason is that we sell diamonds and our range is from .30 carats to 9 carats, however 90% of the buyers want something between .30 to 2, so I would like that range to be the larger part of the slider. Hopefully this makes sense. However, I think I need some expertise in how to accomplish this or where to begin. Requirements: For our carat based search, 90% of our diamonds
BG pics in JS cript "sliding doors"
Hoi, Momenteel gebruik ik "jquery-1.3.1.min.js" samen met "jquery.easing. 1.3.js" om teksten te tonen bij plaatjes on mouseOver. Het principe noemt men sliding doors. Nu wil ik de getoonde teksten veranderen in afbeeldingen. Dus bij elke div (zie html code) een andere afbeelding tijdens het hooveren. Het Javasript werkt samen met een CSS welke in de head is opgenomen. Ik heb reeds getracht om het CSS en de HTML aan te passen maar dat heeft niet het beoogde resultaat. De html code van de voorbeeld
infinite carousel question
Plugin url http://code.google.com/p/jquery-infinite-carousel/ Demo url http://www.sungreat.net/en/download_detail.php?downloadid=2 I want to make the slide like a book, so I put a shadow in the middle of two pictures, but when it slide, the shadow become weird, therefore, I want it hide when I click the button, and show after the slide done, how to do that?
Accordion - How it is possible to receive an index of active section?
$("#accordion").accordion({ active: 2 collapsible: true }); // getter var active = $('#accordion').accordion('option', 'active'); This code return 2, it's right? Next, change section manually(or by means of a method activate), but this code again return 2. How it is possible to receive an index of active section? (in Tabs vidget, for example: .tabs(’option’, ’selected’)).
Printing Image from Modal Dialog
Hi, I use a modal dialog to display a shipping label (png image). I would like to assign a print function to the OK button. This should print the image only. Any suggestions how to do this? Thanks
error: constructor is null or not an object..
Im using Fillament group UISlider. after going through the article i used the stop event of slider to get min and max values.. but couldnt succeed. what code i use is like following: $(document).ready(function(){ $('select#<%=valueA.ClientId %>','select#<%=valueB.ClientId %>').selectToUISlider({ sliderOptions: { stop: function(e,ui) { alert('hi'); } } }); }); but it is giving me error: constructor is null or not an object.. i m newer to jquery so im not able to get what the problem is . im using
Tab losing content
This one is really weird and i've tried it a few ways but nothing seems to work. I'm using ui-tabs and all the tabs are ajax tabs loading content from another area, this includes the first one. Orginally the first tab won't reload if the request url is the same as the page its on so i added ?a=a to get around that. It works absolutely fine in firefox but in ie it loads it shows it for a split second then all the content vanishes. If i inspect the source the node is empty i have no idea why this is
JQuery Tabs
Hi Everyone... I need to create some tabs & content areas, lets call it 10 The tabs need to be images (But could have some text overlayerd if needs be) The tabs would also need to have a onstate & hover (Could be the same!) They tabs need to rotate the onstate (like a slideshow with a transition effect) So basically the content would rotate its self or be selected by the user onclick I seem to find lots of different thing that do parts of what i need but not all can anyone help? PLEASE Many thanks
Plugin Qtip Jquery + PHP?, help
Good morning everyone. I made a page with PHP, the problem is that I want to integrate a Jquery plugin called QTIP and does not execute any command QTIP. If I remove the PHP code runs the page great, but when integro the <? php?> QTIP not run anything. my page this saved with PHP, I leave the code here. DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Transitional / / EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> QTIP -
UI tabs not working (not locating panels)
Hi, I'm trying to use UI tabs but it's not working ( yet :) I have jQuery 1.3.2 and jQuery UI 1.7.2 (full) included. Then I have a basic tab setup: <div id="tabs"> <ul class="menu"> <li><a href="#tab-latest">Latest 10</a></li> <li><a href="#tab-performances">Performances</a></li> <li><a href="#tab-vlogs">Vlogs</a></li> <li><a href="#tab-commercials">Commercials</a></li> <li><a href="#tab-webcams">Webcams</a></li> </ul> <div id="#tab-latest" class="video-panel">
Nested draggable/droppable problem
Hi Gang...complicated drag'n'drop issue here. We have a draggable which contains a droppable. When you drop a draggable onto the inner droppable, and then decide you want to move that dropped draggable, the drag of the inner takes the outer with it. This only occurs in IE (tested 6 and 7) Any thoughts on how to stop this? Thanks, Jim
CTRL+Drag/Drop
I'm not sure if this is possible, issuing a Control Key (CTRL) before click/drag/drop an element. Any help is highly appreciated. Thanks
HELP: Getting nested tabs to work in IE (IE 8 I think)
I'm using the setup that Norman had, with vertical tabs nested inside a horizontal tab menu. It works fine in FF but is sucking in IE, and I'm way too noob to know why. Anybody help? The site is at: http://www.bethelrockhill.org/action.html
Moving object with bouncing animation
I'm sort of new to JQuery. I would like to have an element moving across my page but with a bouncing effect. I've found an example of what I want, but it's done with MooTools: http://www.clientcide.com/wiki/cnet-libraries/05-fx/01-fx.move#additional-options (The "Additional Options" example shows what I want to accomplish) Is there a way to do something similar, but with JQuery?
Using dialog to display a message before forwarding to a new page
Hi all, I'm a new user to jquery/jqueryUI and am trying to use a dialog to display a message before forwarding the user to a new page. As I've tried to set it up, the user will click on one of a number of buttons of a certain class. The href attribute of the button will be stored in a variable, then the dialog box will be shown. When the user hits the continue button within the dialog, the dialog will close and we will be forwarded to the URL stored in the variable. Here is the relevant code: <script
can't select text inside accordion
http://www.nextrl.it/ccs/index.html hi guys! up here there is my page with accordion and other widgets/ effects. i notice that on this accordion: http://jqueryui.com/demos/accordion/ i can select the text inside the divs.. but on mine doesn't work :\ why? maybe because my accordion div cointaner is sortable? and if yes, what can i to to prevent this situation? thanks a lot
firefox 3.5.2 not showing themeroller / gallery properly
Hi,<div> </div><div>Till now I never faced this problem, but today I noticed that the themeroller page is not working properly in firefox 3.5.2. The accordian, tabs and dialog are not coming up at all. The icons are coming up fine.</div> <div> </div><div>Even the bookmarklet page does not recognize firefox 3.5.2.</div><div> </div><div>Can anyone guide me if there is something I am missing?</div><div> </div><div>Thanks in advance,</div><div> </div> <div>Kartik Sehgal<br clear="all"> -- URL: <a href="http://sites.google.com/site/spyderhoodcommunity">http://sites.google.com/site/spyderhoodcommunity</a>
Hiding repeat cell values using jQuery UI?
Hello, I would like a table cell to appear empty, if it has the same value as the cell above it. For example, if my data is X | 1 | a X | 2 | b Y | 1 | c Y | 2 | d Y | 3 | e I would like to see X | 1 | a | 2 | b Y | 1 | c | 2 | d | 3 | e I am a novice when it comes to programming. Any ideas? Thanks.
highlight dates without using beforeShowDay and onChangeMonthYear from a dates array
Hi, we have a requirement to have a calendar, three dropdowns for committee, month and year (Not within calendar) and a GO button. I need to highlight the dates on the calendar when the user selects the dropdowns and clicks Go button. I am currently getting dates array from the server whenever the user clicks Go button. But, I am not sure how to highlight the dates using this array? I have already implemented this functionality having the month and year dropdowns within calendar and using beforeShowDay
Page load question
What I have is a form where people will answer yes or no questions. What I need is, that when the page is loaded, a way to go though the questions and check to see which ones are marked as yes. The reason for this is, when yes is checked, there are additional questions that open up using .show(). Right now, if the page is refreshed or reloaded, all the additional questions hide regardless if the yes is check or not. Thanks in advance Aaron
How to remove the old autocompletion field value?
Hello! I've having troubles for fixing this bug. There are two autocompletion field in my application, if I type something in field A then its related value should autoset in field B, which is working. But if I change the value in A again then that reflect is not taking in field B. So conclusion is once the value set in field B then it never got changed. Its because inside else condition i am removing the "example_class". Is there anyway we can fix this issue? "example_class" is nothing but the class
Next Page