Javascript, Ecmascript And DOM = Confusion

Jun 27, 2005

I noticed the recent move to standards compliant JavaScripting. All my code (XHTML and CSS) is coded to standards, so I don't want to start learning outdated material that wont sit right on with web standards.

What is the difference between JavaScript, ECMAScript and the DOM ?

I found a cheap JavaScript book at a bookstore (in the bargain bin) that looked quite good despite the low price. Will I most likely be learning invalid techniques if I use this book as a starting point?

I feel lost with all these different terms that seemingly mean the same thing: JavaScript.

I want to learn it, but I don't want to waste my time either. What is the best way to learn standards compliant JavaScript? Can I continue with what I have already (I have the JavaScript bible and another book I forget the title at this time) then slightly alter my knowledge to be standards compliant, or is it a whole new ball game?

View 5 Replies


ADVERTISEMENT

Confusion While Understanding Prototype

Oct 4, 2007

I tried to write sample code to get understanding of javascript's
prototypal inheritance (along with the variety of function calling
choices.. )

During the process, I got myself throughly confused.

Can anyone explain following behavior [NOTE: Needs firefox+firebug.
otherwise replace all console.* to alert or equivalent]

here is my code:

<html>
<head>
<script type="text/javascript">

function MyClass(){
if(String(this) == '[object Window]'){
console.debug('Are you sure to use this object in global scope?? Or
you just missed using 'new' keyword?');
}
this.method = function(){
console.info('in MyClass.method');
}
this.param1='param1'
}

function caller(){
var execClsDirectly = MyClass();
var execClsConstructor = new MyClass();

// execClsDirectly would be null since MyClass does not have any
return statement
if (execClsDirectly) execClsDirectly.param2='added global fn call'

execClsConstructor.param2='added to obj instance'

var clsRef = MyClass;
clsRef.param2='added to class definition'

MyClass.prototype.param2='added to class'

console.log('execClsConstructor param2: '+execClsConstructor.param2);
console.log('outer param2: '+MyClass.param2);

var updatedClsConstructor = new MyClass();
console.log('updatedClsConstructor param2:
'+updatedClsConstructor.param2);

}
</script>
</head>
<body onload="caller();">
</body>
</html>

the output:

Are you sure to use this object in global scope?? Or you just missed
using 'new' keyword?

execClsConstructor param2: added to obj instance
outer param2: added to class definition
updatedClsConstructor param2: added to class

I of course understand the first line of output, but.. confused as to
same param2 added into MyClass gets added into three different levels.

Can anyone elaborate this?

View 2 Replies View Related

Displaying Options Using Script..syntax Confusion?

Jan 28, 2011

Can someone tel me the code to put a dropdown box showing default values as shown below using script ..i,e by enclosing them in document.write in script

<CODE>
<SELECT NAME="choice" >
<OPTION VALUE="1">one </OPTION >

[code]....

View 1 Replies View Related

ECMAScript Syntax

Jul 20, 2005

Does the "semicolon insertion" really affect you if you format code as

function x (y)
{
// ...
}

instead of:

function x (y) {
// ...
}

The jslint page complains about lines ending in ) due to the nebulous
idea of "semicolon insertion". I have not reviewed the ECMAScript pdf
in great detail to try to pin this pretty-printing issue down. In
general, I find that code formatted in the "K&R" style (opening brace
on same line as if, while, function) confusing and difficult to read
compared with placing curly braces on separate lines.

On another subject, the difference between inner functions defined
explicitly versus defined using function expressions seems like a good
one for a FAQ. Under what circumstances does it make a real
difference whether you use function expression versus function
statement versus Function object?

View 1 Replies View Related

What Does The Future Hold For ECMAScript?

Apr 5, 2007

The ECMAScript Technical Committee is now working on the fourth
edition, the first implementation of which is JScript.NET. It
includes a compiler, allowing you to create standalone JScript
executables.

The fourth edition of ECMAScript will provide new features like
typed variables, and classes. More information can be found at:

View 3 Replies View Related

Script And ECMAScript / Relationship Between Them?

Oct 7, 2009

Can any explain the relationship between JavaScript and ECMAScript?

View 4 Replies View Related

Question About Some Basic Functions In SVG ECMAScript

Jun 14, 2006

Sorry I couldn't find appropriate group for
SVG and ECMAScript. Since SVG is in XML format
and ECMAScript is very similar to JavaScript.
What's why I post in these two groups.

In the O'Reilly SVG book, in chapter 11
Animating and Scripting SVG. It mentions
some very basic functions like

var circle = event.getTarget();

var obj = svgDocument.getElementById("idName");

I got error message said these are no a function
in Firefox and batik-squiggle.jar

When I used SVGView plug-in (made by Adobe) for IE .

I typed:

var svgObject = evt.target;
var svgDoc = svgObject.getOwnerDocument();
var svgElement = svgDoc.getElementById(idName);
var svgStyle = svgElement.getStyle();
svgStyle.setProperty('stroke-width', 3);

These lines are working fine for SVGViwe Plug-in by
not work for Firefox and batik.
They complained that getOwnerDocument is not a function.
I tried to change getSVGDocument but no luck.

Is that O'Reilly book too old? Its first editoin is 2002.

How can I make getElementById() working in Firefox and Batik?
Is there some examles or some documents?

View 1 Replies View Related

ECMAScript Interpreter Stack Overflow?

Aug 23, 2006

I'm testing out the Opera browser to see what to expect from the upcomming Wii browser. But whenever I try to play this javascript game (www.kirl.nl/javaSnake.html), I get the following error:

"ECMAScript interpreter stack overflow.
Script terminated."

How does Opera handle Javascript diffrently, is there possibly a site wich lists the diffrences between the browsers and how they handle code?

Any specific Opera quirks you know of?

View 3 Replies View Related

Start Learning ECMAScript 5 - ES3 And Then Learn ES5?

May 19, 2010

I am a begginer in JavaScript,

Do I start learning(today) ECMAScript 5 or ES3 and then learn ES5?

View 2 Replies View Related

Getters And Setters For Object Properties In JS 1.5 And ECMAScript

Jul 23, 2005

In JavaScript 1.5, objects can use special getter and setter functions
[1] for properties. However, these only seem to be implemented in Gecko
and, AFAICT, don't seem to be part of ECMAScript.

Is there an alternative syntax I can use that is standardised in
ECMAScript and also (preferably) interoperably implemented in several
browsers? Or, do I have to use ordinary getFoo() and setFoo() functions. Code:

View 2 Replies View Related

Dynamically Writing Html/javascript From A Javascript Function

Jul 23, 2005

I'm working on some code and am running into brick walls. I'm trying
to write out Javascript with Javascript and I've read the clj Meta FAQ
and didn't see the answer, read many similar posts (with no luck
though), and searched through the IRT.ORG Faqs
(www.irt.org/script/script.htm).

