[jQuery] jquery and collapsor
I've just downloaded the jQuery Collapsor demo (http:// plugins.jquery.com/project/collapsor) for use on a navigation system and was wondering whether anyone knew how to achieve the following. I'm a newbie at js so i really have no idea. Ideally what i want it to do, is when i click on a link thats is within the accordion/collapsor div, i want that collapsor to remain open when i am taken to the link page - at the moment the navigation closes as soon as i move to a new page, so i have to open it up again to view the links again. Eg. Section 1 Sub link 1 Sub link 2 Sub link 3 Section 2 Sub link 1 Sub link 2 Sub link 3 Initially when the page loads we can only see Section 1 and 2, the sub links are hidden. I then click on Section 1, and the links to the sub links are expanded. I then click on Sub link 1 for example, which takes me to the relevant page, but then the navigation returns to its closed state and i can only see the links to Section 1 and 2 again. Any help would be greatly appreciated Many thanks
[jQuery] Add/remove class in Collapsor
Hi can anyone help?
I've just downloaded the jQuery Collapsor demo (http://
plugins.jquery.com/project/collapsor) for use on a navigation system.
I'm still a newbie with js and was wondering if anyone can point me in
the right direction of how to add/remove a class to the trigger
element (in this case a ul li).
Basically in it's unopened state, i want to display a triangle
pointing th the side, and then once clicked on, i want to display a
triangle pointing downwards - i just need to be able to add/remove a
class on the li as the background images will be controlled via the
CSS.
Any help would be greatly appreciated.
The script i have at the moment is
$((function(){
$('ul li a').collapsor();
}));
Many thanks
[jQuery] Drag content from a page into a portal area - is it possible?
Hi can anyone help? I was just wondering whether anyone has come across any scripts which you have a portal in a page that you can update the content of - sort of like the functionality used in drag and drop shopping carts etc where you can drag an item into the basket area of the site - and that basket will update. Only i want to be able to drag content into a portal instead - and then be able to move that around. I've done a quick search on the net but at the moment i've not really come up with any solutions - so any help/advice will be greatly appreciated. Thanks :-)
[jQuery] BBC.co.uk style image switcher
Hi there, hope you can help.
I'm looking for some javascript to create the same sort of effect the
bbc.co.uk site has, when you roll over one of the news articles, the
image changes. Is there anything in jquery js that does this? I'm a
complete newbie to js i'm not sure where to start looking.
Or, and forgive me if this is a very stupid question, but i can see
that the code they have used is
var newsBoxImages = [
{
'alt' : "Harvesting switchgrass (Image: Jerry Roitsch)"
, 'src' :
"http://www.bbc.co.uk/feedengine/homepage/images/news/
_44339803_bailing203roitsch_index_146x110.jpg"
}
, {
'alt' : "Laptop, Science Photo Library"
, 'src' :
"http://www.bbc.co.uk/feedengine/homepage/images/news/
_44366715_laptop203i_146x110.jpg"
}
];
would it be a case of dropping this js into my page and changing the
image paths to point at my own?
Any help would be greatly appreciated.
Thanks in advance.
[jQuery] Re: Drag and Drop question
Many thanks - another question (sorry), is it possible to save the
positions of the boxes after they've been moved around on the page?
On Apr 9, 1:10 pm, "Richard D. Worth" <[EMAIL PROTECTED]> wrote:
> In this case, if you decide to make use of UI sortables, you can handle the
> start and stop. Each is a passed a ui hash as the second parameter, which
> includes a helper property. Here's an example:
>
> $("#myList").sortable({
> start: function(ev, ui) {
> $(ui.helper).addClass("rounded");
> },
> stop: function(ev, ui) {
> $(ui.helper).removeClass("rounded");
> }
>
> });
>
> The full docs are at
>
> http://docs.jquery.com/UI/Sortables/sortable#options
>
> Here's a full layout/portlets demo:
>
> http://dev.jquery.com/view/trunk/ui/demos/real-world/layout/
>
> Also, there's a dedicated jQuery UI mailing list, if you have any further
> questions:
>
> http://groups.google.com/group/jquery-ui
>
> - Richard
>
> Richard D. Worthhttp://rdworth.org/
>
> On Wed, Apr 9, 2008 at 4:45 AM, vneal <[EMAIL PROTECTED]> wrote:
>
> > Hi there, thanks again for the replies.
>
> > The .sortHelper class indicates to the user where the panels can be
> > moved to. What I'm actually after is like the bbc.co.uk have, where
> > when you pick up a panel (eg. news), a grey, curved border appears
> > around the whole panel itself, (assuming it must be set of .pngs) and
> > when you drop the panel in it's place, the 'border' element
> > disappears. I hope this makes sense.
>
> > Thanks
>
> > On Apr 8, 10:36 pm, ripple <[EMAIL PROTECTED]> wrote:
> > > If you review the css and ready() function you will see something that
> > looks like:
>
> > > helperclass: 'sortHelper',
>
> > > .sortHelper { border: 3px dashed #666; width: auto !important; }
> > > That should help.
>
> > > Andy Matthews <[EMAIL PROTECTED]> wrote:
>
> > > I'd think you'd just apply a class to the object during the drag
> > process. If
> > > there's an onStart method, that would probably be your best bet.
>
> > > -Original Message-
> > > From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
>
> > > Behalf Of vneal
> > > Sent: Tuesday, April 08, 2008 3:15 PM
> > > To: jQuery (English)
> > > Subject: [jQuery] Re: Drag and Drop question
>
> > > Hi, that demo is pretty much the same as i've used - but thanks for
> > letting
> > > me know re the updated version, i shall look there in future.
>
> > > As i've said before, i'm relatively new at this so really have no idea
> > on
> > > how i would add the 'border effect' on the drag state. I'm thinking i
> > might
> > > need to apply it with the onStart function - though this is just a stab
> > in
> > > the dark. Any ideas?
>
> > > On Apr 8, 8:19 pm, "Andy Matthews"
> > > wrote:
> > > > There's a much newer version of the drag and drop found in the jQuery
> > > > UI. I don't believe that the Interface plugins are being supported any
> > > more:
>
> > > >http://ui.jquery.com
> > > > andhttp://dev.jquery.com/view/trunk/ui/demos/ui.draggable.html
>
> > > > -Original Message-
> > > > From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED]
> > > > On
>
> > > > Behalf Of vneal
> > > > Sent: Tuesday, April 08, 2008 1:03 PM
> > > > To: jQuery (English)
> > > > Subject: [jQuery] Drag and Drop question
>
> > > > Hi, can anyone help?
>
> > > > A client has asked me to replicate the new BBC.co.uk homepage, with
> > > > the drag and drop boxes. I've found a demo which pretty much does
> > > > everything -http://interface.eyecon.ro/demos/sort.html-, but the only
> > > thing that is missing are the borders that appear when you pick up a
> > box.
>
> > > > Does anyone have any idea on how to do this? Apologies if it's a
> > > > really obvious thing but i am relatively new to JQuery so any help you
> > > > can give would be greatly appreciated.
>
> > > > Thanks
>
> > > -
> > > You rock. That's why Blockbuster's offering you one month of Blockbuster
> > Total Access, No Cost.
[jQuery] Re: Drag and Drop question
Hi there, thanks again for the replies.
The .sortHelper class indicates to the user where the panels can be
moved to. What I'm actually after is like the bbc.co.uk have, where
when you pick up a panel (eg. news), a grey, curved border appears
around the whole panel itself, (assuming it must be set of .pngs) and
when you drop the panel in it's place, the 'border' element
disappears. I hope this makes sense.
Thanks
On Apr 8, 10:36 pm, ripple <[EMAIL PROTECTED]> wrote:
> If you review the css and ready() function you will see something that looks
> like:
>
> helperclass: 'sortHelper',
>
> .sortHelper { border: 3px dashed #666; width: auto !important; }
> That should help.
>
> Andy Matthews <[EMAIL PROTECTED]> wrote:
>
> I'd think you'd just apply a class to the object during the drag process. If
> there's an onStart method, that would probably be your best bet.
>
> -Original Message-
> From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
>
> Behalf Of vneal
> Sent: Tuesday, April 08, 2008 3:15 PM
> To: jQuery (English)
> Subject: [jQuery] Re: Drag and Drop question
>
> Hi, that demo is pretty much the same as i've used - but thanks for letting
> me know re the updated version, i shall look there in future.
>
> As i've said before, i'm relatively new at this so really have no idea on
> how i would add the 'border effect' on the drag state. I'm thinking i might
> need to apply it with the onStart function - though this is just a stab in
> the dark. Any ideas?
>
> On Apr 8, 8:19 pm, "Andy Matthews"
> wrote:
> > There's a much newer version of the drag and drop found in the jQuery
> > UI. I don't believe that the Interface plugins are being supported any
> more:
>
> >http://ui.jquery.com
> > andhttp://dev.jquery.com/view/trunk/ui/demos/ui.draggable.html
>
> > -Original Message-
> > From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED]
> > On
>
> > Behalf Of vneal
> > Sent: Tuesday, April 08, 2008 1:03 PM
> > To: jQuery (English)
> > Subject: [jQuery] Drag and Drop question
>
> > Hi, can anyone help?
>
> > A client has asked me to replicate the new BBC.co.uk homepage, with
> > the drag and drop boxes. I've found a demo which pretty much does
> > everything -http://interface.eyecon.ro/demos/sort.html-, but the only
> thing that is missing are the borders that appear when you pick up a box.
>
> > Does anyone have any idea on how to do this? Apologies if it's a
> > really obvious thing but i am relatively new to JQuery so any help you
> > can give would be greatly appreciated.
>
> > Thanks
>
> -
> You rock. That's why Blockbuster's offering you one month of Blockbuster
> Total Access, No Cost.
[jQuery] Re: Drag and Drop question
Hi, that demo is pretty much the same as i've used - but thanks for letting me know re the updated version, i shall look there in future. As i've said before, i'm relatively new at this so really have no idea on how i would add the 'border effect' on the drag state. I'm thinking i might need to apply it with the onStart function - though this is just a stab in the dark. Any ideas? On Apr 8, 8:19 pm, "Andy Matthews" <[EMAIL PROTECTED]> wrote: > There's a much newer version of the drag and drop found in the jQuery UI. I > don't believe that the Interface plugins are being supported any more: > > http://ui.jquery.com > andhttp://dev.jquery.com/view/trunk/ui/demos/ui.draggable.html > > -Original Message- > From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On > > Behalf Of vneal > Sent: Tuesday, April 08, 2008 1:03 PM > To: jQuery (English) > Subject: [jQuery] Drag and Drop question > > Hi, can anyone help? > > A client has asked me to replicate the new BBC.co.uk homepage, with the drag > and drop boxes. I've found a demo which pretty much does everything > -http://interface.eyecon.ro/demos/sort.html- , but the only thing that is > missing are the borders that appear when you pick up a box. > > Does anyone have any idea on how to do this? Apologies if it's a really > obvious thing but i am relatively new to JQuery so any help you can give > would be greatly appreciated. > > Thanks
[jQuery] Drag and Drop question
Hi, can anyone help? A client has asked me to replicate the new BBC.co.uk homepage, with the drag and drop boxes. I've found a demo which pretty much does everything - http://interface.eyecon.ro/demos/sort.html - , but the only thing that is missing are the borders that appear when you pick up a box. Does anyone have any idea on how to do this? Apologies if it's a really obvious thing but i am relatively new to JQuery so any help you can give would be greatly appreciated. Thanks
