Nabble - jQuery

imgPreview

2009-12-19T01:55:59Z

Hi all

I've been working on this all day today..I've followed this page, I'm working on Website links + previews
http://james.padolsey.com/demos/imgPreview/full/

Here's my test which works OK
http://www.rockinghamgateway.com/test/index4.html

I'm trying to place the table into another page
http://www.rockinghamgateway.com/test/index2.html
Click on add your site tab, table is also off center too, I cant seem to work out why either ?

when I add the following code to page, it drops every thing else out :roll:

Code: Select all
script src="img/imgpreview.full.jquery.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
jQuery.noConflict();
(function($){

$('ul#fifth a').imgPreview({
containerID: 'imgPreviewWithStyles3',
srcAttr: 'rel',
imgCSS: {
// Limit preview size:
height: 200
},
// When container is shown:
onShow: function(link){
$('' + link.href + '').appendTo(this);
},
// When container hides:
onHide: function(link){
$('span', this).remove();
}
});
})(jQuery);
//]]>
</script>
<script type="text/javascript" src="img/prettify.js"></script>
<script type="text/javascript">
//<![CDATA[
jQuery(function($){
$('pre').css({background: '#333'})
prettyPrint();
});
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
//]]>
</script>

<script type="text/javascript">
//<![CDATA[
var pageTracker = _gat._getTracker("UA-3768993-3");
pageTracker._trackPageview();
//]]>
</script>

Can any one tell me why please, ( Merry Xmas too all )

TT

From forum: jQuery General Discussion

Re: attr() is still very broken in 1.4a1

2009-12-19T01:30:04Z

Oh, how true my daddy was: "Son (he said) always make the manual first
and then give it to the customers. And then son, wait for the dust to
settle. And then my son, then start making, whatever is that thing,
you are selling my son" ...

--DBJ

On Dec 18, 8:30 pm, John Resig <jere...@...> wrote:
> > What about (i)frames?
>
> In that case just use the jQuery inside the (i)frame. I'm fine punting
> on that as well. Optimized for the very-most-common case.
>
> --John

--

You received this message because you are subscribed to the Google Groups "jQuery Development" group.
To post to this group, send email to jquery-dev@....
To unsubscribe from this group, send email to jquery-dev+unsubscribe@....
For more options, visit this group at http://groups.google.com/group/jquery-dev?hl=en.

From forum: jQuery Dev List

How Tooltip API return a jsp page?

2009-12-19T00:54:05Z

The tooltip plugin I refer to is http://jquery.bassistance.de/tooltip/demo/

One of the function is return a HTML tag.

$('#tonus').tooltip({
delay: 0,
showURL: false,
bodyHandler: function() {
return $("").attr("src", this.src);
}
});

Now I have a FIXED and LONG ( Table of Legend )html tag to return from function above.
I try to put the html to another jsp. Then point the return to that jsp as below:

Example:

$('#tonus').tooltip({
delay: 0,
showURL: false,
bodyHandler: function() {
return "<jsp:include page='legend-table.jsp'/>"
}
});

The content of the legend-table.jsp as below:

<table>
<tr><td>Blue</td><td>Water</td></tr>
<tr><td>Red</td><td>Fire</td></tr>
<tr><td>Green</td><td>Tree</td></tr>
<tr><td>White</td><td>Cloud</td></tr>
.......
</table>

The code above not working.... I guess the bodyHandler function cannot use include page. ANy Idea?

Thanks

-fsloke

From forum: jQuery UI Discussion

Re: IE stops recurring ajax call

2009-12-19T00:50:07Z

Hi Scott,

