/    Sign up×
Community /Pin to ProfileBookmark

Rotating an output stream?

I have an output stream that i need to rotate 90 degrees when my page loads… what an easy way for me to do this?

to post a comment
JavaScript

3 Comments(s)

Copy linkTweet thisAlerts:
@AncoraNov 07.2005 — This is IE only:

[CODE]<html>
<head>
<script type="text/javascript">

var useWidth = "400px";
var speed = 250 // greater is slower;
var message = "Now is the time for all good men to come to the aid of their country. That's one small step for man, one giant leap for mankind. Ask not what your country can do for you, ask what you can do for your country. | ";
// be sure to include the vertical bar | at the end of the message(s);

var container = "";
var msgLength = 0;
var circleMsg = "";
var prevMsg = "";

function updateMessage(){

if (circleMsg == ""){circleMsg = container.lastChild.data}
else {circleMsg = prevMsg}
var separatorIdx = circleMsg.lastIndexOf('|');
if (separatorIdx == -1){separatorIdx = msgLength}
circleMsg = circleMsg.substring(1,separatorIdx);
var spliceStr = message.substring(0,msgLength-separatorIdx-1);
var dispMsg = circleMsg+spliceStr;
container.removeChild(container.lastChild);
container.appendChild(document.createTextNode(dispMsg));
prevMsg = circleMsg+'|'+spliceStr;
setTimeout("updateMessage()",speed);
}

function startCrawl(){

container.appendChild(document.createTextNode(message))
setTimeout("updateMessage()",3000); // delay before start crawl;
}

window.onload=function(){

container = document.getElementById('crawl');
document.getElementById('holder').style.width = useWidth;
msgLength = message.length;
startCrawl();
}

</script>

<style type="text/css">

div.toLandScape
{
Filter : progid:DXImageTransform.Microsoft.BasicImage(Rotation=3);
}
</style>

</head>
<body>
<div id='holder' class='toLandScape' style='overflow:hidden;height:28px;border:solid black 1px;font-size:14pt;background-color:lightyellow;color:darkblue;margin:3px'>
<div id='crawl' style='padding:3px;white-space:nowrap'>&nbsp</div>
</div>
</body>
</html>[/CODE]
Copy linkTweet thisAlerts:
@noslenwerdauthorNov 07.2005 — thanks a ton! i appreciate it
Copy linkTweet thisAlerts:
@AncoraNov 07.2005 — I dreaded your response.

It seems that if anything IE only is posted here, the OP and at least a half-dozen others will come along and pitch a fit.

Anyway, you are welcome.
×

Success!

Help @noslenwerd spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...