JavaScript - Object Factory That Creates Object Factories...

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??

Ignore post (if mod, please delete)

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.

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.

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!

When I run this program is says I have an object error (not found?) in line 2, I went over the program which I copied from a book over and over and not finding anything wrong... Help!!! thanks

HTML code he

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Making Sums</title>
<script type="text/javascript" src="jsb-08-01.js"></script> 
<script type="text/javascript" src="jsb-global.js"></script>
</head>

<body>
	<h1>Making Sums</h1>
	<form action="addit.php">
		<p><input type="text" id="inputA" name="inputA" value="0" /></p>
		<p><input type="text" id="inputB" name="inputB" value="0" /></p>
		<p><input type="button" id="add" name="add" value="Add" /></p>
		<p><input type="text" id="output" name="output" /></p>
	</form>
</body>	
</html>

Javascript code he

Code:

// initialize when the page has loaded
addEvent(window, 'load', initialize); // Here's where it says I have an error

function initialize()
{
	// do this only if the browser can handle DOM methods
	if(document.getElementById)
	{
		// point to critical elements
		var oInputA = document.getElementById('inputA');
		var oInputB = document.getElementById('inputB');
		var oButton = document.getElementById('add');
		var oOutput = document.getElementById('output');
		
		// if they all exist...
		if(oInputA && oInputB && oButton && oOutput)
		{
			//apply behaviors
			addEvent(oButton, 'click', addIt);
		}
	}
}

// add two input numbers & display results
function addIt()
{
	var value1 = document.getElementById("inputA").value;
	var value2 = document.getElementById("inputB").value;
	
	document.getElementById("output").value = value1 + value2;
}

I want to print the name of a field on the screen, but it is just printing "[object HTMLInputElement]", which of course is the object. How can I make the JS print the actual name?

Code:

function validate(field,txt) {
with (field) {
	if (value==null||value=="") {
	field.style.borderColor="#c51717";
	field.style.color="#c51717";
	field.style.backgroundColor="#ffbbbb";
	var fname = field;
	document.getElementById("errorBox").innerHTML = "<p>Please enter your "+ fname +"!</p>";
	return false;
	}
	else { return true; }
	}
}
/*Check whole form for errors*/
function validate_form(thisform) {
	/*With the form script was executed from do the following...*/
	with (thisform) {
	/*Checks if data has been entered into fields*/
	if (validate(username,"Your username is required!")==false) {
		 username.focus(); 
		 return false; 
		 }
	if (validate(password,"Your password is required!")==false) {
		 password.focus(); 
		 return false; 
		 }
	}
}

Hello there.

I am trying to validate data for text boxes, radios and check-boxes which are stored in an object.

Can anyone suggest how I might go about doing so? Maybe there is a website to learn from?

I've had a good look around myself but haven't come across what I'm looking for unfortunately.

Thank-you.

How can i display a javascript object having
[CODE]var myVarr = [{"name":"xyz","age":21},
{"name":"cde","age":25}].[CODE]
in a table in jsp page?




Regards,
Anas

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"

In my current javascript code, the window object is being used. But my issue is that if you are slightly zoomed in or out it is not placed correctly. So is there any way to make it take into account the browser zoom level?

Code:

windowHeight=$(window).height(),windowWidth=$(window).width(),

Code:

projectedTop=scrollPos['scrollTop']+((windowHeight/2)-(correctSizes['containerHeight']/2))