JavaScript - Uncaught Exception [object Object]? - Will Pay $10 Via Paypal To Helper!

Hi all,

I'm stumped on finding a way in javascript to create an object factory whose instances are also object factories. In short I want something like that below, but no joy ... any clues?


Code:

function createClass () {
	return new createClass()
	function createClass() {
		return new createInstance ()
		function createInstance () {
			//Default properties, values and methods which might later be extended
		}
	}
}

var createDoor = createClass();
var door1 = createDoor();
var door2 = createDoor();

var createChair = createClass();
var chair1 = createChair ();
var chair2 = createChair ();

Hello together!

I generate html code with jsp. In that jsp there a several framesets and frames. And yes i know, frames are not really up to date but it's an old program and i have to deal with it now. Anyway, in the top frameset i have an onload attribute like onload="load()".

In the function load i want to access the Element.prototype object. But unfortunately typeof Element gives me "undefined". So i looked a little deeper and found that window.toString() gives me "[object]" and not as expected "[object window]" so somehow my window doesn't know that its construcor is Window. window.construcor is "undefined" as well. And i don't have access to the Element object. I really don't know where the error could be. When the page is loaded and i access the same window over the console, then everything is right. But in my function a can't get access to the objects i need.

I also don't know what part of the code could be useful to post here, but maybe someone had a similar problem before? i should say that this problem only occurs in IE8. In IE9 it works perfectly.

Has anyone any idea??

I'm writing a program that involves a network of interconnected nodes (or simply objects in my example below). It depends on being able to access properties of an object's linked objects (a bit oddly worded, sorry)...

Problem is I'm not sure how to properly access those properties... see below please.

<script>

//This is an example of a problem im having in my own code...
//I want to access the name of the object within the links array wintin the object...

var objA = {name: "Object A", links: [objB, objC]};
var objB = {name: "Object B", links: [objC, objD, objE]};
var objC = {name: "Object C", links: [objB]};
var objD = {name: "Object D", links: [objE]};
var objE = {name: "Object E", links: [objD]};

//ex: I want to access the name of Object A's first link...
console.log(objA.links[0].name);

</script>

I'm hoping to get "Object B"...
But instead I get: TypeError: Result of expression 'objA.links[0]' [undefined] is not an object.
Is there another way around this? Any thoughts are appreciated.

Ignore post (if mod, please delete)

Quote:
menu: function( a, b ) {
$( b ).observe( 'click', function( event ) {
event.stop();
if( $( a ).visible() ) {
$( a ).hide();
$( b ).removeClassName( 'selected' );
document.stopObserving( 'click' );
} else {
$( a ).show();
$( b ).addClassName( 'selected' );
document.observe( 'click', function( e ) {
if( e.target.id != a && e.target.id != b && !Element.descendantOf( e.target, $( a ) ) ) {
$( a ).hide();
$( b ).removeClassName( 'selected' );
document.stopObserving( 'click' );
}
});
}
});

$$( '#' + b + ' > a' ).each( function( element ) {
element.observe( 'click', function( event ) {
$( a ).hide();
$( b ).removeClassName( 'selected' );
document.stopObserving( 'click' );
});
});
}
This work's perfrect accept when i use it with others on the menu it leaves the other ones open, how do i get it to close the open one when i open a new menu..

Thanks.

Hello.

Is there any way to get the variable name of an object from inside the object?

E.g.

PHP Code:
function Bla(){

    this.write = function(){
    document.write(<objectname>);

    }

}

obj1 = new Bla();
obj1.write(); //Outputs obj1 



Here is my script:

PHP Code:
function myTimer(seconds, obj){
    this.seconds = seconds;
    this.obj = obj;
    this.startTimer = function(){
        if(this.seconds>0){
            this.seconds--;
            this.obj.innerHTML = this.seconds;
            this.timer = setTimeout("Timer.start()",1000);
        }
    }

}
Timer = new Timer(10, obj);
Timer.startTimer(); 



Now the problem is that the variable that contains the object must be named "Timer".

This way I cannot create new timer objects with different variable names

I have tried:
this.timer = setTimeout("this.start()",1000);
but it doesn't work.

That's why it would be good to detect the variable name and instead use something like this:
this.timer = setTimeout(varname+".start()",1000);

I would rather not have to pass the variable name through a parameter like this:
Timer1 = new Timer(10, obj, "Timer1");

Thanks in advance.

I am trying to troubleshoot my javascript function below.

Code:

<script type="text/javascript">
function txtboxfill(fillobj) {
    var rChar=String.fromCharCode(13);	
    var myVal = "To: " + this.form.to.value + rChar;
    myVal = myVal + "From: " + this.form.from.value + rChar;
    myVal = myVal + "Subj: " + this.form.subj.value + rChar + rChar;
    myVal = myVal + "Message: ";
    fillobj.value = myVal;
}
</script>

Then I have a text box input field with an Code:

<input type="text" id="tp" name="to" size="34" class="totext" onkeyup="txtboxfill(this.form.msg_area);">

