If/Else Statement

[k.croft]

Hello,

I'm not too familiar with coding for javascript, so I don't know how to properly write an if/else statement. The code below basically moves a div tag down the page when the button headerOp is clicked.

//-HeaderAd starts

$('div#headerOp').click(

function() {
$('#headerContent').animate({"marginTop": "+=60px"}, "slow");
$(this).animate({"marginTop": "=60px"}, "slow").animate({"marginTop": "=5px"}, "fast");

$('#TotalBodyId').animate({"marginTop": "+=60px"}, "slow");
$('#TotalBodyId').css({backgroundPosition: "0 0"});

});

I need to write an else statement that does a returnFalse() if marginTop is greater than or equal to 60px. Can anyone help me with this?

Thanks!

[apeg]

wow, i didnt know you could do the +=60px... thanks!

as for your if, im not sure if you want the 60px check on "TotalBodyId", "headerContent"or "headerOp" but here is the code:

if ( $(ELEMENT).css("margin-top").replace("px", "") >= 60 ) {
} else {
}

notice that you have to strip out the "px" from the returned margin-top otherwise its a string and numeric comparisons wont work. (if it gives you problems try wrapping it in parseInt($(ELEMENT).css("margin-top").replace("px", "")) )

good luck,
-aPeg

[k.croft]

Sorry if I'm really slow, but can you show me how I would implement this into my code? I tried this, but I have a syntax error in there somewhere.........

	
$('div#headerOp').click(

f ( $('#headerContent').css("margin-top").replace("px", "") <= 60 ) {
		
		function() {
			$('#headerContent').animate({"marginTop": "+=60px"}, "slow");
			$(this).animate({"marginTop": "=60px"}, "slow").animate({"marginTop": "=5px"}, "fast"); 
			
			$('#TotalBodyId').animate({"marginTop": "+=60px"}, "slow");
			$('#TotalBodyId').css({backgroundPosition: "0 0"});

}
			
		});

I want to check headerContent, so I replaced ELEMENT with that. Tell me if I'm wrong, but I also don't think I need the "else" if I make the check "<= 60" instead of ">=60" This would basically only perform the function if marginTop is less than 60px, right?

[Kor]

I'm not too familiar with coding for javascript...

Are you conscious that you are using a JQuery syntax, not the native JavaScript syntax? Do you know what is a javascript framework (like JQuery)? Do you know that JQuery is not the only framework (there are several important ones).

Whenever you have a problem regarding a framework, please, specify which is the framework you are working with. Don't let us guess.

[k.croft]

Sorry........ I am aware that I am coding for JQuery, but I did warn you that I was inexperienced. And just because you are protected by the anonymity of the web doesn't mean you can be more rude to someone online that you would in person.....

[WolfShade]

I don't think KOR was being necessarily rude; emotions are difficult to determine in a typed medium, like this.

^_^

[Kor]

Sorry........ I am aware that I am coding for JQuery, but I did warn you that I was inexperienced.

That is not an excuse. There are many JavaScript libraries, each with its own classes, syntax, etc. We can not guess from a first shot.

And just because you are protected by the anonymity of the web doesn't mean you can be more rude to someone online that you would in person.....

I was not rude. I was asking you to be precise. And I am less anonymous than you are, as I am moderator here.

[k.croft]

Well then I apologize for the misunderstanding. But here is some food for thought.... as a moderator, a leader on this forum, people will be much more receptive to your suggestions if you find a less critical way to say them. After all, this is a help forum.

[Kor]

Well then I apologize for the misunderstanding. But here is some food for thought.... as a moderator, a leader on this forum, people will be much more receptive to your suggestions if you find a less critical way to say them. After all, this is a help forum.

I really don't understand what bothers you. I was not critical, I have only put some questions and emphasized some less knows issues. Case closed.

Now, regarding your problem. Have you studied the JQuery documentation?