well - it actually has nothing to do with chained requests in general.
This chained request did the request on a whole different tag (on the
#option instead of fieldset), that was the problem.

Henjo

On Dec 16, 3:43 pm, Scott Sauyet <scott.sau...@...> wrote:

> On Dec 16, 4:14 am, Henjo <henjohoek...@...> wrote:
>
> > here is what I changed in order to get it to work in IE.
>
> > Not working:
> > jQuery('#option1').hide('fast').next().show('fast').bind
> > ('change',function(){ ... }
>
> > Working:
> > jQuery('#option1').hide('fast').next().show('fast');
> > jQuery('#productWizard #option2 select').bind('change',function()
> > { ... }
>
> > My conclusion: IE is not capable of putting a chained ajax request
> > altogether nicely...
>
> Since I've done plenty of chained requests like that, I'd be surprised
> if that's the issue. I wonder if there are any differences in what
> "next()" in that chain is giving you in IE versus FF. Not that at
> matters for you since you've got a working solution, but it's
> curious...
>
> I'm glad you got it working.
>
> Cheers,
>
> -- Scott

From forum: jQuery General Discussion

Re: Debugging in IE

2009-12-19T00:47:54Z

Hi Mike,

thanks for you reply. You are absolutely right.
Tunnel vision and tiredness are a great combi ;-)

Thanks!
Henjo

On Dec 16, 5:06 pm, Michael Geary <m...@...> wrote:

> I'm glad you fixed your problem, but I'm certain that the conclusion ("IE
> has trouble with a chained ajax call") is wrong. In the code you posted in
> the other thread, the chained and non-chained versions are quite different.
> You didn't just cut the chain into parts: the non-chained version uses a
> completely different selector. That is where the problem lies, not in the
> chaining or lack thereof.
>
> -Mike
>
>
>
> On Tue, Dec 15, 2009 at 5:32 AM, Henjo <henjohoek...@...> wrote:
> > Hi MorningZ,
>
> > thanks for your thoughts. I didn't even think of that since it has
> > been a couple of weeks ago I built this. Only IE needed to be fixed.
> > I finally was able to get it fixed by putting alerts in to see where
> > it stopped. Apparently IE has trouble with a chained ajax call. I cut
> > the chain into part and then it worked.
>
> > Thanks again for your thoughts, I really appreciate it and take to
> > heart what you say!
>
> > Henjo
>
> > On Dec 14, 11:18 pm, MorningZ <morni...@...> wrote:
> > > I would *definitely* start by using the non-minified version of
> > > jQuery, as it's 1000x easier to get an idea of what's going on (i see
> > > in the source of the page you are using the min-ed version)
>
> > > On Dec 14, 4:31 pm, Henjo <henjohoek...@...> wrote:
>
> > > > Hey Scott,
>
> > > > thanks for posting. I will check this out and see if I can find
> > > > something here...
>
> > > > Henjo
>
> > > > On Dec 14, 8:51 pm, "Scott Stewart" <sstwebwo...@...> wrote:
>
> > > > > There is a Firebug Lite which runs in IE, it's not nearly as good as
> > > > > Firebug, but it's better than nothing (or the "developer tools" in
> > IE8
>
> > > > > -----Original Message-----
> > > > > From: jquery-en@... [mailto:jquery-en@...]
> > On
>
> > > > > Behalf Of Henjo
> > > > > Sent: Monday, December 14, 2009 2:46 PM
> > > > > To: jQuery (English)
> > > > > Subject: [jQuery] Debugging in IE
>
> > > > > Hi list,
>
> > > > > I am wondering how to do debugging in IE the best way. I installed
> > > > > fiddler and work with ie8's dev tools.
>
> > > > > The problem is I have a script that runs perfectly in FF, Chrome,
> > > > > Safari but not in IE. There the dynamic form wizard. stops after 2
> > > > > loads...
>
> > > > > This is the site I am talking abouthttp://bit.ly/7v8pHu
>
> > > > > Thanks in advance for your tips.
>
> > > > > Henjo

From forum: jQuery General Discussion

Re: Traversing down

2009-12-18T23:24:42Z

hey Guys I wrote the plugin pretty nice
I have an example
http://pedramtech.com/Development/jqueryPlugins/
$.fn.ClosestChildren = function(expr) {
var $t = $(this);
return $t.is(expr) ? $t : $t.find(expr).eq(0);
};

jQuery("ul.u-first").bind("mouseover mouseout",function(event){

console.log(event.target);
$(event.target).TraverseDown("ul");
if(event.type == "mouseout" )$(event.target).TraverseDown
("ul").removeClass("green");
else $(event.target).TraverseDown("ul").addClass("green");
});

this example finds the closest UL in the Ul.ui-first descendants and
does some action with it ,
I used Event Delegation.

On Dec 18, 10:39 am, Pedram <pedram...@...> wrote:
> I would like to have Traverse Down and It self Traversing function in
> jQUery how can I make that
> as you all know we have Closest which is traversing up and includes it
> self...
>
> this is what I have
> $(event.target).find('> a:not(.active)');
> the problem occurs when the event.target is the actual link .
> so any one has an idea an, thanks !!!

From forum: jQuery General Discussion

Re: How do I collapse a tab on an link click?

2009-12-18T21:17:35Z

nevermind. got it.

On Dec 18, 10:24 am, dbinaz <d...@...> wrote:

> I have been searching around and can't seem to find anything on this.
> What I have right now is this...
>
> $('#close1').click(function() { // bind click event to link
> $tabs.tabs('select', 1);
> return false;
> });
>
> and collapsible =true.
> I don't see anything about a toggle event.
>
> Any help appreciated.
>
> Derek

--

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@....
To unsubscribe from this group, send email to jquery-ui+unsubscribe@....
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.

From forum: jQuery UI Discussion

Re: Jquery using Modal Window with user input

2009-12-18T19:17:51Z

You can use the jQuery UI Dialog with the modal option set to true. Here's an example:

http://jqueryui.com/demos/dialog/#modal-form

- Richard

On Fri, Dec 18, 2009 at 10:12 PM, tinypond <lawrence@...> wrote:

What I am trying to do is the following: I have a webpage with some input
fields, before the user can save the information to a database. I have the
requirement to make the existing page dim and call up a modal window asking
the user whey they made changes. This modal window would have a textbox to
enter why the changes were made along with accept or cancel buttons. If the
accept button is pressed the information in the textbox needs to get past
back to the webpage so it can then write all changed information along with
the reason why it was changed to the database. If cancel was pressed nothing
would be done.

Could someone please point me to an example that does something similar to
this or please tell me if this requirement is feasible.

Thanks in advance for your help.
--
View this message in context: http://old.nabble.com/Jquery-using--Modal-Window-with-user-input-tp26852412s27240p26852412.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

From forum: jQuery General Discussion

Jquery using Modal Window with user input

2009-12-18T19:12:18Z

What I am trying to do is the following: I have a webpage with some input fields, before the user can save the information to a database. I have the requirement to make the existing page dim and call up a modal window asking the user whey they made changes. This modal window would have a textbox to enter why the changes were made along with accept or cancel buttons. If the accept button is pressed the information in the textbox needs to get past back to the webpage so it can then write all changed information along with the reason why it was changed to the database. If cancel was pressed nothing would be done.

Could someone please point me to an example that does something similar to this or please tell me if this requirement is feasible.

Thanks in advance for your help.

From forum: jQuery General Discussion

Validate Form - how to do NotEqualTo

2009-12-18T18:22:42Z

I'm using Jörn Zaefferer's Jquery Form Validation which is great.

However, I needed one extra method/function.

I have some fields which initially have values (e.g. see below)

<input type="text" name="First Name" id="First Name" value="Enter Name
Here *" />

So for the validation if the Input First Name's value is equal to
"Enter Name Here*", this should then be marked as not true therefore
displaying an error mssg and preventing form from being submitted.

Any help would be much appreciated.

From forum: jQuery General Discussion

autocomplete: extra fields

2009-12-18T17:27:57Z

I have a number of fields in a grid which are all using auto
complete. I want the extraParams function to be able to work out
which field I am in so that I can return a differently filtered list.
I don't seem to have access to the input variable? Any clues?

Thanks

Simon

From forum: jQuery General Discussion

Re: Usage of CSS Classe ui-widget

2009-12-18T17:25:13Z

We use body { font-size: 62.5%} as a convenience so that 1.1em=11px, 1.3em=13px, etc. You can do the same, or you can change the font size for your font. If you're using a custom font from ThemeRoller, there's an option to change the font size. If you're using a prebuilt theme with a font-size like 1.1em or 1.2em you can override it by adding this after the theme css:

<style type="text/css">
.ui-widget { font-size: 1em; }
</style>

- Richard

On Fri, Dec 18, 2009 at 3:57 PM, Heidebrink <heidebrink@...> wrote:

Hello,

I'm trying to use the CSS classes from JQuery UI to style my page but
it seems like the out of the box fonts and sizes are very large.

As example, I apply the ui-widget class to a fieldset and then all of
the widgets (input, select, etc) are then changed based upon the ui-
widget class. They add a nice look to the contained controls, but
everything is huge.

Even if I don't use the ui-widget class and just try to use the
datepicker. The datapicker seems to be extremely huge. I realize I
can change these sizes myself, but I was thinking maybe I was missing
something as the default sizes are way big and maybe there is
something else I need to do.

Looking at the JQuery demo page that I downloaded, the font/controls
seem normal size in there but there is this in the body style:

font: 62.5%

which might be reducing everything.

Any help would be great. 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-ui@....
To unsubscribe from this group, send email to jquery-ui%2Bunsubscribe@....
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-ui@....
To unsubscribe from this group, send email to jquery-ui+unsubscribe@....
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.

From forum: jQuery UI Discussion

Re: Re: Resizable only in one direction?

2009-12-18T17:20:35Z

The only icon we build in to show is se, so it's hidden if the se handle is off. You can see how that's done and do the same yourself manually for other handles.

- Richard

On Fri, Dec 18, 2009 at 6:35 PM, MorningZ <morningz@...> wrote:

I had run across that and tried it... something threw me off
though.... i didn't see the indicator (corner tab looking graphic),
so i assumed it didn't work

but just trying again, i added

handles: "n, s"

and it works as desires, *except" i loose my visual icon to tell the
user they can resize, i'd be fine with the same indicator shown
without any special "handles"..... am i missing a step for that?

On Dec 18, 12:36 pm, "Richard D. Worth" <rdwo...@...> wrote:
> Check out the handles option:
>
> http://docs.jquery.com/UI/Resizable#option-handles
>
> - Richard
>

> On Fri, Dec 18, 2009 at 12:28 PM, MorningZ <morni...@...> wrote:
> > I must be going nuts as I have scoured the Demo and Documentation for
> > the Resizable functionality and cannot for the life of me figure out
> > how to make it so that the item is only resizable in one direction
>
> > I'm currently using this code since I couldn't find the "right" way to
> > do it
>
> > <div id="#div1" class="resizable">
> > <textarea></textarea>
> > </div>
>
> > <div id="#div2" class="resizable">
> > <object></object>
> > </div>
>
> > $(".resizable").each(function() {
> > var id = $(this).attr("id");
> > $(this).resizable({
> > alsoResize: "#" + id + " textarea, #" + id + " object",
> > stop: function(e, ui) {
> > $(this).width("100%");
> > var x = $(this).width();
> > $(this).find("textarea, object").width("" + (x - 26) +
> > "px");
> > }
> > });
> > })
>
> > the -26px thing is to give the enclosing/resizable <div> room for the
> > handle icon
>
> > Hopefully someone can enlighten me
>
> > --
>
> > 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@....
> > To unsubscribe from this group, send email to

> > jquery-ui%2Bunsubscribe@...<jquery-ui%252Bunsubscribe@...>

> > .
> > 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-ui@....
To unsubscribe from this group, send email to jquery-ui%2Bunsubscribe@....
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.

From forum: jQuery UI Discussion

Re: validate - error messages keep piling up

2009-12-18T17:09:21Z

Works now :) Had to create a special class that combined all three
classes.

On Dec 17, 5:36 pm, Mark Livingstone <namematters...@...> wrote:

> OK, thanks. I will try and report back.
>
> On Dec 16, 12:22 pm, Jörn Zaefferer <joern.zaeffe...@...>
> wrote:
>
> > You have three classes specified for the errorClass. The plugin can't handle
> > that. If you actually need more then one class, use the highlight and
> > unhighlight options to add and remove those.
>
> > Jörn
>
> > On Wed, Dec 16, 2009 at 4:43 PM, Mark Livingstone <namematters...@...>wrote:
>
> > > On Dec 16, 9:59 am, Jörn Zaefferer <joern.zaeffe...@...>
> > > wrote:
>
> > > > At least post your full JS codes instead of just excerpts.
>
> > > > Jörn
>
> > >http://jsbin.com/isuco/edit
>
> > > I can e-mail you the link to my working page if that will help.
> > > Unfortunately I cannot share it here.

From forum: jQuery General Discussion

Re: Re: jquery.color.js no longer maintained?

2009-12-18T16:03:35Z

Yep, that's the one!

On Thu, Dec 17, 2009 at 8:43 PM, Dave Methvin <dave.methvin@...> wrote:

To be sure, you're talking about this plugin?

http://plugins.jquery.com/project/color

The plugins site is due to get a redesign for the jQuery 1.4 in
January and I think that will help some of the plugins that have been
neglected. Maybe we can get some people to adopt the plugins that seem
to be popular but orphaned.

--
John Arrowwood
John (at) Irie (dash) Inc (dot) com
John (at) Arrowwood Photography (dot) com
John (at) Hanlons Razor (dot) com
--
http://arrowwood.blogspot.com
Joan Crawford - "I, Joan Crawford, I believe in the dollar. Everything I earn, I spend."

From forum: jQuery General Discussion

Re: How to edit a portion of text

2009-12-18T15:39:39Z

> The code isn't really semantic, which makes it difficult to get to the
> excerpt text. If you can't differentiate the excerpt from the content
> following by extra spans then there isn't a good way to catch your
> excerpt.

I know, but sadly I have no control on it, it's just like WordPress
put out the code. :/

Anyway, I found a good solution (for good, I mean "better then no
solution", of course)

$('.hentry > p:first').addClass('excerpt').find('span').replaceWith
('hook');
var portions = $('.hentry > p:first').html();
var excerpt = portions.split('hook')[0];
var notexcerpt = portions.split('hook')[1];
$('.hentry > p:first').html("<strong>"+excerpt+"</strong>
"+notexcerpt);

Then I styled the excerpt by css with a ".excerpt strong" selector.

I am absolutely sure that jQuery/Javascript ninjas out there will
surely able to refactor it.
So, if someone would like to improve it, it would be really
appreciate.
I know it is a rough and crappy code, but, as said, better then
nothing.

From forum: jQuery General Discussion

Re: Resizable only in one direction?

2009-12-18T15:35:22Z

I had run across that and tried it... something threw me off
though.... i didn't see the indicator (corner tab looking graphic),
so i assumed it didn't work

but just trying again, i added

handles: "n, s"

and it works as desires, *except" i loose my visual icon to tell the
user they can resize, i'd be fine with the same indicator shown
without any special "handles"..... am i missing a step for that?

On Dec 18, 12:36 pm, "Richard D. Worth" <rdwo...@...> wrote:

> Check out the handles option:
>
> http://docs.jquery.com/UI/Resizable#option-handles
>
> - Richard
>
> On Fri, Dec 18, 2009 at 12:28 PM, MorningZ <morni...@...> wrote:
> > I must be going nuts as I have scoured the Demo and Documentation for
> > the Resizable functionality and cannot for the life of me figure out
> > how to make it so that the item is only resizable in one direction
>
> > I'm currently using this code since I couldn't find the "right" way to
> > do it
>
> > <div id="#div1" class="resizable">
> > <textarea></textarea>
> > </div>
>
> > <div id="#div2" class="resizable">
> > <object></object>
> > </div>
>
> > $(".resizable").each(function() {
> > var id = $(this).attr("id");
> > $(this).resizable({
> > alsoResize: "#" + id + " textarea, #" + id + " object",
> > stop: function(e, ui) {
> > $(this).width("100%");
> > var x = $(this).width();
> > $(this).find("textarea, object").width("" + (x - 26) +
> > "px");
> > }
> > });
> > })
>
> > the -26px thing is to give the enclosing/resizable <div> room for the
> > handle icon
>
> > Hopefully someone can enlighten me
>
> > --
>
> > 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@....
> > To unsubscribe from this group, send email to
> > jquery-ui+unsubscribe@...<jquery-ui%2Bunsubscribe@...>
> > .
> > For more options, visit this group at
> >http://groups.google.com/group/jquery-ui?hl=en.

From forum: jQuery UI Discussion

Re: Sliding menu elements from under the header

2009-12-18T15:12:24Z

Noone knows anything?

On 11 dec., 18:16, Bine Gorjanc <gorj...@...> wrote:

> So i want to make a menu which has links that (atleast seemingly)
> slide from under the header when hovering on their footer and retreat
> back up on mouseout. At first i though it was easy..
> i defined menu element like this (approximately):
> <div class="element">
> <div class="el_content">
> Go home
> </div>
> <div class="el_footer">
> </div>
> </div>
>
> with Jquery:
>
> $(document).ready(function(){
> $(".element:not(.active) > .el_content").hide();
>
> $(".element:not(.active)").mouseenter(function()
> {
> $(this).children(".el_content").slideDown('fast');
> });
> $(".sitelink:not(.active)").mouseleave(function()
> {
> $(this).children(".el_content").slideUp();
> });
>
> });
>
> The theory was that when the elements hide only their footer would be
> visible and would therefore be "hanging" from under the header since
> "el_content" div's height would be 0.
> However there is still space visible where "el_content" div would be
> visible. I also tried setting height explicitly to 0 but no effect.
>
> Thank you for any ideas

From forum: jQuery General Discussion

Re: onclick and jquery in the Outlook browser

2009-12-18T13:35:02Z

On Dec 18, 3:47 am, gorfbox <gorf...@...> wrote:

> I'm having a dickens of a time with something that should be easy.
> When using $("body").append to place an anchor containing an "onClick"
> statement in the html body, the code is executed and the anchor is
> shown, but the onclick doesn't work. Strangely enough, if an anchor
> with an onClick is statically placed in the html code it works fine.
>
> This only happens when using the browser shown in Outlook; Chrome and
> IE8 have no problems. Here's the code I'm using...
>
> http://pastie.org/748407

There's a long thread on the dev group [1] about the use of .attr().

I would suggest that you simply not try to use it to set event
listeners. Instead, use .bind('click', fn) or the shortcut .click
(fn).

So instead of this:

$("body").append($('<a>').attr({onClick:"alert('dynamic
test');return false"}).text("Dynamic")) ;

try something like this:

$("body").append($('<a>').click(function(){alert('dynamic
test');return false;}).text("Dynamic"));

See this for an example:

http://jsbin.com/eqiva (code http://jsbin.com/eqiva/edit)

I don't know if this will fix your Outlook issue, but I think it sets
you off in a better direction.

Good luck,

-- Scott

[1] http://tinyurl.com/ydu7hsz

From forum: jQuery General Discussion

Re: onclick and jquery in the Outlook browser

2009-12-18T13:32:27Z

Why not just use the .click() method of jQuery instead? Like this:

$(document).ready(function(){
$("body").append($('<a>').click({alert('test');return false}).text
("Dynamic")) ;
});

On Dec 18, 12:47 am, gorfbox <gorf...@...> wrote:

> Hi folks,
>
> I'm having a dickens of a time with something that should be easy.
> When using $("body").append to place an anchor containing an "onClick"
> statement in the html body, the code is executed and the anchor is
> shown, but the onclick doesn't work. Strangely enough, if an anchor
> with an onClick is statically placed in the html code it works fine.
>
> This only happens when using the browser shown in Outlook; Chrome and
> IE8 have no problems. Here's the code I'm using...
>
> http://pastie.org/748407
>
> Any help would be greatly appreciated.
>
> Gorfbox

From forum: jQuery General Discussion

Make sub menu delay before disapper

2009-12-18T13:31:04Z

Hi all!

So I have this simple sub menu with Jquery.

The problem is that the child menu is like 2px below the parent, so
when the submenu appears I have to be very fast to mouseover it or
else it will disapper.

The sub menu is absolute positioned and I can't change that right now.

So how can I make the sub menu, once activated, stay like 1 second
before disappearing?

Here's the code:
(#community is the id of the <li> with a second level <ul>)

$("#community").mouseover( function() {
$(this).children("ul").css("display","block").animate({opacity:
1.0}, 3000);
}).mouseout( function() {
$(this).children("ul").animate({opacity: 1.0}, 3000).css
("display","none");
});

Note that I tried to use the animate for this but with no success.

Any ideas? Please any help is appreciated.

From forum: jQuery General Discussion

Usage of CSS Classe ui-widget

2009-12-18T12:57:24Z

Hello,

I'm trying to use the CSS classes from JQuery UI to style my page but
it seems like the out of the box fonts and sizes are very large.

As example, I apply the ui-widget class to a fieldset and then all of
the widgets (input, select, etc) are then changed based upon the ui-
widget class. They add a nice look to the contained controls, but
everything is huge.

Even if I don't use the ui-widget class and just try to use the
datepicker. The datapicker seems to be extremely huge. I realize I
can change these sizes myself, but I was thinking maybe I was missing
something as the default sizes are way big and maybe there is
something else I need to do.

Looking at the JQuery demo page that I downloaded, the font/controls
seem normal size in there but there is this in the body style:

font: 62.5%

which might be reducing everything.

Any help would be great. 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-ui@....
To unsubscribe from this group, send email to jquery-ui+unsubscribe@....
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.

From forum: jQuery UI Discussion

Re: Tab Switcher problem

2009-12-18T12:51:40Z

both

ui.base.css
and
ui.theme.css

throw 404 not found...

using a tool like Firebug (http://www.getfirebug.com) makes this a 2
second job to discover :-)

On Dec 18, 9:32 am, William <utopicstud...@...> wrote:

> Hi everyone, I am trying to get the demo no jquery, where the Tabs
> automatically switch without changing URL's.
> Here is the link to the demo I am trying to recreate.http://jqueryui.com/demos/tabs/
>
> Here is the url to the page where I am trying to recreate the demo onhttp://www.mdplusclinic.com/test2.php
>
> I included all of dependent jquery library, source code, and CSS files
> for the demo, and I still cant get it to work! arrrg!
>
> I can find what I am doing wrong arrrg!
>
> Thanks Will-

From forum: jQuery General Discussion

Re: Need help with image slideshow effect

2009-12-18T12:33:09Z

Sorry for the double post, just forgot to add the code.

From forum: jQuery General Discussion

Need help with image slideshow effect

2009-12-18T12:31:15Z

I'm trying to do a simple image slideshow similar to what you see
here: http://www.okadirect.com/

When the image changes, I want there to be that sort of "flash" effect
that fades out to reveal the image.

Looking around on the jquery website, I found this
http://docs.jquery.com/UI/Effects/Highlight, which seems to be the
effect I'm looking for, but I can't figure out how to implement it to
my existing slideshow script (which I got from here:
http://jonraasch.com/blog/a-simple-jquery-slideshow

The slideshow script from that website uses a fade in transitioning
effect between the images, which is nice and all, but I've really been
spending hours trying to figure out how to implement that highlight/
flash effect into it.

So, as you can clearly see, I have no javascript experience and any
help would be really really appreciated. It seems like such a simple
thing to do but I can't figure it out.

My current script:

JS

function slideSwitch() {
var $active = $('#slideshow IMG.active');

if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

// use this to pull the images in the order they appear in the
markup
var $next = $active.next().length ? $active.next()
: $('#slideshow IMG:first');

// uncomment the 3 lines below to pull the images in random order

// var $sibs = $active.siblings();
// var rndNum = Math.floor(Math.random() * $sibs.length );
// var $next = $( $sibs[ rndNum ] );

$active.addClass('last-active');
$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1000, function() {
$active.removeClass('active last-active');
});
}

$(function() {
setInterval( "slideSwitch()", 3000 );
});

CSS

#slideshow {
position:relative;
height:350px;
margin-left: 260px;
}

#slideshow IMG {
position:absolute;
border: 5px solid #B99E75;
height: 400px;
width: 500px;
top:0;
left:0;
z-index:8;
}

#slideshow IMG.active {
z-index:10;
}

#slideshow IMG.last-active {
z-index:9;
}

From forum: jQuery General Discussion

Re: Re: attr() is still very broken in 1.4a1

2009-12-18T12:30:07Z

> What about (i)frames?

In that case just use the jQuery inside the (i)frame. I'm fine punting
on that as well. Optimized for the very-most-common case.

--John

--

You received this message because you are subscribed to the Google Groups "jQuery Development" group.
To post to this group, send email to jquery-dev@....
To unsubscribe from this group, send email to jquery-dev+unsubscribe@....
For more options, visit this group at http://groups.google.com/group/jquery-dev?hl=en.

From forum: jQuery Dev List

Re: Re: About the group

2009-12-18T12:20:27Z

Not yet - will have something up for testing very soon.

--John

On Fri, Dec 18, 2009 at 3:15 PM, Steven Black <steveb@...> wrote:

> Any way to test-drive this before it goes live? Mostly just curious.
>
> **--** Steve
>
> On Dec 18, 12:05 am, John Resig <jere...@...> wrote:
>> We've already exported all the data and we're in the process of
>> putting together the final details of our new solution (we're
>> switching to Zoho Discussion). We're planning on making the switch
>> over the holiday break and will make the final push on Jan. 4th. We'll
>> have plenty more details when we get closer to the final switch.
>>
>> --John
>>
>> On Thu, Dec 17, 2009 at 8:33 PM, Julian Aubourg
>>
>> <aubourg.jul...@...> wrote:
>> > I was browsing John's blog (because I sometimes like a good read) and I came
>> > upon this post I hadn't seen before:
>> >http://ejohn.org/blog/google-groups-is-dead/
>>
>> > First of all, thanks to all those that moderate this list and the others (I
>> > wasn't aware of the nightmare behind). I was curious, though, as to the
>> > state of the migration. Where, what, when? Just being curious after a
>> > looooooong day of work.
>>
>> > --
>>
>> > You received this message because you are subscribed to the Google Groups
>> > "jQuery Development" group.
>> > To post to this group, send email to jquery-dev@....
>> > To unsubscribe from this group, send email to
>> > jquery-dev+unsubscribe@....
>> > For more options, visit this group at
>> >http://groups.google.com/group/jquery-dev?hl=en.
>>
>>
>
> --
>
> You received this message because you are subscribed to the Google Groups "jQuery Development" group.
> To post to this group, send email to jquery-dev@....
> To unsubscribe from this group, send email to jquery-dev+unsubscribe@....
> For more options, visit this group at http://groups.google.com/group/jquery-dev?hl=en.
>
>
>

--

You received this message because you are subscribed to the Google Groups "jQuery Development" group.
To post to this group, send email to jquery-dev@....
To unsubscribe from this group, send email to jquery-dev+unsubscribe@....
For more options, visit this group at http://groups.google.com/group/jquery-dev?hl=en.

From forum: jQuery Dev List

Need help with image slideshow effect

2009-12-18T12:16:14Z

From forum: jQuery General Discussion

Re: About the group

2009-12-18T12:15:59Z

Any way to test-drive this before it goes live? Mostly just curious.

**--** Steve

On Dec 18, 12:05 am, John Resig <jere...@...> wrote:

> We've already exported all the data and we're in the process of
> putting together the final details of our new solution (we're
> switching to Zoho Discussion). We're planning on making the switch
> over the holiday break and will make the final push on Jan. 4th. We'll
> have plenty more details when we get closer to the final switch.
>
> --John
>
> On Thu, Dec 17, 2009 at 8:33 PM, Julian Aubourg
>
> <aubourg.jul...@...> wrote:
> > I was browsing John's blog (because I sometimes like a good read) and I came
> > upon this post I hadn't seen before:
> >http://ejohn.org/blog/google-groups-is-dead/
>
> > First of all, thanks to all those that moderate this list and the others (I
> > wasn't aware of the nightmare behind). I was curious, though, as to the
> > state of the migration. Where, what, when? Just being curious after a
> > looooooong day of work.
>
> > --
>
> > You received this message because you are subscribed to the Google Groups
> > "jQuery Development" group.
> > To post to this group, send email to jquery-dev@....
> > To unsubscribe from this group, send email to
> > jquery-dev+unsubscribe@....
> > For more options, visit this group at
> >http://groups.google.com/group/jquery-dev?hl=en.
>
>

From forum: jQuery Dev List

Re: Re: attr() is still very broken in 1.4a1

2009-12-18T12:03:07Z

# jeresig@... / 2009-12-18 12:52:08 -0500:
> I read through the thread again last evening, and mulled it over last
> night, and I now agree that there is just too much room for confusion

Thanks for the consideration! IMO (and from my experience) .attr is
needlessly magic and inconsistent (esp. Matt's point regarding readonly
is spot on).

> More importantly though, the functionality is now exposed as a
> quick-setter for newly-created DOM elements, like so (which is,
> ultimately, the result I was trying to achieve with the .attr()
> changes anyway):
> $("<div>", { height: 10, html: "...", id: "test", click: fn })
>
> Note that the above doesn't take a context, thus it only works on the
> current document (which is fine, since we wouldn't want to use the
> method setters on non-HTML documents anyway),

What about (i)frames?

--
Roman Neuhauser

--

You received this message because you are subscribed to the Google Groups "jQuery Development" group.
To post to this group, send email to jquery-dev@....
To unsubscribe from this group, send email to jquery-dev+unsubscribe@....
For more options, visit this group at http://groups.google.com/group/jquery-dev?hl=en.

From forum: jQuery Dev List

jQuery UI dialog and Ruby on Rails searching

2009-12-18T11:51:49Z

Hello all,
I'm looking to perform a search via dialog box and return the results
within the box. I'm currently working in the Ruby on Rails platform.
I can get the dialog box to open and display a search field and
button. My next step is to do the search and return the results to
the open dialog box.

Thank you for any and all help on this.

JohnM

--

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@....
To unsubscribe from this group, send email to jquery-ui+unsubscribe@....
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.

From forum: jQuery UI Discussion

Link a Tab from another Tab

2009-12-18T11:40:28Z

Hi all,
I'm new into jQuery UI.
I'm trying to add a link in a tab that points to another tab. Here is
an example :

<div id="tabs">
<ul>
<li><a href="#Home">Home</a></li>
<li><a href="#My_preferences">My Preferences</a></li>
</ul>

<div id="Home">
<p> <a href="LINK TO PREFERENCES TAB">My Preferences</a></
p>
</div>

<div id="My_preferences">
<p>Some preferences</p>
</div>
</div>

how can do that that with jQueryUI ?

Thank you very much !

--

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@....
To unsubscribe from this group, send email to jquery-ui+unsubscribe@....
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.

From forum: jQuery UI Discussion

Traversing down

2009-12-18T10:39:17Z

I would like to have Traverse Down and It self Traversing function in
jQUery how can I make that
as you all know we have Closest which is traversing up and includes it
self...

this is what I have
$(event.target).find('> a:not(.active)');
the problem occurs when the event.target is the actual link .
so any one has an idea an, thanks !!!

From forum: jQuery General Discussion

Why won't the code below work with IE 6

2009-12-18T10:37:15Z

I am new to jQuery development and the code below just will not work
in IE6.
(a) The new checkboxes will not check
(b) The function is able to update the 'id' values but not the 'name'
for the new input fields being created.

Mozilla works fine with all this. What am I doing wrong? Any help will
be greatly appreciated.

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">
$("document").ready(function(){
$("input[id^='button-']").bind("click", copyOnClick);
});

function copyOnClick(){
var idSplit = this.id.split("-");
var newSequenceNumber = parseInt(idSplit[1]) + 1;

var closestTableRow = $(this).parent().parent().get(0);
var newRow = $(closestTableRow).clone(true);

newRow.find("input[id^='button-']").attr("id", "button-" +
newSequenceNumber);

newRow.find("input[id^='text-']").attr("id", "text-" +
newSequenceNumber);
newRow.find("input[id^='text-']").attr("name", "text-" +
newSequenceNumber);
newRow.find("input[id^='text-']").attr("value", "dummy");

newRow.find("input[id^='check-']").attr("id", "check-" +
newSequenceNumber);
newRow.find("input[id^='check-']").attr("name", "check-" +
newSequenceNumber);
newRow.find("input[id^='check-']").attr("value", "cBox");
newRow.find("input[id^='check-']").attr("checked", "checked");

//Add listener to the new add button
newRow.find("input[id^='button-']").bind("click", copyOnClick);

//Insert new row
$(newRow).insertAfter($(closestTableRow));
}
</script>
</head>
<body>
<form id="myForm" name="myForm">
<table>
<tr>
<td><input id="button-0" type="button" value="Add" /></td>
<td><input id="text-0" name="text-0" type="text" value="" /></td>
<td><input id="check-0" name="check-0" type="checkbox"
value="cBox" /></td>
</tr>
</table>
</form>
</body>
</html>

--

You received this message because you are subscribed to the Google Groups "jQuery Development" group.
To post to this group, send email to jquery-dev@....
To unsubscribe from this group, send email to jquery-dev+unsubscribe@....
For more options, visit this group at http://groups.google.com/group/jquery-dev?hl=en.

From forum: jQuery Dev List

Draggable buttons and other input methods?

2009-12-18T10:10:35Z

Hi,

I've been working on a custom UI for an application, and to prevent me
having to deal with every crazy user request for layout changes, made
it customisable.

Works fine for divs etc, I can layout the the various objects that
make up the UI, click my edit button that makes anything that needs to
be draggable, draggable and then save the positions to a database for
the next time the user pulls up that form.

Except ... textareas, buttons and input fields all seem to be a
problem ... wrapping them in a <div> block produces a div that is the
same size as the button, so you still can't get a handle to drag it
with ... I suppose I could pad out the div and click just off the side
of the button to drag, but then it would be tricky to know which
button you were about to pick up when trying to move one button in a
block of buttons ...

has anyone else got dragging to work on buttons? I suspect the button
is stealign focus ... but i don't really know.

--

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@....
To unsubscribe from this group, send email to jquery-ui+unsubscribe@....
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.

From forum: jQuery UI Discussion