/    Sign up×
Community /Pin to ProfileBookmark

Help with creating a Popup Window.

Could someone please help me out with creating a popup window from within this Javascript ?
That is when clicking on the links you get a popup window that is centered with a predifiened Hight and Width.
How would the script be adjusted ?

HERE IS THE SCRIPT:
——————————————————————-

<div style=”position:relative;left:0px;top:0px”>
<span id=”highlighter” style=”position:absolute;left:0;top:0;font-size:10px;font-family:Verdana;background-color:lightyellow;clip:rect(0px 0px auto 0px)”></span>
</div>
<script type=”text/javascript”>

var tickercontents=new Array()
tickercontents[0]=’Looking for free Java applets and resources? Visit <a href=”http://freewarejava.com”>Freewarejava.com</a>!’
tickercontents[1]=’Hop on over to <a href=”http://www.codingforums.com”>Coding Forums</a> to get help on web coding!’
tickercontents[2]=’This scroller’s brought to you by <a href=”http://www.javascriptkit.com”>JavaScript Kit</a>’

var tickdelay=8000 //delay btw messages
var highlightspeed=5 //10 pixels at a time.

var currentmessage=0
var clipwidth=0

function changetickercontent(){
crosstick.style.clip=”rect(0px 0px auto 0px)”
crosstick.innerHTML=tickercontents[currentmessage]
highlightmsg()
}

function highlightmsg(){
var msgwidth=crosstick.offsetWidth
if (clipwidth<msgwidth){
clipwidth+=highlightspeed
crosstick.style.clip=”rect(0px “+clipwidth+”px auto 0px)”
beginclip=setTimeout(“highlightmsg()”,20)
}
else{
clipwidth=0
clearTimeout(beginclip)
if (currentmessage==tickercontents.length-1) currentmessage=0
else currentmessage++
setTimeout(“changetickercontent()”,tickdelay)
}
}

function start_ticking(){
crosstick=document.getElementById? document.getElementById(“highlighter”) : document.all.highlighter
crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement
if (parseInt(crosstick.offsetHeight)>0)
crosstickParent.style.height=crosstick.offsetHeight+’px’
else
setTimeout(“crosstickParent.style.height=crosstick.offsetHeight+’px'”,100) //delay for Mozilla’s sake
changetickercontent()
}

if (document.all || document.getElementById)
window.onload=start_ticking

</script>
——————————————————————-

Regards
/Sven-Erik
SWEDEN

to post a comment
JavaScript

2 Comments(s)

Copy linkTweet thisAlerts:
@jzwpJan 23.2006 — What?! is it just me? How come non of these posts do what they say they ask?

This is just another shameless advertisement!

kinda of a neat script to play with tho...
Copy linkTweet thisAlerts:
@jzwpJan 23.2006 — Ok, I rewrote your ticker script and it looks ok in IE and FireFox. It might be smaller if not just as confugilating...
[code=php]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD><TITLE>Ad Ticker </TITLE>
<STYLE type=text/CSS>
#myAd{position:absolute;left:20;top:40;font-size:10px;font-family:Verdana;background-color:lightyellow;height:14px;width:0px;overflow:hidden;border-right:1px solid teal;}
</STYLE>
<SCRIPT type="text/javascript">
var tickercontents=new Array()
tickercontents[0]='Looking&nbsp;for&nbsp;free&nbsp;Java&nbsp;applets&nbsp;and&nbsp;resources?&nbsp;Visit&nbsp;<a href="http://freewarejava.com">Freewarejava.com</a>!'
tickercontents[1]='Hop&nbsp;on&nbsp;over&nbsp;to&nbsp;<a href="http://www.codingforums.com">Coding&nbsp;Forums</a>&nbsp;to&nbsp;get&nbsp;help&nbsp;on&nbsp;web&nbsp;coding!'
tickercontents[2]='This&nbsp;scroller's&nbsp;brought&nbsp;to&nbsp;you&nbsp;by&nbsp;<a href="http://www.javascriptkit.com">JavaScript&nbsp;Kit</a>'
var wid=1;
var mes=0;
function messag(){
document.getElementById('myAd').innerHTML=tickercontents[mes];
rollEm();
}
function rollEm(){
var divB=document.getElementById('myAd'); var w='400px';
if(divB.style.width!=w){wid++;divB.style.width=(wid*5)+'px';setTimeout('rollEm()',20)}
else if(mes<tickercontents.length-1){setTimeout("document.getElementById('myAd').style.width='0px'",2000);setTimeout("wid=0;mes++;messag()",2200)}
else{setTimeout("document.getElementById('myAd').style.width='0px'",2000);setTimeout("wid=0;mes=0;messag()",2200)}
}
</SCRIPT>
</HEAD>
<BODY onload="messag()">
<div id="myAd"></div>
</BODY></HTML>[/code]


What now? ?
×

Success!

Help @svenne 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.5,
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: @Yussuf4331,
tipped: article
amount: 1000 SATS,

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

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...