angle rotation

hemi · #1 (**permalink**) 11-11-09, 05:48 AM

<html>
<head>
<STYLE>
.positioned { position: relative; }
</STYLE>
<SCRIPT>
var id = 0;
function displayTextDiagonal (text, down, deg, lsp)
{
deg = deg || 90 ;
deg = Math.PI / 180 * deg;
lsp = lsp || 10;
dy = lsp * Math.tan(deg);
var html = '';
html += '<DIV ID="td' + id + '"' + ' CLASS="positioned"' + '>';
if (down)
{
for (var r = 0; r < text.length; r++)
{
html += '<SPAN ID="td' + id + r
+ '" CLASS="positioned" STYLE="left: '
+ (r * lsp) + 'px; top: ' + (r * dy) + 'px;">';
html += text.charAt(r);
html += '</SPAN>';
}
}
else
{
for (var r = 0; r < text.length; r++)
{
html += '<SPAN ID="td' + id + r
+ '" CLASS="positioned" STYLE="left: '
+ (r * lsp) + 'px; top: '
+ ((text.length - r) * dy) + 'px;">';
html += text.charAt(r);
html += '</SPAN>';
}
}
html += '<\/DIV>';
id++;
document.write(html);
}
</SCRIPT>
<body>
<center><br><br><br>
<script>

displayTextDiagonal('chandra', true, 90, 2);
displayTextDiagonal('sekhar',false,80,6);
</SCRIPT>
</center>
<SCRIPT>

</body>
</html>

i got this code from google can any one tell me

1)deg= deg || 90;

wht this line is doing there in the function

2) in the body tag a function is going from script can i do same thing by div

TwoD · #2 (**permalink**) 11-11-09, 06:03 AM

Code:

deg = deg || 90;

If deg is defined, not false, not null, and not 0, deg is set to its current value. Otherwise it's set to 90.

The OR operator (||) works by evaluating its left side and then returning the left or right side depending on if the evaluation was true/false.

If you wrote

Code:

var a = false || 5;

a would be 5 because the expression 'false' is of course false.

If we instead did

Code:

var a = 5;
var b = 1+a || 56;

b would be 6 because 1+a==6 and any number but 0 evaluates to true in an expression.

The AND (&&) operator can be used the same way. It returns its left side if it evaluates to true, in any other case it returns its right side.

I'm not sure what you mean by your other question.

You are missing a </head> between </SCRIPT> and <body> and you have an extra <SCRIPT> at the end.