[jQuery] How to Sort an Unordered List - TinySort
Hi,
I have the following DOM structure (unordered list), that I would like
to sort on the a href tag name using jQuery – specifically the
TinySort plug-in http://plugins.jquery.com/project/TinySort
Structure is as follows:
Google
Apple
IBM
Yahoo!
Hotmail
I have tried the following but to no avail, i.e.:
$("div#refmenu>ul#list>li").tsort("a[title]",{orderby:"title"});
Based on this, I am obviously trying to sort on the title attribute.
Any help would be great.
Other questions, do I need to make this call within the document.ready
() or can I just perform this call within a normal javascript
function?
Thanks.
[jQuery] jQuery Scrollable Plugin - Removing specific Carousel Panes
Hi, Can anyone who may have used this plugin at: http://flowplayer.org/tools/scrollable.html know how to go about actaully removing a carousel pane from the carousel group. As an example, if I have 5 carousel windows - how can I programmatically remove the carouosel window 2? Any help would be much appreciated. Thanks. Tony.
[jQuery] jQuery Scrollable PlugIn Questions
Hi, I am using this plugin with one pane been shown at a time and I have those little circles on top to navigate through each pane. If I have three panes within my carousel, so therefore against each of these little circle buttons, it assigns 0, 1 and 2 as href values, how can I get access to these href index values when I click on each of these circles? I basically would like to capture the pane href value I am currently on when clicked but I don't know how to do this or locate onClick event within plugin. Would really appreciate some help on this. See:> http://flowplayer.org/tools/scrollable.html Thanks.
[jQuery] Drag and Drop between Multiple Lists and Sortable
0 vote down star Hi, Wondering if people could please point me to a plugin/website that is jQuery, which will do what this Dojo example does, i.e: http://dojocampus.org/explorer/#Dojo_Drag%20And%20Drop_Lists I am wanting something similar to this as I would like to use as a means of allowing a user to administer a menu structure. Unless someone can recommend another means. Thanks. tfat.
[jQuery] jQuery.Scrollable
Hi, Hoping someone who uses or knows of this plug-in, i.e: http://flowplayer.org/tools/scrollable.html knows how to change the Navigator to be actual descriptions/names of each panel - basically like a breadcrumb menu. Is this possible? If yes, would really appreciate any examples to assist me. Thanks. tfat.
[jQuery] jQuery.Scrollable Navigation IE6 IDisplay Issues
Hi, I am trying to implement the visual example within IE6, i.e: http://flowplayer.org/tools/demos/scrollable/visual.html but unfortunately the navigation bar along the top does not display as a single row but as two rows of small circles. As mentioned, works great in FF but there seems to be an issues with the CSS when it comes to using it within IE6. Any help on correcting this would be much appreciated. Thanks.
[jQuery] jCarousel by Jan Sorgalla Options
Hi, Hoping someone can assist: 1) I was wondering, is it's possible to use navigation buttons along the top of the Carousel, with a short description, that will allow the user to directly navigate to a panel within the carousel, using jCarouosel? Basically, if I want to do go directly to panel 5 instead of pressing the right arrow 5 times, can this be done by pressing a navigation button, along the top of the carousel? If so, would really appreciate your help on what's involved? 2) With the jCarousel plug-in, can I programatically make the panel change - if possible, would really appreciate an example? 3) Is it possible to programatically jump to a specified panel within the carousel? Thanks. Tony.
[jQuery] Re: jQuery Help Please
Thanks guys for your help - I will post back if I have any issues. tfat. On Mar 7, 1:13 am, Timz66 wrote: > Tfat, > > I am new too, The best tutorial I found to get started > washttp://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-v... > > Tim66 > > On Mar 6, 8:57 am,tfat wrote: > > > Hi, > > > Just wondering if the following is possible using jQuery – if so, > > would really appreciate your help: > > > 1) I have a menu within a DIV that I would it to slide in when a user > > hovers over a hot zone in the top left hand corner. Initially this hot > > zone is invisible but as the user moves the mouse over that zone, a > > button appears as well as the menu beneathe it. If they then move away > > from the hotzone, both the button and menu disappears. > > > Is this possible with jQuery – if so, how can it be done? > > > 2) In addition to hovering over an area in the top left hand corner > > and the button and menu appearing, if the user clicks on the hotzone > > area, I would like the menu to not disappear, i.e lock/pin in its > > place and vice-versa – when the user clicks again on the hotzone, the > > menu unlocks, allowing it to disappear, when the user moves away from > > the hotzone. > > > Help on the above two parts with jQuery would be great. > > > Hope the above makes sense. > > > Thanks. > >tfat.
[jQuery] jQuery Help Please
Hi, Just wondering if the following is possible using jQuery – if so, would really appreciate your help: 1) I have a menu within a DIV that I would it to slide in when a user hovers over a hot zone in the top left hand corner. Initially this hot zone is invisible but as the user moves the mouse over that zone, a button appears as well as the menu beneathe it. If they then move away from the hotzone, both the button and menu disappears. Is this possible with jQuery – if so, how can it be done? 2) In addition to hovering over an area in the top left hand corner and the button and menu appearing, if the user clicks on the hotzone area, I would like the menu to not disappear, i.e lock/pin in its place and vice-versa – when the user clicks again on the hotzone, the menu unlocks, allowing it to disappear, when the user moves away from the hotzone. Help on the above two parts with jQuery would be great. Hope the above makes sense. Thanks. tfat.
[jQuery] Superfish Sub Menu Posiions
Hi, With the Superfish Menu when selecting a child menu from a parent selection, the child menu lines up with the same level of the parent menu - is there anyway of relocating the child menu so that it starts from the top of the web page and not from the same position of the parent menu option? Assuming this is within the CSS but unsure what to do and whether it's possible. Thanks. Tony.
[jQuery] Re: Superfish Slide with Mouse Hover - is this possible?
Hi Liam, Any ideas on how to do achieve this? Thanks. Tony. On Mar 3, 12:36 am, Liam Potter wrote: > If I was you, I would just write a custom script to achieve this, no > need forsuperfish. > > tfat wrote: > > With relation to theSuperfishMenu, i.e: > > > I would like mySuperfishvertical menu to slide out and in from the > > left hand side of the screen but what I would like is to display along > > the left hand side of the screen, in vertical fashion, the word "Menu" > > but running from top to bottom. > > > So when the user hovers over the vertical word "Menu", thesuperfish > > menu slides out and the "Menu" word dissappears and when the user > > moves the mouse pointer away from theSuperfishmenu, the menu slides > > out and the word "Menu" re-appears until next time. > > > Is this possible and if so, how can it be achievedexamples/urls. > > > Thanks. > > Tony.
[jQuery] Superfish Slide with Mouse Hover - is this possible?
With relation to the Superfish Menu, i.e: I would like my Superfish vertical menu to slide out and in from the left hand side of the screen but what I would like is to display along the left hand side of the screen, in vertical fashion, the word "Menu" but running from top to bottom. So when the user hovers over the vertical word "Menu", the superfish menu slides out and the "Menu" word dissappears and when the user moves the mouse pointer away from the Superfish menu, the menu slides out and the word "Menu" re-appears until next time. Is this possible and if so, how can it be achievedexamples/urls. Thanks. Tony.
[jQuery] Re: Using jQuery.noConflict() with Prototype/Scriptaculous
I am also having difficulties trying to get jQuery working with
prototype/Scriptaculous.
I am trying to combine a jQuery Lightbox plug-in with a prototype/
Scriptaculous Carousel plug-in.
I have added the jQuery.noConflict() process but to no avail. The
lightbox process works but the carousel doesn't.
Hope some one can assist:
Here is a sample of my code:
var $j = jQuery.noConflict();
$j(document).ready(function() {
$j('#gallery a').lightBox();
});
/* jQuery lightBox plugin - Gallery style */
#gallery {
background-color: #444;
padding: 20px;
width: 94%;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
border: 5px solid #3e3e3e;
border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
border: 5px solid #fff;
border-width: 5px 5px 20px;
color: #fff;
}
#gallery ul a:hover { color: #fff; }
...
..
// -1) ?
window.location.href.split('?')[1] : '';
var my_glider = new Glider("item2_wrap", {duration:0.5,
autoGlide:true, frequency:2, initialSection: select});
$("item2_wrap").getElementsBySelector('.glider.next').each(function
(elm){
elm.observe('click',function(evt){
Event.stop(evt);
return my_glider.next();
});
});
$("item2_wrap").getElementsBySelector('.glider.previous').each
(function(elm){
elm.observe('click',function(evt){
Event.stop(evt);
return my_glider.previous();
});
});
});
//]]>
...
.
etc
On Jan 7, 6:55 pm, seasoup wrote:
> noConflict was designed specifically with prototype in mind :)
>
> The easiest way to do both jQuery and proto is to do:
>
> var $j = jQuery.noConflict();
>
> and use $j instead of $ for jQuery.
>
> $j('#id'), for example.
>
> On Jan 6, 10:23 pm, Magnificent
>
> wrote:
> > Hi Erik, thanks for the reply. I've been messing with things and I
> > tried replacing my calls to local versions of prototype/scriptaculous
> > to use google:
>
> > http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.3/
> > prototype.js" type="text/javascript">
> > http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/
> > scriptaculous.js" type="text/javascript">
>
> > And it seems to be working now. Does anyone know if there's a known
> > issue using jquery's noConflict() with prototype/scriptaculous? I'm
> > wondering if the (older) local version I was using was the culprit.
> > It looks like it.
[jQuery] Re: How to use jFrame Plug-In
bump :-)
On Apr 12, 1:38 am, tfat <[EMAIL PROTECTED]> wrote:
> Can anyone pls assist.
>
> Thanks.
> Tony.
>
> On Apr 11, 3:04 pm,tfat<[EMAIL PROTECTED]> wrote:
>
> > Hi,
>
> > Trying to get the jFrame plug-in to work but unsure how to use it.
>
> > (see:http://plugins.jquery.com/project/jframe)
>
> > I have set-up the follow div, i.e:
>
> > and then make a call to:
>
> > jQuery("#content").loadJFrame(returnURL);
>
> > Have also included all necessary js libraries.
>
> > The div loads successfully but I get a javascript error:
>
> > Line: 200364044
> > Char: 3
> > Error: Object doesn't support this property or method
>
> > Can someone please let me know what I have missed and please correct/
> > show me the correct usage of this plug-in.
>
> > What does the "callback" parameter need to be?
>
> > Thanks.
> > Tony.
[jQuery] Re: How to use jFrame Plug-In
Can anyone pls assist.
Thanks.
Tony.
On Apr 11, 3:04 pm, tfat <[EMAIL PROTECTED]> wrote:
> Hi,
>
> Trying to get the jFrame plug-in to work but unsure how to use it.
>
> (see:http://plugins.jquery.com/project/jframe)
>
> I have set-up the follow div, i.e:
>
> and then make a call to:
>
> jQuery("#content").loadJFrame(returnURL);
>
> Have also included all necessary js libraries.
>
> The div loads successfully but I get a javascript error:
>
> Line: 200364044
> Char: 3
> Error: Object doesn't support this property or method
>
> Can someone please let me know what I have missed and please correct/
> show me the correct usage of this plug-in.
>
> What does the "callback" parameter need to be?
>
> Thanks.
> Tony.
[jQuery] How to use jFrame Plug-In
Hi,
Trying to get the jFrame plug-in to work but unsure how to use it.
(see: http://plugins.jquery.com/project/jframe)
I have set-up the follow div, i.e:
and then make a call to:
jQuery("#content").loadJFrame(returnURL);
Have also included all necessary js libraries.
The div loads successfully but I get a javascript error:
Line: 200364044
Char: 3
Error: Object doesn't support this property or method
Can someone please let me know what I have missed and please correct/
show me the correct usage of this plug-in.
What does the "callback" parameter need to be?
Thanks.
Tony.
[jQuery] Re: Ajax .load() with Report Pagination
Can anyone pls assist.
Thanks.
On Apr 11, 1:06 am, tfat <[EMAIL PROTECTED]> wrote:
> Hi,
>
> Really hoping someone can assist as if it's not possible then I will
> probably have to pull out my jQuery code.
>
> Basically using the following jQuery Ajax call, i.e: $
> ("#links").load("/Main_Page #p-Getting-Started li"); from the
> following linkhttp://docs.jquery.com/Ajax/load#urldatacallback.
>
> I was originally using an iframe to pass in a url to the src attribute
> but changed my iframe to a DIV and then used $("#links").load("/
> Main_Page #p-Getting-Started li");
>
> My problem is, that one of the pages that I am passing into
> this .load() call acutually hold a report with pagination,
> unfortunately this causes a problem using the .load() call as this
> prevents the pagination from working properly.
>
> Is there a means of somehow getting around this or do I need to resort
> back to an iframe?
>
> I also noticed that there was a jframe plug-in but unsure how to use
> it an unsure if this would solve my problem above but I did notice
> that it uses a "src" attribute within the DIV.
>
> Would really appreciate some help.
>
> Thanks.
> Tony.
[jQuery] Ajax .load() with Report Pagination
Hi,
Really hoping someone can assist as if it's not possible then I will
probably have to pull out my jQuery code.
Basically using the following jQuery Ajax call, i.e: $
("#links").load("/Main_Page #p-Getting-Started li"); from the
following link http://docs.jquery.com/Ajax/load#urldatacallback.
I was originally using an iframe to pass in a url to the src attribute
but changed my iframe to a DIV and then used $("#links").load("/
Main_Page #p-Getting-Started li");
My problem is, that one of the pages that I am passing into
this .load() call acutually hold a report with pagination,
unfortunately this causes a problem using the .load() call as this
prevents the pagination from working properly.
Is there a means of somehow getting around this or do I need to resort
back to an iframe?
I also noticed that there was a jframe plug-in but unsure how to use
it an unsure if this would solve my problem above but I did notice
that it uses a "src" attribute within the DIV.
Would really appreciate some help.
Thanks.
Tony.
[jQuery] iframe and menu overlap/float
Hi, Hoping someone can assist, I have a page that is an iframe, which is basically used to display result information based on a menu option selected which is located on the same page. Mu query/issue is that how can I make my menu float/overlap my iframe area? My menu is an accordion based on the jQuery Accordion plug-in. I basically want to be able to display my menu on top of my iframe, so as I select a menu option, the data is displayed underneath in my iframe. If this is possible, could someone please assist. Thanks.
[jQuery] Toggle an Image Button using jQuery - Help Pls.
Can someone pls assist me with a means of performing the following using jQuery: Currently, I have an image src file with is like a button with an onClick event, which basically toggles two images. When this image button is clicked, i.e, starts with "Menu+" and when a user clicks on it, it toggles to "Menu-" I would like to somehow implement this same feature using the same image in jQuery, by where when the user clicks on the "Menu+" image button, it toggles to "Menu-" but at the same time, an accordion menu I have within a div called "container" actually appears on the screen, perhaps using fadeIn() or show() effects. And again, when the user clicks the "Menu-" image button, the image button then toggles back to "Menu+" and at the same time, the accordion menu dissapears from the screen using perhaps fadeOut() or hide(). Any help/direction would be much appreciated. Thanks.
