[jquery-ui] Re: Move only frame instead of dialog window.. ?
I even think that this case probably should be filed as FF bug. On Oct 26, 7:28 pm, Tobias Herrmann wrote: > Hi, > > I can confirm that resizing or moving a ui-dialog with a lot of content > leads to problems. I my case I have an iframe inside my dialog > containing some real nice table layout and moving or resizing the dialog > is not usable. > It would be nice to have an option to hide the content while moving or > resizing. > > Greetings, T > > jayarjo schrieb: > > > I though I wrote it, but it looks like I thought that I did. Other > > browsers, including IE6 render a movement much better, well, it still > > is not smooth enough, but at least content keeps it's boundaries. > > Again try to load the same Dialog UI in IE6, or IE7, or Opera, or > > Chrome, or Safari and you should see what I mean. -- You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery...@googlegroups.com. To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.
[jquery-ui] Re: Help with hide / show specific rows in independent tables
i think I solved my own problem... it seems to work? Please let me
know if anyone thinks this is not a good or stable way to do this...
thanks
JQuery:
$(document).ready(function() {
//expand the next table after the current div.tblContols
$('span.tblControls > a.expand').click(function() {
$(this).parent().next('table').find('tr:gt(1)').show();
});
//collapse the next table after the current div.tblContols
$('span.tblControls > a.collapse').click(function() {
$(this).parent().next('table').find('tr:gt(1)').hide();
});
});
New HTML:
Table Header 01
Collapse | Expand
Result
Points
Sales
202.32
PCT Of Goal
158.87 %
Goal
1.62
whatever
2.57
Points
2674.75
Table Header 02
Collapse | Expand
Result
Points
Sales
202.32
PCT Of Goal
158.87 %
Goal
1.62
whatever
2.57
Points
2674.75
Table Header 03
Collapse | Expand
Result
Points
Sales
202.32
PCT Of Goal
158.87 %
Goal
1.62
whatever
2.57
Points
2674.75
--
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
[jquery-ui] How to correctly style a just added tab?
What is the correct way to apply a style to the tab I just added? I
have all of my tabs using the tabTemplate of #
{label} and that works nicely.. CSS Styles those to float
left, but on occasion one of the tabs will need to float right..
Given this;
$('.selector').tabs('add', '#1234', 'New Tab 1', 0);
$('.selector').tabs('add', '#5678', 'New Tab 2', 1);
$('.selector').tabs('add', '#90AB', 'New Tab 3', 2);
If I want to make 0 float right (but only sometimes depending on the
tab definition) whats the best way to apply the style?
I realize I could simply change the tabTemplate prior to creation of
those that are floated right, but that' can't be the best way..
Thanks.
--
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
[jquery-ui] Re: Can't download theme roller css
I am having the same issue in Firefox 3.5 -- You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery...@googlegroups.com. To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.
[jquery-ui] Re: Can't download theme roller css
I'm having the same issue. I've tried in Safari 4 & Firefox 3 under OS X and Firefox 3 & IE8 under Windows. I'm guessing it's an issue with ThemeRoller. I either get the default css theme or no theme folder at all. On Oct 28, 10:05 am, Aikeru wrote: > I've tried with IE 8 and the latest Chrome and can't get any custom > themes to download. I understand many others have the same issue! > > Please fix this bug asap!! :( -- You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery...@googlegroups.com. To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.
[jquery-ui] Re: Theme roller download
Yes this use to work a few days ago, I am working on a calendaring application that uses jquery themes heavily. One of our main focuses is that our users can customize the look and feel of their calendar with ease using the theme roller. It is absolutely essential for custom themes to be created and downloaded. When there is any customization in the theme roller, the download becomes incomplete and no css directory exists. When can this be fixed? On Oct 28, 4:15 am, phpfaber wrote: > you can use any premade theme's URL and generate package and it will > work.. > and just try to change something in that url (say font from 1.1 to > 1.0) and roller will not generate css for you... just a bit change > broke that.. :( > > We are waiting on updates Ui team! but there is no time to wait.. :( -- You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery...@googlegroups.com. To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.
[jquery-ui] Datepicker problem
I am having a problem implementing the datepicker on my website. When the input field is clicked, the calendar appears as it should. But if the input field is clicked again, a drop-down menu of dates appears over the calendar. The dates are the same every time, but otherwise they have no significance to me. Why is this drop-down menu appearing? Please find an example of this behavior on the page below. It is simply the index page that is downloaded with the jquery-ui download. http://freewaygourmet.com/order/index.html I appreciate any help I can get. Thanks! -- You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery...@googlegroups.com. To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.
[jquery-ui] Help with hide / show specific rows in independent tables
Hello, i am new(ish) to using jquery... I am trying to hide / show
specific rows within independent sets of tables. I can get it to hide
and show the tables seperately and i can get rows in the first table
to hide correctly, however when i hide the rows I want it hides the
rest of the tables on the page and no longer works independently. I'm
not sure what the best way to accomplish this is. I am trying to have
the header row and the first row display at all times. I'm not
sure if i am over complicating the html markup on top of the incorrect
jquery. Please see below. Thanks in advance if anyone can take a look.
Jquery (the header and first row work, however it hides all of the
other tables):
$(document).ready(function() {
//expand the next table after the current div.tblContols
$('a.expand').click(function() {
$(this).parent('div').next('table.dataTable tr:gt(1)').show();
});
//collapse the next table after the current div.tblContols
$('a.collapse').click(function() {
$(this).parent('div').next('table.dataTable tr:gt(1)').hide();
});
});
Html:
Table Header 01
Collapse
| Expand
Result
Points
Sales
202.32
PCT Of Goal
158.87 %
Goal
1.62
whatever
2.57
Points
2674.75
Table Header 02
Collapse
| Expand
Result
Points
Sales
202.32
PCT Of Goal
158.87 %
Goal
1.62
whatever
2.57
Points
2674.75
Table Header 03
Collapse
| Expand
Result
Points
Sales
202.32
PCT Of Goal
158.87 %
Goal
1.62
whatever
2.57
Points
2674.75
basic styles:
table {
margin-bottom: 55px;
}
tr.even {
background-color: #fff;
}
tr.odd {
background-color: #eee;
}
.tblControls {
text-align: right;
padding-bottom: 10px;
}
h4 {
padding: 0px 0px;
}
--
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
[jquery-ui] DIALOG on IE8
I've got a dialog with button that works in Firefox 1 and 3.5, Chrome,
and Safari.
Unfortunately, I can't get it working in IE8 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.
<%@ Page Title="" Language="VB" MasterPageFile="~/Views/Shared/
Site.Master" Inherits="System.Web.Mvc.ViewPage" %>
Protected Sub Page_Load(ByVal sender As Object, ByVal e As
System.EventArgs)
End Sub
Sinistro
$.ui.dialog.defaults.bgiframe = true;
$.ui.dialog.defaults.autoOpen = false;
$(function() {
$('#Chamadas').dialog({ buttons: { "Ok": function() { $
(this).dialog("close"); } } });});
function botao_onclick() {
$('#Chamadas').dialog('open')
}
.style6
{
width: 119px;
text-align: left;
}
Sinistro
Seguradora
Assistencia 24 horas
Allianz Seguros
4331-6900
0800-722-2163
Azul Seguros
4004-3700
3366-2985
0800-703-0203
Bradesco Seguros
4004-2757
0800-701-2757
Chubb do Brasil
0800-055-9091
Generali Seguros
0800-0707-0211
H.D.I
0800-701-5430
Itau Seguros
4004-
0800-727-
Liberty Seguros
4004-5423
0800-701-4120
Mapfre Seguros
4002-1000
0800-775-9000
Maritima Seguros
0800-164-949
Porto Seguro
4004-76786
3337-6786
0800-727-0800
Sul América Seguros
4004-4100
0800-727-4100
Unibanco Seguros
0800-014-9080
Tokio Marine
0800-707-5050
Zurich Minas Brasil
0800-729-1400
Em qualquer acidente a seguradora deverá ser notificada atraves do
aviso de sinistro.
Não se esqueça de avisar seu corretor de seguros também.
Colisão:
Se necessário, chame a assistencia 24 horas.
Roubo:
É necessário fazer o Boletim de Ocorrencia (BO)
imediatamente.
--
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com.
For more options, v
[jquery-ui] Accordion widget: navigation option problem
Hi,
I try to use jQuery UI accordion with the navigation option but I
can't make it work and I don't found much documentation...
Source jQuery UI documentation: "If set, looks for the anchor that
matches location.href and activates it. Great for href-based state-
saving. Use navigationFilter to implement your own matcher."
Section 1
Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam.
Integer
ut neque. Vivamus nisi metus, molestie vel, gravida in,
condimentum sit
amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin
viverra
leo ut
odio. Curabitur malesuada. Vestibulum a velit eu ante
scelerisque
vulputate.
Section 2
Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum
sit
amet
purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris
turpis
porttitor
velit, faucibus interdum tellus libero ac justo. Vivamus non
quam.
In
suscipit faucibus urna.
Javascript code:
$(function() {
$("#accordion").accordion({
navigation: true
});
});
With the "#first" anchor, I want the first element became activated.
I've tested different solutions such as:
Section 1
Mauris mauris ante, blandit et, ultrices a, suscipit eget,
quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in,
condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi.
Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu
ante scelerisque vulputate.
Section 2
Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum
sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris
turpis porttitor velit, faucibus interdum tellus libero ac justo.
Vivamus non quam. In suscipit faucibus urna.
But nothing works...
So, I've found a temporary ugly solution for activating the element:
- with navigation option, ui-accordion.js added an "ui-accordion-
content-active" class ;
- with this CSS class I founded the tabindex element and activated it:
var index = $("#accordion").find(".ui-accordion-content-active").parent
('h3').attr('tabindex');
$("#accordion").accordion('activate', Math.abs(parseInt(index)));
I found this very ugly... So if I do something wrong or if you got a
better solution, it would be nice ;-)
Thanks
--
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
[jquery-ui] Re: Can't download theme roller css
I've also been trying to download a custom theme all day today... I was able to download one last week, but nothing has worked today On Oct 28, 10:05 am, Aikeru wrote: > I've tried with IE 8 and the latest Chrome and can't get any custom > themes to download. I understand many others have the same issue! > > Please fix this bug asap!! :( -- You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery...@googlegroups.com. To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.
[jquery-ui] Re: jquery ui show/hide toggle effect breaking form
I think you might be missing a parameter just looking at how I had
used blind
try this
$("#effect").toggle("blind", {},500);
Mean Mike
On Oct 28, 4:52 pm, strawflower wrote:
> Update: still broke, but I discovered that removing effect args from
> the call to 'toggle' - ie, using toggle alone - fixes the form.
>
> That is, replacing:
>
> $("#effect").toggle('blind',500)
>
> with simply
>
> $("#effect").toggle();
>
> Thing is, I want the JQUI 'blind' effect. Any suggestions for a
> solution would be much appreciated.
>
> Thanks,
> EV
>
> On Oct 28, 2:29 pm, strawflower wrote:
>
> > A jquery UI effect to toggle show/hide a column of checkbox input
> > fields is breaking my form: the checkbox args aren't being sent when
> > the form is in place.
>
> > Removing the id for the 'effect' div fixes the form - and breaks the
> > show/hide effect, of course. Can anyone offer any advice?
>
> > Here's the script:
>
> >
> > CHECK BOX MENU
>
> >
> > checkbox 1
> > checkbox 2
> > checkbox 3
> > checkbox 4
> > checkbox 5
>
> >
>
> >
>
> > $(document).ready(function() {
>
> > $("#menutitle").click(function() {
> > $("#effect").toggle('blind',500);
> > return false;
> > });
>
> > $("#effect").hide();
>
> > });
>
> > Thanks for taking a look.
>
> > -ES
--
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
[jquery-ui] Re: jquery ui show/hide toggle effect breaking form
Update: still broke, but I discovered that removing effect args from
the call to 'toggle' - ie, using toggle alone - fixes the form.
That is, replacing:
$("#effect").toggle('blind',500)
with simply
$("#effect").toggle();
Thing is, I want the JQUI 'blind' effect. Any suggestions for a
solution would be much appreciated.
Thanks,
EV
On Oct 28, 2:29 pm, strawflower wrote:
> A jquery UI effect to toggle show/hide a column of checkbox input
> fields is breaking my form: the checkbox args aren't being sent when
> the form is in place.
>
> Removing the id for the 'effect' div fixes the form - and breaks the
> show/hide effect, of course. Can anyone offer any advice?
>
> Here's the script:
>
>
> CHECK BOX MENU
>
>
> checkbox 1
> checkbox 2
> checkbox 3
> checkbox 4
> checkbox 5
>
>
>
>
>
> $(document).ready(function() {
>
> $("#menutitle").click(function() {
> $("#effect").toggle('blind',500);
> return false;
> });
>
> $("#effect").hide();
>
> });
>
> Thanks for taking a look.
>
> -ES
--
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
[jquery-ui] Re: Sortable - Nested lists problem
ohh and I used this too !
http://www.b-hind.eu/jquery/
hope this helps you
On Oct 28, 2:01 pm, Mean Mike wrote:
> I'm having a hard time following the problem but this is what I used
> for my treehttp://www.botsko.net/blog/2009/01/jquery_serialize_list_plugin/
>
> I had to modify it a bit for my needs but I it may help you
>
> Mike
>
> On Oct 28, 1:49 pm, Cyril Lopez wrote:
>
> > Hi,
> > I'm using sortable() function in order to arrange nested lists.
>
> > My html :
>
> >
> > Item 1
> >
> > Item 2
> >
> >
> > Item 3
> >
> > Item 4
> >
> >
> >
>
> > My js :
>
> > $('.parents').sortable(
> > {
> > items: '>li',
> > handle: 'span.anchor',
> > connectWith: '.parents',
> > dropOnEmpty:true,
> > helper:'clone',
> > placeholder: 'holder',
> > delay:0,
> > opacity: 0.4,
> > forcePlaceholderSize:true,
> > update: function(event, ui) {
> > $.post('myUrl.html',$(this).
> > sortable('serialize',{ key: 'positions[]' }));
> > }
> > }
> > );
>
> > - When I drag child_4 to parent_0 I have 2 serialized posts, great.
> > - When I drag child_2 to parent_2 I have 3 serialized post, the root ul, and
> > the two others ul which receives or removes elements.
> > - The problem : when I drag child_1 to parent_2 (as child_4 sibling) I have
> > only 1 serialized post, the root ul. But I want parent_2 serialization too !
>
> > After hours on Google search I found several plugins like :
> > -http://www.b-hind.eu/jquery/index.php
> > -http://code.google.com/p/nestedsortables/wiki/NestedSortableDocumenta...
> > -http://code.google.com/p/nestedsortables/
>
> > Does it means my need is impossible with UI sortable/serialize functions ?
>
> > Thanks for any help
>
> > --
> > Cyril, Nethik
--
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
Re: [jquery-ui] Re: Sortable bug in IE? Any solution
2009/10/20 Tobias Herrmann > > Hi, > > in your example a sub element is also part of a parent. So in IE sorting > a sub element also causes the parent to be sorted. You can avoid this > problem by defining a handle at least on the parent list. You may put > text and link of the parent li into a span and use the option 'handle': > '> span'. > > Greetings, T > Thanks for your response Tobias. Maybe it works with ul>li but not for me. My html : Move Img Move container My handle is '.movTool' and the drag action messes up in IE. Thanks for any help -- Cyril, Nethik > > Cyril Lopez schrieb: > > 2009/10/19 Blunk mailto:djbl...@gmail.com>> > > > > > > Hi everyone, im need some help here with IE compatibility. > > I have a small script that uses sortable jquery ui to sort two > > different UL. > > It works perfectly on Firefox/Safari/Chrome but on IE when you move a > > sub li the "animation" messes up. > > If anyone could take a look at it and tell me if there is any > > solution. > > > > The demo is here: http://blunk.com.ar/dev/sort/ > > Add a Parent with the link, then two or more Subs and try to sort > > those. > > > > Thanks > > > > > > I was about to post this issue. I have exactly the same problem on IE > > 7/8 (6?). > > If anyone knows how to fix it... > > > > Cyril, Nethik > > > > > > > > > --~--~-~--~~~---~--~~ > You received this message because you are subscribed to the Google Groups > "jQuery UI" group. > To post to this group, send email to jquery-ui@googlegroups.com > To unsubscribe from this group, send email to > jquery-ui+unsubscr...@googlegroups.com > For more options, visit this group at > http://groups.google.com/group/jquery-ui?hl=en > -~--~~~~--~~--~--~--- > > -- You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery...@googlegroups.com. To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.
[jquery-ui] jquery ui show/hide toggle effect breaking form
A jquery UI effect to toggle show/hide a column of checkbox input
fields is breaking my form: the checkbox args aren't being sent when
the form is in place.
Removing the id for the 'effect' div fixes the form - and breaks the
show/hide effect, of course. Can anyone offer any advice?
Here's the script:
CHECK BOX MENU
checkbox 1
checkbox 2
checkbox 3
checkbox 4
checkbox 5
$(document).ready(function() {
$("#menutitle").click(function() {
$("#effect").toggle('blind',500);
return false;
});
$("#effect").hide();
});
Thanks for taking a look.
-ES
--
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
[jquery-ui] Can't download theme roller css
I've tried with IE 8 and the latest Chrome and can't get any custom themes to download. I understand many others have the same issue! Please fix this bug asap!! :( -- You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery...@googlegroups.com. To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.
[jquery-ui] Sortable and Selectable
Hi All, Have tried to find an example of this, and played around a bit but got no where. I want to have 2 sortable lists (just like in the demo http://jqueryui.com/demos/sortable/#connect-lists) However I also want to be able to select multiple items and then drag them all from one list to another (and still have them sortable). has anyone got any idea how to do it, it feels a bit like the holy grail as a lot of people are looking for it. -- You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery...@googlegroups.com. To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.
[jquery-ui] Dialogs and ajax reloading results in duplicate dialogs
Hello
I encountered a bit of weird behaviour with the ui.dialog element. I
tried to report it to trac but the page gave me an internal error, so
this was the next best place that I found.
Here is the scenario:
I have a dialog that I want to init only when the dialog is needed to
be opened.
So I init it when Its opened and destroy it when it's closed.
destroy methods definition is: "Remove the dialog functionality
completely. This will return the element back to its pre-init state."
However this dialog is inside an element that is reloaded with ajax.
After an reload, the init call opens the same dialog twice, and after
the next reload three times and so on.
I can fix this by using jquerys .eq(0) method for the selected
elements before .dialog() call or by moving the dialog content div
outside the element that gets reloaded.
To me this seems to conflict with the destroy method's definition?
Here is the reduced code for this case, so you can try it out:
bugtest.html file contents:
reload
create dialog
test
and bugtest.js file contents:
var test = {
// Inits a dialog.
dia : function() {
var dialog = $('.test-dialog');
var buttons = {};
// Define buttons.
buttons['destroy'] = function() {
$(this).dialog('destroy');
};
return dialog.dialog({
bgiframe: true,
autoOpen: false,
height: 200,
width: 300,
resizable: false,
modal: true,
buttons: buttons
}).dialog('open');
},
// Simulates an ajax call replacing the containers contents.
reload: function() {
var html = 'reloaded
create dialog button' +
'' +
'test duplicate';
$('.container').html(html);
}
}
--
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
[jquery-ui] Re: Sortable - Nested lists problem
I'm having a hard time following the problem but this is what I used
for my tree
http://www.botsko.net/blog/2009/01/jquery_serialize_list_plugin/
I had to modify it a bit for my needs but I it may help you
Mike
On Oct 28, 1:49 pm, Cyril Lopez wrote:
> Hi,
> I'm using sortable() function in order to arrange nested lists.
>
> My html :
>
>
> Item 1
>
> Item 2
>
>
> Item 3
>
> Item 4
>
>
>
>
> My js :
>
> $('.parents').sortable(
> {
> items: '>li',
> handle: 'span.anchor',
> connectWith: '.parents',
> dropOnEmpty:true,
> helper:'clone',
> placeholder: 'holder',
> delay:0,
> opacity: 0.4,
> forcePlaceholderSize:true,
> update: function(event, ui) {
> $.post('myUrl.html',$(this).
> sortable('serialize',{ key: 'positions[]' }));
> }
> }
> );
>
> - When I drag child_4 to parent_0 I have 2 serialized posts, great.
> - When I drag child_2 to parent_2 I have 3 serialized post, the root ul, and
> the two others ul which receives or removes elements.
> - The problem : when I drag child_1 to parent_2 (as child_4 sibling) I have
> only 1 serialized post, the root ul. But I want parent_2 serialization too !
>
> After hours on Google search I found several plugins like :
> -http://www.b-hind.eu/jquery/index.php
> -http://code.google.com/p/nestedsortables/wiki/NestedSortableDocumenta...
> -http://code.google.com/p/nestedsortables/
>
> Does it means my need is impossible with UI sortable/serialize functions ?
>
> Thanks for any help
>
> --
> Cyril, Nethik
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~--~~~~--~~--~--~---
[jquery-ui] Sortable - Nested lists problem
Hi,
I'm using sortable() function in order to arrange nested lists.
My html :
Item 1
Item 2
Item 3
Item 4
My js :
$('.parents').sortable(
{
items: '>li',
handle: 'span.anchor',
connectWith: '.parents',
dropOnEmpty:true,
helper:'clone',
placeholder: 'holder',
delay:0,
opacity: 0.4,
forcePlaceholderSize:true,
update: function(event, ui) {
$.post('myUrl.html',$(this).
sortable('serialize',{ key: 'positions[]' }));
}
}
);
- When I drag child_4 to parent_0 I have 2 serialized posts, great.
- When I drag child_2 to parent_2 I have 3 serialized post, the root ul, and
the two others ul which receives or removes elements.
- The problem : when I drag child_1 to parent_2 (as child_4 sibling) I have
only 1 serialized post, the root ul. But I want parent_2 serialization too !
After hours on Google search I found several plugins like :
- http://www.b-hind.eu/jquery/index.php
- http://code.google.com/p/nestedsortables/wiki/NestedSortableDocumentation
- http://code.google.com/p/nestedsortables/
Does it means my need is impossible with UI sortable/serialize functions ?
Thanks for any help
--
Cyril, Nethik
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~--~~~~--~~--~--~---
[jquery-ui] Re: (accordion) display:table-cell header issues
Original issue exists in Firefox. Does not happen when using IE8, Safari or Chrome. Maybe i need to file an issue there instead. On Oct 28, 11:12 am, harking wrote: > I'm having issues when using the accordion with display:table-cell and > vertical-align:middle for my headers. > > The header will seem to float to the left and the child content will > float up to the right of it. > > Switching back to display:block fixes everything, but in that case I > can't get multi line text to middle align. > > Any suggestions? --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery-ui@googlegroups.com To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~--~~~~--~~--~--~---
[jquery-ui] (accordion) display:table-cell header issues
I'm having issues when using the accordion with display:table-cell and vertical-align:middle for my headers. The header will seem to float to the left and the child content will float up to the right of it. Switching back to display:block fixes everything, but in that case I can't get multi line text to middle align. Any suggestions? --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery-ui@googlegroups.com To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~--~~~~--~~--~--~---
[jquery-ui] Re: Newbie question about dialog windows
As in any other programming language, you can do a function to reuse
some behaviour. You can put these in the page or in a js:
function createDialog(dialogID){
$('#'+dialogID).dialog({
autoOpen: false,
width: 600,
buttons: {
"Ok": function() {
$(this).dialog("close");
},
"Cancel": function() {
$(this).dialog("close");
}
}
});
}
and:
function createLink(linkID,dialogID){
$('#'+linkID).click(function(){
$('#'+dialogID).dialog('open');
return false;
});
}
This way you only have to do for all your links:
createDialog('dialog1');
createLink('link1','dialog1');
createDialog('dialog2');
createLink('link2','dialog2');
...
(If you use numbers you can do a bucle for creating the 30 links)
But for opening the dialog you don't need to do that, you can use a
normal button or any image just using its "onclick" event:
and
function openDialog(dialogID){
$('#'+dialogID).dialog('open');
}
> > Hi all. COMPLETE newbie - don't even have much basic Javascript
> > experience - and I'm hoping that this is actually a simple question
> > and that someone can point me in the correct direction:
>
> > I am trying to make the dialog function in the same way that it does
> > in the demo page included with the jqueryui custom download. I want to
> > be able to click a link and have the dialog pop up as a result. In the
> > script tags within header of the demo page, this code appears:
>
> > // Dialog
> > $('#dialog').dialog({
> > autoOpen: false,
> > width: 600,
> > buttons: {
> > "Ok": function() {
> > $(this).dialog("close");
> > },
> > "Cancel": function() {
> > $(this).dialog("close");
> > }
> > }
> > });
>
> > // Dialog Link
> > $('#dialog_link').click(function(){
> > $('#dialog').dialog('open');
> > return false;
> > });
>
> > which correlates to this link:
>
> > Dialog
> > Open Dialog
>
> > ...which displays this when clicked:
>
> >
> >
> > Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
> > eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
> > minim veniam, quis nostrud exercitation ullamco laboris nisi ut
> > aliquip ex ea commodo consequat.
> >
>
> > I figured out that to make a second link that displays a different
> > message, I can dupe that chunk of script in the header tag and rename
> > the relevant bits to "Dialog2" or whatever in the script and in the
> > new link and dialog text. Problem is - I have, like, 30 links to do
> > this way on a single page. I imagine that there must be a way to do
> > this without having to dupe the header script 30 times.
>
> > I was able to figure out how to use the accordion widget on my own
> > (and even changed some parameters! woo-hoo!), but am stumped by this
> > one. Any advice or links to relevant archive posts would be
> > appreciated. I did search the archives, but didn't find anything that
> > quite made sense (to me).
>
> > Thanks much in advance - Alison
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~--~~~~--~~--~--~---
[jquery-ui] Re: Theme roller download
you can use any premade theme's URL and generate package and it will work.. and just try to change something in that url (say font from 1.1 to 1.0) and roller will not generate css for you... just a bit change broke that.. :( We are waiting on updates Ui team! but there is no time to wait.. :( --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery-ui@googlegroups.com To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~--~~~~--~~--~--~---
[jquery-ui] Re: Theme roller download
the same service is buggy now I guess... --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery-ui@googlegroups.com To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~--~~~~--~~--~--~---
[jquery-ui] Re: Theme roller download
Same problem here. The custom theme download is not working properly when it was some days ago. Any news about it in some other forum or thread? --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery-ui@googlegroups.com To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~--~~~~--~~--~--~---
[jquery-ui] Re: newbie question
If you put your script block in the HEAD, that's exactly right, it'll need
to be inside a document.ready callback function. If you leave it in the
body, however, the script block simply needs to be moved *after* the input,
so that when the script is executed, the element exists in the DOM to be
found by jQuery.
- Richard
On Tue, Oct 27, 2009 at 11:25 PM, Rebelj12a wrote:
>
> oh boy... ok
>
> i havent tried using the datepicker yet, but i do know you need to
> nest your
>
> $('#date').datepicker();
>
> inside of a function... the function being the part of the programming
> that calls the script so it works
>
> something probably like...
>
>
>
> $(document).ready(function()
> {
> $('#date').datepicker();
> });
>
>
>
> at least syntax-wise
>
> also i'd nest this in your header, not in the body
>
>
> On Oct 27, 12:12 pm, Vitek wrote:
> > I have this code:
> >
> > http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
> > http://www.w3.org/1999/xhtml";>
> >
> > http://ajax.googleapis.com/ajax/
> > libs/jquery/1.3.2/jquery.min.js">
> > http://ajax.googleapis.com/ajax/
> > libs/jqueryui/1.7.2/jquery-ui.min.js">
> >
> >
> >
> >
> >
> > $('#date').datepicker();
> >
> >
> >
> >
> >
> >
> > but I don't see any datapicker at all.
> > browser: firefox latest version
> >
> > What am I doing wrong?
> > thank you
> >
> > Vit
> >
>
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~--~~~~--~~--~--~---
[jquery-ui] Re: does anyone have a working sample for nested tabs using jquery?
You can still use the themeroller themes, take a look at the tabs themeing section and just manually add the same classes. If you did go with the tabs widget you would use the tabs select event and wouldn't have to worry about click binding or changing styles on selected criteria, but you would still have to check which criteria are selected and manually load the ajax content. On Wed, Oct 28, 2009 at 1:20 AM, zhiyin wrote: > > Nate, > > I was hoping to use tabs to save me some trouble for the styling. and > also hoped that there could be a widget somewhere i can use. > > But you are right, I could do that. > > Zhiyin > > On Oct 27, 9:03 pm, Nate Laws wrote: > > So you have a total of 12 different types of content, all loaded through > > ajax, depending on two types of criteria? > > > > It may be simpler to not even use tabs, instead just use the tabs > styling. > > Bind click events to the buttons which load a content panel with ajax > and > > toggle classes on each row to identify which criteria is selected. > > > > On Tue, Oct 27, 2009 at 11:42 PM, zhiyin wrote: > > > > > Nate, > > > > > Thanks for the reply. > > > > > What I am looking for is a little bit different. > > > Here is what I want to achieve: > > > I have two sets of criteria, both of which are used to determine the > > > content through ajax. > > > > > for example, > > > > > criteria 1 is color: red black blue green. > > > criteria 2 is size: big medium and small. > > > > > using the demo you pointed out, is not the best way to resolve this, > > > since i have to duplicate the second criteria four times (one for each > > > color). > > > > > Is there a better solution for this? > > > > > Zhiyin > > > > > On Oct 27, 7:43 pm, Nate Laws wrote: > > > > Tabs doesn't do anything special for nested tabs. You just put the > inner > > > > tab inside one of the parent tabs panel divs just as you would any > other > > > > div. Demo:http://jsbin.com/oyeko > > > > > > On Tue, Oct 27, 2009 at 10:09 PM, zhiyin > wrote: > > > > > > > Hello my fellow Jquery Users, > > > > > > > I am having trouble finding working samples for nested tabs using > > > > > jquery, > > > > > > > Can someone give me a pointer to a tutorial or a working sample? > > > > > > > Many Thanks in advance! > > > > > > > Zhiyin > > > --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery-ui@googlegroups.com To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~--~~~~--~~--~--~---
