?

elements for the two inner sections var content_div = get_class( 'content', div ); var hidden_div = get_class( 'hidden', div ); // get the span for setting the events var show_span = get_class( 'click', content_div ); var hide_span = get_class( 'click', hidden_div ); // closure to call the toggle passing in the two

Hide this content
content here

So clicking on "Show" or "Hide", well shows or hides that block with content. The problem is when I have two of those blocks clicking on the "hide" seems to get the right event but is hiding the wrong block. Here's a working demo: http://hank.org/hide.html So, a page can have any number of the above blocks. The javascript finds the blocks by looking for all "hidable" classes using Prototype's getElementsByClassName(); The onclick events are assigned to the spans with "click". When the even first I look at the parentNode's class name to know if should hide or to show. Basically in pseudo code I set up the events like so: for div in get_by_class( 'hidable' ) { // get

s var click_event = function(e) { toggle( e, content_div, hidden_div ); } Event.observe( show_span, 'click', show_event, false ); Event.observe( hide_span, 'click', show_event, false ); } Then the event does: function toggle ( event, content_div, hidden_div ) { look at event element's parent's class name to determine if should hide or show. } -- Bill Moseley moseley at hank.org _______________________________________________ Javascript mailing list Javascript at LaTech.edu https://lists.LaTech.edu/mailman/listinfo/javascript -------------- next part -------------- A non-text attachment was scrubbed... Name: not available Type: application/ms-tnef Size: 8204 bytes Desc: not available URL: From david at dorward.me.uk Fri Jan 12 04:48:00 2007 From: david at dorward.me.uk (David Dorward) Date: Fri, 12 Jan 2007 10:48:00 +0000 Subject: [Javascript] Help with closures In-Reply-To: <9EFC04356BBC4745B67A41B106F4A47A8B9F41@TPN-EX01.PROJECT-NETWORK.COM> References: <20070111235757.GA3693@hank.org> <9EFC04356BBC4745B67A41B106F4A47A8B9F41@TPN-EX01.PROJECT-NETWORK.COM> Message-ID: <20070112104800.GA617@us-lot.org> On Fri, Jan 12, 2007 at 10:33:48AM -0000, Alex Turner wrote: > I would place call onclick like this: > Hide this content I wouldn't. It displays "Hide this content" even when the JavaScript won't work, and isn't in the tab order so its inaccessible to users of non-pointing devices. Instead, I would use JavaScript to dynamically add a button or anchor to the document. -- David Dorward http://dorward.me.uk From aaronbassett at gmail.com Fri Jan 12 04:53:32 2007 From: aaronbassett at gmail.com (Aaron Bassett) Date: Fri, 12 Jan 2007 10:53:32 +0000 Subject: [Javascript] Help with closures In-Reply-To: <9EFC04356BBC4745B67A41B106F4A47A8B9F41@TPN-EX01.PROJECT-NETWORK.COM> References: <20070111235757.GA3693@hank.org> <9EFC04356BBC4745B67A41B106F4A47A8B9F41@TPN-EX01.PROJECT-NETWORK.COM> Message-ID: <7cc847460701120253r69ecd948xb7fc069f72ee6d35@mail.gmail.com> I got asked about something similar on a forum not long ago I'll c&p my response here incase its of use to you: Ok this isn't the quickest way to go about it but it allows you to use classes to toggle visibility rather than applying the style directly. The most part of it is a butchered piece of prototype.js so if you are using a library/framework with its own class handling methods you can simply use them instead. Oh and this is in no way actually guaranteed to work - I've just written this out quickly and it is completely 100% untested. Its only meant as an idea incase you want to do something similar. Code: /* * Example usage: * notice.toggle(id); * notice.show(id); * notice.hide(id); */ notice={ hideClass"hide", toggle:function(id) { if(this.hasClassName(id this.hideClass)) { this.removeClassName(id this.hideClass); } else { this.addClassName(id this.hideClass); } }, show:function(id) { this.addClassName(id this.hideClass); }, hide:function(id) { this.removeClassName(id this.hideClass); }, // Modified from prototype.js [ http://prototype.conio.net/ ] hasClassName:function(id, cName) { if(!document.getElementById(id)) return; var elClass = document.getElementById(id).className; if (elClass.length == 0) return false; if (elClass == cName || elClass.match(new RegExp("(^|\\s)" + cName + "(\\s|$)"))) return true; return false; }, addClassName: function(id, cName) { if(!document.getElementById(id)) return; var el = document.getElementById(id); if(!this.hasClassName(id, cName)) el.className = el.className + " " + cName; }, removeClassName:function(id, cName) { if(!document.getElementById(id)) return; if(!this.hasClassName(id, cName)) return; var el = document.getElementById(id); var elClass = el.className; if (elClass.length == 0) return; var newClass = ""; var classes = elClass.split(' '); for(var i = classes.length-1; i >= 0; --i){ if(classes[i] != cName) newClass += classes[i] + " "; } var sp = /^\s*(.*?)\s*$/; el.className = newClass.replace(sp, ""); } } On 1/12/07, Alex Turner wrote: > > Dood, > > I would place call onclick like this: > > Hide this content > > Then the toggle event handler gets a reference to the node from which it > was called and hence has no chance of ambiguity :-) > > The other way that is also easy - but messier - is the way I did the > selectable rows in a table - see nerds-central.blogspot.com > > Cheers > > AJ > > Dr Alexander J Turner > Project Network > +44 (0) 7917 065072 > Con Call: 0870 241 3425/3342654# > > ________________________________ > > From: javascript-bounces at LaTech.edu on behalf of Bill Moseley > Sent: Thu 1/11/2007 23:57 > To: javascript at LaTech.edu > Subject: [Javascript] Help with closures > > > > Or I think this is a closure issue. > > I have a really simple and common task (that I'm likely making hard), > where I > want to create a hide/show block. > > So, the block of HTML looks basically like this: > >

> >

> Hide this content
> content here >

> > > >

> > So clicking on "Show" or "Hide", well shows or hides that block with > content. > > The problem is when I have two of those blocks clicking on the "hide" > seems to get the right event but is hiding the wrong block. > > Here's a working demo: > > http://hank.org/hide.html > > > > So, a page can have any number of the above blocks. The javascript > finds the blocks by looking for all "hidable" classes using Prototype's > getElementsByClassName(); > > The onclick events are assigned to the spans with "click". When the > even first I look at the parentNode's class name to know if should > hide or to show. > > Basically in pseudo code I set up the events like so: > > for div in get_by_class( 'hidable' ) { > > // get

elements for the two inner sections > var content_div = get_class( 'content', div ); > var hidden_div = get_class( 'hidden', div ); > > // get the span for setting the events > var show_span = get_class( 'click', content_div ); > var hide_span = get_class( 'click', hidden_div ); > > // closure to call the toggle passing in the two

s > var click_event = function(e) { > toggle( e, content_div, hidden_div ); > } > > Event.observe( show_span, 'click', show_event, false ); > Event.observe( hide_span, 'click', show_event, false ); > } > > > Then the event does: > > function toggle ( event, content_div, hidden_div ) { > > look at event element's parent's class name to determine if should > hide or show. > > } > > > > -- > Bill Moseley > moseley at hank.org > > _______________________________________________ > Javascript mailing list > Javascript at LaTech.edu > https://lists.LaTech.edu/mailman/listinfo/javascript > > > > _______________________________________________ > Javascript mailing list > Javascript at LaTech.edu > https://lists.LaTech.edu/mailman/listinfo/javascript > > > -------------- next part -------------- An HTML attachment was scrubbed... URL: From moseley at hank.org Fri Jan 12 08:02:23 2007 From: moseley at hank.org (Bill Moseley) Date: Fri, 12 Jan 2007 06:02:23 -0800 Subject: [Javascript] Help with closures In-Reply-To: <9EFC04356BBC4745B67A41B106F4A47A8B9F41@TPN-EX01.PROJECT-NETWORK.COM> References: <20070111235757.GA3693@hank.org> <9EFC04356BBC4745B67A41B106F4A47A8B9F41@TPN-EX01.PROJECT-NETWORK.COM> Message-ID: <20070112140223.GA9595@hank.org> On Fri, Jan 12, 2007 at 10:33:48AM -0000, Alex Turner wrote: > Dood, > > I would place call onclick like this: > > Hide this content I prefer to separate the behavior from the markup. Which probably means my "hide" and "show" links should then be inserted into the DOM by the script and not in the source html. Sorry, I wasn't very clear in my question. I was not about other ways to solve the same problem, but about the behavior I'm seeing in this example. What I'm wondering about is, when I have two separate hide/show blocks, why are the events from the first block passing the elements of the second block. In I loop over each block doing this: // Find one or more hide/show outer divs. var targets = document.getElementsByClassName( 'hidable' ); for ( var i = 0; i < targets.length; i++ ) { var out_div = targets[i]; // Grab the two inner

elements var content_div = this.get_container( 'content', out_div ); var hidden_div = this.get_container( 'hidden', out_div ); // And get the elements where to assign the events var hide_click = this.get_click( content_div ); var show_click = this.get_click( hidden_div ); // Create closure to hold the current

s for this event var show_event = function(e) { HideDiv.toggle(e, content_div, hidden_div ); return false; } Event.observe( show_click, 'click', show_event, false ); Event.observe( hide_click, 'click', show_event, false ); } That "show_event" function is a closure, right? I'm creating a function with the values of content_div and hidden div *at that time*. Then the next time through the loop new content_div and hidden_div variables are created (pointing to the new

elements). But, although the correct elements are being observed for events, when the event fires and run "show_event", the HideDiv.toggle function is being called always with the last values for "content_div" and "hidden_div". Probably easier to look at the code than to read my explanation. My follow-up question about the above is if the above closure will leak memory. What I'm currently doing in is when the event fires is figure out the content_div and hidden_div relative to where the event element is in the DOM: var el = Event.element( event ); var out_div = el.parentNode.parentNode; var content_div = this.get_container( 'content', out_div ); var hidden_div = this.get_container( 'hidden', out_div ); But, again, I trying to understand what's happening with the first example . Thanks, -- Bill Moseley moseley at hank.org From rer at datacompusa.com Fri Jan 12 09:33:41 2007 From: rer at datacompusa.com (Roger Roelofs) Date: Fri, 12 Jan 2007 10:33:41 -0500 Subject: [Javascript] Help with closures In-Reply-To: <20070112140223.GA9595@hank.org> References: <20070111235757.GA3693@hank.org> <9EFC04356BBC4745B67A41B106F4A47A8B9F41@TPN-EX01.PROJECT-NETWORK.COM> <20070112140223.GA9595@hank.org> Message-ID: <64DE8859-11AB-4F0A-9075-91DBB490D8B9@datacompusa.com> Bill, On Jan 12, 2007, at 9:02 AM, Bill Moseley wrote: > Sorry, I wasn't very clear in my question. I was not about other > ways to solve the same problem, but about the behavior I'm seeing in > this example. > > What I'm wondering about is, when I have two separate hide/show > blocks, why are the events from the first block passing the elements > of the second block. I don't have time to actually debug the code, but I can tell you how closures and variable scoping work... The bottom line is: when you refer to a variable inside a closure that is set outside the closure, the variable contains its last value, not its value when the closure was created. This usually only bites you when you are in a loop context like this. Here are a couple of links that explain closures in more depth. http://blog.morrisjohns.com/javascript_closures_for_dummies http://javascript.crockford.com/ Roger -- Roger Roelofs web www.datacompusa.com Datacomp Appraisal Services Email rer at datacompusa.com 3215 Eaglecrest Drive, NE Grand Rapids, MI 49525-4593 From bernu at lptmc.jussieu.fr Fri Jan 12 09:53:14 2007 From: bernu at lptmc.jussieu.fr (Bernu Bernard) Date: Fri, 12 Jan 2007 16:53:14 +0100 Subject: [Javascript] How to set the scrolling of a div Message-ID: <4BFF27C5-BD62-426C-9B85-A841894AA0EA@lptmc.jussieu.fr> Hi list, I have a container div with heigth:100px and overflow:auto Inside I have a div with a height:200px. Thus the container div has a vertical scrollbar. I tried without success scrollBy and scrollTo : div does not understand these functions What should I do so that the inner-div scroll by 50px. Bernard This is a simple example : test scroll bar