The Javascript is designed to open an popup window and then inside that
window call another script which will resize that window. There may be
another way around this but the reason I tried this approach initially
was that I wanted to call the onload handler in the popup window to
resize the image only after the image had completely loaded. I've had
some code in the primary Javascript file (showimage.js) before that
works if the image has been cached but on the first load, it doesn't
resize properly which tells me it is probably because it is trying to
resize the window based on the image size but it isn't completely known
at that point. So I removed that code and tried placing the resizing
code in the second Javascript file (resizewindow.js). BTW I've tried
other code to open a popup image and automatically size it ie Q1443 at
irt.org but that doesn't do exactly what we need.

Even if there is another way to do this with one file, I still want to
figure out why this isn't working in case I run into it in the future.

I thought what I would need to do to use document.writeln to write
Javascript would be to escape any special characters and to break
apart the script tag ie

document.writeln('</SCRIPT>');

would become

document.writeln('</SCR' + 'IPT>');

I have a HTML page and 2 Javascript files. All files are in the same
directory and have permissions set correctly.

Here are the 3 files (keep in mind wordwrap has jacked up the
formatting):

index.html
----------
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test</title>
<SCRIPT type="text/javascript" LANGUAGE="JavaScript1.1"
SRC="showimage.js">
</SCRIPT>
</head>

<body>
Click the house<BR>
<A ONCLICK="newWindow1('house1.jpg','Nice House')"><IMG
SRC="house1thumb.jpg"></A>
</body>
</html>