and when I enter text in this field it gives me a 'this.form.to' is null or not an object and does not populate the textarea. BTW, msg_area is the id of my textarea.

Thank you.

Greetings,

I have a floating object that work find within my page. However, I would like to only show after a button is clicked.

Any ideas how to do this.

Thanks

Code:

function globals()
{
  this.states = "";
}

now I can:

Code:

globals.states = ....

how to extend first code to be able:

Code:

globals.states.something = ....

?

Hello, below you will find two objects, background and photo1, which I need help cleaning up a bit. This will eventually be imported using Json but for now during development it sits as is in my script. I need help with a couple things:

- You will notice the 'val' property is identical in both objects. How can I move this into an outside function that each object can share? I'm having trouble bc I couldn't get 'this' to work outside of its current context.

- Second, how can I restructure this so that I can instantiate a new object. So if I wanted to add a new layer I'd like to do something like importLayers.push[new Layer('photo2')]


Code:

        var importLayers = {
            background: {
                layerType: 'background',
                index: 0,
                layerContent: {
                    content: function() {
                        return $(element).find('#background_Content');
                    },
                    width: 850,
                    height: 530,
                    xPos: 0,
                    yPos: -150,
                    skewX: 0,
                    skewY: 0,
                    angle: 0,
                    originX: function() { return (this.sWidth() / 2); },
                    originY: function() { return (this.sHeight() / 2); },
                    scaleX: 1,
                    scaleY: 1,
                    sWidth: function() { return this.width * this.scaleX; },
                    sHeight: function() { return this.height * this.scaleY; },
                    aspect: 0,
                    opacity: 100,
                    val: function(prop, val) {
                        switch(prop)
                        {
                            case 'width':
                                if(plugin.constrain)
                                    this.scaleX = this.scaleY = val / this.width;
                                else
                                    this.scaleX = val / this.width;
                                break;    
                            case 'height':
                                if(plugin.constrain)
                                    this.scaleY = this.scaleX = val / this.height;
                                else
                                    this.scaleY = val / this.height;
                                break;
                            case 'angle':
                                this.angle = val;    
                        }
                        buildTransformation(this, this.content());
                    }                    
                },
            },
            photo1: {
                layerType: 'photo',
                index: 1,
                layerContent: {
                    content: function() {
                        return $(element).find('#photo1_Content');
                    },
                    width: 1920,
                    height: 1280,
                    xPos: 0,
                    yPos: 0,
                    skewX: 0,
                    skewY: 0,
                    angle: 0,
                    originX: function() { return (this.sWidth() / 2); },
                    originY: function() { return (this.sHeight() / 2); },
                    scaleX: .15625,
                    scaleY: .15625,
                    sWidth: function() { return this.width * this.scaleX; },
                    sHeight: function() { return this.height * this.scaleY; },
                    aspect: 0,
                    opacity: 100,
                    val: function(prop, val) {
                        switch(prop)
                        {
                            case 'width':
                                if(plugin.constrain)
                                    this.scaleX = this.scaleY = val / this.width;
                                else
                                    this.scaleX = val / this.width;
                                break;    
                            case 'height':
                                if(plugin.constrain)
                                    this.scaleY = this.scaleX = val / this.height;
                                else
                                    this.scaleY = val / this.height;
                                break;
                            case 'angle':
                                this.angle = val;    
                        }
                        buildTransformation(this, this.content());
                    }
                },
            }
        }
            

​

Hi All,

(Another Post LOL)

Ive been getting alot of help with js recently THANKS!

One last thing and i shouldnt be on here for a while

How would i go about doing this Code:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="750" height="550" 
codebase="http://active.macromedia.com/flash4/cabs/swflash.cab#version=4,0,0,0"> 
<param name="movie" value="SWF/helicopter.swf">
<param name="quality" value="high">
<param name="menu" value="false">
</object>

into JS using .innerHTML = "Above Stuff";

I always get an error + i dont know how im going wrong with the quotes :S

ANY HELP (GOOD STUFF);

Thanks In Advance,

Jamie.

NOM NOM NOM!

EDIT*****

I'm nearly done with my script. I just lack one thing!


I have 4 prompts asking a user for information.

Basically all I want to do is..

If lastname, and first name are BOTH entered, seperate them with a comment like so : lastname,firstname

but leave the comma out, if only one of the names are entered.

How could I do this?




<script type="text/javascript">
last=name=area=num='';

function info ( ) {
last = prompt("Please enter your last name",'');
name = prompt("Please enter your first name",'');
area = prompt("Please enter your area code",'');
num = prompt("Please enter your phone number",'');
};

function Person (info) {
this.name = name
this.last = last
this.area = area
this.num = num
}

</script>

<title></title>
</head>

<body>

<script type="text/javascript">

info ( );
teacher = new Person();

tempString='';

document.writeln ( last );
document.writeln ( name) ;


if(area==''||num==''){tempString='';}
else{tempString = teacher.area +''+ teacher.num}


document.writeln ( tempString);




</script>