-------------- next part -------------- An HTML attachment was scrubbed... URL: From matt.murphy at thermofisher.com Fri Jan 12 10:42:23 2007 From: matt.murphy at thermofisher.com (Matt Murphy) Date: Fri, 12 Jan 2007 10:42:23 -0600 Subject: [Javascript] Ajax & proxy question Message-ID: <33CB8A3B603760409040215E4232728C1C401D@exchange.tc-tech.com> All, our company has a proxy server. Whenever I use an ajax script to request something from the server, if it's going through the proxy it fails. I'm trying to figure out if the HTTPRequest method is a standard port 80 HTTP request to the server? and back? It seems like it is, and therefore should work through the proxy just fine. Any clues as to what's going on? If my ajax function does all the screen updating on the client side, and just sends stuff back to the server to update the db, no problem. But if I need to eval some code back from the server, no luck. Thanks for any help. Matt -------------- next part -------------- An HTML attachment was scrubbed... URL: From nick at nickfitz.co.uk Fri Jan 12 11:25:17 2007 From: nick at nickfitz.co.uk (Nick Fitzsimons) Date: Fri, 12 Jan 2007 17:25:17 +0000 Subject: [Javascript] Ajax & proxy question In-Reply-To: <33CB8A3B603760409040215E4232728C1C401D@exchange.tc-tech.com> References: <33CB8A3B603760409040215E4232728C1C401D@exchange.tc-tech.com> Message-ID: On 12 Jan 2007, at 16:42:23, Matt Murphy wrote: > our company has a proxy server. Whenever I use an ajax script to > request something from the server, if it's going through the proxy > it fails. I'm trying to figure out if the HTTPRequest method is a > standard port 80 HTTP request to the server? and back? It seems > like it is, and therefore should work through the proxy just fine. Yes, it's just a standard HTTP request over port 80. No different to what the browser does for every single thing it downloads. > Any clues as to what's going on? Some code might help. The clues are either in the code, or on the wire. > If my ajax function does all the screen updating on the client > side, and just sends stuff back to the server to update the db, no > problem. But if I need to eval some code back from the server, no > luck. When you say "No luck", do you mean that you get an error, or that it fails silently, or that it does something other than what you expect but without any error? What do you actually get back from the server? What's the response code? (Anything other than 200 usually means something's mucking up outside the client.) What format is it in - plain text, XML, JSON, HTML? Is it well-formed for the format you are using? Does the ContentType header you send it back with properly reflect its type? For starters, try using alert(foo.responseText); in your callback function to see what's actually coming back. If that doesn't help, use the Firebug extension for Firefox to examine exactly what's coming and going over the wire. Check HTTP headers, and make sure your text encoding is actually what your headers say it is, as otherwise some characters might be misinterpreted. And be aware that large numbers of proxies are misconfigured, and may strip or change headers. You might have to bang some network admin heads together. Having said that, I would guess that 90% plus of Ajax problems are in the client code or the server code, not the network. (If you could post an example page on a publicly accessible server, it would allow us to at least determine if the error is in your client code, or in the response. But I appreciate that this isn't always possible.) HTH, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ From scott at randomchaos.com Fri Jan 12 11:21:26 2007 From: scott at randomchaos.com (Scott Reynen) Date: Fri, 12 Jan 2007 11:21:26 -0600 Subject: [Javascript] Ajax & proxy question In-Reply-To: <33CB8A3B603760409040215E4232728C1C401D@exchange.tc-tech.com> References: <33CB8A3B603760409040215E4232728C1C401D@exchange.tc-tech.com> Message-ID: On Jan 12, 2007, at 10:42 AM, Matt Murphy wrote: > our company has a proxy server. Whenever I use an ajax script to > request something from the server, if it's going through the proxy > it fails. I'm trying to figure out if the HTTPRequest method is a > standard port 80 HTTP request to the server? and back? It seems > like it is, and therefore should work through the proxy just fine. > > Any clues as to what's going on? > > If my ajax function does all the screen updating on the client > side, and just sends stuff back to the server to update the db, no > problem. But if I need to eval some code back from the server, no > luck. You can't do cross-domain AJAX. XMLHttpRequests can only be made to the domain (and subdomain and port) initiating the request. So if your AJAX request is going through a proxy, your HTML page making the request needs to be loading through the same proxy. Peace, Scott From sullman at cs.stanford.edu Fri Jan 12 13:03:08 2007 From: sullman at cs.stanford.edu (Schuyler Ullman) Date: Fri, 12 Jan 2007 11:03:08 -0800 Subject: [Javascript] Help with closures Message-ID: Following up on what Roger said, > The bottom line is: when you refer to a variable inside a closure > that is set outside the closure, the variable contains its last > value, not its value when the closure was created. This usually only > bites you when you are in a loop context like this. This does not mean that all is lost. Each new call to a function that creates a closure creates a new closure. This means that you can create a helper function that will create the closure, and then call the helper function from inside your loop. Consider the following simplified example: var fns = []; function badTest() { var i; // This doesn't work because in all three functions // i has a value of three! for (i = 0; i < 3; i++) { fns[i] = function() { alert(i); }; } } function goodTest() { var i; // This should work for (i = 0; i < 3; i++) { fns[i] = closureHelper(i); } } function closureHelper(i) { return function() { alert(i); }; } function testFunctions() { var i; for (i = 0; i < fns.length; i++) fns[i](); } Schuyler From moseley at hank.org Fri Jan 12 13:42:18 2007 From: moseley at hank.org (Bill Moseley) Date: Fri, 12 Jan 2007 11:42:18 -0800 Subject: [Javascript] Help with closures In-Reply-To: <64DE8859-11AB-4F0A-9075-91DBB490D8B9@datacompusa.com> References: <20070111235757.GA3693@hank.org> <9EFC04356BBC4745B67A41B106F4A47A8B9F41@TPN-EX01.PROJECT-NETWORK.COM> <20070112140223.GA9595@hank.org> <64DE8859-11AB-4F0A-9075-91DBB490D8B9@datacompusa.com> Message-ID: <20070112194217.GC3693@hank.org> On Fri, Jan 12, 2007 at 10:33:41AM -0500, Roger Roelofs wrote: > Here are a couple of links that explain closures in more depth. Thanks! > http://blog.morrisjohns.com/javascript_closures_for_dummies Oh that stinks. I forgot about example 5 on that page and that it differs from closures in other languages. Example 5 on that page shows the problem: function buildList(list) { var result = []; for (var i = 0; i < list.length; i++) { var item = 'item' + list[i]; // <<---------- HERE result.push( function() {alert(item + ' ' + list[i])} ); } return result; } function testList() { var fnlist = buildList([1,2,3]); // using j only to help prevent confusion - could use i for (var j = 0; j < fnlist.length; j++) { fnlist[j](); } } I expected "item" to be a new variable every time through the loop. Isn't that what "var" means? var item = 'item' + list[i]; Yet, running the code "item" refers always to the last value, as shown in "Example 5". It returns "item3" three times. Now, here's that same thing in Perl (not that anyone would write Perl like this): sub buildList { my @list = @_; my @result; for ( my $i = 0; $i < @list; $i++ ) { my $item = 'item' . $list[$i]; push @result, sub { warn "$item $list[$i]\n" }; } return @result; } sub testList { my @fnlist = buildList( 1,2,3 ); for ( my $j = 0; $j < @fnlist; $j++ ) { $fnlist[$j]->(); } } testList(); And running generates this: $ perl closure.pl item1 item2 item3 So "$item" in this case is new each time through the loop. It's local to the instance of that block of code each time through the loop. -- Bill Moseley moseley at hank.org From nick at nickfitz.co.uk Fri Jan 12 14:00:15 2007 From: nick at nickfitz.co.uk (Nick Fitzsimons) Date: Fri, 12 Jan 2007 20:00:15 +0000 Subject: [Javascript] Help with closures In-Reply-To: <20070112194217.GC3693@hank.org> References: <20070111235757.GA3693@hank.org> <9EFC04356BBC4745B67A41B106F4A47A8B9F41@TPN-EX01.PROJECT-NETWORK.COM> <20070112140223.GA9595@hank.org> <64DE8859-11AB-4F0A-9075-91DBB490D8B9@datacompusa.com> <20070112194217.GC3693@hank.org> Message-ID: <2F413525-ABA1-4005-AF40-6894A5AAF85A@nickfitz.co.uk> On 12 Jan 2007, at 19:42:18, Bill Moseley wrote: > I expected "item" to be a new variable every time through the loop. > Isn't that what "var" means? > > var item = 'item' + list[i]; > > Yet, running the code "item" refers always to the last value, as shown > in "Example 5". It returns "item3" three times. Variables in JavaScript are define as having function scope, not block scope. If defined outside a function definition, or defined within a function without the use of the "var" keyword, the have global scope. Thus: var foo = 1; alert(foo); // shows "1" function testWithoutVar() { foo = 2; // no "var", so foo is the global foo } testWithoutVar(); alert(foo); // shows "2" function testWithVar() { var foo = 3; // foo is local to the function } testWithoutVar(); alert(foo); // shows "2" as global foo is left unchanged by the function function testWithBlock() { var bar = 1; for (var i = 0; i < 10; i++) { var bar = i; // this is just redefining the outer bar, not a new bar with block scope } alert(bar); // shows "9" } testWithBlock(); alert(bar); // shows "undefined", as bar only had function scope Moral: just because the syntactic sugar in JavaScript is similar to C- style languages such as Java, doesn't mean it follows the same scoping rules. I would suggest having a look at ECMA 262, which defines the ECMAScript language of which JavaScript is an implementation, but nobody who's read it all the way through (several times) would willingly inflict it on another human being :-) HTH, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ From moseley at hank.org Fri Jan 12 15:29:25 2007 From: moseley at hank.org (Bill Moseley) Date: Fri, 12 Jan 2007 13:29:25 -0800 Subject: [Javascript] Help with closures In-Reply-To: <2F413525-ABA1-4005-AF40-6894A5AAF85A@nickfitz.co.uk> References: <20070111235757.GA3693@hank.org> <9EFC04356BBC4745B67A41B106F4A47A8B9F41@TPN-EX01.PROJECT-NETWORK.COM> <20070112140223.GA9595@hank.org> <64DE8859-11AB-4F0A-9075-91DBB490D8B9@datacompusa.com> <20070112194217.GC3693@hank.org> <2F413525-ABA1-4005-AF40-6894A5AAF85A@nickfitz.co.uk> Message-ID: <20070112212925.GC30772@hank.org> On Fri, Jan 12, 2007 at 08:00:15PM +0000, Nick Fitzsimons wrote: > function testWithBlock() { > var bar = 1; > for (var i = 0; i < 10; i++) { > var bar = i; // this is just redefining the outer bar, not a new bar with block scope > } > alert(bar); // shows "9" > } So is this exactly the same then (note lack of var on inner bar)?: function testWithBlock() { var bar = 1; for (var i = 0; i < 10; i++) { bar = i; } alert(bar); // shows "9" } Kind of disturbing, if so. ;) > I would suggest having a look at ECMA 262, which > defines the ECMAScript language of which JavaScript is an > implementation, but nobody who's read it all the way through (several > times) would willingly inflict it on another human being :-) I'd like to, but I'm enjoying poking hot sticks in my eyes too much. > HTH, It does. Thanks much. -- Bill Moseley moseley at hank.org From nick at nickfitz.co.uk Fri Jan 12 16:16:20 2007 From: nick at nickfitz.co.uk (Nick Fitzsimons) Date: Fri, 12 Jan 2007 22:16:20 +0000 Subject: [Javascript] Help with closures In-Reply-To: <20070112212925.GC30772@hank.org> References: <20070111235757.GA3693@hank.org> <9EFC04356BBC4745B67A41B106F4A47A8B9F41@TPN-EX01.PROJECT-NETWORK.COM> <20070112140223.GA9595@hank.org> <64DE8859-11AB-4F0A-9075-91DBB490D8B9@datacompusa.com> <20070112194217.GC3693@hank.org> <2F413525-ABA1-4005-AF40-6894A5AAF85A@nickfitz.co.uk> <20070112212925.GC30772@hank.org> Message-ID: On 12 Jan 2007, at 21:29:25, Bill Moseley wrote: > On Fri, Jan 12, 2007 at 08:00:15PM +0000, Nick Fitzsimons wrote: >> function testWithBlock() { >> var bar = 1; >> for (var i = 0; i < 10; i++) { >> var bar = i; // this is just redefining the outer bar, not >> a new bar with block scope >> } >> alert(bar); // shows "9" >> } > > So is this exactly the same then (note lack of var on inner bar)?: > > function testWithBlock() { > var bar = 1; > for (var i = 0; i < 10; i++) { > bar = i; > } > alert(bar); // shows "9" > } > > Kind of disturbing, if so. ;) > Yes, it's the same. To be precise, "var declares a variable, optionally initialising it to a value." So you could write function testWithBlock() { var bar; for (var i = 0; i < 10; i++) { bar = i; } alert(bar); // shows "9" } although I'm not sure if you find that any less disturbing ;-) >> I would suggest having a look at ECMA 262, which >> defines the ECMAScript language of which JavaScript is an >> implementation, but nobody who's read it all the way through (several >> times) would willingly inflict it on another human being :-) > > I'd like to, but I'm enjoying poking hot sticks in my eyes too much. :-) A good source of information is on Mozilla's site: The Core reference is good for looking stuff up quickly, and the Language Guide will help you get your head round oddities like function scope. >> HTH, > > It does. Thanks much. > No problem. Now, it's Friday night and the pub's open. Have a good weekend :-) Cheers, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ From bernu at lptmc.jussieu.fr Mon Jan 15 00:41:07 2007 From: bernu at lptmc.jussieu.fr (Bernu Bernard) Date: Mon, 15 Jan 2007 07:41:07 +0100 Subject: [Javascript] How to scroll an iframe Message-ID: Is it possible to scroll an iframe from Javascript ? I tried scrollTo and scrollBy without success. Bernard From javascript at webdesignofficina.com Mon Jan 15 08:52:23 2007 From: javascript at webdesignofficina.com (Guillaume) Date: Mon, 15 Jan 2007 15:52:23 +0100 Subject: [Javascript] Monitor an offsetHeight value In-Reply-To: <7.0.1.0.2.20070111112747.02181a80@juniperwebcraft.com> References: <45A66CE0.4050705@webdesignofficina.com> <7.0.1.0.2.20070111112747.02181a80@juniperwebcraft.com> Message-ID: <45AB9527.1080708@webdesignofficina.com> Stefan, Paul, and all others who haven't replied yet... Here's my function below re-aranged according to your replies... I still don't understand why, when checkOptSli() is called, I always get the else statement... Not being able to compare an initial value to a listened one... Can someone please light up the path a bit... Regards, Guillaume. function checkOptSli() { // This is fired when a user clicks a link var sto2 = 0; sto2ID = setTimeout("checkOptJ();", 2000); } function checkOptJ() { var optsh0 = checkOptK; optsh3 = optsh0;// Initial value (offsetHeight) of element var optsh1 = 0; var optsh1ID = setTimeout("checkOptL();", 2000); optsh4 = optsh1ID;// Value to be listened to and compared to the previous one above if ( optsh4 > optsh3 ) { alert( "things have moved" ); } else { alert( "quiet" ); } } function checkOptK(){ // Fired on the onload so we have a value as starting point var opts1 = document.getElementById("options"); moveBy1 = opts1.offsetHeight; posTn3 = 0 - moveBy1; parseInt( posTn3 ); return posTn3; } function checkOptL(){ // Looped inside a setTimeout to see if this value is changing... // And compare it inside the checkOptJ()function to the checkOptK()resulting value var opts2 = document.getElementById("options"); moveBy2 = opts2.offsetHeight; posTn4 = 0 - moveBy2; parseInt( posTn4 ); return posTn4; } From aaronbassett at gmail.com Mon Jan 15 10:03:23 2007 From: aaronbassett at gmail.com (Aaron Bassett) Date: Mon, 15 Jan 2007 16:03:23 +0000 Subject: [Javascript] Monitor an offsetHeight value In-Reply-To: <45AB9527.1080708@webdesignofficina.com> References: <45A66CE0.4050705@webdesignofficina.com> <7.0.1.0.2.20070111112747.02181a80@juniperwebcraft.com> <45AB9527.1080708@webdesignofficina.com> Message-ID: <7cc847460701150803y695b903fo5049861b92557e94@mail.gmail.com> Am I missing something or could you not just use onresize?? Like: window.onresize=function() { /* do stuff */ } http://www.w3schools.com/htmldom/event_onresize.asp On 1/15/07, Guillaume wrote: > > Stefan, Paul, and all others who haven't replied yet... > > Here's my function below re-aranged according to your replies... > I still don't understand why, when checkOptSli() is called, I always get > the else statement... Not being able > to compare an initial value to a listened one... > > Can someone please light up the path a bit... > > Regards, > > Guillaume. > > > function checkOptSli() { // This is fired when a user clicks a link > > var sto2 = 0; > > sto2ID = setTimeout("checkOptJ();", 2000); > > } > > function checkOptJ() { > > var optsh0 = checkOptK; > > optsh3 = optsh0;// Initial value (offsetHeight) of element > > var optsh1 = 0; > > var optsh1ID = setTimeout("checkOptL();", 2000); > > optsh4 = optsh1ID;// Value to be listened to and compared to the > previous one above > > if ( optsh4 > optsh3 ) { > > > > alert( "things have moved" ); > > } > > > > else { > > > > alert( "quiet" ); > > > > > > } > > > > } > > > > function checkOptK(){ // Fired on the onload so we have a value as > starting point > > var opts1 = document.getElementById("options"); > > moveBy1 = opts1.offsetHeight; > > posTn3 = 0 - moveBy1; > > parseInt( posTn3 ); > > return posTn3; > > } > > > function checkOptL(){ // Looped inside a setTimeout to see if this value > is changing... > // And compare it inside the checkOptJ()function > to the checkOptK()resulting value > > var opts2 = document.getElementById("options"); > > moveBy2 = opts2.offsetHeight; > > posTn4 = 0 - moveBy2; > > parseInt( posTn4 ); > > return posTn4; > > } > > _______________________________________________ > Javascript mailing list > Javascript at LaTech.edu > https://lists.LaTech.edu/mailman/listinfo/javascript > -------------- next part -------------- An HTML attachment was scrubbed... URL: From javascript at webdesignofficina.com Mon Jan 15 10:31:41 2007 From: javascript at webdesignofficina.com (Guillaume) Date: Mon, 15 Jan 2007 17:31:41 +0100 Subject: [Javascript] Monitor an offsetHeight value In-Reply-To: <7cc847460701150803y695b903fo5049861b92557e94@mail.gmail.com> References: <45A66CE0.4050705@webdesignofficina.com> <7.0.1.0.2.20070111112747.02181a80@juniperwebcraft.com> <45AB9527.1080708@webdesignofficina.com> <7cc847460701150803y695b903fo5049861b92557e94@mail.gmail.com> Message-ID: <45ABAC6D.6050807@webdesignofficina.com> No you are not, but I still need to check an element dimension ( height ) in the layout to see if the user has changed his font size... > Am I missing something or could you not just use onresize?? > > Like: > window.onresize=function() { /* do stuff */ } > > http://www.w3schools.com/htmldom/event_onresize.asp > > > > > On 1/15/07, *Guillaume* > wrote: > > Stefan, Paul, and all others who haven't replied yet... > > Here's my function below re-aranged according to your replies... > I still don't understand why, when checkOptSli() is called, I > always get the else statement... Not being able > to compare an initial value to a listened one... > > Can someone please light up the path a bit... > > Regards, > > Guillaume. > > > function checkOptSli() { // This is fired when a user clicks a link > > var sto2 = 0; > > sto2ID = setTimeout("checkOptJ();", 2000); > > } > > function checkOptJ() { > > var optsh0 = checkOptK; > > optsh3 = optsh0;// Initial value (offsetHeight) of element > > var optsh1 = 0; > > var optsh1ID = setTimeout("checkOptL();", 2000); > > optsh4 = optsh1ID;// Value to be listened to and compared to > the previous one above > > if ( optsh4 > optsh3 ) { > > > > alert( "things have moved" ); > > } > > > > else { > > > > alert( "quiet" ); > > > > > > } > > > > } > > > > function checkOptK(){ // Fired on the onload so we have a value > as starting point > > var opts1 = document.getElementById("options"); > > moveBy1 = opts1.offsetHeight; > > posTn3 = 0 - moveBy1; > > parseInt( posTn3 ); > > return posTn3; > > } > > > function checkOptL(){ // Looped inside a setTimeout to see if > this value is changing... > // And compare it inside the > checkOptJ()function to the checkOptK()resulting value > > var opts2 = document.getElementById("options"); > > moveBy2 = opts2.offsetHeight; > > posTn4 = 0 - moveBy2; > > parseInt( posTn4 ); > > return posTn4; > > } > > _______________________________________________ > Javascript mailing list > Javascript at LaTech.edu > https://lists.LaTech.edu/mailman/listinfo/javascript > > > > ------------------------------------------------------------------------ > > _______________________________________________ > Javascript mailing list > Javascript at LaTech.edu > https://lists.LaTech.edu/mailman/listinfo/javascript > -------------- next part -------------- An HTML attachment was scrubbed... URL: From aaronbassett at gmail.com Mon Jan 15 10:43:47 2007 From: aaronbassett at gmail.com (Aaron Bassett) Date: Mon, 15 Jan 2007 16:43:47 +0000 Subject: [Javascript] Monitor an offsetHeight value In-Reply-To: <45ABAC6D.6050807@webdesignofficina.com> References: <45A66CE0.4050705@webdesignofficina.com> <7.0.1.0.2.20070111112747.02181a80@juniperwebcraft.com> <45AB9527.1080708@webdesignofficina.com> <7cc847460701150803y695b903fo5049861b92557e94@mail.gmail.com> <45ABAC6D.6050807@webdesignofficina.com> Message-ID: <7cc847460701150843n6ba420e4oec1026b423c5d8bb@mail.gmail.com> Ah ok - I thought you already had a method for detecting the font resize. You could always use the text resize detector from ALA : http://www.alistapart.com/articles/fontresizing/ On 1/15/07, Guillaume wrote: > > No you are not, but I still need to check an element dimension ( height ) > in the layout to see if the user has changed his font size... > > Am I missing something or could you not just use onresize?? > > Like: > window.onresize=function() { /* do stuff */ } > > http://www.w3schools.com/htmldom/event_onresize.asp > > > > On 1/15/07, Guillaume wrote: > > > > Stefan, Paul, and all others who haven't replied yet... > > > > Here's my function below re-aranged according to your replies... > > I still don't understand why, when checkOptSli() is called, I always get > > the else statement... Not being able > > to compare an initial value to a listened one... > > > > Can someone please light up the path a bit... > > > > Regards, > > > > Guillaume. > > > > > > function checkOptSli() { // This is fired when a user clicks a link > > > > var sto2 = 0; > > > > sto2ID = setTimeout("checkOptJ();", 2000); > > > > } > > > > function checkOptJ() { > > > > var optsh0 = checkOptK; > > > > optsh3 = optsh0;// Initial value (offsetHeight) of element > > > > var optsh1 = 0; > > > > var optsh1ID = setTimeout("checkOptL();", 2000); > > > > optsh4 = optsh1ID;// Value to be listened to and compared to the > > previous one above > > > > if ( optsh4 > optsh3 ) { > > > > > > > > alert( "things have moved" ); > > > > } > > > > > > > > else { > > > > > > > > alert( "quiet" ); > > > > > > > > > > > > } > > > > > > > > } > > > > > > > > function checkOptK(){ // Fired on the onload so we have a value as > > starting point > > > > var opts1 = document.getElementById("options"); > > > > moveBy1 = opts1.offsetHeight; > > > > posTn3 = 0 - moveBy1; > > > > parseInt( posTn3 ); > > > > return posTn3; > > > > } > > > > > > function checkOptL(){ // Looped inside a setTimeout to see if this > > value is changing... > > // And compare it inside the checkOptJ()function > > to the checkOptK()resulting value > > > > var opts2 = document.getElementById("options"); > > > > moveBy2 = opts2.offsetHeight; > > > > posTn4 = 0 - moveBy2; > > > > parseInt( posTn4 ); > > > > return posTn4; > > > > } > > > > _______________________________________________ > > Javascript mailing list > > Javascript at LaTech.edu > > https://lists.LaTech.edu/mailman/listinfo/javascript > > > > ------------------------------ > > _______________________________________________ > Javascript mailing list > Javascript at LaTech.eduhttps://lists.LaTech.edu/mailman/listinfo/javascript > > > > _______________________________________________ > Javascript mailing list > Javascript at LaTech.edu > https://lists.LaTech.edu/mailman/listinfo/javascript > > > -------------- next part -------------- An HTML attachment was scrubbed... URL: From javascript at webdesignofficina.com Mon Jan 15 10:53:50 2007 From: javascript at webdesignofficina.com (Guillaume) Date: Mon, 15 Jan 2007 17:53:50 +0100 Subject: [Javascript] Monitor an offsetHeight value In-Reply-To: <7cc847460701150843n6ba420e4oec1026b423c5d8bb@mail.gmail.com> References: <45A66CE0.4050705@webdesignofficina.com> <7.0.1.0.2.20070111112747.02181a80@juniperwebcraft.com> <45AB9527.1080708@webdesignofficina.com> <7cc847460701150803y695b903fo5049861b92557e94@mail.gmail.com> <45ABAC6D.6050807@webdesignofficina.com> <7cc847460701150843n6ba420e4oec1026b423c5d8bb@mail.gmail.com> Message-ID: <45ABB19E.3020605@webdesignofficina.com> Thanks Aaron I knew that one... I actually need these two methods merged together: font-resize and window resize detection That's why monitoring the height of one existing element in the layout would do the trick... Regards. Guillaume. > Ah ok - I thought you already had a method for detecting the font resize. > You could always use the text resize detector from ALA : > http://www.alistapart.com/articles/fontresizing/ > > > > > On 1/15/07, *Guillaume* > wrote: > > No you are not, but I still need to check an element dimension ( > height ) in the layout to see if the user has changed his font size... >> Am I missing something or could you not just use onresize?? >> >> Like: >> window.onresize=function() { /* do stuff */ } >> >> http://www.w3schools.com/htmldom/event_onresize.asp >> >> >> >> >> On 1/15/07, *Guillaume* > > wrote: >> >> Stefan, Paul, and all others who haven't replied yet... >> >> Here's my function below re-aranged according to your replies... >> I still don't understand why, when checkOptSli() is called, I >> always get the else statement... Not being able >> to compare an initial value to a listened one... >> >> Can someone please light up the path a bit... >> >> Regards, >> >> Guillaume. >> >> >> function checkOptSli() { // This is fired when a user clicks >> a link >> >> var sto2 = 0; >> >> sto2ID = setTimeout("checkOptJ();", 2000); >> >> } >> >> function checkOptJ() { >> >> var optsh0 = checkOptK; >> >> optsh3 = optsh0;// Initial value (offsetHeight) of element >> >> var optsh1 = 0; >> >> var optsh1ID = setTimeout("checkOptL();", 2000); >> >> optsh4 = optsh1ID;// Value to be listened to and compared >> to the previous one above >> >> if ( optsh4 > optsh3 ) { >> >> >> >> alert( "things have moved" ); >> >> } >> >> >> >> else { >> >> >> >> alert( "quiet" ); >> >> >> >> >> >> } >> >> >> >> } >> >> >> >> function checkOptK(){ // Fired on the onload so we have a >> value as starting point >> >> var opts1 = document.getElementById("options"); >> >> moveBy1 = opts1.offsetHeight; >> >> posTn3 = 0 - moveBy1; >> >> parseInt( posTn3 ); >> >> return posTn3; >> >> } >> >> >> function checkOptL(){ // Looped inside a setTimeout to see >> if this value is changing... >> // And compare it inside the >> checkOptJ()function to the checkOptK()resulting value >> >> var opts2 = document.getElementById("options"); >> >> moveBy2 = opts2.offsetHeight; >> >> posTn4 = 0 - moveBy2; >> >> parseInt( posTn4 ); >> >> return posTn4; >> >> } >> >> _______________________________________________ >> Javascript mailing list >> Javascript at LaTech.edu >> https://lists.LaTech.edu/mailman/listinfo/javascript >> >> >> >> ------------------------------------------------------------------------ >> >> _______________________________________________ >> Javascript mailing list >> Javascript at LaTech.edu >> https://lists.LaTech.edu/mailman/listinfo/javascript >> > > > _______________________________________________ > Javascript mailing list > Javascript at LaTech.edu > https://lists.LaTech.edu/mailman/listinfo/javascript > > > > ------------------------------------------------------------------------ > > _______________________________________________ > Javascript mailing list > Javascript at LaTech.edu > https://lists.LaTech.edu/mailman/listinfo/javascript > -------------- next part -------------- An HTML attachment was scrubbed... URL: From paul at juniperwebcraft.com Mon Jan 15 11:15:59 2007 From: paul at juniperwebcraft.com (Paul Novitski) Date: Mon, 15 Jan 2007 09:15:59 -0800 Subject: [Javascript] Monitor an offsetHeight value In-Reply-To: <45AB9527.1080708@webdesignofficina.com> References: <45A66CE0.4050705@webdesignofficina.com> <7.0.1.0.2.20070111112747.02181a80@juniperwebcraft.com> <45AB9527.1080708@webdesignofficina.com> Message-ID: <7.0.1.0.2.20070115082952.021edec8@juniperwebcraft.com> At 1/15/2007 06:52 AM, Guillaume wrote: >Here's my function below re-aranged according to your replies... >I still don't understand why, when checkOptSli() is called, I always >get the else statement... Not being able >to compare an initial value to a listened one... ... >function checkOptSli() { // This is fired when a user clicks a link > > var sto2 = 0; Why are you setting this variable? You don't use it for anything and because it's local it can't be used anywhere else in your script. >sto2ID = setTimeout("checkOptJ();", 2000); This sets sto2ID equal to the setTimeout() id, but it is a pointless assignment statement because sto2ID is never used again inside this function and being local it cannot be used anywhere else (although you attempt to do so). Your script suggests that you believe setTimeout("checkOptJ();", 2000); will return the result of function checkOptJ(), however according to the manual setTimeout() returns "the ID of the timeout, which can be used with window.clearTimeout." http://developer.mozilla.org/en/docs/DOM:window.setTimeout >} > >function checkOptJ() { > > var optsh0 = checkOptK; This statement sets optsh0 equal to the TEXT of function checkOptK(). Probably what you want is: var optsh0 = checkOptK(); to get the RETURN VALUE from function checkOptK(). See: http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Guide:Defining_Functions > optsh3 = optsh0;// Initial value (offsetHeight) of element No, this sets optsh3 equal to the TEXT of function checkOptK(). Display its value with alert() to see what I mean. > var optsh1 = 0; This is a pointless assignment statement since you do not use optsh1 again within this function and, being local, it cannot be used anywhere else. > var optsh1ID = setTimeout("checkOptL();", 2000); Again this sets optsh1ID equal to the ID of this setTimeout() call, a value that is really only useful to clearTimeout(). > optsh4 = optsh1ID;// Value to be listened to and compared to the > previous one above What's your purpose in passing the setTimeout() ID from one variable to another? > if ( optsh4 > optsh3 ) { This compares the id of the previous setTimeout() call to the text of function checkOptK(), a nonsense comparison. You need to rewrite your code to return the changing heights of your elements. > alert( "things have moved" ); > } > else { > alert( "quiet" ); > } >} > > > > function checkOptK(){ // Fired on the onload so we have a value > as starting point > > var opts1 = document.getElementById("options"); > > moveBy1 = opts1.offsetHeight; > > posTn3 = 0 - moveBy1; > parseInt( posTn3 ); parseInt() is a function that returns a value. It does not affect the value passed to it. You probably mean: posTn3 = parseInt( posTn3 ); http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Guide:Predefined_Functions:parseInt_and_parseFloat_Functions > return posTn3; > > } > > function checkOptL(){ // Looped inside a setTimeout to see if this > value is changing... // And compare it > inside the checkOptJ()function to the checkOptK()resulting value > > var opts2 = document.getElementById("options"); > > moveBy2 = opts2.offsetHeight; > > posTn4 = 0 - moveBy2; > > parseInt( posTn4 ); > > return posTn4; > > } checkOptK() and checkOptL() performs identical functions -- you can make them a single function called from two different places in your code. Guillaume, I strongly suggest that you read the JavaScript and DOM documentation, and also that you use alert() to display values of your variables as you go along to help you debug your code. It seems clear from your code that you need to strengthen your understanding of basic JavaScript syntax. Core JavaScript 1.5 Guide http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Guide Gecko DOM Reference http://developer.mozilla.org/en/docs/Gecko_DOM_Reference Regards, Paul __________________________ Juniper Webcraft Ltd. http://juniperwebcraft.com From javascript at webdesignofficina.com Tue Jan 16 03:16:28 2007 From: javascript at webdesignofficina.com (Guillaume) Date: Tue, 16 Jan 2007 10:16:28 +0100 Subject: [Javascript] Monitor an offsetHeight value In-Reply-To: <7.0.1.0.2.20070115082952.021edec8@juniperwebcraft.com> References: <45A66CE0.4050705@webdesignofficina.com> <7.0.1.0.2.20070111112747.02181a80@juniperwebcraft.com> <45AB9527.1080708@webdesignofficina.com> <7.0.1.0.2.20070115082952.021edec8@juniperwebcraft.com> Message-ID: <45AC97EC.3070507@webdesignofficina.com> Paul, Thank you for taking some time to post this useful reply... This surely has helped a lot... Regards, Guillaume > At 1/15/2007 06:52 AM, Guillaume wrote: >> Here's my function below re-aranged according to your replies... >> I still don't understand why, when checkOptSli() is called, I always >> get the else statement... Not being able >> to compare an initial value to a listened one... > > ... > >> function checkOptSli() { // This is fired when a user clicks a link >> >> var sto2 = 0; > > Why are you setting this variable? You don't use it for anything and > because it's local it can't be used anywhere else in your script. > > >> sto2ID = setTimeout("checkOptJ();", 2000); > > This sets sto2ID equal to the setTimeout() id, but it is a pointless > assignment statement because sto2ID is never used again inside this > function and being local it cannot be used anywhere else (although you > attempt to do so). > > Your script suggests that you believe setTimeout("checkOptJ();", > 2000); will return the result of function checkOptJ(), however > according to the manual setTimeout() returns "the ID of the timeout, > which can be used with window.clearTimeout." > http://developer.mozilla.org/en/docs/DOM:window.setTimeout > > >> } >> >> function checkOptJ() { >> >> var optsh0 = checkOptK; > > This statement sets optsh0 equal to the TEXT of function checkOptK(). > Probably what you want is: > > var optsh0 = checkOptK(); > > to get the RETURN VALUE from function checkOptK(). See: > http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Guide:Defining_Functions > > > >> optsh3 = optsh0;// Initial value (offsetHeight) of element > > No, this sets optsh3 equal to the TEXT of function checkOptK(). > Display its value with alert() to see what I mean. > > >> var optsh1 = 0; > > This is a pointless assignment statement since you do not use optsh1 > again within this function and, being local, it cannot be used > anywhere else. > > >> var optsh1ID = setTimeout("checkOptL();", 2000); > > Again this sets optsh1ID equal to the ID of this setTimeout() call, a > value that is really only useful to clearTimeout(). > > >> optsh4 = optsh1ID;// Value to be listened to and compared to the >> previous one above > > What's your purpose in passing the setTimeout() ID from one variable > to another? > > >> if ( optsh4 > optsh3 ) { > > This compares the id of the previous setTimeout() call to the text of > function checkOptK(), a nonsense comparison. > > You need to rewrite your code to return the changing heights of your > elements. > > > >> alert( "things have moved" ); >> } >> else { >> alert( "quiet" ); >> } >> } >> >> >> >> function checkOptK(){ // Fired on the onload so we have a value as >> starting point >> >> var opts1 = document.getElementById("options"); >> >> moveBy1 = opts1.offsetHeight; >> >> posTn3 = 0 - moveBy1; >> parseInt( posTn3 ); > > parseInt() is a function that returns a value. It does not affect the > value passed to it. You probably mean: > > posTn3 = parseInt( posTn3 ); > > http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Guide:Predefined_Functions:parseInt_and_parseFloat_Functions > > > > >> return posTn3; >> >> } >> >> function checkOptL(){ // Looped inside a setTimeout to see if this >> value is changing... // And compare it inside >> the checkOptJ()function to the checkOptK()resulting value >> >> var opts2 = document.getElementById("options"); >> >> moveBy2 = opts2.offsetHeight; >> >> posTn4 = 0 - moveBy2; >> >> parseInt( posTn4 ); >> >> return posTn4; >> >> } > > checkOptK() and checkOptL() performs identical functions -- you can > make them a single function called from two different places in your > code. > > > Guillaume, I strongly suggest that you read the JavaScript and DOM > documentation, and also that you use alert() to display values of your > variables as you go along to help you debug your code. It seems clear > from your code that you need to strengthen your understanding of basic > JavaScript syntax. > > Core JavaScript 1.5 Guide > http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Guide > > Gecko DOM Reference > http://developer.mozilla.org/en/docs/Gecko_DOM_Reference > > > Regards, > Paul > __________________________ > > Juniper Webcraft Ltd. > http://juniperwebcraft.com > > _______________________________________________ > Javascript mailing list > Javascript at LaTech.edu > https://lists.LaTech.edu/mailman/listinfo/javascript > From list at tridemail.de Fri Jan 19 08:51:59 2007 From: list at tridemail.de (Michael Borchers) Date: Fri, 19 Jan 2007 15:51:59 +0100 Subject: [Javascript] IE: tbody and innerHTML Message-ID: <000f01c73bd9$5f71e430$af24a8c0@mbpc> my script successfully creates an element TBODY var offersProductsTbody = document.createElement("TBODY"); offersProductsTbody.id = offersProductsRowID; offersProductsTable.appendChild(offersProductsTbody); document.getElementById(offersProductsRowID).innerHTML = 'test'; everything works fine when inserting HTML in FF, but as I understand, IE cannot use the innerHTML method for writing in . since the table is very big I cannot recreate it by DOM, it would be too much work. Any workaround?! From aaronbassett at gmail.com Fri Jan 19 09:14:08 2007 From: aaronbassett at gmail.com (Aaron Bassett) Date: Fri, 19 Jan 2007 15:14:08 +0000 Subject: [Javascript] IE: tbody and innerHTML In-Reply-To: <000f01c73bd9$5f71e430$af24a8c0@mbpc> References: <000f01c73bd9$5f71e430$af24a8c0@mbpc> Message-ID: <7cc847460701190714ufa9f94ds761f431ba706e7fb@mail.gmail.com> Could you target the element above the table? rather than the tbody and then use innerHTML to write the complete table rather than just the 's and 's?? On 1/19/07, Michael Borchers wrote: > > my script successfully creates an element TBODY > > var offersProductsTbody = document.createElement("TBODY"); > offersProductsTbody.id = offersProductsRowID; > > offersProductsTable.appendChild(offersProductsTbody); > > document.getElementById(offersProductsRowID).innerHTML = > 'test'; > > > > > everything works fine when inserting HTML in FF, > but as I understand, IE cannot use the innerHTML method > for writing in . > > since the table is very big I cannot recreate it by DOM, > it would be too much work. > > Any workaround?! > > _______________________________________________ > Javascript mailing list > Javascript at LaTech.edu > https://lists.LaTech.edu/mailman/listinfo/javascript > -------------- next part -------------- An HTML attachment was scrubbed... URL: From list at tridemail.de Mon Jan 22 01:58:53 2007 From: list at tridemail.de (Michael Borchers) Date: Mon, 22 Jan 2007 08:58:53 +0100 Subject: [Javascript] IE: tbody and innerHTML References: <000f01c73bd9$5f71e430$af24a8c0@mbpc> <7cc847460701190714ufa9f94ds761f431ba706e7fb@mail.gmail.com> Message-ID: <005201c73dfb$291f9610$af24a8c0@mbpc> I will try to include my old DOM function that created the on the fly and add it to the table. A bit work when layout has to be changed, but it works fine so far. For each row I have a with an unique ID, the table looks like: ... Is there a way to count out the tableBodies in order to place the new row exactely before the ?! ----- Original Message ----- From: Aaron Bassett To: [JavaScript List] Sent: Friday, January 19, 2007 4:14 PM Subject: Re: [Javascript] IE: tbody and innerHTML Could you target the element above the table? rather than the tbody and then use innerHTML to write the complete table rather than just the 's and '; everything works fine when inserting HTML in FF, but as I understand, IE cannot use the innerHTML method for writing in . since the table is very big I cannot recreate it by DOM, it would be too much work. Any workaround?! -------------- next part -------------- An HTML attachment was scrubbed... URL: From list at tridemail.de Mon Jan 22 02:24:02 2007 From: list at tridemail.de (Michael Borchers) Date: Mon, 22 Jan 2007 09:24:02 +0100 Subject: [Javascript] DOM: adding CSS to created DIV Message-ID: <005601c73dfe$ac426b50$af24a8c0@mbpc> The first version works fine for FF, but not for IE. The second one works fine for both. var entryLayer = document.createElement('DIV'); entryLayer.setAttribute('id','calendarEntryFormLayer'); // FF, not IE: entryLayer.setAttribute('style','position:absolute;left:200px;top:300px;width:100px;height:100px;background-color:#ffffff;color:#ffffff;;border:1px solid #0b234c;padding-left:10px;z-index:3000;display:block;'); // both: entryLayer.style.cssText = 'position:absolute;left:200px;top:300px;width:100px;height:100px;background-color:#ffffff;color:#ffffff;;border:1px solid #0b234c;padding-left:10px;z-index:3000;display:block;'; document.body.appendChild(entryLayer); any reason? From list at tridemail.de Mon Jan 22 02:31:18 2007 From: list at tridemail.de (Michael Borchers) Date: Mon, 22 Jan 2007 09:31:18 +0100 Subject: [Javascript] z-index and form elements Message-ID: <005a01c73dff$b04d9de0$af24a8c0@mbpc> My

Layer is created "over" a HTML form. FF hides the form select elements behind the new layer, but in IE the form elements keep shining through no matter how high i set the z-index. is that normal for the IE? :( From david at dorward.me.uk Mon Jan 22 02:35:08 2007 From: david at dorward.me.uk (David Dorward) Date: Mon, 22 Jan 2007 08:35:08 +0000 Subject: [Javascript] DOM: adding CSS to created DIV In-Reply-To: <005601c73dfe$ac426b50$af24a8c0@mbpc> References: <005601c73dfe$ac426b50$af24a8c0@mbpc> Message-ID: <20070122083508.GB27016@us-lot.org> On Mon, Jan 22, 2007 at 09:24:02AM +0100, Michael Borchers wrote: > The first version works fine for FF, but not for IE. > entryLayer.setAttribute('id','calendarEntryFormLayer'); > // FF, not IE: > entryLayer.setAttribute('style','position:absolute;left:200px;top:300px;width:100px;height:100px;background-color:#ffffff;color:#ffffff;;border:1px > solid #0b234c;padding-left:10px;z-index:3000;display:block;'); > any reason? Internet Explorer's implementation of setAttribute is very broken. I suspect it looks something like this: function (attribute, value) { element[attribute] = value; } ... so if the HTML attribute syntax is different from the accessor property (as style is) or if the property and attribute names are different (class/className) then it breaks. -- David Dorward http://dorward.me.uk From list at tridemail.de Mon Jan 22 02:42:29 2007 From: list at tridemail.de (Michael Borchers) Date: Mon, 22 Jan 2007 09:42:29 +0100 Subject: [Javascript] DOM: adding CSS to created DIV References: <005601c73dfe$ac426b50$af24a8c0@mbpc> <20070122083508.GB27016@us-lot.org> Message-ID: <006701c73e01$4044f960$af24a8c0@mbpc> > On Mon, Jan 22, 2007 at 09:24:02AM +0100, Michael Borchers wrote: >> The first version works fine for FF, but not for IE. > >> entryLayer.setAttribute('id','calendarEntryFormLayer'); >> // FF, not IE: >> >> entryLayer.setAttribute('style','position:absolute;left:200px;top:300px;width:100px;height:100px;background-color:#ffffff;color:#ffffff;;border:1px >> solid #0b234c;padding-left:10px;z-index:3000;display:block;'); > >> any reason? > > Internet Explorer's implementation of setAttribute is very broken. > > I suspect it looks something like this: > > function (attribute, value) { > element[attribute] = value; > } > > ... so if the HTML attribute syntax is different from the accessor > property (as style is) or if the property and attribute names are > different (class/className) then it breaks. > > -- > David Dorward http://dorward.me.uk So .style.cssText will always work fine? From david at dorward.me.uk Mon Jan 22 02:41:53 2007 From: david at dorward.me.uk (David Dorward) Date: Mon, 22 Jan 2007 08:41:53 +0000 Subject: [Javascript] DOM: adding CSS to created DIV In-Reply-To: <006701c73e01$4044f960$af24a8c0@mbpc> References: <005601c73dfe$ac426b50$af24a8c0@mbpc> <20070122083508.GB27016@us-lot.org> <006701c73e01$4044f960$af24a8c0@mbpc> Message-ID: <20070122084152.GC27016@us-lot.org> On Mon, Jan 22, 2007 at 09:42:29AM +0100, Michael Borchers wrote: > So .style.cssText will always work fine? AFAIK it will, I've never used it (as setting a .className has usually done the trick for me when I wanted to set lots of styles at once). -- David Dorward http://dorward.me.uk From list at tridemail.de Mon Jan 22 02:50:36 2007 From: list at tridemail.de (Michael Borchers) Date: Mon, 22 Jan 2007 09:50:36 +0100 Subject: [Javascript] DOM: adding CSS to created DIV References: <005601c73dfe$ac426b50$af24a8c0@mbpc><20070122083508.GB27016@us-lot.org><006701c73e01$4044f960$af24a8c0@mbpc> <20070122084152.GC27016@us-lot.org> Message-ID: <006c01c73e02$62a0a3a0$af24a8c0@mbpc> > On Mon, Jan 22, 2007 at 09:42:29AM +0100, Michael Borchers wrote: > >> So .style.cssText will always work fine? > > AFAIK it will, I've never used it (as setting a .className has usually > done the trick for me when I wanted to set lots of styles at once). > > -- > David Dorward http://dorward.me.uk before i try: creating the div "on the fly" and just adding the class name as attribute would be enough to see the div with the styles i have adjusted to the CSS class? From david at dorward.me.uk Mon Jan 22 03:55:59 2007 From: david at dorward.me.uk (David Dorward) Date: Mon, 22 Jan 2007 09:55:59 +0000 Subject: [Javascript] DOM: adding CSS to created DIV In-Reply-To: <006c01c73e02$62a0a3a0$af24a8c0@mbpc> References: <20070122084152.GC27016@us-lot.org> <006c01c73e02$62a0a3a0$af24a8c0@mbpc> Message-ID: <20070122095559.GD27016@us-lot.org> On Mon, Jan 22, 2007 at 09:50:36AM +0100, Michael Borchers wrote: > >AFAIK it will, I've never used it (as setting a .className has usually > >done the trick for me when I wanted to set lots of styles at once). > before i try: creating the div "on the fly" and just adding the > class name as attribute As mentioned, IE's support for setAttribute is lacking. Set the .className property instead. > would be enough to see the div with the > styles i have adjusted to the CSS class? There is no such thing as a "CSS class". Classes are part of HTML. CSS has "class selectors" which (along with the other selectors in CSS) control what elements a declaration-block applies to. Making an HTML element a member of a class will cause styles in any declaration-block associated with a selector that matches that class to be applied on the fly though. -- David Dorward http://dorward.me.uk From rer at datacompusa.com Mon Jan 22 06:07:28 2007 From: rer at datacompusa.com (Roger Roelofs) Date: Mon, 22 Jan 2007 07:07:28 -0500 Subject: [Javascript] z-index and form elements In-Reply-To: <005a01c73dff$b04d9de0$af24a8c0@mbpc> References: <005a01c73dff$b04d9de0$af24a8c0@mbpc> Message-ID: <517CF700-C3B1-405F-AEFA-96BD8396D4A3@datacompusa.com> Michael, On Jan 22, 2007, at 3:31 AM, Michael Borchers wrote: > My

Layer is created "over" a HTML form. > FF hides the form select elements behind the new layer, but in IE > the form elements keep shining through no matter how high i set the > z-index. > is that normal for the IE? :( Yes :-( You can get around it by using an iframe instead of a div, or you can loop through the form and hide the individual elements. Roger ------------------------------------------------------- Roger Roelofs web www.datacompusa.com Datacomp Appraisal Services Email rer at datacompusa.com 3215 Eaglecrest Drive, NE Grand Rapids, MI 49525-4593 From peter at brunone.com Mon Jan 22 10:12:36 2007 From: peter at brunone.com (Peter Brunone) Date: Mon, 22 Jan 2007 09:12:36 -0700 Subject: [Javascript] z-index and form elements Message-ID: I assume you're talking about SELECT elements, since they're the ones with the bleed-through issue. The problem is that in IE6 and earlier, select elements are windowed objects (like flash movies, etc) and henceforth can't be covered up through the use of z-index. You do, however, have a couple of options. One is to use a composite HTML substitute for a dropdownlist, and the other is to hack the overlay div with an iframe to obscure the DDLs behind it (which is how http://easylistbox.com/demoBleeding.aspx works). There is of course a third option, which would be to hide the lists when the div appears, but that can get ugly and if the layer doesn't completely cover some of the lists, it looks kind of funny from the user's perspective. HTH, Peter From: "Michael Borchers" list at tridemail.de My Layer is created "over" a HTML form. FF hides the form select elements behind the new layer, but in IE the form elements keep shining through no matter how high i set the z-index. is that normal for the IE? :( -------------- next part -------------- An HTML attachment was scrubbed... URL: From robert at edico.si Mon Jan 22 20:01:30 2007 From: robert at edico.si (robert) Date: Tue, 23 Jan 2007 03:01:30 +0100 Subject: [Javascript] Focus problem with Firefox Message-ID: <000901c73e92$67bdfc80$6501a8c0@expres> I have problem with this piece of code in Mozzila Firefox (Ver. 1.5.0.9). IE works as expected. The problem is, that after leaving first input field, the focus does change to box3, but the cursor is not visible. Any suggestions? Box 1:
Box 2:
Box 3:
-------------- next part -------------- An HTML attachment was scrubbed... URL: From coldfusion.developer at att.net Mon Jan 22 20:23:52 2007 From: coldfusion.developer at att.net (coldfusion.developer at att.net) Date: Tue, 23 Jan 2007 02:23:52 +0000 Subject: [Javascript] Images for Tabs Message-ID: <012320070223.10121.45B571B8000403CA0000278921604666489D0A9F01040A900A0BD20201079C9A000B04010C@att.net> All, Any help woul dbe great. I have this row of images. The functionality I have working is that each tabbed image is grayed out and changes to a colorized version of the same tab after you click on the tab. What I can't figure out is how to get the first image to show the colorized version by default when the page loads and the turn off as the user clicks on the other tabs. Should I add to the Untitled Document

's?? On 1/19/07, Michael Borchers wrote: my script successfully creates an element TBODY var offersProductsTbody = document.createElement("TBODY"); offersProductsTbody.id = offersProductsRowID; offersProductsTable.appendChild(offersProductsTbody); document.getElementById(offersProductsRowID).innerHTML = '
test

-------------- next part -------------- An HTML attachment was scrubbed... URL: From wdlists at triche-osborne.com Tue Jan 23 12:32:50 2007 From: wdlists at triche-osborne.com (Triche Osborne) Date: Tue, 23 Jan 2007 12:32:50 -0600 Subject: [Javascript] Focus problem with Firefox In-Reply-To: <000901c73e92$67bdfc80$6501a8c0@expres> References: <000901c73e92$67bdfc80$6501a8c0@expres> Message-ID: <45B654D2.8020305@triche-osborne.com> robert wrote: > I have problem with this piece of code in Mozzila Firefox (Ver. 1.5.0.9). IE > works as expected. The problem is, that after leaving first input field, the > focus does change to box3, but the cursor is not visible. Any suggestions? > I did some additional testing on this. Without going into the observational details, the tests seem to indicate that upon exiting the trigger field, both browsers automatically spawn a default focus on the next field in tab order. However, whereas IE cancels that default focus in favor of the new field, FF doesn't and gets confused as a result. (In FF, a subsequent tab away from this "no-man's-land focus" always returned to the location bar, regardless of what field it should have moved to.) Perhaps if you could tell us why and under what conditions you want to skip the second field (or focus on the third), we could be of more help with a workaround. Triche > > > > > > > > > > > > > > > > > > > > > > > > > > ------------------------------------------------------------------------ > > _______________________________________________ > Javascript mailing list > Javascript at LaTech.edu > https://lists.LaTech.edu/mailman/listinfo/javascript From javascript at webdesignofficina.com Wed Jan 24 12:31:56 2007 From: javascript at webdesignofficina.com (Guillaume) Date: Wed, 24 Jan 2007 19:31:56 +0100 Subject: [Javascript] Wait for a delayed function to end to start another... Message-ID: <45B7A61C.90700@webdesignofficina.com> I have two functions showing / hiding layer, each one with a different delay. Each function is fired with it's individual link: Show ( ShowDelayed() ) // Hide ( HideDelayed() ) How do I avoid these function of running together, at the same time, if a user clicks alternatively on the two links for example... Each function should first end before the other one starts running... I have to achieve this inside the script and can't use a delayed onclick for example... Don't know if this is clear... Have a rough example below... Regards, Guillaume var HideChk = false; function Hide() { if (HideChk) return; HideChk = true; var opts1 = document.getElementById("options"); opts1.style.display = "none"; } function HideDelayed() { setTimeout('Hide()',6000) } var ShowChk = false; function Show() { if (ShowChk) return; ShowChk = true; var opts1 = document.getElementById("options"); opts1.style.display = "block"; } function ShowDelayed() { setTimeout('Show()',3000) } From peter at brunone.com Wed Jan 24 12:46:38 2007 From: peter at brunone.com (Peter Brunone) Date: Wed, 24 Jan 2007 11:46:38 -0700 Subject: [Javascript] Wait for a delayed function to end to start another... Message-ID: <3e8aa21bd38a4a5f8f14d0bd204d5ef4@brunone.com> What about another global variable that flips before when you call setTimeout, and resets when the function actually runs? From: Guillaume javascript at webdesignofficina.com I have two functions showing / hiding layer, each one with a different delay. Each function is fired with it's individual link: Show ( ShowDelayed() ) // Hide ( HideDelayed() ) How do I avoid these function of running together, at the same time, if a user clicks alternatively on the two links for example... Each function should first end before the other one starts running... I have to achieve this inside the script and can't use a delayed onclick for example... Don't know if this is clear... Have a rough example below... Regards, Guillaume var HideChk = false; function Hide() { if (HideChk) return; HideChk = true; var opts1 = document.getElementById("options"); opts1.style.display = "none"; } function HideDelayed() { setTimeout('Hide()',6000) } var ShowChk = false; function Show() { if (ShowChk) return; ShowChk = true; var opts1 = document.getElementById("options"); opts1.style.display = "block"; } function ShowDelayed() { setTimeout('Show()',3000) } -------------- next part -------------- An HTML attachment was scrubbed... URL: From mdougherty at pbp.com Wed Jan 24 12:58:41 2007 From: mdougherty at pbp.com (Mike Dougherty) Date: Wed, 24 Jan 2007 13:58:41 -0500 Subject: [Javascript] Wait for a delayed function to end to start another... In-Reply-To: <3e8aa21bd38a4a5f8f14d0bd204d5ef4@brunone.com> References: <3e8aa21bd38a4a5f8f14d0bd204d5ef4@brunone.com> Message-ID: wouldn't the concurrent calls only be a problem if the target were the same object? So if there is no need for the semaphore to block two different objects, the global variable you mentioned could be a property value set on the object itself. With that strategy, the delayed functions could check their respective objects' semaphore and either cancel self, or cancel pending action and replace with self. This allows two different objects to have delayed actions without interfering with each other. (though I question the value of an intentially delayed user experience, but that's another issue) On Wed, 24 Jan 2007 11:46:38 -0700 "Peter Brunone" wrote: > > What about another global variable that flips before when you call setTimeout, and resets when >the function actually runs? From janie.hadsel at gmail.com Fri Jan 26 18:12:32 2007 From: janie.hadsel at gmail.com (Janie Hadsel) Date: Fri, 26 Jan 2007 19:12:32 -0500 Subject: [Javascript] Scroller Message-ID: <981043b0701261612u767ab859k63db2963ce3cc247@mail.gmail.com> Does anyone know of a good div scroller script? I've tried to implement the one from the "JavaScript & DHTML Cookbook", but it's old and doesn't work in Safari or correctly in Netscape 7.2 (the bottom portion of text cuts off when the down button is pressed.) There are a lot of scroller scripts on the Web, but they are mostly for images or other content of specified length. I need to scroll div content up and down with my own image buttons (no ugly scrollbars). The text is set in relative terms (i.e. ems or percentages), so the div length will change according to the user's font size. Thx, JH -------------- next part -------------- An HTML attachment was scrubbed... URL: From paul at juniperwebcraft.com Fri Jan 26 19:15:40 2007 From: paul at juniperwebcraft.com (Paul Novitski) Date: Fri, 26 Jan 2007 17:15:40 -0800 Subject: [Javascript] Focus problem with Firefox In-Reply-To: <000901c73e92$67bdfc80$6501a8c0@expres> References: <000901c73e92$67bdfc80$6501a8c0@expres> Message-ID: <7.0.1.0.2.20070126171202.023149c8@juniperwebcraft.com> At 1/22/2007 06:01 PM, robert wrote: >I have problem with this piece of code in Mozzila Firefox (Ver. >1.5.0.9). IE works as expected. The problem is, that after leaving >first input field, the focus does change to box3, but the cursor is >not visible. Any suggestions? ... >function change_focus() >{ >document.myform.box3.focus(); >} ... > Why not simply use the HTML tabindex attribute? That way your user interface won't break when scripting is disabled. HTML 4.01 Specification 17 Forms 17.11.1 Tabbing navigation http://www.w3.org/TR/html4/interact/forms.html#h-17.11.1 Regards, Paul __________________________ Juniper Webcraft Ltd. http://juniperwebcraft.com From paul at juniperwebcraft.com Fri Jan 26 19:36:14 2007 From: paul at juniperwebcraft.com (Paul Novitski) Date: Fri, 26 Jan 2007 17:36:14 -0800 Subject: [Javascript] Scroller In-Reply-To: <981043b0701261612u767ab859k63db2963ce3cc247@mail.gmail.com > References: <981043b0701261612u767ab859k63db2963ce3cc247@mail.gmail.com> Message-ID: <7.0.1.0.2.20070126171605.0222d1b0@juniperwebcraft.com> At 1/26/2007 04:12 PM, Janie Hadsel wrote: >Does anyone know of a good div scroller script? This isn't the answer you're looking for, but I'll venture the opinion that the only good scroller is a dead scroller. All of the ones I've encountered are highly inaccessible: can't be driven by a keyboard and require fine motor control that can be challenging even without visual, muscular, or neurological disabilities. They also haven't been compatible with the scroll wheel on the modern mouse, forcing most users to change their ergonomic interactive habits just to read one page in a million. And for what gain? I realize you're probably trying to create scrolling content in the middle of a static field but I'd urge you to consider alternatives such as CSS {position: static} to freeze the non-scrolling content or {overflow: scroll} for the div itself. I know scrollbars are ugly, but they work and they work with existing assistive technology. If you proceed, I urge you to devise a scroller that's accessible and easy to use. Regards, Paul __________________________ Juniper Webcraft Ltd. http://juniperwebcraft.com From paul at juniperwebcraft.com Fri Jan 26 19:51:48 2007 From: paul at juniperwebcraft.com (Paul Novitski) Date: Fri, 26 Jan 2007 17:51:48 -0800 Subject: [Javascript] Images for Tabs In-Reply-To: <012320070223.10121.45B571B8000403CA0000278921604666489D0A9 F01040A900A0BD20201079C9A000B04010C@att.net> References: <012320070223.10121.45B571B8000403CA0000278921604666489D0A9F01040A900A0BD20201079C9A000B04010C@att.net> Message-ID: <7.0.1.0.2.20070126174102.023a9a70@juniperwebcraft.com> At 1/22/2007 06:23 PM, coldfusion.developer at att.net wrote: >I have this row of images. The functionality I have working is that >each tabbed image is grayed out and changes to a colorized version of >the same tab after you click on the tab. What I can't figure out is >how to get the first image to show >the colorized version by default when the page loads and the turn off >as the user clicks on the other tabs. I would put the color versions of the images into the markup, then use JavaScript to change the img src to the gray on click. 1) On page load, loop through the images and assign the onclick behavior to each one, pointing to the turnGray() function. 2) turnGray() modifes the current image's src attribute, changing the image name from the color version to the gray version. This simple model will let you dispense with a lot of the scripting and markup you're currently using. Any process that depends on JavaScript will not work when scripting is disabled, so you might consider whether your page is usable with scripting turned off, and if not provide an alternative that works. For example, each image in question could be wrapped in an anchor which reloads the current page with that image src changed from color to gray. The start-up loop that assigns onclick behavior can apply it to those anchors, replacing the call to the server with the immediate JavaScript action. What's the purpose of graying the images? If it's information that needs to be remembered the next time the user returns to the page, you might consider a server-side scripting solution for persistence, or wrapping each image in an anchor which, once visited, changes its child image to the gray version. (That latter is a CSS solution not requiring JavaScript.) Regards, Paul __________________________ Juniper Webcraft Ltd. http://juniperwebcraft.com From tedd at sperling.com Sat Jan 27 10:13:00 2007 From: tedd at sperling.com (tedd) Date: Sat, 27 Jan 2007 11:13:00 -0500 Subject: [Javascript] Opacity the the GIF Message-ID: Hi gang: I've tried to do this, but can't seem to get the hang of it. Does anyone know how to change the opacity of an animated GIF using javascript? If not code (preferable), references will do. tedd -- ------- http://sperling.com http://ancientstones.com http://earthstones.com From billy.reisinger at gmail.com Sat Jan 27 14:03:39 2007 From: billy.reisinger at gmail.com (Billy Reisinger) Date: Sat, 27 Jan 2007 14:03:39 -0600 Subject: [Javascript] Opacity the the GIF In-Reply-To: References: Message-ID: <33C5C2D0-B90F-429D-BAEC-7F6509C329AE@gmail.com> w3c browser (FF, Opera, Safari(?)): img.style.opacity = [float between 0.0 and 1.0] IE: img.style.filter = "alpha:opacity=" + [integer between 0 and 100] On Jan 27, 2007, at 10:13 AM, tedd wrote: > Hi gang: > > I've tried to do this, but can't seem to get the hang of it. > > Does anyone know how to change the opacity of an animated GIF using > javascript? > > If not code (preferable), references will do. > > tedd > -- > ------- > http://sperling.com http://ancientstones.com http://earthstones.com > _______________________________________________ > Javascript mailing list > Javascript at LaTech.edu > https://lists.LaTech.edu/mailman/listinfo/javascript From tedd at sperling.com Sat Jan 27 14:21:41 2007 From: tedd at sperling.com (tedd) Date: Sat, 27 Jan 2007 15:21:41 -0500 Subject: [Javascript] embedded vs external Message-ID: Hi gang: I have an embedded javascript that I want to take to an external file and load it in that way. However, when I do, the script doesn't run any more. Can all embedded script be removed and placed in a file for import? I thought so, but I'm not sure any more. tedd PS: The example is at: http://sperling.com/a/ -- it's the bird. Note the critter keeps it's place between refreshes between Home and Web Tips. PPS: Sue, I also added a fade, but it doesn't work for Opera. -- ------- http://sperling.com http://ancientstones.com http://earthstones.com From leeu at cfl.rr.com Sat Jan 27 14:59:15 2007 From: leeu at cfl.rr.com (Lee Underwood) Date: Sat, 27 Jan 2007 15:59:15 -0500 Subject: [Javascript] embedded vs external In-Reply-To: References: Message-ID: <200701272059.l0RKxK5S014122@ms-smtp-05.tampabay.rr.com> Did you leave the script tags out when you placed them in the external file? Also, did you check the path to the external file? Lee On 1/27/2007 03:21 PM, tedd wrote: ........................................................ >Hi gang: > >I have an embedded javascript that I want to take to an external >file and load it in that way. However, when I do, the script doesn't >run any more. Can all embedded script be removed and placed in a >file for import? I thought so, but I'm not sure any more. > >tedd > >PS: The example is at: http://sperling.com/a/ -- it's the bird. >Note the critter keeps it's place between refreshes between Home and Web Tips. > >PPS: Sue, I also added a fade, but it doesn't work for Opera. >-- >------- >http://sperling.com http://ancientstones.com http://earthstones.com >_______________________________________________ >Javascript mailing list >Javascript at LaTech.edu >https://lists.LaTech.edu/mailman/listinfo/javascript ........................................................ From tedd at sperling.com Sun Jan 28 08:13:14 2007 From: tedd at sperling.com (tedd) Date: Sun, 28 Jan 2007 09:13:14 -0500 Subject: [Javascript] embedded vs external In-Reply-To: <200701272059.l0RKxK5S014122@ms-smtp-05.tampabay.rr.com> References: <200701272059.l0RKxK5S014122@ms-smtp-05.tampabay.rr.com> Message-ID: At 3:59 PM -0500 1/27/07, Lee Underwood wrote: >Did you leave the script tags out when you placed them in the external file? > >Also, did you check the path to the external file? > >Lee Lee: Yes, on both counts -- I've done a few of these, but something about this one is different and I can't figure out what's the problem, but I will. Thanks. tedd -- ------- http://sperling.com http://ancientstones.com http://earthstones.com From mwarden at gmail.com Sun Jan 28 14:06:41 2007 From: mwarden at gmail.com (Matt Warden) Date: Sun, 28 Jan 2007 15:06:41 -0500 Subject: [Javascript] embedded vs external In-Reply-To: References: Message-ID: On 1/27/07, tedd wrote: > Hi gang: > > I have an embedded javascript that I want to take to an external file > and load it in that way. However, when I do, the script doesn't run > any more. Can all embedded script be removed and placed in a file for > import? I thought so, but I'm not sure any more. There are no external javascript files on the page you linked, so we can't look into it. But the answer to your question is yes. -- Matt Warden Cleveland, OH, USA http://mattwarden.com This email proudly and graciously contributes to entropy. From henrique.renno at gmail.com Tue Jan 30 07:00:27 2007 From: henrique.renno at gmail.com (=?ISO-8859-1?Q?Henrique_Renn=F3?=) Date: Tue, 30 Jan 2007 11:00:27 -0200 Subject: [Javascript] Database and SQL Message-ID: <3e7bcb580701300500s5e396b3aw8252389e000b2b6f@mail.gmail.com> Hello!!! I have an Access Database and a form I had created to do some queries on the data. One of the things I do is when the user clicks to open a dropdown box it executes some code in VBA to compose a SQL statement and search for all values stored in the field that this dropdown box will contain. Now I need to put this database on the web and I'm using the perl module DBD::ODBC that works very fine in order to access the Access database tables. I had put a html "form" tag with a "select" tag that I want to work the same way the dropdown box works in the Access form. What I'm in doubt is if there is a way of executing a script (with the form's action method) every time a "select" (dropdown) box is open to load into it all the values from the field in the database. Usually when a script is executed it loads the results into another page (or a new window) but in this case the values should go into a component without loading some other page. I don't know if doing it using Javascript is possible but I'd like some hints of other kinds of technology I should learn like JSP or Servlets, whatever could make this SQL query works the way I described. Thanks!!! -- Henrique -------------- next part -------------- An HTML attachment was scrubbed... URL: From billy.reisinger at gmail.com Tue Jan 30 07:23:07 2007 From: billy.reisinger at gmail.com (Billy Reisinger) Date: Tue, 30 Jan 2007 07:23:07 -0600 Subject: [Javascript] Database and SQL In-Reply-To: <3e7bcb580701300500s5e396b3aw8252389e000b2b6f@mail.gmail.com> References: <3e7bcb580701300500s5e396b3aw8252389e000b2b6f@mail.gmail.com> Message-ID: <318DB43D-FA41-411C-B4AE-80A3281E4F57@gmail.com> Javascript is event-driven. The "change" event fires when the user changes a drop down (select) value. You can use Ajax to pass data between the client and server, so you could build the GET or POST query from the change event (fired by the drop down), hit the url with Ajax, use whatever server side technology you want to do the db query, and return the content to the client. You'll then need to drop the returned content onto the page using Javascript. On Jan 30, 2007, at 7:00 AM, Henrique Renn? wrote: > Hello!!! > > I have an Access Database and a form I had created to do some > queries on the data. One of the things I do is when the user clicks > to open a dropdown box it executes some code in VBA to compose a > SQL statement and search for all values stored in the field that > this dropdown box will contain. Now I need to put this database on > the web and I'm using the perl module DBD::ODBC that works very > fine in order to access the Access database tables. > > I had put a html "form" tag with a "select" tag that I want to work > the same way the dropdown box works in the Access form. What I'm in > doubt is if there is a way of executing a script (with the form's > action method) every time a "select" (dropdown) box is open to load > into it all the values from the field in the database. Usually when > a script is executed it loads the results into another page (or a > new window) but in this case the values should go into a component > without loading some other page. > > I don't know if doing it using Javascript is possible but I'd like > some hints of other kinds of technology I should learn like JSP or > Servlets, whatever could make this SQL query works the way I > described. > > Thanks!!! > > -- > Henrique > _______________________________________________ > Javascript mailing list > Javascript at LaTech.edu > https://lists.LaTech.edu/mailman/listinfo/javascript From flavio at economisa.com.br Tue Jan 30 08:08:37 2007 From: flavio at economisa.com.br (=?ISO-8859-1?Q?Fl=E1vio_Gomes?=) Date: Tue, 30 Jan 2007 11:08:37 -0300 Subject: [Javascript] Database and SQL In-Reply-To: <3e7bcb580701300500s5e396b3aw8252389e000b2b6f@mail.gmail.com> References: <3e7bcb580701300500s5e396b3aw8252389e000b2b6f@mail.gmail.com> Message-ID: <45BF5165.9030607@economisa.com.br> AJAX, "Asynchronous JavaScript and XML", that's the name of the technology used for loading "the values into a component without loading some other page". Or maybe, depending on your case, if is not there a need to change the values from the dropdown "onclick" you could already write (on your serverside language) the page/dropdown with the values there. Henrique Renn? escreveu: > Hello!!! > > I have an Access Database and a form I had created to do some queries > on the data. One of the things I do is when the user clicks to open a > dropdown box it executes some code in VBA to compose a SQL statement > and search for all values stored in the field that this dropdown box > will contain. Now I need to put this database on the web and I'm using > the perl module DBD::ODBC that works very fine in order to access the > Access database tables. > > I had put a html "form" tag with a "select" tag that I want to work > the same way the dropdown box works in the Access form. What I'm in > doubt is if there is a way of executing a script (with the form's > action method) every time a "select" (dropdown) box is open to load > into it all the values from the field in the database. Usually when a > script is executed it loads the results into another page (or a new > window) but in this case the values should go into a component without > loading some other page. > > I don't know if doing it using Javascript is possible but I'd like > some hints of other kinds of technology I should learn like JSP or > Servlets, whatever could make this SQL query works the way I described. > > Thanks!!! > > -- > Henrique > >------------------------------------------------------------------------ > >_______________________________________________ >Javascript mailing list >Javascript at LaTech.edu >https://lists.LaTech.edu/mailman/listinfo/javascript > > -- Flavio Gomes flavio at economisa.com.br From mdougherty at pbp.com Tue Jan 30 08:55:17 2007 From: mdougherty at pbp.com (Mike Dougherty) Date: Tue, 30 Jan 2007 09:55:17 -0500 Subject: [Javascript] Database and SQL In-Reply-To: <3e7bcb580701300500s5e396b3aw8252389e000b2b6f@mail.gmail.com> References: <3e7bcb580701300500s5e396b3aw8252389e000b2b6f@mail.gmail.com> Message-ID: Do you have an example of your page so we can look at it? I ddin't assume ajax. I thought the idea was to make an option list from a database. That can be done on the web server before the page is downloaded. You wouldn't even need javascript (unless you're using server-side javascript) If you want two selects such that the choice in the first select determines the contents of the second select, then try an old-school dhtml solution. (you have less than a hundred options per select, correct?) On Tue, 30 Jan 2007 11:00:27 -0200 "Henrique Renn?" wrote: > Hello!!! > > I have an Access Database and a form I had created to do some queries on the > data. One of the things I do is when the user clicks to open a dropdown box > it executes some code in VBA to compose a SQL statement and search for all > values stored in the field that this dropdown box will contain. Now I need > to put this database on the web and I'm using the perl module DBD::ODBC that > works very fine in order to access the Access database tables. > > I had put a html "form" tag with a "select" tag that I want to work the same > way the dropdown box works in the Access form. What I'm in doubt is if there > is a way of executing a script (with the form's action method) every time a > "select" (dropdown) box is open to load into it all the values from the > field in the database. Usually when a script is executed it loads the > results into another page (or a new window) but in this case the values > should go into a component without loading some other page. > > I don't know if doing it using Javascript is possible but I'd like some > hints of other kinds of technology I should learn like JSP or Servlets, > whatever could make this SQL query works the way I described. > > Thanks!!! > > -- > Henrique From david at dorward.me.uk Tue Jan 30 08:54:34 2007 From: david at dorward.me.uk (David Dorward) Date: Tue, 30 Jan 2007 14:54:34 +0000 Subject: [Javascript] Database and SQL In-Reply-To: References: <3e7bcb580701300500s5e396b3aw8252389e000b2b6f@mail.gmail.com> Message-ID: <20070130145434.GB18243@us-lot.org> On Tue, Jan 30, 2007 at 09:55:17AM -0500, Mike Dougherty wrote: > If you want two selects such that the choice in the first select determines > the contents of the second select, then try an old-school dhtml solution. > (you have less than a hundred options per select, correct?) Or take the scary "Store the dependent select's possible values as JSON strings in the master select's options" route I did last time I came across this problem. >:) -- David Dorward http://dorward.me.uk From henrique.renno at gmail.com Tue Jan 30 09:35:41 2007 From: henrique.renno at gmail.com (=?ISO-8859-1?Q?Henrique_Renn=F3?=) Date: Tue, 30 Jan 2007 13:35:41 -0200 Subject: [Javascript] Database and SQL In-Reply-To: References: <3e7bcb580701300500s5e396b3aw8252389e000b2b6f@mail.gmail.com> Message-ID: <3e7bcb580701300735i533d12e3yf91c7b0132ae54f0@mail.gmail.com> Hello!!! I don't have an example of my page but I'll try to describe the whole idea behind it: There are two fields where will be put an initial date and a final date which will be part of the SQL filter statement. There will be a dropdown box (select box) that when the user clicks on it, he/she will select a country's state where all the values (state's names) are stored in a field from a table in the Access database and will be loaded into the select box being at most 30 values (I did it in a form inside Access using VBA for the event onClick and using a ADODB component to access the table and get the values executing an SQL statement constructed and stored in a String variable). Then the user will select an option from these ones that were loaded into the select box (he/she will select a state's name) and there will be another select box that will show values (cities' names) according to the one selected inside the first select box where the first select box with states works as a filter for the second one with cities (again, using VBA I did with no problems, just created the SQL statement and executed it). I think that solving these issues is almost all the work done as the other things that the page will contain I know how to deal with simple Javascript. Thanks a lot for the attention of all!!!! On 1/30/07, Mike Dougherty wrote: > > Do you have an example of your page so we can look at it? > > I ddin't assume ajax. I thought the idea was to make an option list from > a database. That can be > done on the web server before the page is downloaded. You wouldn't even > need javascript (unless > you're using server-side javascript) > > If you want two selects such that the choice in the first select > determines the contents of the > second select, then try an old-school dhtml solution. (you have less than > a hundred options per > select, correct?) > > > > On Tue, 30 Jan 2007 11:00:27 -0200 > "Henrique Renn?" wrote: > > Hello!!! > > > > I have an Access Database and a form I had created to do some queries on > the > > data. One of the things I do is when the user clicks to open a dropdown > box > > it executes some code in VBA to compose a SQL statement and search for > all > > values stored in the field that this dropdown box will contain. Now I > need > > to put this database on the web and I'm using the perl module DBD::ODBC > that > > works very fine in order to access the Access database tables. > > > > I had put a html "form" tag with a "select" tag that I want to work the > same > > way the dropdown box works in the Access form. What I'm in doubt is if > there > > is a way of executing a script (with the form's action method) every > time a > > "select" (dropdown) box is open to load into it all the values from the > > field in the database. Usually when a script is executed it loads the > > results into another page (or a new window) but in this case the values > > should go into a component without loading some other page. > > > > I don't know if doing it using Javascript is possible but I'd like some > > hints of other kinds of technology I should learn like JSP or Servlets, > > whatever could make this SQL query works the way I described. > > > > Thanks!!! > > > > -- > > Henrique > > _______________________________________________ > Javascript mailing list > Javascript at LaTech.edu > https://lists.LaTech.edu/mailman/listinfo/javascript > -- Henrique -------------- next part -------------- An HTML attachment was scrubbed... URL: From lbettridge at twowaytv.co.uk Tue Jan 30 10:24:47 2007 From: lbettridge at twowaytv.co.uk (Lee Bettridge) Date: Tue, 30 Jan 2007 16:24:47 -0000 Subject: [Javascript] is their a javascript function, or DOM property to find the char limit of a table cell or div? In-Reply-To: <3e7bcb580701300735i533d12e3yf91c7b0132ae54f0@mail.gmail.com> Message-ID: I need to manually scroll a large body of text in a table cell or div tag and was wondering if their is a way to find out how many characters will fit into an area of a given size ? Normally in a browser environment any overflow would automatically be handled by scroll bars (unless scroll bars are explicitly turned off), but I am working in a TV browser and remote control environment and cannot use scroll bars. Lee. -- Two Way TV is the trading name of Two Way Media Ltd Company Number: 4904168 -------------- next part -------------- An HTML attachment was scrubbed... URL: From paul at juniperwebcraft.com Tue Jan 30 10:59:35 2007 From: paul at juniperwebcraft.com (Paul Novitski) Date: Tue, 30 Jan 2007 08:59:35 -0800 Subject: [Javascript] Database and SQL In-Reply-To: <3e7bcb580701300735i533d12e3yf91c7b0132ae54f0@mail.gmail.co m> References: <3e7bcb580701300500s5e396b3aw8252389e000b2b6f@mail.gmail.com> <3e7bcb580701300735i533d12e3yf91c7b0132ae54f0@mail.gmail.com> Message-ID: <7.0.1.0.2.20070130083939.023029f8@juniperwebcraft.com> At 1/30/2007 07:35 AM, Henrique Renn? wrote: >There are two fields where will be put an >initial date and a final date which will be part of the SQL filter statement. > >There will be a dropdown box (select box) that >when the user clicks on it, he/she will select a >country's state where all the values (state's >names) are stored in a field from a table in the >Access database and will be loaded into the >select box being at most 30 values (I did it in >a form inside Access using VBA for the event >onClick and using a ADODB component to access >the table and get the values executing an SQL >statement constructed and stored in a String variable). > >Then the user will select an option from these >ones that were loaded into the select box >(he/she will select a state's name) and there >will be another select box that will show values >(cities' names) according to the one selected >inside the first select box where the first >select box with states works as a filter for the >second one with cities (again, using VBA I did >with no problems, just created the SQL statement and executed it). Unless you have strict control over all the users of this application, you can't guarantee that everyone will have javascript enabled. Therefore if you don't want the application to break for some users you should make sure it works when javascript is turned off. A non-javascript version might look like this: - download the page with states in a list - if it's a list of anchors, the user clicks on a state - if it's a select control, the user selects a state then submits form - download the page with the cities for the selected state (and the states so the user can look at another state) - if it's a list of anchors, the user clicks on a city - if it's a select control, the user selects a city then submits form - download the page with the results of the state-city query When javascript is running, the process could like like this: - download the page with states list and cities list, perhaps with the cities list hidden from view - user selects a state - javascript produces the resultant cities list, either: - by filtering a complete state-city list already in the page or: - by requesting the cities list from the server using HttpXMLRequest - user selects city - javascript produces the results, either: - by filtering results from data already in the page or: - by requesting the results from the server using HttpXMLRequest Both of these processes (javascript and non-javascript) could occur with the same downloaded page. When javascript is running, it dynamically hides & displays page elements that the non-javascript version needs to return to the server for. Regards, Paul __________________________ Juniper Webcraft Ltd. http://juniperwebcraft.com From alaneaston666 at hotmail.com Tue Jan 30 11:01:30 2007 From: alaneaston666 at hotmail.com (Alan Easton) Date: Tue, 30 Jan 2007 17:01:30 +0000 Subject: [Javascript] Auto-submit form every X minutes Message-ID: An HTML attachment was scrubbed... URL: From paul at juniperwebcraft.com Tue Jan 30 11:32:48 2007 From: paul at juniperwebcraft.com (Paul Novitski) Date: Tue, 30 Jan 2007 09:32:48 -0800 Subject: [Javascript] Auto-submit form every X minutes In-Reply-To: References: Message-ID: <7.0.1.0.2.20070130092745.02331a50@juniperwebcraft.com> At 1/30/2007 09:01 AM, Alan Easton wrote: >I am wanting to auto-submit a form every x mins. I have the following code. > > > >However, this is an ASP page, and I have 4 submit buttons, each >performing different actions on the page. The page gets submitted to >itself, and I grab the name of each button and perform something different. > >I would like to simply add a auto-save, so is there anyway I can use >JS to auto submit one of those buttons that I already have, like >instead of it being clicked, it is captures in an onsubmit event or something. I suppose you could invoke the click() method on the button of your choice. http://developer.mozilla.org/en/docs/DOM:element.click Also don't forget you can create and modify hidden input elements on the fly to feed whatever values you need to the server on submit. http://www.w3.org/TR/html4/interact/forms.html#hidden-control Regards, Paul __________________________ Juniper Webcraft Ltd. http://juniperwebcraft.com From john at jwarner.com Tue Jan 30 12:20:10 2007 From: john at jwarner.com (John Warner) Date: Tue, 30 Jan 2007 13:20:10 -0500 Subject: [Javascript] is their a javascript function, or DOM property to find the char limit of a table cell or div? In-Reply-To: Message-ID: <01b101c7449b$478bea80$4701a8c0@earth> Wouldn't the font the user has selected for his browser (if he chose to override page - say vision problems) impact this? John Warner -----Original Message----- From: javascript-bounces at LaTech.edu [mailto:javascript-bounces at LaTech.edu] On Behalf Of Lee Bettridge Sent: Tuesday, January 30, 2007 11:25 AM To: [JavaScript List] Subject: [Javascript] is their a javascript function,or DOM property to find the char limit of a table cell or div? I need to manually scroll a large body of text in a table cell or div tag and was wondering if their is a way to find out how many characters will fit into an area of a given size ? Normally in a browser environment any overflow would automatically be handled by scroll bars (unless scroll bars are explicitly turned off), but I am working in a TV browser and remote control environment and cannot use scroll bars. Lee. -------------- next part -------------- An HTML attachment was scrubbed... URL: From paul at juniperwebcraft.com Tue Jan 30 13:52:39 2007 From: paul at juniperwebcraft.com (Paul Novitski) Date: Tue, 30 Jan 2007 11:52:39 -0800 Subject: [Javascript] is their a javascript function, or DOM property to find the char limit of a table cell or div? In-Reply-To: <01b101c7449b$478bea80$4701a8c0@earth> References: <01b101c7449b$478bea80$4701a8c0@earth> Message-ID: <7.0.1.0.2.20070130110259.0218c318@juniperwebcraft.com> At 1/30/2007 08:24 AM, Lee Bettridge wrote: >Content-class: urn:content-classes:message >Content-Type: multipart/alternative; > boundary="----_=_NextPart_001_01C7448B.28869C13" > > I need to manually scroll a large body of text in a table cell or > div tag and was wondering if their is a way to find out how many > characters will fit into an area of a given size ? > >Normally in a browser environment any overflow would automatically >be handled by scroll bars (unless scroll bars are explicitly turned >off), but I am working in a TV browser and remote control >environment and cannot use scroll bars. At 1/30/2007 10:20 AM, John Warner wrote: >Wouldn't the font the user has selected for his browser (if he chose >to override page - say vision problems) impact this? I wonder if this is a table of content scrolling in the browser window or a table cell with content that scrolls because the cell has been styled with {overflow: scroll} in CSS? Yes, so he would need to look up the current font size, line height, margins, and padding as determined by inline styling + stylesheets + default styling to calculate the height of text blocks in the scrolling area. Unless of course the TV browser allows for a fixed font-size (ick) or isn't capable of font resizing (double-ick), in which case everything may be known from the outset. If the content consists of a series of page elements (table rows, paragraphs, divs) then javascript can step through them until it finds one that begins below the bottom of the window and thereby determine through trial and error how many rows fit in the window without having to calculate anything. It sounds like Lee is visualizing a page-up, page-down scenario in which the scrolling text moves up or down one div-height. An alternative might be to move it up or down one or more rows (or a percentage of window height) and let the user key repeatedly to shift up & down. In my experience some people are confused by page-up & page-down: because the entire contents of the window changes there's no perceptible movement up or down. Regards, Paul __________________________ Juniper Webcraft Ltd. http://juniperwebcraft.com From ferrettinico at gmail.com Tue Jan 30 14:54:51 2007 From: ferrettinico at gmail.com (Nico Ferretti) Date: Tue, 30 Jan 2007 17:54:51 -0300 Subject: [Javascript] INPUT TEXT show last characters Message-ID: <9c4d927b0701301254t2709f554l4aca049dfa825296@mail.gmail.com> Hi! I have a page with a lot of INPUT TEXT elements, already filled with URL's (so they have long strings within them). The problem is that I want to show the end of the string, not the beginning when the page loads. For example: ---------------------- |https://lists.lat| ---------------------- (the end would be ech.edu//pipermail/javascript/2007-January/thread.html) I want to show ---------------------- |ry/thread.html| ---------------------- Thanks in advance, Nico.- -------------- next part -------------- An HTML attachment was scrubbed... URL: From rvandam00 at gmail.com Tue Jan 30 20:09:58 2007 From: rvandam00 at gmail.com (Robert Van Dam) Date: Tue, 30 Jan 2007 19:09:58 -0700 Subject: [Javascript] INPUT TEXT show last characters In-Reply-To: <9c4d927b0701301254t2709f554l4aca049dfa825296@mail.gmail.com> References: <9c4d927b0701301254t2709f554l4aca049dfa825296@mail.gmail.com> Message-ID: <1815f00701301809p355bb6f7v7314c3755dadbf8c@mail.gmail.com> On 1/30/07, Nico Ferretti wrote: > Hi! > > I have a page with a lot of INPUT TEXT elements, already filled with URL's > (so they have long strings within them). > > The problem is that I want to show the end of the string, not the beginning > when the page loads. > > For example: > > ---------------------- > |https://lists.lat| > ---------------------- > > (the end would be > ech.edu//pipermail/javascript/2007-January/thread.html ) > > I want to show > > ---------------------- > |ry/thread.html| > ---------------------- Other than just making the text field large enough to show the entire string, I don't think its possible to do what you're asking for. However, you could hack it to work by having the page load with only the last X characters in the field and then as soon as someone clicks in the box, swap the short string for the full string. Unfortunately, in some (maybe all?) browsers that might suddenly snap the user to the beginning of the string which may not be a bit odd. Rob From lbettridge at twowaytv.co.uk Wed Jan 31 04:24:47 2007 From: lbettridge at twowaytv.co.uk (Lee Bettridge) Date: Wed, 31 Jan 2007 10:24:47 -0000 Subject: [Javascript] is their a javascript function, or DOMproperty to find the char limit of a table cell or div? In-Reply-To: <7.0.1.0.2.20070130110259.0218c318@juniperwebcraft.com> Message-ID: Paul, You were correct in that "It sounds like Lee is visualizing a page-up, page-down scenario in which the scrolling text moves up or down" and I move the text about half the height of the div tag so the user does not get lost. You were also correct in that the TV Browser does not 'to my knowledge', allow for font resizing or customizing, as text on a tv screen must be more constrained to remain readable. My problem is that the user can scroll down through the text and then keep scrolling down for ever, as I have no way of knowing when the text has finished, and no way of 'cutting' the text into pages so I can count them. -----Original Message----- From: javascript-bounces at LaTech.edu [mailto:javascript-bounces at LaTech.edu] On Behalf Of Paul Novitski Sent: 30 January 2007 19:53 To: javascript at LaTech.edu Subject: RE: [Javascript] is their a javascript function, or DOMproperty to find the char limit of a table cell or div? At 1/30/2007 08:24 AM, Lee Bettridge wrote: >Content-class: urn:content-classes:message >Content-Type: multipart/alternative; > boundary="----_=_NextPart_001_01C7448B.28869C13" > > I need to manually scroll a large body of text in a table cell or > div tag and was wondering if their is a way to find out how many > characters will fit into an area of a given size ? > >Normally in a browser environment any overflow would automatically >be handled by scroll bars (unless scroll bars are explicitly turned >off), but I am working in a TV browser and remote control >environment and cannot use scroll bars. At 1/30/2007 10:20 AM, John Warner wrote: >Wouldn't the font the user has selected for his browser (if he chose >to override page - say vision problems) impact this? I wonder if this is a table of content scrolling in the browser window or a table cell with content that scrolls because the cell has been styled with {overflow: scroll} in CSS? Yes, so he would need to look up the current font size, line height, margins, and padding as determined by inline styling + stylesheets + default styling to calculate the height of text blocks in the scrolling area. Unless of course the TV browser allows for a fixed font-size (ick) or isn't capable of font resizing (double-ick), in which case everything may be known from the outset. If the content consists of a series of page elements (table rows, paragraphs, divs) then javascript can step through them until it finds one that begins below the bottom of the window and thereby determine through trial and error how many rows fit in the window without having to calculate anything. It sounds like Lee is visualizing a page-up, page-down scenario in which the scrolling text moves up or down one div-height. An alternative might be to move it up or down one or more rows (or a percentage of window height) and let the user key repeatedly to shift up & down. In my experience some people are confused by page-up & page-down: because the entire contents of the window changes there's no perceptible movement up or down. Regards, Paul __________________________ Juniper Webcraft Ltd. http://juniperwebcraft.com _______________________________________________ Javascript mailing list Javascript at LaTech.edu https://lists.LaTech.edu/mailman/listinfo/javascript -- Two Way TV is the trading name of Two Way Media Ltd Company Number: 4904168 From alaneaston666 at hotmail.com Wed Jan 31 04:27:29 2007 From: alaneaston666 at hotmail.com (Alan Easton) Date: Wed, 31 Jan 2007 10:27:29 +0000 Subject: [Javascript] Auto-submit form every X minutes In-Reply-To: <7.0.1.0.2.20070130092745.02331a50@juniperwebcraft.com> Message-ID: An HTML attachment was scrubbed... URL: From mdougherty at pbp.com Wed Jan 31 08:13:02 2007 From: mdougherty at pbp.com (Mike Dougherty) Date: Wed, 31 Jan 2007 09:13:02 -0500 Subject: [Javascript] INPUT TEXT show last characters In-Reply-To: <9c4d927b0701301254t2709f554l4aca049dfa825296@mail.gmail.com> References: <9c4d927b0701301254t2709f554l4aca049dfa825296@mail.gmail.com> Message-ID: have you tried css? input { text-align: right; } On Tue, 30 Jan 2007 17:54:51 -0300 "Nico Ferretti" wrote: > Hi! > > I have a page with a lot of INPUT TEXT elements, already filled with URL's > (so they have long strings within them). > > The problem is that I want to show the end of the string, not the beginning > when the page loads. > >For example: > > ---------------------- > |https://lists.lat| > ---------------------- > > (the end would be ech.edu//pipermail/javascript/2007-January/thread.html) > > I want to show > > ---------------------- > |ry/thread.html| > ---------------------- > > Thanks in advance, > > Nico.- From tedd at sperling.com Wed Jan 31 09:19:46 2007 From: tedd at sperling.com (tedd) Date: Wed, 31 Jan 2007 10:19:46 -0500 Subject: [Javascript] Database and SQL In-Reply-To: <3e7bcb580701300500s5e396b3aw8252389e000b2b6f@mail.gmail.com> References: <3e7bcb580701300500s5e396b3aw8252389e000b2b6f@mail.gmail.com> Message-ID: At 11:00 AM -0200 1/30/07, Henrique Renn? wrote: >Hello!!! > >I have an Access Database and a form I had >created to do some queries on the data. One of >the things I do is when the user clicks to open >a dropdown box it executes some code in VBA to >compose a SQL statement and search for all >values stored in the field that this dropdown >box will contain. Now I need to put this >database on the web and I'm using the perl >module DBD::ODBC that works very fine in order >to access the Access database tables. > >I had put a html "form" tag with a "select" tag >that I want to work the same way the dropdown >box works in the Access form. What I'm in doubt >is if there is a way of executing a script (with >the form's action method) every time a "select" >(dropdown) box is open to load into it all the >values from the field in the database. Usually >when a script is executed it loads the results >into another page (or a new window) but in this >case the values should go into a component >without loading some other page. > >I don't know if doing it using Javascript is >possible but I'd like some hints of other kinds >of technology I should learn like JSP or >Servlets, whatever could make this SQL query >works the way I described. > >Thanks!!! > >-- >Henrique Henrique: I designed something similar here: http://ancientstones.com/catalog.php Please note, there is NO javascript in this example. This is all done via php/mysql with html/css presenting the data. The problems you face are not solvable using javascript because javascript is client-side and the user may have javascript turned off. What you want to do can be done using just server-side technology, namely mysql and php. As such, it's always available for the user regardless of what they think they want. I may get an argument from this list, but it's my opinion that javascript should be used as an unobtrusive enhancement to web functionality and not as a foundation for it. Cheers, tedd -- ------- http://sperling.com http://ancientstones.com http://earthstones.com From ferrettinico at gmail.com Wed Jan 31 09:20:29 2007 From: ferrettinico at gmail.com (Nico Ferretti) Date: Wed, 31 Jan 2007 12:20:29 -0300 Subject: [Javascript] INPUT TEXT show last characters In-Reply-To: <1815f00701301809p355bb6f7v7314c3755dadbf8c@mail.gmail.com> References: <9c4d927b0701301254t2709f554l4aca049dfa825296@mail.gmail.com> <1815f00701301809p355bb6f7v7314c3755dadbf8c@mail.gmail.com> Message-ID: <9c4d927b0701310720j55bfd389g83352d5d19692968@mail.gmail.com> Hi! Other than just making the text field large enough to show the entire > string, I don't think its possible to do what you're asking for. I can't :( it won't fit in the table However, you could hack it to work by having the page load with only > the last X characters in the field and then as soon as someone clicks > in the box, swap the short string for the full string. Unfortunately, > in some (maybe all?) browsers that might suddenly snap the user to the > beginning of the string which may not be a bit odd. Yes, it's a solution, i have to ask to the final users. Thanks a lot, Nico.- -------------- next part -------------- An HTML attachment was scrubbed... URL: From ferrettinico at gmail.com Wed Jan 31 09:21:18 2007 From: ferrettinico at gmail.com (Nico Ferretti) Date: Wed, 31 Jan 2007 12:21:18 -0300 Subject: [Javascript] INPUT TEXT show last characters In-Reply-To: References: <9c4d927b0701301254t2709f554l4aca049dfa825296@mail.gmail.com> Message-ID: <9c4d927b0701310721i53cf9ed0n3dc213a3a893f99b@mail.gmail.com> Yes... i've tried that, and it's the same... On 1/31/07, Mike Dougherty wrote: > > have you tried css? > > input { text-align: right; } > > On Tue, 30 Jan 2007 17:54:51 -0300 > "Nico Ferretti" wrote: > > Hi! > > > > I have a page with a lot of INPUT TEXT elements, already filled with > URL's > > (so they have long strings within them). > > > > The problem is that I want to show the end of the string, not the > beginning > > when the page loads. > > > >For example: > > > > ---------------------- > > |https://lists.lat| > > ---------------------- > > > > (the end would be ech.edu//pipermail/javascript/2007-January/thread.html > ) > > > > I want to show > > > > ---------------------- > > |ry/thread.html| > > ---------------------- > > > > Thanks in advance, > > > > Nico.- > > _______________________________________________ > Javascript mailing list > Javascript at LaTech.edu > https://lists.LaTech.edu/mailman/listinfo/javascript > -------------- next part -------------- An HTML attachment was scrubbed... URL: From tedd at sperling.com Wed Jan 31 09:24:29 2007 From: tedd at sperling.com (tedd) Date: Wed, 31 Jan 2007 10:24:29 -0500 Subject: [Javascript] INPUT TEXT show last characters In-Reply-To: <9c4d927b0701301254t2709f554l4aca049dfa825296@mail.gmail.com> References: <9c4d927b0701301254t2709f554l4aca049dfa825296@mail.gmail.com> Message-ID: At 5:54 PM -0300 1/30/07, Nico Ferretti wrote: >Hi! > >I have a page with a lot of INPUT TEXT elements, already filled with >URL's (so they have long strings within them). > >The problem is that I want to show the end of the string, not the >beginning when the page loads. > >For example: > >---------------------- >|https://lists.lat| >---------------------- > >(the end would be >ech.edu//pipermail/javascript/2007-January/thread.html >) > >I want to show > >---------------------- >|ry/thread.html| >---------------------- > >Thanks in advance, > >Nico.- Nico: I have not done this, so it may not work. However, if I had this problem, I would try using css and assign an attribute to the text box of right justification. hth's tedd -- ------- http://sperling.com http://ancientstones.com http://earthstones.com From tedd at sperling.com Wed Jan 31 09:50:53 2007 From: tedd at sperling.com (tedd) Date: Wed, 31 Jan 2007 10:50:53 -0500 Subject: [Javascript] is their a javascript function, or DOM property to find the char limit of a table cell or div? In-Reply-To: References: Message-ID: At 4:24 PM +0000 1/30/07, Lee Bettridge wrote: > was wondering if their is a way to find out how many characters >will fit into an area of a given size ? Lee: I had the same problem. The width and height of the viewing area (the frame) is not a problem, you can get that from the window attributes. The problem is number of characters and linefeeds that are contained in the body of the text and how much of that you can display in the frame allotted. I started by reading in the text and building the amount I could display in the frame by counting characters and upon reaching the maximum width would then increment a line count. When I reached a linefeed, I would simply increment the line count and move on. When the maximum number of lines was reached, I was done. I took my example a bit further by ending text at paragraphs and thus slightly less than what was allotted. I don't like dangling paragraph remnants. The code I have is in php and very specific to my example so providing it would cause you more headache than working it out yourself, but I've given you the basics. It's not that much of a problem to figure out. hth's tedd -- ------- http://sperling.com http://ancientstones.com http://earthstones.com From john at jwarner.com Wed Jan 31 10:47:50 2007 From: john at jwarner.com (John Warner) Date: Wed, 31 Jan 2007 11:47:50 -0500 Subject: [Javascript] is their a javascript function, or DOM propertyto find the char limit of a table cell or div? In-Reply-To: Message-ID: <01ef01c74557$8bf48e40$4701a8c0@earth> In most server side languages there are tools/functions that can give you the font metrics (size, width & height etc). Well let me say that's been my experience in Winders. Are there any similar functions available to JavaScript or that CSS can make available. If you know this the rest is easy, just math. But note this shows my ignorance regarding JavaScript, I've no idea if such a thing exists. The browser has this information somewhere, but is it exposed to 'us'? John Warner > -----Original Message----- > From: javascript-bounces at LaTech.edu > [mailto:javascript-bounces at LaTech.edu] On Behalf Of tedd > Sent: Wednesday, January 31, 2007 10:51 AM > To: [JavaScript List] > Subject: Re: [Javascript] is their a javascript function, or > DOM propertyto find the char limit of a table cell or div? > > > At 4:24 PM +0000 1/30/07, Lee Bettridge wrote: > > was wondering if their is a way to find out how many characters > >will fit into an area of a given size ? > > > Lee: > > I had the same problem. The width and height of the viewing area (the > frame) is not a problem, you can get that from the window attributes. > The problem is number of characters and linefeeds that are contained > in the body of the text and how much of that you can display in the > frame allotted. > > I started by reading in the text and building the amount I could > display in the frame by counting characters and upon reaching the > maximum width would then increment a line count. When I reached a > linefeed, I would simply increment the line count and move on. When > the maximum number of lines was reached, I was done. > > I took my example a bit further by ending text at paragraphs and thus > slightly less than what was allotted. I don't like dangling paragraph > remnants. > > The code I have is in php and very specific to my example so > providing it would cause you more headache than working it out > yourself, but I've given you the basics. It's not that much of a > problem to figure out. > > hth's > > tedd From paul at juniperwebcraft.com Wed Jan 31 12:10:49 2007 From: paul at juniperwebcraft.com (Paul Novitski) Date: Wed, 31 Jan 2007 10:10:49 -0800 Subject: [Javascript] please test before posting [WAS: Re: INPUT TEXT show last characters] In-Reply-To: References: <9c4d927b0701301254t2709f554l4aca049dfa825296@mail.gmail.com> Message-ID: <7.0.1.0.2.20070131095812.02272b50@juniperwebcraft.com> >>I have a page with a lot of INPUT TEXT elements, already filled with URL's >>(so they have long strings within them). >>The problem is that I want to show the end of the string, not the beginning >>when the page loads. >have you tried css? > >input { text-align: right; } The question is, have *you* tried it? This was my first idea on this topic, but the minute I took to throw it into an HTML page showed it didn't work (in Firefox). I know it's time-consuming, but the quality of the discussion is much higher when people take the time to test their advice before posting. And remember -- archives are forever! Please understand that this is just as much advice to myself as it to anyone else -- most of my faux pas on listserves have resulted from quick replies without testing. Regards, Paul __________________________ Paul Novitski Juniper Webcraft Ltd. http://juniperwebcraft.com From paul at juniperwebcraft.com Wed Jan 31 12:22:28 2007 From: paul at juniperwebcraft.com (Paul Novitski) Date: Wed, 31 Jan 2007 10:22:28 -0800 Subject: [Javascript] INPUT TEXT show last characters In-Reply-To: <9c4d927b0701301254t2709f554l4aca049dfa825296@mail.gmail.co m> References: <9c4d927b0701301254t2709f554l4aca049dfa825296@mail.gmail.com> Message-ID: <7.0.1.0.2.20070131101117.02190728@juniperwebcraft.com> At 1/30/2007 12:54 PM, Nico Ferretti wrote: >I have a page with a lot of INPUT TEXT elements, already filled with >URL's (so they have long strings within them). > >The problem is that I want to show the end of the string, not the >beginning when the page loads. How about this: insert spaces between URL nodes, something like: http://example.com/ folder1/ folder2/ page.html ?arg=val &arg=val Present the URL in a multiple-line textarea, not a single-line input field, so the URL naturally wraps around as needed within the confines of the column width. Then delete all the whitespace when you accept form input. Your task would be to ensure that the textarea was tall enough to accommodate the whole URL. I wonder if users would deal with this comfortably when they encountered it for the first time? I'm pretty sure I would Regards, Paul __________________________ Juniper Webcraft Ltd. http://juniperwebcraft.com From paul at juniperwebcraft.com Wed Jan 31 12:32:01 2007 From: paul at juniperwebcraft.com (Paul Novitski) Date: Wed, 31 Jan 2007 10:32:01 -0800 Subject: [Javascript] is their a javascript function, or DOMproperty to find the char limit of a table cell or div? In-Reply-To: References: <7.0.1.0.2.20070130110259.0218c318@juniperwebcraft.com> Message-ID: <7.0.1.0.2.20070131102442.00ee0458@juniperwebcraft.com> At 1/31/2007 02:24 AM, Lee Bettridge wrote: >Paul, > >You were correct in that "It sounds like Lee is visualizing a page-up, >page-down scenario in which the scrolling text moves up or down" and I >move the text about half the height of the div tag so the user does not >get lost. > >You were also correct in that the TV Browser does not 'to my knowledge', >allow for font resizing or customizing, as text on a tv screen must be >more constrained to remain readable. > >My problem is that the user can scroll down through the text and then >keep scrolling down for ever, as I have no way of knowing when the text >has finished, and no way of 'cutting' the text into pages so I can count >them. This doesn't sound like a problem. Since the text will be a fixed size, you'll determine that size (won't you?) in pixels and therefore you'll know exactly how tall a windowpane-sized chunk will be. You know the height of the text block, you know the height of the windowpane in which the text block is scrolling, and you know which chunk of the textblock you're currently showing. When the currentChunk * (windowpaneHeight + 1) >= textHeight then you can't scroll any more. If this model doesn't fit your situation, then perhaps you could give us a look at a demo page that truly illustrates your dilemma. Regards, Paul __________________________ Paul Novitski Juniper Webcraft Ltd. http://juniperwebcraft.com From mdougherty at pbp.com Wed Jan 31 15:10:27 2007 From: mdougherty at pbp.com (Mike Dougherty) Date: Wed, 31 Jan 2007 16:10:27 -0500 Subject: [Javascript] please test before posting [WAS: Re: INPUT TEXT show last characters] In-Reply-To: <7.0.1.0.2.20070131095812.02272b50@juniperwebcraft.com> References: <9c4d927b0701301254t2709f554l4aca049dfa825296@mail.gmail.com> <7.0.1.0.2.20070131095812.02272b50@juniperwebcraft.com> Message-ID: I did try this, but without having the string preloaded into the input. When I typed long input into the box, it stayed right-aligned. When I received the negative answer, I went back to the test and tried the preloaded string - and was suprised at the incorrect behavior of FF in that case. I did not try IE. On Wed, 31 Jan 2007 10:10:49 -0800 Paul Novitski wrote: > The question is, have *you* tried it? This was my first idea on this topic, but the minute I >took to throw it into an HTML page showed it didn't work (in Firefox). > > I know it's time-consuming, but the quality of the discussion is much higher when people take >the time to test their advice before posting. And remember -- archives are forever! Please >understand that this is just as much advice to myself as it to anyone else -- most of my faux pas >on listserves have resulted from quick replies without testing. From peter at brunone.com Wed Jan 31 16:06:06 2007 From: peter at brunone.com (Peter Brunone) Date: Wed, 31 Jan 2007 15:06:06 -0700 Subject: [Javascript] INPUT TEXT show last characters Message-ID: <273cd879477846a5ab0f26f29b5cf524@brunone.com> Unless you want to put the cursor into the field at the end, you're going to have to get really creative. You could set the field's overflow to visible (I'm not even sure if that works for text input fields), and then put it inside a div that clips it and right-justifies... but that seems like going a bit too far. From: "Nico Ferretti" ferrettinico at gmail.com Yes... i've tried that, and it's the same... On 1/31/07, Mike Dougherty wrote: have you tried css? input { text-align: right; } On Tue, 30 Jan 2007 17:54:51 -0300 "Nico Ferretti" wrote: > Hi! > > I have a page with a lot of INPUT TEXT elements, already filled with URL's > (so they have long strings within them). > > The problem is that I want to show the end of the string, not the beginning > when the page loads. > >For example: > > ---------------------- > |https://lists.lat| > ---------------------- > > (the end would be ech.edu//pipermail/javascript/2007-January/thread.html ) > > I want to show > > ---------------------- > |ry/thread.html| > ---------------------- > > Thanks in advance, -------------- next part -------------- An HTML attachment was scrubbed... URL:

Hello world

Hello world