Display content of all tabs
Is there a way to have a mouseover of 1 tab display the content for all tabs?
UI.Droppable bug in Firefox 3
Hi, I've noticed a strange bug since I upgraded to Firefox 3. The "drop" method gets called many times when an object is dropped. That number of times varies randomly and goes up to 15 times so far in my tests. $('div.test').droppable({ drop: function(ev, ui) { // This gets called multiple times when the object is dropped!!!! } .... }); It was working perfectly under FF2, also works fine under Safari and IE 7. Is anyone experiencing similar issues? Thanks a lot, Julien
** SEXY GIRLS HOT SEXY PICTURES AND NUDE VIDEO'S **
** SEXY GIRLS HOT SEXY PICTURES AND NUDE VIDEO'S ** ** HoT Sexy ** Girls ** SEXY Aunties Video's ** *sex* girls Hot SExy vidoe's ** More Aunties New Videos and Gallaries ** ******************************************** www.freewebs.com/mp3-information ********************************************
Text not displaying in a dialog
I'm encountering a strange problem with dialogs. Where any text put in the <div> simply doesn't appear when the dialog is opened. The code below suffices for illustrating the problem. Code: $('#confirm-delete').dialog({ modal: true, close: function() { $('#confirm-delete').dialog('destroy'); }, buttons: { 'Yes': function(event) { $(this).dialog('close'); return false; }, 'No': function(event) { $(this).dialog('close'); return false; } } }); HTML: <div class="flora" id="confirm-delete" title="Confirm
Tabs: how to choose where to insert (in DOM) the ajaxly requested ui-tabs-panel
Hi! Hi Klaus! :D As many of you may know, it is possible to have some content between your tabs (tabs-nav) and your panels (tab-panel). That content between them can be seen as content "shared" across every tab. Example: <div style="margin-left: 40px;">[tabs-nav] [tab 1] [tab 2] [tab 3] [/tabs-nav] <b>[ some HTML ]</b> [tab-panel 1] [tab-panel 2] [tab-panel 3] </div> If you switch between tabs, the [ some HTML ] remains there, above each [tab-panel], creating the "effect" of being on
jQuery Cycle Plugin Pager mode
Does anyone know how I can change the links to text links rather than continuous numbers? I'm new to all of this and can't seem to find it anywhere? http://www.malsup.com/jquery/cycle/int2.html
jQuery Tabs 3
I'm using jQuery Tabs 3 and I must say it's great. I'm currently trying to adapt it a little though and for that I don't want to have tabs! Instead I'd like to use text links to trigger the fade action between divs. I'm not hugely technically minded so it's always a bit of copy-paste until I have it - unfortunately in this case I don't. Is there any way to control the action from a text link rather than from within the <ul> tag? Any help would be very much appreciated.
Bug in dialogs
If I do this : $('#window1').dialog('open'); $('#window1').dialog('open'); $('#window1').dialog('close'); The window goes away but leaves the overlay intact. I have tried this in Firefox 2. Am I not supposed to open the window twice? If not, is there a way to know if the window is already open? Regards, Moazzam
Accordion Navigation Option
I am trying to use the Accordion navigation option, but am running into a couple of problems. I see why the navigation demo uses a mouseover: clicking the link updates the URL, but not if the accordion catches the click event first. To work around this I set the accordion event to 'mouseup', so when you click on a header the 'mouseup' event activates the accordion, and the 'click' event updates the URL. This works fairly well, but the animations are not smooth at all, because the page reloads halfway
Datepicker not working in Wordpress administration
Hello, I am trying to include UI datepicker in a plugin of mine. Datepicker behaves in a weird way; when the selected div is clicked, it opens a calendar, but there is no css styling applied, and after expanding it shrinks to its minimum width (that is, minimum for the date numbers to fit in). I tried to apply some css styling, but it was to no avail: datepicker expands, conforms to my styling, and then shrinks to the minumum size. This my php/html code: function test_js() { $jquery_UI_datepicker_path
Sortables - disable placement on a certain side of a sortable?
I have a list of horizontal sortable objects, and some objects contain siblings which are not sortable, but hide when it's parent is being sorted, and reappear when it's done sorting. The problem is that the parent sortable object can have another sortable object placed to either the left or right of it, but since it has siblings (in this case all to the right of the parent) it messes up the order of things. So my question: is there a way to say "this item can't have something placed to its right,
sortable.serialize options
Hi, I have a list : <ol id="order"> <li id="item_1" class="sortable">first</li> <li id="item_2" class="sortable">second </li> </ol> If I understood well the doc : serial = $jq('#order').sortable('serialize', { key: 'order'}); alert(serial); should display order[]=1&order[]=2 but its displays : item[]=order&item[]=order Is that a bug or I missunderstood the doc? thanks This is working : serial = $jq('#order').sortable(); alert(serial); <ol id="order"> <li id="order_1" class="sortable">first</li> <li
New version of sortable has disabled all my toolbar controls!
Hi Guys Since I upgraded from ui version 1.5b to version 1.5, my sortable divs have done something to disable my toolbar. The sortable is draggable by a header div handle which also contains toolbar icons and a link to expand the panel. I now can't click any of the toolbar icons because it engages the draggable action!. How can I solve this? Cheers Dannster
widgets and externally callable functions not getting called.
Hi there, whilst looking at ui.tabs I noticed that one can externall call several functions such as add, remove, enable, disable, etc. as seen at http://docs.jquery.com/UI/Tabs Now, I'm writing a widget named bTags yet I'm having some troubles with it. The widget itself works fine (viz. all internal calls do what they need to do), and is inited in the regular jQuery manner: $('#tags').bTags({ msgNoTags : 'Add tags via the input below and press enter or comma' }); When then later calling the
out of memory firebug error - firefox 3
Hello all, I am using the following function to show/hide content on page load but every now and again it stops working with an out of memory error, if I refresh the page it fixes it but it will happen again after 5 to 10 clicks on the image to toggle the state, any ideas on what I have done wrong? I am using the cookies plugin for remembering the state as well as UI effects for animation on changing the state. I am calling the function using $("div.leftBoxContainer").collapse( {animation:"highlight"
ui/dialog box has a funny display
I have a user clicking on a link to display data from a mysql db. The click works, and the database stuff is shown. Problem is the data is show in the table with zebra striping (ok), but the titlebar, the X, and my two buttons are not "enclosed" in the window - it looks very odd. In other words, I'd like to have my entire window framed by a border, instead of how it looks now - can anyone figure out what I'm doing wrong? Here is how the user selects my dialog: <td> # PVI </td> In my js file, this
Accordion Button Image Replacement
I was wondering how I might change the first list items background image once the second is selected and then default back to the first list items background image once it's selected again. This may be easy however I'm new with JQuery. Any help would be greatly appreciated. Thank you. http://knoxstudio.com/grainger/mem_cen/
How to retrieve cached urls?
Hello, I'm trying to figure out how to retrieve the urls that are initially coded for the ajax-ed tabs. I want to reload and change the url for a particular tab dynamically and need the initial url values. Not sure how to grab it out of the stored data, little help? Thanks
Tabs UI Layout
I'm using the tabs on this site: www.wolfpackwire.com. The tabs are listed below certain sections to separate the "posts" and the "comments." My question is, when I load the site, the tabs always seem to display in a vertical fashion until the entire page is finished loading, then it switches to the inline view (which is the desired look). Does anyone know how I can get the tabs to display inline sooner and avoid the vertical display altogether? Thanks.
Form fields not coming through from Dialog
I have a dialog that is embedded in my <form> as a <div>. The user pops up the form and can enter a date and choose an option from a dropdown. When they hit continue on the popup, it submits. But after submitting the form, none of the fields in this div are available on the Request. I have confirmed that when I disable any jQuery calls and just let the <div> be visible on the form that the data is then available in the Request after submit. What is the dialog code doing to destroy the data on these
dragged element in sortable disappears
I have two sortables (<ul>) in separate tables. When I try to drag an <li> element from one of them to the other, the dragged element disappears. The structure looks something like this : <table> <tr> <td> <ul id='sort1'> <li>item1</li> </ul> </td> </tr> </table> <table> <tr> <td> <ul id='sort3'> <li>item3</li> </ul> </td> </tr> </table> This is how I am initializing both of them : $('ul.qrow_group').sortable({ connectWith : ['.qrow_group'], tolerance : 'pointer', items
JQuery sortable & click event are mutually exclusive
I am using JQuery's version 1.2.3 and JQuery UI version 1.5b. If i make a list sortable then click event against that list or any of its descendant elements don't fire. This problem is with news ui.sortable.js. If i replace new sortable js file with the old one, lets say from version 1.0 or something, then click event gets fired. Given below is the sample code manifesting the problem. <ul id="test"> <li>A</li> <li>B</li> <li>C</li> </ul> $("#test").sortable({}); $("#test > li").click(function() {
JQuery: selector problem in Firefox
Hi, I have form like following: [code]<form id="form1"> <div id="one"> <input id="input1" type="text" /> <input id="input2" type="text" /> </div> <div id="two"> <table> <tr><td> <input id="input3" type="text" /> <input id="input4" type="text" /> </td></tr> </table> </div> </form>[/code] and JS code: [code]$('#two > *').attr('disabled', 'disabled');[/code] and it's not disabling the inputs 3 and 4 in FF, but it works perfect in IE. What am I doing wrong? Thanks in advance rgds Pawel
$.ui.widget and scoping: how to get a reference to the widget instance from within a click event handler?
Good evening y'all (Europe here ;)), been fiddling around in jQuery.UI this afternoon in order to write a widget. One problem I encountered and couldn't get properly solved was with referring to the instance of the widget from within a click event. I've set up a demoscript over at http://www.bram.us/sandbox/jquery/ui/widget.html Just click the li's and watch your Firebug console ;) One path I've walked in order to get it work is to attach this (the instance of the widget) via $.data on each li. However,
Resize proportionally
I would like to know how I could resize two divs proportionally to each other. I have the resize UI plugin working to resize the top div, but I would like the bottom div to resize as well, depending on the resizing of the top div. (Similar to how many mail programs manage the list of mail, and viewing the mail below that). I used: $("#resizebleImage").resizable({ handles: "s", proxy: "proxy" }); Now, I know there is a UI option called proportionallyResize, but I can find no info or help about this.
Book story with draggable objects
All, It's my first time writing on this group so I hope to receive your comments and feedback about a solution I need to implement: I need to create a customizable story book. In the middle of the page I have a DIV that represents the book page. On the right side I have some characters, accessories and so on. I want to drag'n'drop the elements into the book page and then get the coordinates of each object dropped into this div since then I want to save these coordinates for printing the book. I also
Hiding dialog Title
How can I hide the title to the dialog? I have mine formatted nicely, but the requirement here is that it should have the same look and feel as a version that was written in the asp years ago. My dialog is very simple, it just hangs off the link that activates it and that link kinda acts as the title. So I don't need the title or the little 'X' that you can use to close it.
Portlets with Jquery UI
Hi, I would like to make something like this: http://interface.eyecon.ro/demos/sort.html with jquery-ui. That example uses the old jquery interface plugin. So i need the ui.sortable.js alternative for this code: $('div.groupWrapper').Sortable( { accept: 'groupItem', helperclass: 'sortHelper', activeclass : 'sortableactive', hoverclass : 'sortablehover', handle: 'div.itemHeader', tolerance: 'pointer', } ); I have found these alternatives:
JQ version of a SplitView?
Hello, I have been playing with the resizable function and just cannot get this to work. I want a top pane and a bottom pane. If you are a Mac user, it would behave similar to Mail. The top would NOT be resizable, but would need to have a minHeight of 100px The bottom would need to be resizable with a 'n' handle. If the bottom pane gets too short, then the contents would need to have a overflow:auto It sounds simple, but I have been unable to achieve this effect. I must be over-thinking it? Can anyone
BIGGEST EARNINGS CREATE THIS WEB SITE
BIGGEST EARNINGS CREATE THIS WEB SITE YOU WILL EARN 1000$ SURELY ALL OVER WORLD You are copy and paste this link to browser http://www.startsmallbusiness.page.tl/
Accordion - easing not available
I'm using a jquery UI version made with the download builder with core, tabs, accordion, effects core and effects bounce But i'm not able to use accordion's easing animation options, on FF2 I get this : jQuery.easing[this.options.easing || (jQuery.easing.swing ? "swing" : "linear")] is not a function http://www.logedesgardes.com/cms_inc/js/jquery-1.2.6.min.js Line 32 I read the easing plugin was moved in the JQuery Core : it seems to respond to JQuery.easing call but there's a compatibilty problem
How to disable use of proxy in jQuery UI sortables
How to disable use of proxy in jQuery UI sortables functionality? I am sorting three DIV elements that contains iFrames inside it. While Dragging is started, for some time I am not able to view content inside that iFrame which is being dragged as it is a proxy element for the original one. So, Is there any alternative for this? How to use our own proxy element instead of default one?
Story book with draggable objects
I need to create a customizable story book. In the middle of the page I have a DIV that represents the book page. On the right side I have some characters, accessories and so on. I want to drag'n'drop the elements into the book page and then get the coordinates of each object dropped into this div since then I want to save these coordinates for printing the book. I also want if the user drag'n'drop the character outside the div move it to the original place. Do you know of something similar to what
Tabs css not working
I've just started using jquery ui and I'm trying to use tabs. The javascript seems fine but the stylesheets from the themebuilder don't seem to work. The code in my html page is : <code> <script src="jquery-1.2.6.min.js"></script> <script type="text/javascript" src="jquery-ui- personalized-1.5.min.js"></script> <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/themes/ flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)"> <link rel="alternate stylesheet" href="/test/themes/cupertino/jquery-
tabs : action over element in tab ajax content
Hello, I have 3 tabs that are linked to ajax content Each of this ajax content contains simple div block with id block1 or block2, block3 At first, page load this short script : $("*").click(function() { alert('class : '+$(this).attr('class')+' id : '+$(this).attr('id')); }); Page generate correctrly Tabs generates correctly tab 1 is by default selected. So I click over the div with id="block1" ... I never see with alert the id : block1 the first id i see when i clic over the div ="block1" is
sortable issue with google gadgets
--- if you know what google gadgets are, you can skip this part of my message --- Google lets you add its iGoogle gadgets to your webpage. To do that you have to add a script tag to your html. If you go to http://www.google.com/ig/directory?synd=open you can choose one of the available gadgets on their directory. For example, I chose this one: http://gmodules.com/ig/creator?synd=open&url=http%3A//www.google.com/ig/modules/datetime.xml&pt=%26context%3Db%26synd%3Dopen%26lang%3Den%26.lang%3Den%26country%3Dus%26.country%3Dus%26cat%3Dall%26num%3D24%26start%3D0%26cols%3D4%26objs%3DOVJ%2CFoc%2CUQJ%2C6aZ%2CXtm%2C33G%2Cjyq%2CpV%2CRB%2COUg%2Cw%2Cc17%2CgP1%2CFrT%2COC%2CpFi%2C7Wu%2Cs%2Cevi%2CUvgp%2CWXnd%2CbZ3%2CUAc%2CAgg&sn=w&lang=en
Draggables ... newbie question!
It does the job (dragging the image!) on this page > http://www.mariaberkhout.nl/txp/handschoenen … :) It should be possible (?) to tweak the code so that you can’t drag the left side of the image into the window … or the upper side! I know nothing about this kind of stuff but love the things you can do with jQuery ... so, is there somebody who could give it a run ... :)
slider doesn't update on click, only drag
Hi, I'm playing with the slider: http://docs.jquery.com/UI/Slider I set the callback to fill in the value of the sliderVal div: $(document).ready(function(){ $("#mySlider").slider( { min: 1, max: 720, steps: 720, slide:function(e, ui){document.getElementById("sliderVal").innerHTML = $("#mySlider").slider("value") | 0 } } ); }); .... <div id='mySlider' class='ui-slider-1' style="margin:10px;"> <div class='ui-slider-handle'></div> </div> <div id='sliderVal'>sliderVal</div> But this only get's updated
Tips to Go Green...
Yo, if you really want to know some great ways to go green it takes a bit of research. (well it did for me) Then, I found this article on squidoo: http://www.squidoo.com/agreenlife . Wish I had found it before...
Sortables and revert
I would like to be able to validate if the move is "ok:ed" or not (by the user), and revert if it isn't. Currently i'm using the stop event to be able to know where the user dropped the element. Any ideas?
Next Page