[jQuery] Re: calling all jQuery Safari wizards!
some time ago i started a rewrite of the lightbox plugin for jquery
and i encountered the same problem.
strangely, safari doesn't support the Image() function in a way, that
it creates a new DOM-Element for you.
the solution was not to use the javascript Image() function but use
img = document.createElement('img') and work with that.
cheers
lukas
Am 04.10.2007 um 10:34 schrieb bytte:
I have made a very basic slideshow, with help from this list, that
looks for images in a database, then displays them. Here's the link:
http://www.sum.be/project/item.php?item=14&ID=39〈=1 (navigate
through the pics by using the small arrows to the right of the
picture)
It works ok in all tested browsers (ff mac/win, ie, opera mac/win),
yet not on safari (mac+win).
As you'll see there's a problem with the fadeIn/fadeOut resulting in a
blank space where the picture should reside.
Here's the code I use to make the old picture fadeOut and the new one
fadeIn:
function showNewPic(json,lang) {
var img = new Image();
img.onload = function(){
$('.jq_loading').hide();
$('.projectpic').fadeOut("fast",function() {
$('.projectpic').attr({ src: "../layout/images/
uploads/"+json.picture, id: "jq_" +json.item_ID+ "_" +json.menu_een_ID
+ "_" +json.menu_twee_ID+ "_" +lang+ "_" +json.ID, alt:
json.alt }).fadeIn("fast");
});
}
img.src = "../layout/images/uploads/"+json.picture;
}
Any idea why it fails in Safari? The Safari Javascript console gives
me no errors whatsoever.
(sorry for the double post - topic was here already a week ago, but
i'm desperate)
[jQuery] Re: Animating scrollLeft
Two links that might help as well. http://www.learningjquery.com/2007/09/animated-scrolling-with-jquery-12 http://blog.viget.com/team-viget-under-the-hood/ Cheers, George. On Aug 13, 1:27 am, interfaced <[EMAIL PROTECTED]> wrote: > Is there a way to take this scrolling functionality and use it as a > plugin? I can't seem to find out where the functions for scrolling the > page are in this example: > > http://docs.jquery.com/JQuery_1.2_Roadmap#Animating_scrollLeft.2Fscro... > > Any help would be much appreciated
[jQuery] Loading image with $.get()?
I'm working on a sample gallery viewer app with 3 panes. Left = gallery listing, middle = album listing, and the far right = image viewer. I'm loading in the contents of each using jQuery. I've finally gotten to the far right one and I'm trying to load in the image using a get() call and it's not working. In Firefox I get the following error: [Exception... "'Permission denied to call method XMLHttpRequest.open' when calling method: [nsIDOMEventListener::handleEvent]" nsresult: "0x8057001e (NS_ERROR_XPC_JS_THREW_STRING)" location: "" data: no] Line 0 The image lives on Google's Picasa servers. Is there any way around this?
[jQuery] Re: [Site Submission]: nbc.com
Very good... thanks, Joel... Rick -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Joel Birch Sent: Thursday, October 04, 2007 11:33 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: [Site Submission]: nbc.com On 10/5/07, Rick Faircloth <[EMAIL PROTECTED]> wrote: > So, superfish can do those large drop-down, across the page menus? > Rick Yes, the types of menu that Superfish can power is is not limited to the few demonstrations I show with the documentation. If you have the CSS skills, you can create new types of menu and have Superfish apply it's functionality to them. Basically, if you can create a menu using pure CSS hovers in Firefox, then you can easily progressively enhance it with Superfish functionality. I find it hard to get that point across sometimes, so examples like at nbc.com are great for demonstrating it. Joel Birch.
[jQuery] Re: [Site Submission]: nbc.com
On 10/5/07, Rick Faircloth <[EMAIL PROTECTED]> wrote: > So, superfish can do those large drop-down, across the page menus? > Rick Yes, the types of menu that Superfish can power is is not limited to the few demonstrations I show with the documentation. If you have the CSS skills, you can create new types of menu and have Superfish apply it's functionality to them. Basically, if you can create a menu using pure CSS hovers in Firefox, then you can easily progressively enhance it with Superfish functionality. I find it hard to get that point across sometimes, so examples like at nbc.com are great for demonstrating it. Joel Birch.
[jQuery] Re: [Site Submission]: nbc.com
So, superfish can do those large drop-down, across the page menus? Those are nice...I've never been a fan of drop-down or fly-out menus because I've noticed too many people having trouble remembering how to drill down to where they saw something. So I've always stuck to the traditional left-column menu. However, I do see a lot of potential in the full-size drop down layer that gives a ton of choices. It limits the drill down to one step, which I think it preferable. Rick -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Joel Birch Sent: Thursday, October 04, 2007 11:02 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: [Site Submission]: nbc.com On 10/5/07, Karl Swedberg <[EMAIL PROTECTED]> wrote: > They appended a few plugins to the core jquery file and packed them, so I > couldn't tell exactly what else was being used. > --Karl Thanks Karl! I found it in with the packed jQuery core and a bunch of other plugins, some packed (tabs, shadow, cycle) and some not (cookie, superfish, hint), at this address: http://www.nbc.com/assets/js/global/jq.js :) Joel Birch.
[jQuery] Re: JQuery AJAX with .NET - Limitations
Unfortunately, .so far as I know, .NET doesn't let you post to a user
control.
For what it's worth, the .NET projects I've done with jQuery used a separate
ashx page to handle all ajax requests.
I created an IHttpHandler, mapped it in the web.config file, and in that
handler applied the various security restrictions, processed the requests
and returned the results in JSON formatting.
Not to say this is the best way to deal with it, it's just the one that I
chose, and I found it very easy to develop for .NET that way.
JK
- Original Message -
From: "AndyP" <[EMAIL PROTECTED]>
To: "jQuery (English)"
Sent: Thursday, October 04, 2007 10:31 AM
Subject: [jQuery] JQuery AJAX with .NET - Limitations
I noticed the following problem in using jquery AJAX with .NET:
NOTE: I don't have the below problems if I use AjaxPro, just wanted to
do
the same with JQuery. Is this is possible, or should I just stick with
AjaxPro.
1) Cannot return a Datatable to the callback function
[AjaxPro.AjaxMethod()]
public System.Data.DataTable GetTestCaseById(int Id)
{
objTestCase.TestCaseCode = Id;
return
objTestCase.GetTestCaseById(objTestCase).Tables[0];
}
var ResDataTable=Bubya.TestCase.GetTestCaseById(Id).value;
if(ResDataTable!=null){
$('#testcase').value=ResDataTable.Rows[0]
["testcase_summary"];
}
2) Cannot post to a user control
$(document).ready(function() {
$.post( "wucPeopleList.ascx",
{ call_type: 'UpdateAccessRights',
user_code: UserCode
},
function(response){
}
);
}
);
[jQuery] show/hide FAQ - simplify my code?
http://www.mredesign.com/demos/jquery-show-hide/#thedemo got it working just the way I wanted (thanks, Glen!) I wrote out these rules long hand as I went through the creation/learning process, but I am sure there are several ways I could compact this to fewer lines. Anybody want to have a shot at simplifying / combining rules, just for the sake of example? The code for my setup is below the demo on that same page Only a few weeks in and I am really digging the power of jQuery... and the community that seems to exist around it. jQuery is just so ... usable! ( If a js-idiot like me can build something like this after just a few tutorials, the buzz is true, jQuery will be unstoppable. ) -- Michael Evangelista, Evangelista Design Web : www.mredesign.com Newsgroups: news://forums.mredesign.com Blog : www.miuaiga.com --
[jQuery] Re: noob: input field focus help
On 10/4/07, crybaby <[EMAIL PROTECTED]> wrote:
>
> I tried the following code, and I don't get the cursor to blink in
> input text field. Any idea why is that?
>
>
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
> http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
>
>
>
> $(document).ready(function(){
> $('[EMAIL PROTECTED]"text"]')[0].focus();
> });
>
>
>
>
> http://jquery.com/";>jQuery
>>
>
>
>
>
try
$("#dummy1").focus();
It's simpler and easier to figure out in three weeks.
[jQuery] Re: [Site Submission]: nbc.com
On 10/5/07, Karl Swedberg <[EMAIL PROTECTED]> wrote: > They appended a few plugins to the core jquery file and packed them, so I > couldn't tell exactly what else was being used. > --Karl Thanks Karl! I found it in with the packed jQuery core and a bunch of other plugins, some packed (tabs, shadow, cycle) and some not (cookie, superfish, hint), at this address: http://www.nbc.com/assets/js/global/jq.js :) Joel Birch.
[jQuery] Re: jQuery newsgroups? (nntp)
tEsTiNg Is this thing on... ? -- -- "MichaelEvangelista" <[EMAIL PROTECTED]> wrote in message news:[EMAIL PROTECTED] Odd, I can read the group fine with my newsreader but am getting bounce messages from my post, saying I have to join the group to post. I'll try deleting the account and rejoining On Oct 3, 10:34 am, RealET <[EMAIL PROTECTED]> wrote: * MichaelEvangelista tapuscrivait, le 03/10/2007 17:44:> Is there an NNTP jQuery group out there somewhere? > Are there any other forums or discussion groups other than this one, > with equal or higher traffic? > I find rapid-fire user groups to be the best possible asset for my way > of deciphering new stuff... and I'm soaking up jQuery as fast as time > will allow! news.gmane.org: gmane.comp.lang.javascript.jquery -- RealET
[jQuery] Re: Noob click-change-click question re. parent class rules
I was thinking toggle() would always do the first function on the first
click, even if the class is already in place.
i.e. clicking on p.selected in the DOM would give you a null click the first
time with this example. Is that right?
I was able to get what I needed by using toggle() on the show-hide element
itself, which apparently shows a hidden element and hides a shown one on the
first click.
*totally* making it up as I go along, somewhat like running with very sharp
javascript scissors.
8-)
--
--
"Glen Lipka" <[EMAIL PROTECTED]> wrote in message
news:[EMAIL PROTECTED]
You probably should explore using the toggle() function.
$("p").toggle(function(){
$(this).addClass("selected");
},function(){
$(this).removeClass("selected");
});
This allows you to easily distinguish the odd and even actions.
Glen
On 10/3/07, MichaelEvangelista <[EMAIL PROTECTED]> wrote:
I've been going through various tutorials and demos of jQuery, and
finding my way fairly well, at least with the basics.
To work my way through a few concepts , I put up a quick demo of a
show/hide Faq-type system
http://www.mredesign.com/demos/jquery-show-hide/
but as I did so, I had a question about changing classes that I'm
hoping someone here can explain
In this demo, I initially had any sibling element as clickable - so
that any other element inside the 'offDiv' or 'onDiv' container would
work to show or hide the 'show-hide' div, not just the little link
button - and the heading div worked great.. but only for one click. I
wanted to click the header (this worked), which would change the class
of the container (this als worked), and then click again to close the
box under rule for new parent class (this did not work).
I was referencing the element by the parent container '.offDiv
.faqTitle' to open and change parent to 'offDiv', or '.onDiv
.faqTitle' to close and change parent to 'onDiv'.
Both worked, but even though the parent class was changed, I could not
click again for the opposite option. I understand I can use 'toggle',
but was trying to get at it another way, using a method I've needed
other places as well.
I was under the impression I could change the class of the parent with
a click, and then access the rule for a child of the new parent
class.. but this does not seem to work as expected, almost like the
browser needs a kick to refresh the DOM.
I also had a 'show all' link which worked great - changing the class
of all the current 'offDiv' containers to 'onDiv' which allowed them
to be shown. But, like the above, even though the parent class was
changed, I had to click twice on the button of a previously closed div
to get it to close again.. somewhere, obviously, I am missing how this
is supposed to work.
The button links in my example seem fine, since they are actually two
separate elements being shown/hidden depending on parent class. But..
what would be the correct way to let an element
"click - change parent class - be affected by new rule under new
parent - click again" ?
Does it have to do with the order in which I call these functions?
Is there some way to say 'hey! get the new DOM!' after something is
clicked or changed?
I hope this makes some kinda sense.
[jQuery] Re: [Site Submission]: nbc.com
Hey, Congrats on that, Joel! They appended a few plugins to the core jquery file and packed them, so I couldn't tell exactly what else was being used. Very, very cool! --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Oct 4, 2007, at 10:40 PM, Joel Birch wrote: On 10/5/07, Steve Finkelstein <[EMAIL PROTECTED]> wrote: Dang, I really like the mouseover menu they have on their landing page. Is that just simple CSS? Wow, that menu uses my Superfish plugin! What a thrill to see it hit the big time :) Joel Birch.
[jQuery] Re: firebug error: $ is not defined
When you get that error in Firebug, it's almost always because the
jquery.js file has not been included or your reference to it is
pointing to the wrong location. Take a look at "Setting up the HTML
Document" beginning on page 8, especially this part on page 10:
After the stylesheet is referenced, the JavaScript files are
included. It is important
that the script tag for the jQuery library be placed before the tag
for our custom
scripts; otherwise, the jQuery framework will not be available when
our code
attempts to reference it.
If you're still having problems after checking that out, let us know.
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Oct 4, 2007, at 3:48 PM, crybaby wrote:
I just got the Learning jQuery book from amazon delivered yesterday.
I am trying out the first chapter. When add the alice.js on the html
file and open it into the browser, I get this error in firebug:
$ is no defined
my alice.js file has the following content:
$(document).ready(function() {
$('.poem-stanza').addClass('emphasized');
});
any suggestions to fix it and emphasize is not working as claimed by
the book (no boxes..etc)?
[jQuery] Re: jQuery newsgroups? (nntp)
Odd, I can read the group fine with my newsreader but am getting bounce messages from my post, saying I have to join the group to post. I'll try deleting the account and rejoining On Oct 3, 10:34 am, RealET <[EMAIL PROTECTED]> wrote: > * MichaelEvangelista tapuscrivait, le 03/10/2007 17:44:> Is there an NNTP > jQuery group out there somewhere? > > Are there any other forums or discussion groups other than this one, > > with equal or higher traffic? > > > I find rapid-fire user groups to be the best possible asset for my way > > of deciphering new stuff... and I'm soaking up jQuery as fast as time > > will allow! > > news.gmane.org: gmane.comp.lang.javascript.jquery > > -- > RealET
[jQuery] Re: [Site Submission]: nbc.com
On 10/5/07, Steve Finkelstein <[EMAIL PROTECTED]> wrote: > Dang, I really like the mouseover menu they have on their landing > page. Is that just simple CSS? Wow, that menu uses my Superfish plugin! What a thrill to see it hit the big time :) Joel Birch.
[jQuery] Re: firebug error: $ is not defined
crybaby,
Two questions:
Did you include the jquery core file? ie. jquery-1.2.1.js or
jquery-1.2.1.pack.js
Is the path to the file correct?
On 10/4/07, crybaby <[EMAIL PROTECTED]> wrote:
>
>
> I just got the Learning jQuery book from amazon delivered yesterday.
> I am trying out the first chapter. When add the alice.js on the html
> file and open it into the browser, I get this error in firebug:
>
> $ is no defined
>
>
> my alice.js file has the following content:
>
> $(document).ready(function() {
> $('.poem-stanza').addClass('emphasized');
> });
>
> any suggestions to fix it and emphasize is not working as claimed by
> the book (no boxes..etc)?
>
>
--
Benjamin Sterling
http://www.KenzoMedia.com
http://www.KenzoHosting.com
http://www.benjaminsterling.com
[jQuery] Re: $("#id").get() vs getElementByID()
I meant to say:
"get()" (without a number argument) will return _all_ the results in an
array, regardless of whether there is 1 or 200 results in the jQuery
object.
Karl Rudd
On 10/5/07, Karl Rudd <[EMAIL PROTECTED]> wrote:
> Try:
> var doodad = $("#plasma").get(0);
> or
> var doodad = $("#plasma")[0];
>
> "get()" (without a number argument) will return the results in an
> array, regardless of whether there is 1 or 200 results in the jQuery
> object.
>
> Karl Rudd
>
> On 10/5/07, Mark Lacas <[EMAIL PROTECTED]> wrote:
> >
> > Hello,
> >
> > This works when calling an external javascript library:
> >
> > var doodad = document.getElementById("plasma");
> > Drag.init( doodad );
> >
> > And this doesn't:
> >
> > var doodad = $("#plasma").get();
> > Drag.init( doodad );
> >
> > They both return [object HTMLDivElement]
> >
> > Am I missing something?
> >
> > Thanks,
> > ml
> >
> >
>
[jQuery] Re: $("#id").get() vs getElementByID()
Try:
var doodad = $("#plasma").get(0);
or
var doodad = $("#plasma")[0];
"get()" (without a number argument) will return the results in an
array, regardless of whether there is 1 or 200 results in the jQuery
object.
Karl Rudd
On 10/5/07, Mark Lacas <[EMAIL PROTECTED]> wrote:
>
> Hello,
>
> This works when calling an external javascript library:
>
> var doodad = document.getElementById("plasma");
> Drag.init( doodad );
>
> And this doesn't:
>
> var doodad = $("#plasma").get();
> Drag.init( doodad );
>
> They both return [object HTMLDivElement]
>
> Am I missing something?
>
> Thanks,
> ml
>
>
[jQuery] thumbnails in jCarousel inquiry
Hi all, My thumbnails in jCarousel are distorting the aspect ratio of my photos. Here's an example: http://www.f1autoimports.com/inventory/single/11 Would anyone be kind enough to tell me how I can re-adjust the default size to make this look more 'proper' per se? Thanks. :-) - sf
[jQuery] Ajax Idea: Would like some feedback
I develop a tchat in ajax and needed to save some space in the json
that comes back from the server, so instead of sending messages like
[Name:Value,Name:Value,..] which can get quite big if you return a
collection of 50-100 users with lots of info, i wanted something more
like [Value,Value,Value] but still be able to acess the object in a
normal way, and came up with this:
//Simulate the json object
var ref_data = {value:[["Marcel",31,"Paris"],["Karl",
15,"Germany"]],ref:["Name","Age","City"]};
// Function to merge a value collection and a ref
// table back to a name/value collection
function ObjMerge(obj){
var out = [];
$.each(obj.value, function(i, o){
out[i] = [];
$.each(obj.ref, function(ii, oo){
out[i][oo] = o[ii];
});
});
return out;
}
// Merge the json response
var users = ObjMerge(ref_data);
// test it out!
// could use this too: users[xx].Field
$.each(users, function(i,n){
alert("Name: "+n.Name+", Age: "+n.Age+", City: "+n.City);
});
I'm no pro in javascript so if anyone sees something that could go
wrong or be done better, feel free to suggest !
Thank's,
Robert
[jQuery] Re: Superfish Menu Problems - white space
Thanks a ton! It works great. On Oct 4, 12:12 pm, "Joel Birch" <[EMAIL PROTECTED]> wrote: > Hi Ryura, > > I have to be quick because I am supposed to be asleep, but basically: > > 1) remove the left padding on .nav li ul > 2) change any value that is 9.45em or 7.45em to read: 160px. This is > because you are using 160px wide images instead of text so you want a > fixed unit of measurement for the widths and left offset. Ems were > used with text links in mind so that the design scaled up when the > font is scaled by the user. > > I've tested these changes and they do fix your issues. Good luck. > > Joel Birch.
[jQuery] Re: Flash and jQuery
Interesting, I googled up and found an example of this:
http://www.quirksmode.org/js/flash_call.html
Not jQuery as such in the demo, but any function you write can refer
to jQuery.
On Oct 5, 8:10 am, "Sam Sherlock" <[EMAIL PROTECTED]> wrote:
> your flash would need to be wmode=transparent
>
> and you'd need to call a javascript function from within flash that in turn
> calls the grey box function
>
> since jquery applies the onclick event to all anchors with a class of
> greybox you'll need simluar code inside you function that you call from
> flash.
>
> getURL('javascript:callGreyboxFromFlash()');
>
> - S
>
> On 04/10/2007, njsuperfreak <[EMAIL PROTECTED]> wrote:
>
>
>
> > Can Flash communicate with jQuery? I would like to use flash to
> > interact with jQuery like opening up a dialogbox using the greybox.js
> > plugin. How would I go about doing that any ideas?
>
> > The code is activated by the class="greybox"
[jQuery] Re: calling all jQuery Safari wizards!
Thanks for the tip John. On 4 okt, 18:48, "John Beppu" <[EMAIL PROTECTED]> wrote: > You might want to get on irc and ask on #webkit on irc.freenode.net . > > On 10/4/07, bytte <[EMAIL PROTECTED]> wrote: > > > It works ok in all tested browsers (ff mac/win, ie, opera mac/win), > > yet not on safari (mac+win). > > > Any idea why it fails in Safari? The Safari Javascript console gives > > me no errors whatsoever. > > (sorry for the double post - topic was here already a week ago, but > > i'm desperate)
[jQuery] Re: jQuery Datagrid Plugin v.7
@Sharique
Yes, it'll work with .NET (just create an aspx page that spits out a
table as per the instrux), and set the 'url' param accordingly in the
options. Remember, ingrid's just making an ajax call to some more
HTML. Something like this will work:
$(document).ready(
function() {
$("#table1").ingrid({
url: 'myPage.aspx',
height: 350
});
}
);
---
@Saidur
Think you found a little easter egg - that 'remote.html' shouldn't be
in the actual plugin, it should be set as part of the setup
Regardless, I should include a sample remote.html file in the
download. I'll send around an update when these changes are in.
Cheers!
---
@Guy
Yes, you can use ingrid to style inline tables if you want. In the
options, you'll want to set paging:false, sorting:false
---
@Shawn
Yep, good call, i'm working on it. The goal here is to have a
datagrid in the jQ UI toolbax that's up to snuff with the likes of EXT
and YUI. We've got some traction on that front, a couple people have
offered to help. Let me know if you're in.
---
Cheers all,
Matt
On Oct 4, 2:33 pm, Sharique <[EMAIL PROTECTED]> wrote:
> Really nice work.
> Did it works will asp.net as well?
>
> On Oct 4, 3:15 am, reconstrukt <[EMAIL PROTECTED]> wrote:
>
> > Hey all,
>
> > I just released Just finished the initial release of my datagrid
> > plugin. I named her Ingrid. :)
>
> > Features in this release:
>
> > - resizable columns
> > - paging toolbar
> > - sorting (server-side)
> > - row & column styling
>
> > The goal here is to give jQuery a robust, native datagrid that's up to
> > snuff with those found in the EXT or YUI libraries.
>
> > Check it out here:http://www.reconstrukt.com/ingrid/
>
> > Thanks much
> > Matt
[jQuery] Re: Snippet of calculation between two date/time
I have a plugin available on my site that is meant for working with
dates. http://grover.open2space.com/node/157.
The docs are a little rough, and there have been a couple minor reported
issues. But otherwise the date manipulation code works good. I
wouldn't use the popup calendar that's in there - there are much better
options out there now. But I haven't yet seen the date manipulation
stuff anywhere else (other than non-jq libraries like Matt Kruse's)
Ignoring that, what are you trying to do with your dates? Add/subtract
them? In that case dates are stored as integers. So convert the dates
to their integer with the .getTime() method, then do your calculations.
i.e.
var x = CurrentDate.getTime() - MyBirthDate().getTime();
var days = x / 1000 / 60 / 60 / 24;
// that's 1000 milliseconds in a second,
// 60 seconds in a minute
// 60 minutes in an hour
// 24 hours in a day.
// Adjust this math to get the value you want.
alert("I've been alive for " + days + " days!");
Or using my plugin you can do something like this:
var d = $("#mytextboxID").dateDiff("unit", date);
the variable "d" would then be the number "units" between the two dates
(assuming the referenced textbox holds a date)
HTH
Shawn
Estevão Lucas wrote:
> HI,
>
> I know that I'm on jQuery's discussion list, but I'm tired of search
> for this.
> What i would like to know is if someone have a snippet of calculation
> between two complete dates (year,month,day,hour,minutes and seconds)
>
> Regards
>
[jQuery] $("#id").get() vs getElementByID()
Hello,
This works when calling an external javascript library:
var doodad = document.getElementById("plasma");
Drag.init( doodad );
And this doesn't:
var doodad = $("#plasma").get();
Drag.init( doodad );
They both return [object HTMLDivElement]
Am I missing something?
Thanks,
ml
[jQuery] Re: Problem with binding mouseout to only parent div
I don't know what's up with these groups but none of my replies are
getting posted...
Joel,
I took a look at your code and your use of the timeout function was
exactly what I needed. Thank you.
Wizzud,
Thanks for pointing out my mess between parent and children. I
scratched that whole thing.
If you guys are interested, here's my menu code:
$(document).ready(function(){
expandmenu(currenttab);
$("#toptabs > a").each(function() {
var rel = $(this).attr("rel");
$(this).mouseover(function(){ expandmenu(rel);
menu_over(); }).mouseout(menu_out);
});
});
var menu_timer = null;
function menu_over(){ clearTimeout(menu_timer); }
function menu_out(){ clearTimeout(menu_timer);
menu_timer=setTimeout(function(){ expandmenu(currenttab); },1000); }
function expandmenu(tabid){
$("#toptabs:visible",function(){
$("#toptabs > [EMAIL PROTECTED]'"+tabid
+"']").addClass("current").siblings("a.current").removeClass();
$("#"+tabid).show().siblings("div:visible").hide();
$("#"+tabid+" div").each(function() {
$
(this).mouseover(menu_over).mouseout(menu_out).siblings().mouseout(function()
{ return false; });
});
});
}
On Oct 4, 4:08 am, Wizzud <[EMAIL PROTECTED]> wrote:
> Some ideas...
>
> Firstly, if you return false from any event handler it will prevent default
> action and, more importantly, event bubbling. For example, if you had
> ... and you put mouseouts on
> both A and B, if the mouseout on B did NOT return false (or take some other
> measure to prevent bubbling/propagation) then the mouseout on A would also
> be triggered.
> So you probably need to add a 'return false;' to the end of your expandmenu
> function.
>
> Secondly, your script ...
>
> $("#menu")
> .parent().mouseout(function(e){expandmenu(currenttab);})
> .children().andSelf().mouseout(function(e){return false;});
>
> ...does the following:
> - selects #menu [$()]
> - changes the selection to #menuholder [parent()]
> - applies 'expandmenu' mouseout to #menuholder [mouseout()]
> - changes the selection to #menu [children()]
> - adds #menuholder to the selection [andSelf()]
> - applies 'return false' mouseout to #menu and #menuholder [mouseout()]
>
> resulting in 2 mouseouts on #menuholder ('expandmenu' and 'return false')
> and one on #menu ('return false').
> I'm not sure that that is what you intended?
> You might want to try just applying the mouseout to #menuholder...
>
> $("#menuholder").mouseout(function(e){expandmenu(currenttab);})
>
> ...assuming that expandmenu now returns false?
>
> (completely untested BTW!)
>
>
>
> Brandon-52 wrote:
>
> > I've got a menu that does the basic links and shows a sub menu of
> > divs with nested 's and other text dynamically with css and
> > javascript. I'm migrating it over to jquery, and have it all working
> > perfectly except for one thing. I am trying to get the menu to jump
> > back to the tab that corresponds to the current page upon mouseout of
> > the menu's parent div.
>
> > My code is basically this:
>
> >
> >
> >
> > > > >
> >
> > > > corresponding menu div. All that works fine.
>
> > What I'm not getting though, and am completely stumped about, is
> > stopping the mouseout event from triggering on the child div's and a's
> > underneath the menu div. I've got it kind of working to stop all
> > children and self, and just do mouseout on the parent div, which would
> > be the menuholder div, but it doesn't fire all of the time, if at
> > all... it sometimes works if i mouse over the edge very slowly.
>
> > Here's my code... maybe someone can shed some light on either stopping
> > the child mouseover binding or triggering the mouseout on the parent
> > smoother.
>
> > (var currenttab is defined in the head by php)
> > var currenttab = '$tabtitle';
>
> > $(document).ready(function(){
> >expandmenu(currenttab);
>
> >$("#menu")
> >.parent().mouseout(function(e){expandmenu(currenttab);})
> >.children().andSelf().mouseout(function(e){return false;});
>
> >$("#toptabs > a").each(function() {
> >var rel = $(this).attr("rel");
> >$(this).mouseover(function(){ expandmenu(rel); });
> >});
> > });
>
> > function expandmenu(tabid){
> >$("#toptabs:visible",function(){
> >$("#toptabs > [EMAIL PROTECTED]'"+tabid
> > +"']").addClass("current").siblings("a.current").removeClass();
> >$("#"+tabid).show().siblings("div:visible").hide();
> >});
> > }
>
> --
> View this message in
> context:http://www.nabble.com/Problem-with-binding-mouseout-to-only-parent-di...
> Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: How to hide a div without a click function
Thanks Glen,
I have the following
$(document).ready(function() {
initSlideboxes();
function initSlideboxes()
{
$('#slidebar').slideDown("slow");
setTimeout(function()
{
$('#slidebar').slideUp("slow");
}, 7000);
$('#slidebar').html($('#hidebar').html());
$('#slidebartrigger').click(function(){$('#slidebar').toggle(); });
};
});
And I don't seem to be encountering the problem I had with
scriptaculous. The slideDown & slideUp occur without user initiated
click events
With scriptaculous if the user used the slidebar trigger to close
before the setTimeout event occured my div would pop back open
In addition jquery does not flicker with Flash content like
scriptaculous does if the slide is too fast & jquery doesn't need the
Flash activex control IE workaround.
The real issue that killed my scriptaculous widget was that it didn't
work at all in IE when being served via a 3rd party javascript
include. That jquery worked under these conditions has me ecstatic!
On Oct 4, 7:37 am, motob <[EMAIL PROTECTED]> wrote:
> You could also try using setTimeout() like so:
>
> setTimeout(function()
> {
> $('#slidebar').toggle();
>
> }, 2000);
>
> This will activate the #slidebar toggle after 2000 milliseconds even
> is the user is trying to interact with the #slidebar which may not be
> what you want. I'm not sure what the slide bar is being used for but
> if you wanted a more robust closing solution then you may want to make
> use of timers to detect when the user is not using, or interacting
> with #slidebar.
>
> The following bit of code will detect when the user's mouse is no
> longer interacting with #slidebar and close it after 2000
> milliseconds.
>
> $('#slidebartrigger').click(function(){
> $('#slidebar').toggle().hover(function(){
> //mouseover
> clearTimeout(closetimer);
> }, function(){
> //mouseout
> closetimer = window.setTimeout(function(){
> $('#slidebar').hide();
> }, 2000);
> });
>
> });
>
> If the mouse cursor moves off of #slidebar then a timer is created
> that will fire the $('#slidebar').hide() function after 2000
> milliseconds. If the cursor moves back over the #slidebar (hovers)
> then the timer is cleared and #slidebar will not close. This code
> isn't tested so you might need to tweak it a bit. I am using something
> similar on my project and it works great.
>
> On Oct 3, 7:21 pm, "Glen Lipka" <[EMAIL PROTECTED]> wrote:
>
>
>
> > There is a pause plugin. Does that do the
> > trick?http://blog.mythin.net/projects/jquery.php
>
> > Glen
>
> > On 10/3/07, somnamblst <[EMAIL PROTECTED]> wrote:
>
> > > I currently have this
>
> > > $(document).ready(function() {
> > > initSlideboxes();
> > > function initSlideboxes()
> > > {
> > > $('#slidebar').show();
> > > $('#slidebar').html($('#hidebar').html());
> > > $('#slidebartrigger').click(function(){$('#slidebar').toggle();
> > > });
>
> > > };
> > > });
>
> > > I would like after a certain duration of several seconds to have the
> > > slidebar div hide. I know how to do this in scriptaculous but I have
> > > abandoned my scriptaculous solution for jquery.- Hide quoted text -
>
> - Show quoted text -
[jQuery] jQuery 1.2.1 and Interface/ui Sortable Bug?
I have noticed a bug with jQuery 1.2.1 and any type of sortable extension (I have tested with both Interface and UI) where once you do the initial sort, jQuery will throw a bunch of errors every second in an infinite loop. I can reproduce their error easily on Firefox 2 with not only my script (which was working with 1.1.2, but also jQuery's site. It seems to only affect the Sortable class from what I've seen so far too. I wanted to know if anyone else has seen or can recreate this bug before I submit it for tracking. To see this bug follow these steps: - Start Firefox 2 (tested on 2.0.0.7 with all addons disabled) - Navigate to any jQuery sortable script (http://docs.jquery.com/UI/ Sortables) - Interact with the sortable (drag any element in any direction) - Watch the error messages tally up (if you have Firebug, you will see the error counter keep going and going and going...)
[jQuery] noob: input field focus help
I tried the following code, and I don't get the cursor to blink in
input text field. Any idea why is that?
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
$(document).ready(function(){
$('[EMAIL PROTECTED]"text"]')[0].focus();
});
http://jquery.com/";>jQuery
[jQuery] firebug error: $ is not defined
I just got the Learning jQuery book from amazon delivered yesterday.
I am trying out the first chapter. When add the alice.js on the html
file and open it into the browser, I get this error in firebug:
$ is no defined
my alice.js file has the following content:
$(document).ready(function() {
$('.poem-stanza').addClass('emphasized');
});
any suggestions to fix it and emphasize is not working as claimed by
the book (no boxes..etc)?
[jQuery] Re: EXTjs and Jquery
Brook: Yes, and it's a match made in heaven because jQuery is, in my opinion, unmatched at DOM traversing, event handling and element manipulation. Ext, as you notice when you're drooling, is by far the best framework for making things pretty. As for working together, as long as you download the adapter, it's a completely transparent relationship with no hoops to jump through or obscure tricks you have to learn. Also, if you're not familiar with jQuery, or don't want to learn two frameworks at once, there is no need since Ext has it's own DOM methods. The current application I'm developing is going to blow the users away. I find myself very impressed on how Ext makes it easy to implement widgets, and also how great it looks. On Oct 4, 11:07 am, "Brook Davies" <[EMAIL PROTECTED]> wrote: > Steve, > > You mention that you use extJS and jQuery. How do they work together and how > is this a beneficial relationship? I drool when I see the ext demos. > > How do the two technologies play together? > > BrookD
[jQuery] Re: Problem with binding mouseout to only parent div
Thanks Wizzud... i scratched that whole jumping up and down within the
parents and children thing... it was overkill in the first place.
Thanks for your help though!
On Oct 4, 4:08 am, Wizzud <[EMAIL PROTECTED]> wrote:
> Some ideas...
>
> Firstly, if you return false from any event handler it will prevent default
> action and, more importantly, event bubbling. For example, if you had
> ... and you put mouseouts on
> both A and B, if the mouseout on B did NOT return false (or take some other
> measure to prevent bubbling/propagation) then the mouseout on A would also
> be triggered.
> So you probably need to add a 'return false;' to the end of your expandmenu
> function.
>
> Secondly, your script ...
>
> $("#menu")
> .parent().mouseout(function(e){expandmenu(currenttab);})
> .children().andSelf().mouseout(function(e){return false;});
>
> ...does the following:
> - selects #menu [$()]
> - changes the selection to #menuholder [parent()]
> - applies 'expandmenu' mouseout to #menuholder [mouseout()]
> - changes the selection to #menu [children()]
> - adds #menuholder to the selection [andSelf()]
> - applies 'return false' mouseout to #menu and #menuholder [mouseout()]
>
> resulting in 2 mouseouts on #menuholder ('expandmenu' and 'return false')
> and one on #menu ('return false').
> I'm not sure that that is what you intended?
> You might want to try just applying the mouseout to #menuholder...
>
> $("#menuholder").mouseout(function(e){expandmenu(currenttab);})
>
> ...assuming that expandmenu now returns false?
>
> (completely untested BTW!)
>
>
>
> Brandon-52 wrote:
>
> > I've got a menu that does the basic links and shows a sub menu of
> > divs with nested 's and other text dynamically with css and
> > javascript. I'm migrating it over to jquery, and have it all working
> > perfectly except for one thing. I am trying to get the menu to jump
> > back to the tab that corresponds to the current page upon mouseout of
> > the menu's parent div.
>
> > My code is basically this:
>
> >
> >
> >
> > > > >
> >
> > > > corresponding menu div. All that works fine.
>
> > What I'm not getting though, and am completely stumped about, is
> > stopping the mouseout event from triggering on the child div's and a's
> > underneath the menu div. I've got it kind of working to stop all
> > children and self, and just do mouseout on the parent div, which would
> > be the menuholder div, but it doesn't fire all of the time, if at
> > all... it sometimes works if i mouse over the edge very slowly.
>
> > Here's my code... maybe someone can shed some light on either stopping
> > the child mouseover binding or triggering the mouseout on the parent
> > smoother.
>
> > (var currenttab is defined in the head by php)
> > var currenttab = '$tabtitle';
>
> > $(document).ready(function(){
> >expandmenu(currenttab);
>
> >$("#menu")
> >.parent().mouseout(function(e){expandmenu(currenttab);})
> >.children().andSelf().mouseout(function(e){return false;});
>
> >$("#toptabs > a").each(function() {
> >var rel = $(this).attr("rel");
> >$(this).mouseover(function(){ expandmenu(rel); });
> >});
> > });
>
> > function expandmenu(tabid){
> >$("#toptabs:visible",function(){
> >$("#toptabs > [EMAIL PROTECTED]'"+tabid
> > +"']").addClass("current").siblings("a.current").removeClass();
> >$("#"+tabid).show().siblings("div:visible").hide();
> >});
> > }
>
> --
> View this message in
> context:http://www.nabble.com/Problem-with-binding-mouseout-to-only-parent-di...
> Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Problem with binding mouseout to only parent div
Joel,
The problem is I didn't want to spend another day or two rewriting my
whole menu system and css files while trying to figure out another
menu plugin. Mine is working just fine and has been tested and has
worked in all browsers for over a year, i just wanted to convert the
js to jquery to cut down on my script file sizes. I did take a closer
look at your plugin though, and it does pretty much the same thing as
mine does, except your use of SetTimeout is exactly what I needed. I
integrated that idea into my existing code and viola, it works like a
charm.
So now my complete menu script this:
$(document).ready(function(){
expandmenu(currenttab);
$("#toptabs > a").each(function() {
var rel = $(this).attr("rel");
$(this).mouseover(function(){ expandmenu(rel);
menu_over(); }).mouseout(menu_out);
});
});
var menu_timer = null;
function menu_over(){ clearTimeout(menu_timer); }
function menu_out(){ clearTimeout(menu_timer);
menu_timer=setTimeout(function(){ expandmenu(currenttab); },800); }
function expandmenu(tabid){
$("#toptabs:visible",function(){
$("#toptabs > [EMAIL PROTECTED]'"+tabid
+"']").addClass("current").siblings("a.current").removeClass();
$("#"+tabid).show().siblings("div:visible").hide();
$("#"+tabid+" div").each(function() {
$
(this).mouseover(menu_over).mouseout(menu_out).siblings().mouseout(function()
{ return false; });
});
});
}
Thanks for your help!
On Oct 4, 12:31 am, "Joel Birch" <[EMAIL PROTECTED]> wrote:
> Hi Brandon,
>
> Sorry for repeating a solution you have already looked at, but I want
> to make sure you have seen the relevant part of the Superfish docs.
> The only example that demonstrates the functionality of the current
> submenu path (breadcrumb path?) being restored when the menu has
> finished being hovered over is hidden away
> here:http://users.tpg.com.au/j_birch/plugins/superfish/all-horizontal-exam...
>
> Please note that Superfish takes care of this, and more, for you and
> you can customise the CSS to make it look almost any way you want. The
> menu does not even have to be of the "all horizontal" kind to make use
> of the path restoring function. If you are adding a "current" class to
> each li on the way to the current page's menu item, simply pass that
> class in via the options object, like so:
>
> $('ul.nav').superfish({
> pathclass : 'current',
> /* other optional parameters here, such as... */
> delay : 1000,
> animation : {opacity : 'show'}
>
> });
>
> If you do go this route I suggest you starting with one of the
> existing Superfish demo CSS files and altering from there to achieve
> the look you want, because the CSS is an important part of how the
> menu works and allows for graceful degradation without JS available.
>
> Later on today I will be adding a link on the main Superfish page to a
> fully commented version of the CSS file for the main example which I
> hope will provide a further aid to people wanting to dive in deeper
> and fully understand how the menu works.
>
> Again, sorry if you have already seen this solution and decided
> against it, in which case this post was useless to you.
>
> Joel Birch.
[jQuery] Re: jshArea - JavaScript Hacking Area
Published: http://jsharea.googlecode.com/files/jshArea-01.tgz
[jQuery] jqMultiselect extended
Some more modifications to the handy "jqMultiSelects" plugin by
rob.desbois (http://code.google.com/p/jqmultiselects/)
An additional optional parameter to define the mode as one of
'move' (the default, old behavior), 'copy', or 'remove'
Created to allow duplication in the destination select box.
An additional function "moveSelect" to move options up and down in a
select box. Pass two paramters: id of select box, and either 'up' or
'down'. This function handles multiple selects, moving the selected
options up or down "in formation"
Finally, the tiny 'reverse' function which is necessary for the 'move
down' function - comment out if you already have it.
It works for me; feedback welcome.
Eric
In use:
$
('#leftselectbox').multiSelect('rightselectbox','moverightbutton','','copy');
$
('#rightselectbox').multiSelect('leftselectbox','moveleftbutton','','remove');
$('#moveupbutton').moveSelect('rightselectbox','up');
$('#movedownbutton').moveSelect('rightselectbox','down');
//Code:
jQuery.fn.multiSelect = function(to, button, thecallback, mode) {
var mode = mode || 'move';
return this.each(function() {
var id = this.id;
jQuery(this).dblclick(function() { moveOptions(id, to, mode);
});
if (typeof button != "undefined")
jQuery("#"+button).click(function() { moveOptions(id,
to,
mode); });
});
function moveOptions(from, to, mode) {
var dest = jQuery("#"+to)[0];
jQuery("#"+from+" option:selected").each(function() {
switch(mode) {
case 'move': //default
jQuery(this).attr("selected",
false).appendTo(dest);
break;
case 'copy':
jQuery(this).attr("selected",
false).clone().appendTo(dest);
break;
case 'remove':
jQuery(this).remove();
}
if (thecallback) thecallback();
});
}
function callback(){
}
};
//comment this function out if you've defined it elsewhere.
jQuery.fn.reverse = function() {
return this.pushStack(this.get().reverse(), arguments);
};
//target should be a select list, mode should be one of 'up' or
'down'
jQuery.fn.moveSelect = function(target, mode) {
var mode = mode || 'down';
return this.each(function() {
jQuery(this).click(function(){moveit(target, mode);});
});
function moveit(id, direction){
switch(direction) {
case 'up':
if(jQuery("#"+id)[0].selectedIndex != 0){
jQuery("#"+id+" >
option:selected").each(function()
{jQuery(this).prev().insertAfter(this);});
}
break;
case 'down':
if(jQuery("#"+id)[0].options[jQuery("#"+id)[0].length-1].selected !
= true){
jQuery("#"+id+" >
option:selected").reverse().each(function()
{jQuery(this).next().insertBefore(this);});
}
break;
}
}
};
[jQuery] Scope and Visibility from Callback
I want to create a 'closed' object (sorry, not sure what the right
term is), e.g.
var myObj = {
foo : function() {
$("#myLink").click(function(){
// How can I call the bar() method from here? What I would
// really like to be able to do is call...
// this.bar();
// But this doesn't work.
//
// The only way I can resolve it is by calling...
// myObj.bar();
// Which doesn't make this class very flexible
});
},
bar : function(){
}
};
As indicated above, I want to be able to call another method in the
object from within the contained jQuery event handler and I can't find
an elegant/flexible way of doing this by referencing the object
instance.
Any advice would be appreciated.
[jQuery] Re: live query
hi all it ok I managed to do it another way using .find
[jQuery] JQuery AJAX with .NET - Limitations
I noticed the following problem in using jquery AJAX with .NET:
NOTE: I don't have the below problems if I use AjaxPro, just wanted to
do
the same with JQuery. Is this is possible, or should I just stick with
AjaxPro.
1) Cannot return a Datatable to the callback function
[AjaxPro.AjaxMethod()]
public System.Data.DataTable GetTestCaseById(int Id)
{
objTestCase.TestCaseCode = Id;
return
objTestCase.GetTestCaseById(objTestCase).Tables[0];
}
var ResDataTable=Bubya.TestCase.GetTestCaseById(Id).value;
if(ResDataTable!=null){
$('#testcase').value=ResDataTable.Rows[0]
["testcase_summary"];
}
2) Cannot post to a user control
$(document).ready(function() {
$.post( "wucPeopleList.ascx",
{ call_type: 'UpdateAccessRights',
user_code: UserCode
},
function(response){
}
);
}
);
[jQuery] Re: Flash and jQuery
your flash would need to be wmode=transparent
and you'd need to call a javascript function from within flash that in turn
calls the grey box function
since jquery applies the onclick event to all anchors with a class of
greybox you'll need simluar code inside you function that you call from
flash.
getURL('javascript:callGreyboxFromFlash()');
- S
On 04/10/2007, njsuperfreak <[EMAIL PROTECTED]> wrote:
>
>
> Can Flash communicate with jQuery? I would like to use flash to
> interact with jQuery like opening up a dialogbox using the greybox.js
> plugin. How would I go about doing that any ideas?
>
> The code is activated by the class="greybox"
>
>
[jQuery] Re: jscrollpane plugin problem
Maybe! I haven't used jQuery live yet so I couldn't say. Do you have an example of it working like this? Cheers, Kelvin :) Alexandre Plennevaux wrote: isn't the jquery live plugin exactly meant to do that? I have it work here along with jscrollpane and it works perfectly. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Kelvin Luck Sent: jeudi 4 octobre 2007 21:21 To: jquery-en@googlegroups.com Subject: [jQuery] Re: jscrollpane plugin problem It shouldn't be too slow to call jScrollPane on your div after everytime you add content to it. Is this what you tried? I just did a quick bit of playing around with making the scroll pane automatically update itself and got it working in Firefox thanks to the DOMNodeInserted event but couldn't find an alternative in IE. I have an idea for a workaround but no time to work on it until the weekend... Cheers, Kelvin :) Guillermo Movia wrote: Hi, thanks for your answer. We tried this, but when a lot of news are too slow. We wish to know if maybe there's another solution. Guillermo 2007/10/3, Alexandre Plennevaux <[EMAIL PROTECTED]>: AFAIK you have to recall the function, or you can use the jquery live plugin -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Guillermo Movia Sent: mercredi 3 octobre 2007 19:46 To: jquery-en@googlegroups.com Subject: [jQuery] jscrollpane plugin problem Hi, Kevin. We are using your plugin for a ul with news. Each new show by default the title and an abstract with a button to display the invisible part. This ul has a scroll pane. But, when the invisible part of one new is show and then the ul increase it height, the scroll pane doesn't change it height, and the new text overflow the ul, but below it. Is there a simple way to inform the scrollpane to refresh the height of the content inside it? or we have to recreate it? Thanks in advance Guillermo Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.488 / Base de données virus: 269.13.39/1045 - Date: 2/10/2007 18:43 Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.488 / Base de données virus: 269.14.0/1048 - Date: 3/10/2007 20:22
[jQuery] Re: jQ SqueezeBox - Expand All?
$('.stuff dl').Squeezebox();
$("a.expandall").click( function() {
$('.stuff dl dd').slideDown("fast");
$('.stuff dl dt').addClass("selected");
return false;
});
worked just fine.
Thanks for reading,
Will
will wrote:
> Hi,
>
> I thought I'd ask before digging and (poorly) hacking through the
> source - is there a way to get Jörn's Squeezebox plugin to 'expand
> all' with a single toggle? Sorta like the treeview on his API
> browser. We're using it for a folded FAQ page but want users to be
> able to expand all and use on page searching.
>
> Thank you,
> Will
[jQuery] Re: jscrollpane plugin problem
isn't the jquery live plugin exactly meant to do that? I have it work here along with jscrollpane and it works perfectly. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Kelvin Luck Sent: jeudi 4 octobre 2007 21:21 To: jquery-en@googlegroups.com Subject: [jQuery] Re: jscrollpane plugin problem It shouldn't be too slow to call jScrollPane on your div after everytime you add content to it. Is this what you tried? I just did a quick bit of playing around with making the scroll pane automatically update itself and got it working in Firefox thanks to the DOMNodeInserted event but couldn't find an alternative in IE. I have an idea for a workaround but no time to work on it until the weekend... Cheers, Kelvin :) Guillermo Movia wrote: > Hi, thanks for your answer. We tried this, but when a lot of news are > too slow. We wish to know if maybe there's another solution. > > Guillermo > > 2007/10/3, Alexandre Plennevaux <[EMAIL PROTECTED]>: >> AFAIK you have to recall the function, or you can use the jquery live >> plugin >> >> >> -Original Message- >> From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] >> On Behalf Of Guillermo Movia >> Sent: mercredi 3 octobre 2007 19:46 >> To: jquery-en@googlegroups.com >> Subject: [jQuery] jscrollpane plugin problem >> >> >> Hi, Kevin. We are using your plugin for a ul with news. Each new show >> by default the title and an abstract with a button to display the >> invisible part. This ul has a scroll pane. But, when the invisible >> part of one new is show and then the ul increase it height, the >> scroll pane doesn't change it height, and the new text overflow the ul, but below it. >> >> Is there a simple way to inform the scrollpane to refresh the height >> of the content inside it? or we have to recreate it? >> >> Thanks in advance >> Guillermo >> >> Ce message Envoi est certifié sans virus connu. >> Analyse effectuée par AVG. >> Version: 7.5.488 / Base de données virus: 269.13.39/1045 - Date: >> 2/10/2007 >> 18:43 >> >> >> Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.488 / Base de données virus: 269.14.0/1048 - Date: 3/10/2007 20:22
[jQuery] Re: [Site Submission]: nbc.com
Dang, I really like the mouseover menu they have on their landing page. Is that just simple CSS? On 10/4/07, John Resig <[EMAIL PROTECTED]> wrote: > > > Maybe we can get John on Jay Leno... > > That would be the most boring late night interview, ever. :-P > > --John >
[jQuery] Re: Validation madness
Josh Nathanson schrieb:
Steve, odd that I was just helping another poster named Fabien with
this yesterday. Here's the way:
$("#myform").submit(function() {
// do your extra form stuff here
var v = $(this).validate(validateOptionsHere);
if (v.form()) // runs form validation and returns true
if successful
this.submit(); // form will be submitted
else
alert('Error on form validation!')
return false;
});
The ugly part: The event handlers from the validation plugin are now
added each time the form is submitted, not an ideal solution.
So far I assumed that anyone using the submitHandler callback would
submit the form via ajax. Obviously that isn't true. I'll try to find a
better solution for that.
-- Jörn
[jQuery] Re: Bind event that should be executed first
Fabien Meghazi schrieb: Do you bind submit buttons onclick or form's onsubmit for validation ? The submit event. You can submit a form by pressing enter without any submit button. -- Jörn
[jQuery] Re: jscrollpane plugin problem
It shouldn't be too slow to call jScrollPane on your div after everytime you add content to it. Is this what you tried? I just did a quick bit of playing around with making the scroll pane automatically update itself and got it working in Firefox thanks to the DOMNodeInserted event but couldn't find an alternative in IE. I have an idea for a workaround but no time to work on it until the weekend... Cheers, Kelvin :) Guillermo Movia wrote: Hi, thanks for your answer. We tried this, but when a lot of news are too slow. We wish to know if maybe there's another solution. Guillermo 2007/10/3, Alexandre Plennevaux <[EMAIL PROTECTED]>: AFAIK you have to recall the function, or you can use the jquery live plugin -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Guillermo Movia Sent: mercredi 3 octobre 2007 19:46 To: jquery-en@googlegroups.com Subject: [jQuery] jscrollpane plugin problem Hi, Kevin. We are using your plugin for a ul with news. Each new show by default the title and an abstract with a button to display the invisible part. This ul has a scroll pane. But, when the invisible part of one new is show and then the ul increase it height, the scroll pane doesn't change it height, and the new text overflow the ul, but below it. Is there a simple way to inform the scrollpane to refresh the height of the content inside it? or we have to recreate it? Thanks in advance Guillermo Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.488 / Base de données virus: 269.13.39/1045 - Date: 2/10/2007 18:43
[jQuery] Re: JQuery AJAX with .NET - Limitations
I am not sure what you are trying to do in case 1. In case 2, the cause is
because iis doesn't serve ascx files. Browse to
http:://website/wucPeopleList.ascx. What you see if the same thing jquery
sees when you try to post to it.
It is my understanding you can continue to use AJAXpro on the serverside,
and use jquery to make the requests.
anandp wrote:
>
> I've been trying to use jquery AJAX with .NET and noticed the following
> limitation.
>
> NOTE: I don't have the below problems if I use AjaxPro, just wanted to do
> the same with JQuery. Is this is possible, or should I just stick with
> AjaxPro.
>
> 1) Cannot return a Datatable to the callback function
>
> [AjaxPro.AjaxMethod()]
> public System.Data.DataTable GetTestCaseById(int Id)
> {
>objTestCase.TestCaseCode = Id;
>return objTestCase.GetTestCaseById(objTestCase).Tables[0];
> }
>
> var ResDataTable=Bubya.TestCase.GetTestCaseById(Id).value;
> if(ResDataTable!=null){
>$('#testcase').value=ResDataTable.Rows[0]["testcase_summary"];
> }
>
>
> 2) Cannot post to a user control
>
> $(document).ready(function() {
> $.post( "wucPeopleList.ascx",
> { call_type: 'UpdateAccessRights',
> user_code: UserCode
> },
> function(response){
> }
> );
>}
>);
>
> Regards,
> Anand
>
--
View this message in context:
http://www.nabble.com/JQuery-AJAX-with-.NET---Limitations-tf4569252s27240.html#a13047980
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Release: jQuery treeview plugin 1.3
Guy Fraser schrieb: If you could match the feature set of the nlstree [1] it would be really awesome: [1] http://www.addobject.com/products/javascript/tree/nlstree.php If you need keyboard navigation, async loading and d&d and similar stuff you need to either wait for the UI tree component or take a look at Ext's tree components. I don't plan to extend this plugin in them mentioned direction: I want to keep it leightweight, providing unobtrusive navigation enhancements. Nonetheless, let me know if you have any specific feature requests. They are welcome! -- Jörn
[jQuery] Re: Cool sitemap code
It's just a set of UL and LI tags. I'm sure you could put any code you like in there. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Ty Sent: Thursday, October 04, 2007 2:33 PM To: jQuery (English) Subject: [jQuery] Re: Cool sitemap code Thanks Rey bippety-BeatBox-Bang-O hey the Site map could contain links to the actual pages, could it not? Just curious, I'm thinking that's pretty much the point of a site map, one-click access to all things in the site. Thanks. On Oct 4, 3:20 pm, Rey Bango <[EMAIL PROTECTED]> wrote: > So his majesty, Brandon Aaron, demanded that I post this on the list > and as Brandon is a intimidating at times, of course I had to follow > orders! ;) > > This cool CSS Sitemap uses jQuery and CSS to produce a very neat > looking sitemap. > > http://betech.virginia.edu/index.php/2007/10/03/css-sitemap/ > > Rey...
[jQuery] Re: Forms with asp.net
Thanks man. I have play it with more. I want to replace update panel
with jquery forms.
On Oct 5, 12:09 am, seedy <[EMAIL PROTECTED]> wrote:
> Ok so I haven't tested this , but I notice a few things right away.
> Your tags point to different paths, jquery seems to be in /js and
> the forms plugin is in /. This is ok if those are the paths to those files,
> I just mentioned it as I was not sure if this was intentional or not.
>
> However, the real problem I see is in this:
> $('#myForm').ajaxForm
> and
>