jqueryui inresponsive with php flush
Greetings, I'm trying to make a simple feedback report on a php script that takes a while to be executed. The php script goes through several photos and makes multiple thumbnails and watermarks the original for each photo. So for every photo that is done i want to make the progressbar refresh with a new value. With my original script i didn't have any luck. All the jquery ui elements were refreshed only on the end of php script execution. So i made a small dummy php script to test it with sleep().
List/Menu background image per item.
Just wonder if there's such JQuery thing that can add background-image per item at List/Menu. IE does not handle this CSS issue, anybody has an option for it? Thanks in advance.
Dialog widget could disable object element
Hi, I've implemented Dialog and set its modal option to true, but object elements, e.g. embedded youtube video, were not disabled thus they were even rendered on top of the said dialog. Did I missed some options? I would be thankful if you share work around on this issue. thanks, Joel
Next month always 'january 1900'
I've implemented a datepicker, but for some reason when one clicks the 'next month' arrow, the calendar switches to 'january 1900'. Clicking 'prev month' leads to calendar displaying 'november 1899'... Any idea what I'm doing wrong?
Here ! wholesale and retail shoes,sunglasses,t-shirts,clothes¡¬
Here ! wholesale and retail shoes,sunglasses,t-shirts,clothes¡¬ Men¡¯s jeans Armani jeans, Coogi jeans, Evisu jeans, G-star jeans, Antik Denim jeans, RTFUL DODGER jeans, BBC jeans, D&G jeans, Diesel jeans, Ed Hardy jeans, ROCK jeans, TRUE RELIGION jeans Men¡¯s Clothing CLH clothing, artful dodger clothing, BAPE clothing, , Evisu clothing, Gino green global clothing, LRG clothing, Parish clothing, BBC clothing, ED Hardy clothing Dior Wallet purse, Chanel Wallet purse, Gucci Wallet purse, LV Wallet
Hyperlinks in an modal dialog box
Dear members of this group, Is there by any chance a way to get an hyperlink working as an button within the dialog box? Since i need it to give it a "finishing touch" to get a log out option, which has a nice dialog box popping up, however, i cannot get a hyperlink in the box. I know it is possible within the div itself, but it would be nice if it could be like an anchor with link. Any ideas? Am i missing something? Or would you recommend doing it within the div itself?
Wordpress widgets
Hi, I need to add tabs to my wordpress widgets with jQuery UI. How can I do it? thanks,
Drag n Drop issue with Div's (this should be a quick question and answer)
Hello - I have a simple table with a div tag for blocks of fields on the left hand side (these are in a div container). They will not drag over to the right hand side where the image (the target) is. They seem to be limited to stay within the div tag and cannot be dragged outside of the div tag. However, if I remove the div tag, it works perfectly fine and the fields are able to be dragged over to the image. Is there a setting or something that would allow me to do this? Here is the code I am using
Effect Fade To
Hi. I'm using the fantastics jquery framework, to do a background image rotator, with the functions fade in and fade out (www.acep.pt). (U: user, P: only4us) What I whant to know, it's possible to fade one image to another, and what parameters I've to select to do that! Cheers, João Rosa
jquery clone and jquery ui dialog
Hi (and sorry for my english, also i'm not sure if this is the ebst place for asking this) Well actually I can't make this code work properly abd don't know how to solve it i hope some could lend me a hand. I'll explain my problem: - I have a form hidden (display:none) and when I click on a link I clone it into a div and modify it. is something like this: $('#show_form').click(function() { $('div.activo').html($('#form_switch').clone(true)); $('div.activo #form_switch legend').html('Switch '
jQUery UI Accordion auto scroll
Hello, I've set up an accordion on a web page, now I would like it to scroll automatically every 8 seconds, so I put up a little function calleb by a setInterval. Here is the code I've used: var numAcc = $('#highlights h2').length; //console.log(numAcc); var currentAcc = 0; var time = 8000; //console.log($('#highlights div.item:last')); $('#highlights div.item:last').addClass('last'); $('#highlights').accordion({ header: 'h2', change: function(event, ui) { clearInterval(autoAccordion);
Jquery Tabs
I'm using ajax tabs and trying to grab the links that are saved in the $.data object but not having any luck. Wondered if anyone could point me in the right direction. This is how jquery accesses it in the actual library: $.data(a, 'href.tabs', href);
JQuery Draggable/Droppable position question
Hi there, first i want you to know, that i'm a german guy, so please be patient about my english knowledge, I just got from school. So, now here my issue: I've got some problem with the returning positions of draggable objects in JQuery! I started programming a tool to position some things in a droppable area, to save the positions in the database, I need the positions inside the droppable area! As I had to notice, that the ui.position/ui.offset say both the same (the distance of the start to the
Jquery UI on Google CDN
Is it possible to configure the google CDN url for Jquery UI so that it only returns the core module? I'm looking to include Jquery UI widget factory in a project so I'd like some way to CDN just the core of Jquery UI. I know that extJS core has a completely separate url and it seems like this would be a great feature to have for jquery ui users.
Is it possible for Jquery to make something like this?
http://i16.photobucket.com/albums/b21/taelmx/Picture18.png This is a mockup I have done for a site, took me about 24 hours to get the layout JUST right, not to mention some other versions of it, but would it be possible to make this in jquery? I am looking to make it pretty much identical to this using Jquery, but I don't know too much about javascript, so I wanted to ask if it's even possible before dedicating a lot of time trying to learn jquery. Thanks!
Sortable inside an accordion
Hi all. I'm trying to place a sortable list inside an accordion and it isn't workig. The list appears outside, below the accordion. Can anyone help me getting this working? Thanks in advance.
Adding a timeout for a jquery ui dialog box
I have a dialog box (Dialog A) that lets the user know a page will take a minute or more because a lengthy report is being generated. Once the report has generated another dialog box (Dialog B) is displayed saying the report has been generated and giving further options through dialog buttons. The problem is that depending on how attentive the end user is Dialog B could load on top of Dialog A requiring extra clicks and confusing the end user. I would like to use a timer to make Dialog A fade away
Tabs: how to get index of removed tab?
Hello, is there a way to get the index of a removed tab? When i use ui.index in the remove event it returns -1. Is it correct that the remove event is fired after the tab is removed? I tried setting a variable to the index in the select event and then removing that tab, but since another tab gets selected when i remove a tab the variable is set to the index of the new selected tab. Thanks for help in advance, Dirk
Datepicker under 1.7.2 triggers the mouseover event when .datepicker called, is this desired?
I just upgraded from 1.6.1 to 1.7.2 and suddenly had a bunch of very strange behaviors appear that I finally traced to the initialization of some datepickers on the page. Apparently when datepickers are initialized, they seem to fire the mouseover event on one of the leaf <a> nodes (the individual day links). Wrapper containers around the datepicker hear this mouseover event, which at least in my app causes some problems. I can work around it, but is this desired behavior? Or am I triggering this
How to use jQuery UI tabs without grouping the tabbed content in the same div?
In the jQuery UI examples the concept of using $.tabs(); is as follows (psuedo): <tabs> <ul> <li>(href=#some_id) <li>(href=#second_id) </ul> <div#some_id>content <div#second_id>content 2 </tabs> What I want to do is this: <ul#tabs> <li>(href=#some_id) <li>(href=#second_id) </ul> <div#some_id>content <div#second_id>content 2 So basically how do I specify the ul and the divs separately?
JQuery translate with JQuery datepicker
Hi, is anyone aware of any known conflicts or caveats between JQuery datepicker and JQuery translate? Both functions worth separately on my pages, but when combined (that is, on a page with a datepicker assigned to a text box and with language translation activated) the datepicker calendar stops working. I've seen posts online referring to translating the datepicker (certainly a good idea) but nothing on why the datepicker wouldn't work in tandem. More info: My 'datepicker' code and my translate
Dialog + lift = odd
I am getting some strange behavior when combining the dialog box with a lift command. I've setup an editor for text files and have a dialog box setup as a preview of the finished work. <lift:Workflow.edit> <script type="text/javascript"> function dialogShow() { $.ui.dialog.defaults.bgiframe = true; $(function () { $("#dialog").dialog({ bgiframe: true, height: 140, modal: true }); }); } </script>
Newbie needs help with Datepicker insertion into PHP doc
Hi. I've never used a jQuery UI widget before and I want to try the Datepicker. I've uploaded the package that I've downloaded from JQUI to my root web directory. I need to understand where to put files and code for making the widget popup on a date field on my page. Below is what I have in the Head section, but is this right and what do I put in my form for making it appear? <link type="text/css" href="css/themename/jquery-ui-1.7.1.custom.css" rel="Stylesheet" /> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
Dialog: Rendering performance on large dialogs in firefox
I am attempting to implement a windowing type system via the dialogs. In Firefox (3.5.3) the rendering performance of a dialog seems to be inversely proportional to its size in Firefox. A large dialog feels very choppy when dragging it around. You can see an example by going to http://jqueryui.com/demos/dialog/ Expand the dialog to be very large, and drag it around by the handle. There is a large amount of visual chop. This visual degradation is exaggerated even further with multiple dialogs open.
Problem under IE 7.0 with Dialog with width auto
If I put "auto" to the width of a Dialog it grows to the width of the monitor under IE 7.0. Under IE 8.0 / firefox it works correctly. Can anyone help me? Thanks! Max
accordian autoheight
When I use this code (from the demo page) to generate an accordian: <script type="text/javascript"> $(function() { $("#accordion").accordion({ autoHeight: false }); }); </script> Any and all links inside the content disappear (when using IE7). This doesn't happen in the first content box, but it happens in all subsequent content boxes. Any ideas?
[accordion] Hide and show an "accordion tab"
Yes, this is my question, how can I hide and show one single "accordion tab" from the whole accordion? And a second question is, how can I change per JS the caption of one "accordion tab"? Best regards
Dialog overlay and ActiveX controls
Hello all, We're trying to get a jq modal dialog to overlay an activex control within IE7. Curently, the activex content is rendered on top of our dialog. The bgiframe option is tempting and seems to solve a very closely related problem but so far we've had no luck using it. (We have included the bgiframe library and and set the bgiframe option to true) The activex control is IBM's Filenet viewer if that makes any difference and it is contained within an iframe on the page for unrelated reasons.
Slider Auto Position after Max is Changed
I currently have a set of 4 sliders and the "extra" that total up to a specific number. When one slider is changed it updates the Maxes for all the sliders such that each max is the current value plus the "extra". This way the extra can never be negative. Everything works as expected, which is the problem. I need, or would like, the handle for the sliders to move to its proper spot for the value it has when the new max is set. IE: Slider 1 is at value 3, 2 is 5, 3 is 2, 4 is 4, and extra is 10. Slider
Tabs with a list in the contents panel
I need to have a list inside a div inside my tab panel. But every time I add a list inside a tab panel the widget thinks the content has ended and closes the content panel. I've been studying the widget code trying to figure out what to tweak to get around this issue but I'm stuck. Any ideas? Here's some sample code. The list in Tab 2 will continue beyond the bottom of the panel. Any ideas are appreciated. <div id="tabs"> <ul> <li><a href="#Tab1_Contents">Tab 1</a></li> <li><a
Sortable - someone please explain the ui.item
I have two lists working as a connected sortable. What I want to do is want to get the element that we are sorting, grab its class and id value, parse out a component of this ID (which has been written dynamically), write a new class and id to the element based on this information, then submit the new sorted list (sortable2) to a database using ajax. With the code below (written for clarity), I see two alerts, both providing me with the same value. So, it appears that the sorted element is copied
Resizable alsoresize in one direction only
I am trying to use the jQuery UI Resizable feature. I would like to only add a south/west resize handler on one object, so it will resize to the west and south. When it resizes, I would like to simultaneously resize another object, but only in the 'south' direction. I am trying to use the alsoresize property, but it seems always resizes the second object by the same amount in both directions. Does any one know how to achieve this? Thank you, Eric
jQuery Dialog shows only once
Hi guys I have a grid, with a listing. I use 2 columns to put modify and delete icons. So each row has its modify and delete icons. When user clicks the delete image, a modal dialog should appear asking him if he wants to delete that record. My problem is that it works only once. So, if user clicks cancel button, then he can't see the dialog again What's wrong? jQuery(document).ready(function(){ jQuery(".botoneliminar").click(function () { jQuery("#divdialogo").dialog({ bgiframe:
Tabs - make currently selected tab clickable? to reload dynamic ajax content?
Hi Once a tab has been selected, it is no longer clickable -unless you have set deslectable which allows you to deselect the tab the second time you click on it. If a tab is loading Ajax content, is there anyway to make the tab clickable so you can click on it again and Reload the ajax content? Of course you could always put some kind of reload image or link inside the tab content - but it would be nice to make the tab itself allow for a reload of the Ajax content. Thanks for any thoughts
jQuery UI for tables?
Hi, I'm trying to make all components in my jQuery application have the same jQuery UI look and feel. Does anyone have any tips for styling tables. Especially with rounded corners? Currently I'm using the tablesorter plugin (http://tablesorter.com), but unfortunately this does not support the jQuery UI. Any tips would be appreciated. Andy
www.ccshoe.cn
www.ccshoe.cn
Datepicker addClass/removeClass/hasClass
Hi there — For my purposes, it would be very useful if datepicker had a set of methods for adding, removing and checking for certain classes to/from/ on the element (the link in the table cell) that represents that date. Because all of the html for the calendar gets appended and output every time there is a change in state, this would need to be an internal behavior of datepicker, and could not be provided by another plug-in. By the way, if this makes no sense to you, consider that I am using the
Using sortable *inside* an iframe
Hi all, I'm trying use jquery to access an iframe so I can modify its content (I'm making a basic CMS). The iframe content includes a section I'd like to make sortable, but I can't seem to get sortable working correctly inside the frame. Outside of the iframe, sortable works fine so I know that I've got the right scripts downloaded and installed. Here is my (simplified) code: $('#iframeid').contents().find(".group").sortable(); When this is run, the elements kind of gain the ability to get dragged
Reload Tabs ajax depeding on datepicker fields
Hi, I would like to know if there's an easy way to build a tabs that will reload the page when a date is selected in a datepicker fields (externally to the tab...). I'm using ajax funtionality to populate the selected tab. Is there any way to pass also some parameters to the selected tab? The parameters that i would like to pass to the .aspx page that will populate the tab are the date and a parameter to choose the query..... This is my code: ...... ..... <script type="text/javascript">
Click not working on
I was using this http://jqueryui.com/demos/sortable/portlets.html example as a start for some experimenting. I made a <a href="#" id="add">add</a> link with the following code $("#add").click(function() { $(".column").prepend("<div class=\"portlet ui-widget ui-widget-content ui-helper-clearfix ui-corner-all\"><div class=\"portlet-header ui- widget-header ui-corner-all\"><span class=\"ui-icon ui-icon-plusthick \"></span>Feeds</div><div class=\"portlet-content\">Lorem ipsum dolor sit amet, consectetuer
Next Page