I am doing my homework for my class, and I don't usually ask for this much help because I get most of them done by myself. However, I am having a really hard time to understand this time. I have lots lots of questions...I tried to follow the instructions that I got from my professor, but it seems not clear enough to me...
If anyone can fix or add on my codes, I will be really really appreciated....and here is the instructions and my codes..

If the form validates, instead of returning true, call the GetValues() function followed by the DisplayOutput() function.
so, I changed result true to calling functions like this,
Code:

if (blnError == true){
	return false;
	}  
	else {
	   DisplayOutput();
	   GetValues();
	}

In the .js file, create a PortraitOrder class using the following specifications
Properties: portrait, copies, size, buyer
Method: CalculateCost () -- determines the size (radio buttons) and then mutiplies the related cost by the number of copies
Code:

function PortraitOrder(){
	var cost;
	this.copies = "";
	this.portrait = "";
	this.size = "";
	this.buyer = "";
	var CalculateCost = {
    	   met1 : function () {
		if(size == 0){
		   cost = this.copies * 10
    		}
		else if(size ==1){
		   cost = this.copies * 20
		}
		else if(size ==2){
		   cost = this.copies * 10
		}
		else if(size ==3){
		   cost = this.copies * 30
		}
		else{
		   cost = this.copies * 20
		}
	   }
	}	   	
}

Create a new instance of the class named portraits as a global variable in the ,js file -" I don't see why I need this. So I did not create
Create a GetValues() function that will
retrieve the values from the form fields (document.forms[0].element.value) and assign them the properties of the instance of the PortraitOrder class.
use a for loop to retrieve the value from the radio buttons
use the prototype property to add a new property named email to the instance of the class
retrieve the value from the form field and assign it to the new email property
Code:

function GetValue(){
	this.copies = document.forms[0].Copies.value;
	this.buyer = document.forms[0].Buyer.value;
	var file = document.getElementsByName('Filename');
	for(var i = 0; i < file.length; i++){
    	if(file[i].checked){
       	 this.portrait = file[i].value;
    	}
	}
	
	var sizes = document.getElementsByName('Size');
	for(var i = 0; i < sizes.length; i++){
    	if(sizes[i].checked){
       	  this.size = sizes[i].value;
    	}
	}

	GetValue.prototype.email = document.forms[0].Email.value;
}

Create a DisplayOutput() function that
calls the CalculateCost () method for the current instance of the class.
displays the image using the value from the portrait property which contains the filename. Be sure to include height and width (and that would be why all of the images had to be the same dimension. These values can be hardcoded. The filename, however, may NOT be hard coded.. it must use the object.property format.
displays the buyer, email, copies, size, and cost using the object.property format (document.forms[0].element.value is not permitted)
The cost must be formatted as ##.## where # represents a number (Hint: Use a method of the Number class). It is NOT okay just to concatenate .00 to then end of the cost.
Code:

function DisplayOutput(){
	CalculateCost.met1();
	document.write("buyer: " + this.buyer);
	document.write("Email: " + email);
	document.write("Portrait: " + this.portrait);
	document.write("Copies: " + this.copies);
	document.write("Cost: " + "$"+cost.toFixed(2));
	document.write("Thank you");
}

The order form must include the site's header and footer and coordinate with the rest of the site.
There is no form processing file, everything is done in the .js file.

You may think like, this is horrible codes. And yes, it is. I know probably this is totally odd. This is why I came here for ask help. Also, I spent days to tried, but I could not get any idea...Anyone please help me on this?

I am a total JS newb, so please excuse what is probably a very dumb question. I have an autosuggest feature written that creates an object called "autoComplete." this.oDiv is set to the div tag for the suggestions box. For example, here is the call to my constructor:
Code:

// bothStringNames is the array of strings to search through
// param 2 is the textbox the user is typing into
// param 3 is the div suggestion box that appears with autosuggestions
// param 4 is the max # of results to display
new autoComplete(bothStringNames,document.getElementById('searchtxt'),document.getElementById('searchsuggest'),10);

The thing I'm concentrating on now is the "document.getElementById('searchsuggest')." In my constructor, I call this value this.oDiv. Now, when I alert() this value, it says "object HTMLDivElement." I actually need the value "document.getElementById('searchsuggest')." Here is the code where I try to obtain this value:

Code:

// what to return if no results are found.  Only perform this for search feature
alert(this.oDiv);
if(this.oDiv == "document.getElementById(\'searchsuggest\')" && aList.length == 0)
	aList.push("No results found");

"aList" is simply the array of search results from the autosuggest. So, how do I extract the "document.getElementById('searchsuggest') from oDiv instead of the "object HTMLDivElement?"

Thanks!

Hi,

I am using javascript code to change the background colour and font colour of some elements (called 'filled') dynamically. For example:

if(timeInputValue >= startcode && timeInputValue < endcode && stateInput.value == "playing") {
filled.style.backgroundColor = '#ffffff';
filled.style.color = '#000000';
}

I also want to put a border around these 'filled' elements too - how can I do this is javascript? I can't find an equivelent to style.border = "1px"