onclick changes other object

•

What is DaniWeb IT Discussion Community?

You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 423,266 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 5,287 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.

Join our community!

Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting

Thread Tools Display Modes

Views: 824 | Replies: 3

Previous Post in Thread

Next Post in Thread

•

Join Date: Feb 2008

Posts: 7

Reputation: adrumsolo4u is an unknown quantity at this point

Rep Power: 0

Solved Threads: 0

adrumsolo4u adrumsolo4u is offline

Offline

Newbie Poster

onclick changes other object

Mar 1st, 2008

what i am trying to accomplish is to have two elements lets say SEND and RECEIVE.
when i click the element SEND i want the RECEIVE element to receive the effect.

currently my script only effects the element itself:

 Help with Code Tags 
 javascript Syntax (Toggle Plain Text) 
var animElements = document.getElementById("send").getElementsByTagName("p");
for(var i=0; i<animElements.length; i++) {
	animElements[i].onclick = sizeChange;
	}
var animElements = document.getElementById("send").getElementsByTagName("p");
for(var i=0; i<animElements.length; i++) {
	animElements[i].onclick = sizeChange;
	}

what i want to happen:

 Help with Code Tags 
 javascript Syntax (Toggle Plain Text) 
var animElements = document.getElementById("send").getElementsByTagName("p");
for(var i=0; i<animElements.length; i++) {
	when element is clicked, other element (recieve) goes to sizeChange
	}
var animElements = document.getElementById("send").getElementsByTagName("p");
for(var i=0; i<animElements.length; i++) {
	when element is clicked, other element (recieve) goes to sizeChange
	}

here is the sizechange function:

 Help with Code Tags 
 javascript Syntax (Toggle Plain Text) 
function sizeChange() {
	if (!this.currentWidth) this.currentWidth = 150;
	doWidthChangeMem(this,this.currentWidth,170,10,10,0.333);
	this.onclick = sizeRestore;
	}
function sizeRestore() {
	doWidthChangeMem(this,this.currentWidth,150,10,10,0.5);
	this.onclick = sizeChange;
	}
function sizeChange() {
	if (!this.currentWidth) this.currentWidth = 150;
	doWidthChangeMem(this,this.currentWidth,170,10,10,0.333);
	this.onclick = sizeRestore;
	}
function sizeRestore() {
	doWidthChangeMem(this,this.currentWidth,150,10,10,0.5);
	this.onclick = sizeChange;
	}