showimage.js
------------
function newWindow1(pic,sitename)
{

picWindow=window.open('','','width=25,height=25,sc rollbars=1,resizable=1');
picWindow.document.writeln('<html> <head>');
picWindow.document.writeln('<SCR' + 'IPT type="text/javascript"
LANGUAGE="JavaScript1.1" SRC="resizewindow.js"></SCR' + 'IPT>');
picWindow.document.writeln('</head>');
picWindow.document.writeln('<body onload="resizewindow();">');
picWindow.document.writeln('<img src=' + pic + '>');
picWindow.document.writeln('</body> </html>');
picWindow.document.close();
}

resizewindow.js
---------------
function resizewindow()
{
// Do resizing here.
// Right now this isn't being executed
alert("resizing window");
}


Can anyone provide some pointers as to why this javascript is failing?
I'm using IE6 on Win2k and when I click on the image to open the popup
window, it does open the window but it is white with no content and the
system immediately goes from about 4% CPU usage to 100% and
consistently stays there until I kill that window with the task
manager.

View 9 Replies View Related

DOM Javascript - Imbed Javascript In Dynamically Added Row

Jul 23, 2005

Attached is a simple HTML file that adds and delete rows. In the add
row function I set an attribute "onClick" this triggers the
testMessage() function. When I try this in Firefox it works just fine
however on IE it just refuses to work.

What is interseting is the ROW that already exists has a similar
'onClick' event which works when the page is loaded, but subsequent
"row" additions to the table to not work in IE. Code:

View 9 Replies View Related

Text/javascript, Application/x-javascript, Difference?

Feb 19, 2007

two possibilities or the attribute type of script:

text/javascript (the one i usually use) application/x-javascript

what are the differencies between both?

depends on the html content?

for example html 4.0.1 versus xhtml 1.1?

View 12 Replies View Related

Javascript Function Has No Properties In Javascript Console

May 25, 2005

I'm getting errors in Firefox everytime I try to run this frame resize code, but it works fine in IE. I can't seem to figure out what the problem is with it.

The error is: Error: theFrame has no properties
Line: 8

The line that the javascript console is showing an error for is in italics.

code from page:

<html>
<head>
<script type="text/javascript">
var defaultCols="100px,*";
var hiddenCols="0px,*";
function ShowHideMenu(){
theFrame = document.getElementById("framed");
if(theFrame.cols == defaultCols) theFrame.cols=hiddenCols;
else theFrame.cols=defaultCols;
}
</script>
<frameset cols="100px,*" name="framed">
<frame src="lframe.htm" name="frameMenu">
<frame src="mframe.htm" name="content">
</frameset>
</head>
<body>
</body></html>

Come someone let me know what I'm doing wrong here?

View 2 Replies View Related

'Javascript Anthology' Or 'Professional Javascript For Web Developers'?

Mar 30, 2006

I'm already past the basics of Javascript, and i need something that takes me to the other level and teaches me the new technologies and cool stuff (drag&drop, AJAX, OOP in javascript, maybe XUL...etc). So far i found these two books:

1. Sitepoint's "The JavaScript Anthology: 101 Essential Tips, Tricks & Hacks".
2. Worx's "Professional JavaScript for Web Developers (Wrox Professional Guides)"

Both seems to cover very insteresting topics, but i can only buy one of them. So which one do you suggest?

and by the way, i've read the sample chapter 5 of Sitepoint's book, and it seems like the author(s) just put the solutions/codes there and let you figure them out on your own. Is this how the rest of the chapters are?

View 3 Replies View Related

Nixing Javascript Via Javascript: Pseudoproto?

Jul 23, 2005

This is a question about defensive web browsing. Ocassionally I run into a page whose JavaScript does something that I find obnoxious. I would like to turn off JavaScript only for that page (instead of disabling it globally). It would be cool if there were some way to do this through a "bookmarkable" JavaScript snippet using the javascript: pseudoprotocol. Does anyone know any trick to do any of this?

View 2 Replies View Related

Extract Links From Javascript (not Using Javascript)?

May 26, 2006

I am looking for a method to extract the links embedded within the
Javascript in a web page: an ActiveX component, or example code in
C++/Pascal/etc. I am looking for a general solution, not one tailored
to a particular page/script.

Hopefully, the problem can be solved without recreating a complete
Javascript interpreter. Any ideas?

View 9 Replies View Related

Turn A Javascript Into A Javascript Function?

Oct 21, 2005

I have some javascript that I have written into the <body> section and it works great. But I would like to make it into a javascript function and define the function in the <head> section. Then in the <body> section write a small bit of javascript that would call the function() object. Code:

View 2 Replies View Related

How To Insert Javascript Code Within Javascript?

Jan 7, 2006

I would like to know how to write javascript such that, a part of it isnt considered as script, & rather as HTML. Code:

Ok, the layer div can be written using document.write. But, Google ad itself is a javascript isnt it. How can it be written into this? How does this work?

View 3 Replies View Related

AJAX, Eval(), And Javascript Within Javascript

Apr 28, 2006

Ok so, this is my purpose:
- to be able to load asynchronously (via AJAX) some javascript ads (like google's or adbrite) so as to make them be loaded in the background, then update the page after the ads have loaded via innerHTML

Why?
-Because 90% of the time in my newer sites, javascript ads are the major offender in terms of speed of page rendering

My problem:
Via ajax, I can call a php file that retrieves some javascript and outputs it, XMLhttprequest returns those javascript lines, but they don't render in the page, since they miss the whole page loading, and are apparently not parsed
For example, let's say I call a php file via ajax, and it returns the output into a variable named "text" containing "document.write('hello')"
if I use xxx.innerHTML=text, nothing happens

My 1st solution:
Passing those javascript lines to eval() [like eval(text) ], but this produces a second problem, that I couldn't solve (probably because of my lack of knowledge in javascipt):
if I eval the code, it deletes my current page and renders a new one
for example, if I parse a document.write, my page disappears, and a new one is rendered with the document.write text

What I want is basically to make that "document.write" appear inside a div in my page, adding to the content (and not overwriting the whole page), much like what happens when using innerHTML

Is this even possible? How would you go about it?
I tried xxx.innerHTML=eval(outputfromphpfile) but it overwrites my whole page...

View 3 Replies View Related

JavaScript Withing JavaScript ?

Nov 26, 2000

Just a quickie: is it possible to place javascript within javascript? The following is the code I am using to create a pop-up for a picture gallery. I would like to place a banner from a banner exchange in bold under each photo. When I use the code below I get an error message:

<SCRIPT language=JavaScript>
<!--
function openpic(pic_name) {
myWin= open("", "displayWindow", "width=640,height=510,status=no,toolbar=no,
menubar=no,scrollbars=yes,resizable=yes,alwaysraised=yes");

myWin.document.open();
myWin.document.write("<html><head><title>" + pic_name + "</title>");
myWin.document.write("</head><BODY><center><TABLE CELLPADDING=&#390;' CELLSPACING=&#390;' WIDTH=òr'>");
myWin.document.write("<br><img src=kate/image"+ pic_name + ".jpg><br>");
myWin.document.write("<br><br><BR><br><BR><br><BR>");
myWin.document.write("<script language='javascript' type='text/javascript' src='http://www.linkbuddies.com/ad.go?id=134039+2&n=3'></script>");

myWin.document.write("</center></body></html>");

myWin.document.close();
}

//-->
</SCRIPT>

View 16 Replies View Related

Javascript Inside Javascript

Dec 12, 2005

Basically, on one of my sites I'm running adsense and today I added Chitika. The problem is, I can't run those type of ads through my banner advertising program.

The banner advertising program calls the banners/HTML from code like this:

<script language=JavaScript src=http://www.mysite.com/advertise/abm.asp?z=1></script>

And using that program I'm able to either choose a banner or HTML I want to display when that code above is used. It displays HTML ok... but when I try to run an ad of either adsense or chitika nothing displays on the page. The code that would be called is:

<script type="text/javascript"><!--
*Chicika code in here*
//--></script>
<script src="http://xxx/xxx/mm.js" type="text/javascript">
</script>

So... it looks like I can't have javascript call another javascript to display on a page. My question is then... how can I edit the above to make it work or how can I work around this problem? I'd really want this to work with Chitika and not so much with adsense... but it appears both Chitika and Adsense use similar javascript code.

View 9 Replies View Related

Include Javascript File In Another Javascript File

Jul 26, 2006

is it possible to use functions from javascript file A.js in javascript file B.js?

View 5 Replies View Related

ASP Within Javascript

Jul 23, 2005

How can I pull this ASP var into javascript?
What is wrong with this statement?

<%
todaysdate = (now)
response.write (todaysdate)
%>
<script language="JavaScript"><!--
var date = new Date();
var aspdate = <%=todaysdate %>
document.write(aspdate);
//--></script>

View 4 Replies View Related

Javascript V ASP

Jul 23, 2005

does a client side script always need a server side script in order to
function?

how can i get my javascript application to send the details of a user
filled form to me without having to have a server side script?

if i have both server side and client side script in a web
application, will the resulting application run as a client or server?

i know i probably haven't made much sense, but the problem is that i'm
trying to make sense of it all.

View 3 Replies View Related

Javascript Ide

Jul 23, 2005

I'm looking for javascript IDE with code completition and preferably script debuging. Cross platform (Windows, Linux) would be a plus.

View 1 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved