interesting phpThumb error on dialog?
I downloaded a theme this morning via theme roller, and noticed on the dialog component that when I modal it, there is some red error text at the bottom of my site, "phpThumb() v1.7xxxxxxxxx BGcolor parameter for "new" is not valid." It is my understand that the themeroller uses a php library called phpThumb to generate the icons for your theme. Anyone have any thoughts how why this is being displayed or how to fix it. Note: I do not have any php on my site.
NEWS: jQuery UI 1.7.2 released
blog post: <a href="http://blog.jqueryui.com/2009/06/jquery-ui-172/">http://blog.jqueryui.com/2009/06/jquery-ui-172/</a> changelog: <a href="http://jqueryui.com/docs/Changelog/1.7.2">http://jqueryui.com/docs/Changelog/1.7.2</a> - Richard Richard D. Worth jQuery UI Release Manager
Bug in tabs?
Hi, I'm creating a tabs widget where I provide a "selected" option with an integer. The proper tab is selected from the beginning, but the first tab clicked after that is selected without the originally selected one being deselected. That means that after the first click on (another) tab, two tabs are selected (graphically) at once. Later clicks work like they should. Is this a known issue (I'm using 1.7.2)? Any good workarounds? Thanks, -dennis
Div appear inside an LI
I have a list of items and I want a box to drop down below a specific item when clicked on. $('#memo li').click(function() { var dv = $(this).attr('id'); $('#block'+dv).slideDown(500); return false; }) The CSS for that div layer is as follows: display: none; width: 90%; height: 60px; position: absolute; border: 1px solid red; background-color: #fff; Problem is if the div layer is inside the <li> then it screws it up, if I put it below the list I would need to change
Jquery Tabs
I have a Jquery tab control using AJAX tabs. When clicking on a button, or anything else that submit the form, I receive this error: The state information is invalid for this page and might be corrupted. Trying to get down to the bare minimum while still receiving this error, I only have the Jquery tab control, with one tab loading a blank page, and a button below the tab control. Clicking the button produces this error for me. Does anyone have any ideas?
IE6 content hidden in accordion UI1.7
The content contained inside my accordion panels is not visible in IE6. More accurately, it is visible briefly when the panel is opening and again when it is closing, but is invisible when the panel is open. Actually, plain text is visible - like labels for input fields in a form - but any textfields, textareas and submit buttons are not visible, and neither are any hyperlinks. Does anyone know about this and what can be done, if anything, to fix it? I should say that I'm using jQuery 1.3.1 and jQueryUI
datepicker
Hi all I know this is a bit of a rookie question but I am using 1 header file across the site and have different date pickers which need different options on different pages I have 2 working one's currently BUT there is only ever the first one in the includes file working therefore one page works the other only works if I add both datepickers to the html I am aware this has got to be really simple but my brain has shut down some code for this bit is below in this case the marketing page works when
Bug With UI Tabs in 1.7.1?
I'm using the latest version of jQuery and UI but when I try applying any kind of fade or height toggle on my tabs, clicking one tab to the next "stutters." Basically, the current tab drops down when another tab is clicked, then the new tab slides down after, it's real jerky looking. It should be the current tab's content slides up but it goes down so there's like a double slide before the second tab's content is displayed. Is this a new bug? Here is my code: $(document).ready(function(){ /*
bugs with multiple/fast tab clicks
Using this example from the doc: <div id="example"> <ul> <li><a href="ahah_1.html"><span>Content 1</span></a></li> <li><a href="ahah_2.html"><span>Content 2</span></a></li> <li><a href="ahah_3.html"><span>Content 3</span></a></li> </ul> </div> If each of the *.html takes a few seconds to load and, in the meantime, the user clicks on the other tabs - this causes 'a queuing' effect where the tabs now gets very confused and the panel are displaying items from other panels. I've tried various tricks
Tag 1.7.2
This error is probably the same as the one found at: http://groups.google.com/group/jquery-ui-dev/browse_thread/thread/24bb85e777197546/f9ce0d71969cf9ff I checked out tag 1.7.2 from the SVN repository and tried to build it, but it failed. I will post the screen dump in my next post. Any help is appreciated. Thank you!
Drag n Drop with Ajax?
Hey all, I've got a page that uses the draggable and droppable feature - http://jqueryui.com/demos/droppable/#default It also uses jQuery to call a web service via Ajax - this also works fine. However, I want to call the web service only when an item is dropped onto the objeect but when I try to add the Ajax function inside the $ ("#droppable").droppable({ drop: function(event, ui) {.... it doesn't seem to work. You can see my code at http://pastebin.com/m703d1cfe Any help or advice would be much
jquery .live with dialog - dialog not working
I'm currently loading data from a mysql db - if a certain condition is met, a volunteer button is displayed. When the button is clicked I want to display a dialog box, and a php file is called to populate the box. First I initialize the dialog: [code] $(document).ready(function() { $("#chaincrewDialog").dialog({ autoOpen: false }); }); [/code] Here is how I'm calling the dialog box: [code] $('.volunteer').live("click", function(){ // this gets the game number from the table to pass to the php file
datepicker and 3 input fields
<span class="Apple-style-span" style="border-collapse: collapse; "><div>Hi all,</div><div> </div><div>i've just tried the datepicker an it's very nice.</div><div><a href="http://jqueryui.com/demos/datepicker/" target="_blank" style="color: rgb(17, 65, 112); ">http://jqueryui.com/demos/datepicker/</a></div> <div> </div><div>I can see if I add an ID to an input tag that the input tag gets</div><div>update with the date selected in the datepicker.</div><div> </div><div>my question is I have 3 input
Accordion List | Selecting with item to display as active
Hi All, Very new to Jquery and was hoping i can get some help. I have an accordian list much like the example here : http://docs.jquery.com/UI/Accordion#option-active Say for instance i have page links under the heading 'Section 2' of that demo above. How can i make it so that when you visit a page from these links 'Section 2' is visible and 'section 1' and 'section 3' are closed? At the moment i have : $(document).ready(function(){ $("#accordion").accordion({ active: false, collapsible:
How to go about writing a plugin that extends a core plugin like sortable
Hi I would like to turn my code for <a href="http://www.2dnn.com/DragnDrop.aspx">http://www.2dnn.com/DragnDrop.aspx</a> into a plugin. Right now its just standard coding and .sortable. So lets say i would like my plugin to have the name of igoogle and extend sortable Is there a good example somewhere or can someone paste some code here so I can go from there thanks in advance Armand
i want to take participation in development of Jquery UI
HI i have good knowledge of Object oriented javascript. i want to do some development in jqueryUI let me know how can i proceed with this.
the div is showing scrollbars in IE6,7 but working with IE8,firefox
Hi guys, My site www.g3itcon.com the front page is working normally in firefox and IE8; but IE6,7 hovering your mouse over the accordion will expand accordion but then scollbars appear i check the overflow settings is hidden in firefox and auto in ie8 but visible in ie6,7. Can you tell me how to fix it or how to override overflow settings.
datePicker in need of improvement.
I'm getting really frustrated with the datePicker. I'm trying to create a booking form with "Date From" and "Date To", the two date fields are given an initial value which sets the "Date From" field to be 2, 3 or 4 days in the future, and the "Date To" field is set at the date of the last available date for booking. If a "Date From" is picked, then the user should not be able to pick a "Date To" before this date, and vice versa. Lots of these datePicker scripts allow the developer to do this simply
Dynamically Add/Remove Form Elements
I'm creating a form that needs to be able to dynamically add form fields to an existing form by the click of a button. I found this example http://mohdshaiful.wordpress.com/2007/05/31/form-elements-generation-using-jquery/ It has the exact functionality I need, but the catch is that it does not support the latest version of the JQuery UI. Did some searching and found a few plugins that might help. Clonefield, Form Field Cardbon Copy, and XClone seem to do what I need , but I'd really like to write
Dymaic use of slider issue
Hello, I have an issue on the slider. In my case it doesn't detect the onmouseup event on the slider handle in Firefox but detect the same event in Internet Explorer 6. An extract of my code : redraw: function() { // Create layerDiv and add it to the DOM + Create layer object : Ok. Check in Firebug ... this.addSliderOpacity(layerDiv, layer); ... }, addSliderOpacity: function(layerDiv, layer){ var sliderDiv = document.createElement("div"); sliderDiv.id = "layerSwitcher_slider_" + layer.id; sliderDiv.className
Resizable Grip Handle Icons
Hello, I've noticed that jQuery UI has the awesome Resizable plugin, but I am wondering how to make multiple grip handles appear everywhere in all corners and an all sides (as opposed to the single one in the SE area). I noticed that while user testing my software, even though it was possible to resize an item from any corner, users would always grab it from SE as that was the only single visible grip handle. Is it possible to show all, and if not, then is it possible to request this feature? :)
Cannot focus date picker or other popups in a modal dialog
The dialog, when modal, prevents focus from being transfered to an element in the document.body. So, if I have a datepicker, or another component that adds an absolute DOM element to the document body it cannot be focused. In Safari, I can't change select values or anything else. Suggested fix: For the modal code, if the item is acted upon, is not in the dialog **and the z-index of the item is less than the dialog** then block it. This way, any item with a z-index greater than the dialog can still
how to embed the code
hi, im new to jQuery recently I am doing a research survey, like many other open source softwares, it allows change in templates (files with .pstpl) or embed js in the admin panel where there allows adding your own codes. I downloaded the code for tabs. what I did was, I simply added the <link type="text/css" href="css/themename/jquery-ui-1.7.2.custom.css" rel="Stylesheet" /> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/jquery- ui-1.7.2.custom.min.js"></script>
CSS Framework - Inheritance
Hi, I noticed that when using a highlight class within an active class the links within the highlight class use the active class color. I can override it but this might be worth a look. It would be good to be able to nest a highlight into an active class and vice versa...
Accordion - manipulating from within code
Hi all :) , guys does anyone know how to manipulate accordion widget from within JQuery e.g. move to the next pane, move back, forward ? Something like this : ... ... ... $('move_next').click(fn_move_next); ... ... ... Thanks in advance guys. With best regards Sultan Imanhodjaev. -- *(^_^)*
FadeIn Accordion Issue
Hello, I'm having an issue with the accordion widget. Basically it's in a hidden div by default and on click of a menu item I want to have it displayed. I can get it displayed but the widget doesn't function properly, I think it has something to do with the CSS. I have a zip file sample that I can post if someone would be kind enough to look at it. Thanks in advance. Reese
Selectables not working?
I have tried this demo in both Firefox 3 and Chrome, and neither one allows me to "draw a box around the elements" to select them. I am looking for a rubber-band type selection box, similar to this one: http://www.nwhite.net/2009/02/09/advanced-ui-component-using-rubberband-and-draggroup/ Any ideas?
Help getting JQuery tabs working in Drupal 6 - tabs not rendering, see a bulleted list instead
I realise this probably should be posted on the Drupal site, but I've already posted there and received no responses so I thought I would try here. I have a custom module that uses a custom template file to display a node. In that template, I want to render some tabs using JQuery - I have enabled the relevant JQuery modules for Drupal, and the source for my page shows what I believe to be the correct script tags. Anyway, I added the code from this site: http://www.thewhyandthehow.com/jquery-tabs/
Gridview Paging within Modal Dialog
Hello all! I am currently designing a Asp.Net application which utilizes several jQuery and jQueryUI elements. I am fairly familiar with the libraries and have had a lot of success in the past with implementing jQuery within Asp.Net applications. I know, however, have run into a brick wall and need some help, please! I have a page with a link button. I also have a usercontrol on the page which contains a .Net gridview which has both sorting and paging enabled. The usercontrol is what will be displayed
jquery ui draggable and droppable and dynamic content
I have a problem getting the jquery ui drag and drop functionality to work as I would like in IE. Basically, I have a list of products on the left, which can be dragged to a cart on the right. Both the product list and the product cart have been created dynamically (their parent elements have their innerHTML replaced). I use these two functions to attach the drag and drop functionality: function addNewItemsDragDropCouponJs() { $("img.couponDraggable").draggable({ // when not dropped,
jQuery effects on Drupal's nice menus module
Hi, I am using jQuery in Drupal [Content Management System]. I have a drupal block which has drupal's nice menus [vertical flyout menu on left sidebar]. I also have an image in another block. Requirement is : If we mouseover this image the nice menus should flyout to the right and when mouseout this menu should hide. Problem is: I am using "slide" effects of jquery to achieve this and its somewhat working. that is only one time on every page load - the menu shows on mouseover and hides on mouseout.
Large Filesizes and FOUC on most demos.
I've just started using jQuery and have been looking for various plugins and writing my own custom ones. I always download the source, then use Apache Ant to concatenate the files together then compress that file. I do this with my CSS files too. This usually leaves me with only 3 external files being downloaded, (screen.css, print.css and unobtrusive.js), which are sent compressed by gzip from the server to the visitor. So bearing in mind filesizes are important to me, and other developers, I try
$.ui.dialog.overlay.resize repeating in IE8
This happens when the BODY is small. (fix when set body to height greater than dialog?) Have page that changes with tabs and opens dialog for "tickets". When the tab has limited list of tickets (short BODY) the resize goes into an infinite loop. When doing step-over in JS Debugger it keeps going back to the Sizzle CSS Selector Engine - v0.9.3 ..... return typeof o!=="undefined"&&!o.event.triggered?o.event.handle.apply (arguments.callee.elem,arguments):g .... I am testing IE8.0.6001.18372 Vista Business
Accordian
Hi I am new to JqueryUI and trying to create a user interface made up from the UI components, one of the things I am trying to achieve is having more than one accordian on the page at a time, now whilst the accordian seems to work, all the content in the first accordian is rendered, however on the second accordian, the sections open and close as expected but the sections content does not. Has any one experienced this, or have a work around. Kind Regards Cent
any pointers or blog post
Hi, Sorry I am new to jQuery. But I am wondering if anyone has any blog post/article which says how can I develop my own components. The article below is outdated and abour 12 months old and there is enough comment in the blog post of filamentgroup about it already.. haven't had much luck with google either .. Maybe I have some luck here. http://www.filamentgroup.com/lab/developer_your_own_jquery_themeroller_ready_components/ What I want to do is to use jQuery UI only to design/theme "All of my site"
Non-javascript use of CSS framework?
Hi there, From looking at the jquery UI examples, I notice that the HTML does not include CSS classes. Rather, CSS classes are always added to widgets when the document.ready JavaScript runs and a widget attaches itself to some HTML. However, when your JavaScript is turned off, a page will be rendered without this CSS, hence no "themed" styling will be applied. This seems to be by design. What's the idea behind it? Or, maybe - so how does one consistently (according to a theme) style a page for non-
1.7.2 out?
I noticed today that the version of UI listed on the jQuery UI website was 1.7.2, but there doesn't seem to be any announcement anywhere or news updates. Is it really out now? Or is it just a mistake on the website?
Tabs Spinner needs a span?
Hi, I noticed that the spinner option in UI Tabs 1.7.1 requires (looks for) a span element in the tab to show the 'loading' text. <li><a href="http://url">no good</a></li> <li><a href="http://url"><span>good</span></a></li> However, this isn't documented here: http://docs.jquery.com/UI/Tabs#option-spinner or here: http://docs.jquery.com/UI/Tabs#theming Also, I don't think it should actually require a span. It should just replace the content of the anchor tag with spinner. Otherwise someone (me) who
problema al abrir 2 dialog
error con 2 dialog en jquery 1.3.2 salu2 a todos tenemos un sistema de almacen pero con el jquery-latest que es una versio anterior todo normal hasta ahy sin ningun problema luego decidi pasarlo a jquery 1.3.2 cuando insertaba un producto abria un dialog connsus cajas de textos sus combos y en ese dialog tengo un boton que abre otro dialog de una busqueda ejecuto la busqueda eligo un producto vuelvo al dialog anterior eliminando el nuevo dialog creado me bloquea las cajas de texto parece que estuvieran
Select a tab from a text link (issue)
Hello, I'm working on a web form using jQuery UI Tabs. I came across an issue while trying to select a tab from a text link (within a tab). I'm currently using http://docs.jquery.com/UI/Tabs#...select_a_tab_from_a_text_link_instead_of_clicking_a_tab_itself as a reference and modified their example code but I just can't seem to resolve this. Here is the page I'm working on. http://noeruiz.com/ui/ I've searched the jQuery General Discussion, found a couple other people having the same issue, some answers
Next Page