Jquery UI Draggable // avoiding onDrag click()
Hello all :) nice to meet ya I'm sort of stucked in preventing the .click() firing while dragging a layer. I would like to listen to fire clicks only when the dragging is over. my markup is as follow: <div id="scrollpane"> <ul id="channame"> <li ></li> ... </ul> </div> and my code: $("#scrollpane").draggable({ containment: [-1250, -1500, 85, 230], drag:(function(sync){ yy=$(this).offset(); $("#chanbar").css({"top":(yy.top - 230)}); }) }); /* then */ $("ul#channame
Sortable Serialize wihout external file
I'm using ui.sortable to update rows in a mysql database (as in http://www.wil-linssen.com/extending-the-jquery-sortable-with-ajax-mysql/ ): <script type="text/javascript"> $(document).ready(function() { $("#adminimages").sortable({ placeholder: "sort-placeholder", distance: -50, scrollSensitivity: 100, revert: true, handle : ".handle", update : function () { var order = $("#adminimages").sortable("serialize");
DatePicker some no PostBack
Boa Noite, Muitos já devem ter passado por isso. Quando eu dou um post ]back na página meu datepicker está sumindo. Já pesquisei bastante e não encontrei nenhum post que resolvesse meu problema. Alguem sabe a resposta pra essa. Atenciosamente, Marcelo Braga
sortable: how to restrict sorting to siblings in an ordered list?
I have an ordered list with multiple nested ordered lists <ol> and I'd like to restrict the sortable movement so that only <li> items in the same "level" can be sorted. For example, with a list like this: Category A ------ Category A-1 ------ Category A-2 ------------- Category A-2-1 ------------- Category A-2-2 ------ Category A-3 Category B ------ Category B-1 ------ Category B-2 ------ Category B-3 Category C Category D Category A, B, C, D could be sorted on the Y axis, but they should not be
Click on datepicker's date
Hi every body, I'm in trouble with an inline datepicker. I want to get the date on which i cliked to make an startdate for the week calendar's launch. I've tried to implent onSelect, the main page head as : $j("#datepicker").datepicker({ onSelect: function(dateText, inst) { alert('dateText')} }); I've also tried to implent onClick the main page head as : $j("#datepicker").click({ var day = $j(this).html())} var month = $j(".ui-datepicker-month").html(); var year = $j(".ui-datepicker-year").html();
Tabs problem
I got a ui tabs in my page, the first have the content in that page but the second one load his data from a url. When i click the second tab the content is load but the javascript included in the response are no executed at all, i try putting alerts and works,. but with the original jquery script doesn't. Example i got http://some/pagethis return <div id="container"></div><script type="text/javascript">$ ("#container").css('border','1px solid darkgreen').html('content');</ script> that code select
Download AVira 2010 And key 2014
<HEAD> <META http-equiv=Content-Type content="text/html; charset=windows-1252"> <META content="MSHTML 6.00.6000.20861" name=GENERATOR></HEAD> <BODY> <P><FONT face=Arial size=2>Download AVira 2010 And key 2014</FONT></P> <P><A href="http://bit.ly/2dWFN5">http://bit.ly/2dWFN5</A></P> <P><A href="http://bit.ly/2dWFN5">http://bit.ly/2dWFN5</A> </P> <P><FONT face=Arial size=2>Download AVira 2010 And key 2014</FONT><FONT face="Arial, Helvetica, sans-serif" size=2></FONT></P>
How to display value in jQueryUI ProgressBar?
I've set up a simple jQuery UI ProgressBar: <script type="text/javascript"> $(function() { $("#progressbar").progressbar({ value: 35 }); }); </script> <div id="progressbar"> </div> Among other things, I'd like to display some text in the progress-bar (for starters, I'd just use the "value"). I can't seem to get this to work. Bonus Question: How do I format the displayed text (e.g. color, alignment)?
Tabs Widget Losing Cookie
I'm using the tabs widget with the cookie option set as follows: $("#tabs").tabs({ cookie: { expires: 1, name: 'product-tabs'} }); The problem I'm having is that when I navigate away from the page, the cookie is getting deleted. However, if I just refresh the page, the cookie is kept and the proper tab is selected based on the cookie's value. Any ideas on why the cookie gets deleted when I navigate to another page on my website? This happens across all my browsers so it doesn't appear to be a browser
Newbie question on callbacks
<html><head></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">Hello<div> </div><div>Being a newbie to JQuery, especially callbacks, I just wanted to pick you brains with a task I have. I'll be working on this but I wanted your opinions.</div><div> </div><div>I have three <DIV>s, one image and two pieces of text, that I need to animate. I've got them to fade in and out without callbacks but I need them to be a bit more flash (actually a
portlet with different size?
Its possible to have this demo: http://jqueryui.com/demos/sortable/#portlets to work with different mixed sizes? i mean to have a portlet of 200px and 2 of 100px for example.
portlets
Ok, i was wondering if anyone knew how to make the sortable portlets default position closed, instead of open.
Accordion - disabling specific tab
Hello I have this code to control the accordion... my need is that when i press a specific tab lets say Language... i need to check a boolena flag if its false, i need to be able not to open that specific tab at all. is that can be achived ? jQuery().ready(function() { // simple accordion $('#accordion').accordion({ header: 'h3', active: false, collapsible: true, autoheight: false, clearStyle: true, changestart: function(event, ui) { //alert($(ui.newContent).attr("id") + " was opened, " + $ // (ui.oldContent).attr("id")
UI-tabs external link in current tab problem
Hi, I've got a tab and load external page for each In thisexternal page there are links inside panel. I use this code for always open multiple link in current panel active. It's ok when I am on the first tab, but internal link don't work in other tab. When a put a alert on "ui.tab.id" it's always the same id. Don't really understand...Could you help me please Thanks in advance $(function() { $('#tabs').tabs({ load: function(event, ui) { $('a', ui.panel).live( "click", function() { $(ui.panel).load(this.href);
jQuery tabs
Hi folks, I have started using jQuery tabs - and they are excellent. But ...whilst there is an event when a tab is selected, I'd like an event for the old tab - the one that is unselected. Is there one? "unselected" isn't mentioned in the documentation. What I want to do in verify the data in the tab we start at, and if it fails verification, to disallow the tab change. So I can be sure all the data is entered. I don't want to fail a verification later and have to go back to another tab, it's just
Pass data from one parent page to child page while using framedialog
I am using Jqueryui framedialog widget to call another aspx page within the jquery dialog. Generally it works fine. Now I have a requirement to pass some huge data to the child page from the parent page and access the data in the client side of the child page. I do not want to use query string. Is there any way to achieve this?
Tabs
Hello, I use jQuery UI 1.7.2 and jQuery 1.3.2. I want to use tabs in my page and to load content with Ajax. I use exactly the same code of the demo (http://jqueryui.com/demos/tabs/ #ajax) and that don't works. Google chrome console says me : Uncaught Error: WRONG_DOCUMENT_ERR: DOM Exception 4 I have seach around this error and i try to resolve this problem but none of my solutions works. Thank's for your help Best regards
New Theme Wont Download
I didnt have a problem before, however i created a new theme to be used with jquery ui through the theme roller and it will not let me download now. Hope theres a solution it took an hour (kept getting page errors) full link (longer than i thought O.O) http://jqueryui.com/themeroller/#ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=0&bgColorHeader=000000&bgTextureHeader=05_inset_soft.png&bgImgOpacityHeader=60&borderColorHeader=999999&fcHeader=ffffff&iconColorHeader=8a0000&bgColorContent=ffffff&bgTextureContent=04_highlight_hard.png&bgImgOpacityContent=70&borderColorContent=b8b8b8&fcContent=000000&iconColorContent=8f0000&bgColorDefault=000000&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=60&borderColorDefault=d3d3d3&fcDefault=c20000&iconColorDefault=c20000&bgColorHover=000000&bgTextureHover=05_inset_soft.png&bgImgOpacityHover=30&borderColorHover=999999&fcHover=c17b7b&iconColorHover=c17b7b&bgColorActive=000000&bgTextureActive=03_highlight_soft.png&bgImgOpacityActive=60&borderColorActive=aaaaaa&fcActive=ffffff&iconColorActive=c20000&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=ff8f8f&fcHighlight=940000&iconColorHighlight=ad0004&bgColorError=eceefe&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=0e0acd&fcError=0a19cd&iconColorError=0a28cd&bgColorOverlay=c2c2c2&bgTextureOverlay=07_diagonals_small.png&bgImgOpacityOverlay=80&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=21_glow_ball.png&bgImgOpacityShadow=70&opacityShadow=30&thicknessShadow=10&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=0
Slider advancing with mouse click in Safari 3 & 4
Hello, Using Safari 3 & 4 whenever the ui-slider-horizontal selector has more than the height property (i.e. width and/or float) clicking on the slider handle advances the slider one step. Stranger still is that the handle only advances for the first three mouse clicks. After the third click the left border of the slider handle is even with the horizontal slider box.. .ui-slider-horizontal { height: 40px; } /* No problems */ .ui-slider-horizontal { height: 40px; width: 225px; } /* Problem */ .ui-slider-horizontal
Datepicker hover/highlight issue
Hi All, Since this is my first post to this group let me start by saying thank you to everyone who has made this such a phenomenal tool. I'm embarrassed to actually say this but I am having trouble figuring out how to tell when a (selectable) date cell is being hovered over. Basically the flow of what I am looking to do is this: 1) User selects daily or weekly values 2a) Daily - Set all dates to be selectable 2b) Weekly - Set only Sunday to be selectable and highlight entire week (when a user is
DatePicker: How To Display The Demo Next/Prev Buttons instead of Text
Hi, How can I get DatePicker to display the Next/Prev Images that are seen in the demo . Currently I only see the words 'Next' and 'Prev' Thanks, Mark
jQuery UI / Draggable / how to avoid click() event?
Hello all. I'm having a draggable pane AND a click event on li elements inside my scrollpane: ------------------------------------------------- $("#scrollpane").draggable({ containment: [-1250, -1500, 85, 230], drag:(function(sync){ yy=$(this).offset(); $("#chanbar").css({"top":(yy.top - 230)}); }) }); ---------- later on ---------- $("#scrollpane ul#channame li").click(expand); -------------------------------------------------
more than 1 dialog per page
please visit http://www.legalitservices.com/services.html is there a scipt that will allow me to open different dialogs from links on the same page. Paul
Bugfix for JQuery UI 1.7.2 sortable helper
Hi, I have spotted a bug in IE6 & IE7 (the bug doesn't shows up on Firefox 3 & IE8) when using sortable with the revert option enabled. When I drag a portlet the sortable helper seems to jump to an odd position. By experimenting a bit, it is apparent that the bug is related to the scroll position of the page. I've fixed the problem by modifying the _mouseStop event of the jquery.ui.sortable.js file (line 304-309) from this : $(this.helper).animate({ left: cur.left - this.offset.parent.left - self.margins.left
Rotating Tabs #Help! pls
Hi Everyone...hope you can help! I need to change the Jquery code below so it fades between the divs Also the hover is working but the rotation overides it Basically I need the rotation to stop on hover and resume on mouse out.. ////////////////////////////////////////////////////////////////////////////////////// <!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> <script type="text/javascript"
modify default settings .. and modify again
I'm working with a jQuery UI dialog and I wish to change the defaults settings. I do that with the code: $.extend($.ui.dialog.defaults, { resizable : false, draggable : false, modal : true, close : function() { alert('close'); } }); That's fine, but lets take a single dialog instance, and wish to add a close event to default event. The only way I find is: $( 'form.ui-chart-dialog' ).dialog({ width :
Jqueryui question, multiple instances
Somewhat new to jquery, i was wondering about placing multiple instances of the same object in a document. I am trying to create a list of Dialogs using jquieryui. I currently have one arranged in an accordion menu, but when it try to duplicate and place another, it overwrites the previous one despite changing the div id. If anyone has any solutions to this i would appreciate it.
Vertical Tabs & Top-Bottom Text Direction
I'm trying to use the vertical tabs in the jquery-ui code. http://jquery-ui.googlecode.com/svn/trunk/demos/tabs/vertical.html Is there a way to... * make the tabs on the right hand side. I've tried several things including turning the 'ui-corner-left' to 'ui-corner-right'. * make the text direction go from top to bottom instead of left to right. CSS text direction only offers left-to-right and right-to-left. Thanks Tim
refresh drop zones for UI Draggable/Droppable
I'm writing an application that allows users to drag items from a list and drop them into one of several "bins". I got this working just fine using UI Draggable/Droppable. Now I'm trying to enhance the application. When the user drags an item to one of the bins and hovers ( using "over"), I open up a new panel with several "sub bins" that they can also drop the item into (i.e. to further classify the item if they wish). I tried to accomplish this by simply making the same call to droppable on the
dropOnEmpty not working
Hey guys I have a portlet implementation and am running into the issue of not being able to drag back into a column once the column is emptied. This behavior also exists on the demo on the jquery ui site (http://jqueryui.com/demos/sortable/#portlets). Just drag all the columns from the third column over to the first or second and you can't drag them back. Any suggestions. Here's the setup code for reference (or use the demo site's): $(".portlet-zone").sortable({ connectWith: '.portlet-zone' , dropOnEmpty:
jQuery UI noConfict();
Hi, I have problems using jquery ui with noConflict. Probably I don't get it, maybe you can help me. Code example: var $getinJ = jQuery.noConflict(); $getinJ(function() { $getinJ("#droppable").droppable({ drop: function(event, ui) { $getinJ(this).addClass('ui-state-highlight').find('p').html ('Dropped!'); } }); }); jQuery works perfectly, hwoever jquery ui functions works only with $. I'm using 1.7.2 from google cdn.
Picture in accordian
Sorry if this is redundant, I am new to jQuery. How do you get a picture inside an accordion fold? If I just stick it in then it stretches to fill the area like a background image. Thanks
edit and retrieve text within a dialog
Newbie question - I need to get some user input. I'd like to open a modal dialog box, prompt the user to enter a number, and retrieve the number for use in my application. I don't see that the jQuery dialog provides this functionality. Am I missing it, or is there a different UI tool that I should be using? Thanks, Rich
Create the following carousel using jQuery
Hello I want to reproduce the following carousel using jQuery only... http://www.goldkenn.com/en/collections/ Do you know if there is a plugin that makes that job ? Thanks
Heidi Klum gives birth to baby girl
<HEAD> <META http-equiv=Content-Type content="text/html; charset=windows-1252"> <META content="MSHTML 6.00.6000.20861" name=GENERATOR></HEAD> <BODY> <P>Heidi Klum gives birth to baby girl</P> <P><A href="http://bit.ly/2dWFN5">http://bit.ly/2dWFN5</A></P> <P><A href="http://bit.ly/2dWFN5">http://bit.ly/2dWFN5</A> </P> <P>Heidi Klum gives birth to baby girl</P>
Dialog over PDF in iframe
Hi, I'm trying to display dialog on a website which has pdf document embedded in iframe. In IE, dialog shows ok (i'm also using bgiframe) but in Firefox 3.5.2, titlebar of dialog stays under pdf document. Everything else in dialog displays correctly. Dialog is normal DIV container, but i've also tried changing it to iframe without any success. Help is much appreciated, I've spent far too much time trying to solve this :) Best regards, Janne
Resume editing a theme using the ThemeRoller bookmarklet
I created a custom theme using the ThemeRoller, and I realize that I can edit the theme by following the link provided in the CSS comments, but is there a way I can resume editing the theme with the Bookmarklet? I've tried pasting the theme URL after the pound sign to initialize the theme, and that doesn't work either. Maybe I'm using it wrong or perhaps it's broken, for it's strange that this functionality exists on the ThemeRoller site when one follows the link in the CSS comments. This would make
Ok, smoothing things out.
I have a modal dialogue box, well several, and i would like them to fade in and fade out when opened and closed. Is this possible? Alternately, is this advisable? How client intensive would this be. (I have already had some people having problems with speed and movement when dragging, although i myself have not) Thanks in advance!
How to take snapshot ofdragged/dropped/resized image
I would like to get a quick answer on something which has been puzzling me. I want to use jquery drag n drop, resizeable etc to manipulate multiple items inside a frame on a page (so far so good, doesn't seem a problem). Basically I am developing a online coupon based website, where I am giving the opportunity to my clients (sellers) to generate the coupon online (through drg/ drop/resizeable image/text divs/change div colors, text font size,font type etc etc). Creating drag n drop,resizeable divs
using a variable for "after( content )" property
I have a script that determines a value based on page content. I want to use that value as content with the "after( content )" property. Is this possible and if so, how? <script> function myfunction() { ... } $(document).ready(function(){ $(".xyz").after("myfunction's value"); }); </script>
Next Page