JavaScript - Site Breakage-still Confused

Hi - In am learning Javascript and trying to understand why,

the following line :

Code:

 arguments.callee.superclass 

cannot be replaced by :

Code:

this.constructor.superclass

In the following code sample :

( the explanation given is that if someone creates a subclass of PositionedRectangle, then this.constructor will refer to the new subclass constructor, not to PositionedRectangle - but why? 'this' here to my knowledge represents the object 'PositionRectangle' and if not I can't understand why not. )

Code:

 // Here is a simple Rectangle class.
// It has a width and height and can compute its own area 
function Rectangle(w, h) {
    this.width = w;
    this.height = h;
}


Rectangle.prototype.area = function( ) { return this.width * this.height; }


 // Here is how we might subclass it 
function PositionedRectangle(x, y, w, h) {
     // First, invoke the superclass constructor on the new object
    // so that it can initialize the width and height.
    // We use the call method so that we invoke the constructor as a
    // method of the object to be initialized.
    // This is called constructor chaining. 
    PositionRectangle.superclass = Rectangle;
     arguments.callee.superclass .call(this, w, h);

     // Now store the position of the upper-left corner of the rectangle 
    this.x = x;
    this.y = y;
}


 // Create a prototype for the subclass that inherits from the prototype
// of the superclass. 

function heir(p) {
      function f(){}
      f.prototype = p;
      return new f();
}
PositionRectangle.prototype = heir(Rectangle.prototype);

PositionRectangle.prototype.constructor = PositionRectangle;

For a project in my high school web design class, I need to integrate an Excel spreadsheet as data so to speak for a web page. I want to pull the prices from the sheet, and make them appear on the page. I'd like to pull it from the sheet so that the client can still adjust and edit the prices without having to reach the actual webpage. Conceptually, I thought this would be fairly straight forward, but in researching how to do this, I got very confused. I'm not even positive that I'm putting this in the right section.

So my main question is this:
Is there a way to integrate an Excel spreadsheet in such a way that it can provide data for certain fields of a webpage? If so, can someone please explain how?

Thanks,
A Confused High School Girl

Hi, thanks for reading this. I have two templates that I use on my website that use font faces.....(both of these templates were free downloads).

However, if I look at the files for each of these templates, they use font face differently - can someone kindly check if they are ok? Is one wrong and one right?

Template 1: Which works 100% well in all browsers

There is NO css reference, rather, each page has this javascript:

<script type="text/javascript" src="../jsfunnels/cufon-yui.js"></script>
<script type="text/javascript" src="../jsfunnels/MgOpen_Moderna_700.font.js"></script>
<script type="text/javascript" src="../jsfunnels/Chunk_400.font.js"></script>
<!-- Start Video section -->

<script type="text/javascript">
Cufon.replace('h1', { fontFamily: 'Chunk' });
Cufon.replace('h2', { fontFamily: 'Chunk' });
Cufon.replace('h3', { fontFamily: 'Chunk' });
Cufon.replace('h7', { fontFamily: 'Chunk' });
Cufon.replace('h4', { fontFamily: 'MgOpen Moderna' });
Cufon.replace('h6', { fontFamily: 'MgOpen Moderna' });

</script>

Template 2: Which works 70% well in all browsers

<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/TitilliumMaps26L_500.font.js"></script>
<script type="text/javascript" src="js/TitilliumMaps26L_300.font.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>

<script type="text/javascript">
Cufon.replace('.footer span','.footer span a',{ fontFamily: 'TitilliumMaps26L-250wt'});
Cufon.replace('.col-left p',{ fontFamily: 'TitilliumMaps26L-250wt'});
Cufon.replace('.reg a',{ fontFamily: 'TitilliumMaps26L-250wt'});
Cufon.replace('.content4-left p',{ fontFamily: 'TitilliumMaps26L-250wt'});
Cufon.replace('.content4-right p.title',{ fontFamily: 'TitilliumMaps26L-250wt'});
Cufon.replace('.header-right','.search span','.header-right ul li a',{ fontFamily: 'TitilliumMaps26L-500wt'});
Cufon.replace('h1',{ fontFamily: 'TitilliumMaps26L-500wt'});

</script>

And the CSS which I believe is the culprit is he

@font-face {
font-family: 'TitilliumMaps26L002';
src: local('../font/TitilliumMaps26L002-250wt') url('../font/TitilliumMaps26L002.otf') format('opentype');
}

------------------

Now, according to Paul Irish article, I should NOT make the above CSS a local path - see the red font above.

So I guess my questions are, can anyone see anything wrong with the above, and why is there a different approach, i.e. one uses css and the other doesn't?

THANKS VERY MUCH

Hi there coding friends,

im stuck again this time on arrays.. Im trying to get my head around it and im sure it's one of those things you do once you know what your doing (to an extent)

now the problem is... i have 2 arrays for a experiment one = flowerheight and the other is flowernumbers.

now the height is set out as 15,16,17,18,19
and numbers 2,1,6,4,2

what the aim is in the first part is to times the height by numbers of the corresponding array ie. 15x2 16x1 17x6 18x4 19x2 to make a 3rd array with them as the totals


then the second part of the program is to calculate the average height i.e total of total of numbers array (2+1+6+4+2) + total of 3rd array(15x2+16x1+17x6+18x4+19x2) then a write to show what the total was..


now all I have of the code is...

Code:

<HTML>
<HEAD>
<TITLE>
Flower Experiment
</TITLE>

<SCRIPT LANGUAGE = "JavaScript">
 /* 
   * Program to calculate average height of flowers.. 
   */

//Experiment results 
var flowerHeights = [15,16,17,18,19];
var flowerNumbers = [2,1,6,4,2];


//Write code to work out and show flowerheightxnumbers.


//Write code to calculate the average height of the flowers (total of flowernumbers + (flowerheight X numbers) and write it out in the browser window.

</SCRIPT>

</HEAD>
<BODY>
</BODY>
</HTML>

now I have no idea how to go about this it's making me loose my mind. Can someone start me off in the right directon and/or explain to me what to do.

Anyhelp much appreciated, I wish I could have done more to the question to make it easier for you lot to help me but my brain is frazzled

Thanks.
James

My client has a training site that is associated with 4 different domains. If a user navigates away from one of the domains to another site (for instance www.google.com) they want to display a message and ask them if they want to leave the training site. my understanding of the window.location.href is that it will capture what is typed into the address bar until the request is submitted to the server but by then they are leaving the site. below is my code on the onbeforeunload event.

conceptually:
i want to capture the URL, compare the hostname and if the host name is one of the 4 domains then allow them to proceed,
if it is not then as them if they want to leave the site.
if they click ok allow them to move forward, if the click cancel then reload the page.

I know this is considered bad design and i have expressed this but this how they want the site to behave.

thanks
________________________________________________________________
[CODE]
<script type="text/javascript">
function SiteCheck()
{
var strCurrentURL = window.location.href;
var strNewHostName = strCurrentURL.split("/");
//
for(i = 0; i < strNewHostName.length; i++)
{
alert(i + ' ' + strNewHostName[i]);
}
//strNewHostName[4] = "sddmtraining.org"; //test values
//strNewHostName[4] == 'sddmtrain.org'; //test values
//strNewHostName[4] == 'www.sddmtrain.web.org'; test values
if (strNewHostName[4] == 'sddmtraining.org' || strNewHostName[4] == 'sddmtrain.org' || strNewHostName[4] == 'www.sddmtrain.web.org')
;
else
{
var r = confirm("Are you sure you want leave the Training Site - Click Ok to Leave / Click Cancel to stay");

if (r==true)
;
else
{
window.location.reload(window.location.href );
}

}

}
</script>
[\CODE]

I use console.log to print the dom element info, but some results make me very confused.The code is below, you can paste it to a file and browse it.
//**********************
<html>
<head>
</head>
<body>
<script type="text/javascript">
function showObjInPage(obj) {
document.write("=======================================<br/>");
document.write((typeof obj) + "<br/>");
document.write("length: " + obj.length + "<br/>"); ///!!! 0, may ok
document.write(obj); //!!!!!write nothing
for (var prop in obj) {
document.write(prop + " = " + obj[prop] + "<br/>");
}
document.write("=======================================<br/>");
}
function consoleLog(obj) {
console.log("=======================================<br/>");
console.log((typeof obj) + "<br/>");
console.log("length: " + obj.length + "<br/>"); //!!!!! this is the confuse, it is 0, but the code below show obj correct!
console.log(obj); //!!! write all the p elements
for (var prop in obj) {
console.log(prop + " = " + obj[prop] + "<br/>");
}
console.log("=======================================<br/>");
}
var elems = document.getElementsByTagName('p');
//console.log(elems);
//console.log(elems.length);
showObjInPage(elems);
consoleLog(elems);
</script>
<p>p1</p>
<p>p2</p>
<p>p3</p>
<p>p4</p>
</body>
</html>

I want to print the p elements info use console.log, it is ok to log the elems, but the elems's length is 0, so it is not consistent! Maybe my code need to write after the 'p' element, but the problem is very confused. Is it a chrome console.log bug or just I do something wrong?

I'l not good in Javascript and I can't find anything about what I want.. .

On a sports website there is a table with our ranking and results. On this site the content is changed weekly, but it stays in the same tables.. .

Is it possible to make a javascript to get those tables and put them on my own website so the content will change on my site when the content is changed on the sports site?

Please help me, it would save me lot of time.. .

THx

Hi all,

I have a function that sets a value of this.name. If I call a function of that function (is there a better term for that?), I can get the value of that name with this.name. However, if I save that function's function as a variable, and THEN call it, this.name is undefined.

I don't think my vocabulary is clear enough, so here's my example:

Code:

function Ninja(name){
  this._name = name;
  this.getName = function(){
    return "ninja "+this._name
  }
}

sam = new Ninja("sam");
assert( sam.getName() == "ninja sam", "Ninja's name is ninja sam" );
sam2 = new Ninja("sam2");
sam2getName = sam2.getName;
assert( sam2getName() == "ninja sam2", "Ninja 2's name is ninja sam2" );  //fails
log("Ninja 2's name is actually "+sam2getName())  // actually "ninja undefined"

(Note: Use of "ninja" and assertions are because I was playing with the code in John Resig's java runner thingie: http://ejohn.org/apps/learn/#72)

The reason I want to be able to refer to a function by a variable is because I want to pass the function to something else that requires a function to be passed in, such as an ajax callback or something.

Anyway... why is this.name undefined in the second example?

Thanks!

hi
at the first Sorry for my bad english.
I have a joomla at the wrap5.5 framework
I knew my frame work for Regulation module position height have a js function.
this function is ok in IE5 & ff but in IE9 show very tall my module height.
but i dont know what is wrong on this function . i dont know anything about JS.
this function :
Code:

(function(e) {
e.fn.matchHeight = function(f) {
    var a = 0;
    this.each(function() {
        a = Math.max(a, e(this).outerHeight())
    });
    f && (a = Math.max(a, f));
    return this.each(function() {
        var c = e(this),
            b = c.outerHeight() - c.height();
        c.css("min-height", a - b + "px")
    })
}​

my website:http://www.joomi.ir

I need to have a new window or tab to open for the random image w/link script found here http://javascriptkit.com/script/cut144.shtml

I have tried target=blank but that doesn't work. Your help would be appreciated.

Thank you

Hello, can make recommendations that it is necessary to finish in this site, I see that that that doesn't suffice but I will not understand that, to you I will be very grateful for your answers

Here a site http://iceroos.ru

I'm usually pretty good with finding codes on my own,
but it's been a while and I'm pretty stumped.

I am currently working on a new site, and making a new layout.
So on Photoshop, I laid out how I want it to work:

This is how it will look:


Each section of the header, like each color/shape, will be a separate imagemap.
When it is hovered upon, An arrow will move out of the color/shape, and then whatever the link will lead to will appear at the end:

And when the arrow is taken off of it, it will retract back to the color/shape, not just disappear.
And here's a picture of all the arrows out:


Is this possible?
And is it possible that the bar&arrow that come out to also be clickable?
And the text at the end to be clickable text and not just an image?

Any tutorials/website links are welcome, I can usually follow them pretty well.
Sorry to bombard you, I just figured I'd ask everything I wanted to in one thread.

hey man,i write this code ,
Code:

<html>
<head>

<script type="text/javascript">
function Do()
{
winow.location.assign("http://www.google.com");
}
</script>
<script type="text/javascript">
function replaceDoc()
  {
  window.location.replace("http://www.w3schools.com")
  }
</script>
</head>
<body>
<input type="button" value="Google" onclick="Do()" />
<input type="button" value="Replace document" onclick="replaceDoc()" />

</body>
</html>

i want to see if i click Google button

Hello everyone,

I am very curious, how are the scroll bars disabled on this web-site:
http://www.nofrks.com/#

I know how to disable scroll bars in a new window with Javascript, but how would I disable scroll bars on the web-site? Could someone please give me an idea?

Thank you very much