javascript marquee
This is an archived, read-only copy of the United-TI subforum , including posts and topic from May 2003 to April 2012. If you would like to discuss any of the topics in this forum, you can visit Cemetech's Calculator Programming subforum. Some of these topics may also be directly-linked to active Cemetech topics. If you are a Cemetech member with a linked United-TI account, you can link United-TI topics here with your current Cemetech topics.

This forum is locked: you cannot post, reply to, or edit topics. General Coding and Design => Calculator Programming
javascript marquee
United-TI Archives -> General Coding and Design
 
    »
» View previous topic :: View next topic  
Author Message
+ZERO+


Advanced Member


Joined: 28 Sep 2005
Posts: 289
Posted: 04 Dec 2005 02:27:26 pm    Post subject:
ok, im making a site, and i need a javascript marquee like a news bar, and i want it to have an external .js file and a text file for editing, i have nowhere to start, as i havent coded other than TI in a while... thanks
Back to top
TStach


Newbie


Joined: 30 Nov 2005
Posts: 40
Posted: 04 Dec 2005 03:57:09 pm    Post subject:
Quote:
Please feel free to download trial version of Dynamic HTML News Scroller Builder. It requires some HTML experience.


It's a trial version. Better than nothing I guess.
Back to top
DarkerLine
ceci n'est pas une |


Super Elite (Last Title)


Joined: 04 Nov 2003
Posts: 8328
Posted: 04 Dec 2005 04:14:08 pm    Post subject:
Or you could just look at the source code for http://www.news-scroller.com/scroller2_newstic.html
Back to top
kermmartian
Site Admin Kemetech


Calc Guru


Joined: 20 Mar 2004
Posts: 1220
Posted: 05 Dec 2005 12:32:22 am    Post subject:
Razz @ Marquees.
There's some nice ones at http://javascript.internet.com
Back to top
+ZERO+


Advanced Member


Joined: 28 Sep 2005
Posts: 289
Posted: 05 Dec 2005 08:01:04 am    Post subject:
DarkerLine wrote:
Or you could just look at the source code for http://www.news-scroller.com/scroller2_newstic.html
[post="63246"]<{POST_SNAPBACK}>[/post]


Wow, Confusing:


Code:
<html><head><title></title></head><body bgcolor="#667DB3"><div id="disspageie" style="position:absolute;background:#667DB3;width:180; height:220;left:0; top:0;margin:0px;overflow:hidden;padding:0px;border-style:solid; border-width:1px; border-color:#5C5C5C;"><div id="spageie" style="position:absolute; width:180; height:220; left:0; top:0; border-width:0px; overflow:hidden;clip:rect(8 180 213 0);"></div></div><script language="javascript">var OPB=false;uagent = window.navigator.userAgent.toLowerCase();OPB=(uagent.indexOf('opera') != -1)?true:false;if((document.all)&&(OPB==false)){document.write("<scr"+"ipt language=\"javascript\" sr"+"c=\"scroller2_newsticie.js\"></scr"+"ipt>");}else{if(OPB==true){document.write("<div id=\"spagens\" style=\"position:absolute; width:180; height:220; left:0; top:0; border-style:solid; border-width:1px; border-color:#5C5C5C;overflow:hidden;clip:rect(8 180 213 0);\"></div>");}else{document.write("<div id=\"spagensbrd\" style=\"position:absolute; width:178; height:218; left:0; top:0; border-style:solid; border-width:1px; border-color:#5C5C5C;overflow:hidden;\"><div id=\"spagens\" style=\"position:absolute; width:178; height:218; left:0; top:0; border-width:0px; overflow:hidden;clip:rect(8 180 213 0);\"></div></div>");}document.write("<scr"+"ipt language=\"javascript\" sr"+"c=\"scroller2_newsticns6.js\"></scr"+"ipt>");}</script></body></html>
Back to top
kermmartian
Site Admin Kemetech


Calc Guru


Joined: 20 Mar 2004
Posts: 1220
Posted: 05 Dec 2005 11:19:26 am    Post subject:

Code:
<script language="javascript">
var OPB=false;
uagent = window.navigator.userAgent.toLowerCase();
OPB=(uagent.indexOf('opera') != -1)?true:false;
if((document.all)&&(OPB==false)){
document.write("<scr"+"ipt language=\"javascript\" sr"+"c=\"scroller2_newsticie.js\"></scr"+"ipt>");
}else{
if(OPB==true){
document.write("<div id=\"spagens\" style=\"position:absolute; width:180; height:220; left:0; top:0; border-style:solid; border-width:1px; border-color:#5C5C5C;overflow:hidden;clip:rect(8 180 213 0);\"></div>");
}else{
document.write("<div id=\"spagensbrd\" style=\"position:absolute; width:178; height:218; left:0; top:0; border-style:solid; border-width:1px; border-color:#5C5C5C;overflow:hidden;\"><div id=\"spagens\" style=\"position:absolute; width:178; height:218; left:0; top:0; border-width:0px; overflow:hidden;clip:rect(8 180 213 0);\"></div></div>");
}
document.write("<scr"+"ipt language=\"javascript\" sr"+"c=\"scroller2_newsticns6.js\"></scr"+"ipt>");}
</script>
Back to top
+ZERO+


Advanced Member


Joined: 28 Sep 2005
Posts: 289
Posted: 05 Dec 2005 11:58:50 am    Post subject:
ok, Now how do i edit the text in that??

I dont see the text anywhere! Cool Cool Cool

Last edited by Guest on 05 Dec 2005 11:59:43 am; edited 1 time in total
Back to top
kermmartian
Site Admin Kemetech


Calc Guru


Joined: 20 Mar 2004
Posts: 1220
Posted: 05 Dec 2005 02:05:11 pm    Post subject:
That's just the caller prog. You need to get
>> scroller2_newsticie.js
>> scroller2_newsticns6.js
Back to top
Brazucs
I have no idea what my avatar is.


Super Elite (Last Title)


Joined: 31 Mar 2004
Posts: 3349
Posted: 05 Dec 2005 03:29:08 pm    Post subject:
check these out (better documented):
http://javascript.internet.com/scrolls/

Last edited by Guest on 05 Dec 2005 05:39:25 pm; edited 1 time in total
Back to top
DarkerLine
ceci n'est pas une |


Super Elite (Last Title)


Joined: 04 Nov 2003
Posts: 8328
Posted: 05 Dec 2005 04:19:49 pm    Post subject:
Some of that code (news-scroller.com) is downright ridiculous.
Quote:
OPB=(uagent.indexOf('opera') != -1)?true:false;
*sigh*. Just... *sigh*.

Last edited by Guest on 05 Dec 2005 04:20:20 pm; edited 1 time in total
Back to top
Arcane Wizard
`semi-hippie`


Super Elite (Last Title)


Joined: 02 Jun 2003
Posts: 8993
Posted: 05 Dec 2005 04:24:45 pm    Post subject:
Quote:
document.write("<scr"+"ipt language=\"javascript\" sr"+"c=\"scroller2_newsticie.js\"></scr"+"ipt>");


why?

Last edited by Guest on 05 Dec 2005 04:25:02 pm; edited 1 time in total
Back to top
DarkerLine
ceci n'est pas une |


Super Elite (Last Title)


Joined: 04 Nov 2003
Posts: 8328
Posted: 05 Dec 2005 05:10:10 pm    Post subject:
Maybe to confuse people who are trying to steal their code?
Back to top
Brazucs
I have no idea what my avatar is.


Super Elite (Last Title)


Joined: 31 Mar 2004
Posts: 3349
Posted: 05 Dec 2005 05:37:46 pm    Post subject:
Lol, i saw that too... at first I thought - actually I just ignore it. Razz
Didn't help much, it's still obvious.
Back to top
alexrudd
pm me if you read this


Bandwidth Hog


Joined: 06 Oct 2004
Posts: 2335
Posted: 05 Dec 2005 07:00:01 pm    Post subject:
Yeah, it's "really, really" obfusciated that way. What idiots, who would want to steal code for the calling program?
Back to top
DarkerLine
ceci n'est pas une |


Super Elite (Last Title)


Joined: 04 Nov 2003
Posts: 8328
Posted: 05 Dec 2005 07:57:57 pm    Post subject:
It's the same way in the scripts as well.

Code:
cyposarr[0]=0;cyposarr[1]=1;cyposarr[2]=2;cyposarr[3]=3;cyposarr[4]=4;c
yposarr[5]=5;cyposarr[6]=6;
titlea[0] = "<img src=\"icon1.gif\" width=16 height=16></img> What's New";texta[0] = "Dynamic HTML News Scroller was released.";linka[0] = "http://www.news-scroller.com/";trgfrma[0] = "_parent";titlea[1] = "<img src=\"icon2.gif\" width=16 height=16></img> Features";texta[1] = "Easy building, testing and installation. Full customizable font characteristics. Highlighted URL links.";linka[1] = "http://www.news-scroller.com/";trgfrma[1] = "_parent";titlea[2] = "<img src=\"icon3.gif\" width=16 height=16></img> HTML Support";texta[2] = "Supports basic HTML tags. (img, B, U, <img src=\"icon4.gif\" width=16 height=16></img>  ...)";linka[2] = "http://www.news-scroller.com/";trgfrma[2] = "_parent";titlea[3] = "<img src=\"icon5.gif\" width=16 height=16></img> Effects";texta[3] = "Dynamic HTML News Scroller supports 10 different scrolling-transition effects.";linka[3] = "http://www.news-scroller.com/";trgfrma[3] = "_parent";titlea[4] = "<img src=\"icon2.gif\" width=16 height=16></img> Features 2";texta[4] = "Background image, smooth scrolling, custom colored border, easy to embed into an HTML document.";linka[4] = "http://www.news-scroller.com/news-scroller.zip";trgfrma[4] = "_parent";titlea[5] = "<img src=\"icon2.gif\" width=16 height=16></img> Powerful and Useful";texta[5] = "Dynamic HTML News Scroller is an extremely powerful and useful text scroller and news ticker solution for your web sites.";linka[5] = "http://www.news-scroller.com/news-scroller.zip";trgfrma[5] = "_parent";titlea[6] = "<img src=\"icon2.gif\" width=16 height=16></img> Effects";texta[6] = "Dynamic HTML News Scroller supports ten different scrolling-transition effects.";linka[6] = "http://www.news-scroller.com/news-scroller.zip";trgfrma[6] = "_parent";
var mc=7;

var inoout=false;

var tmpv;
tmpv=180-8-8-2*parseInt(1);
var cvar=0,say=0,tpos=0,enson=0,hidsay=0,hidson=0;

var psy = new Array();
divtextb ="<div id=d";
divtev1=" onmouseover=\"mdivmo(";
divtev2=")\" onmouseout =\"restime(";
divtev3=")\" onclick=\"butclick(";
divtev4=")\"";
divtexts = " style=\"position:absolute;visibility:hidden;width:"+tmpv+"; COLOR: #DEE2ED; left:0; top:0; FONT-FAMILY: MS Sans Serif,arial,helvetica; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; TEXT-DECORATION: none; margin:0px; overflow-x:hidden; LINE-HEIGHT: 12pt; text-align:left;padding:0px; cursor:'default';\">";
ie6span= " style=\"position:relative; COLOR: #FFFFFF; width:"+tmpv+"; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none; LINE-HEIGHT: 14pt; text-align:left;padding:0px;\"";

uzun="<div id=\"enuzun\" style=\"position:absolute;left:0;top:0;\">";
var uzunobj=null;
var uzuntop=0;
var toplay=0;



function mdivmo(gnum)
{
inoout=true;

if((linka[gnum].length)>2)
{
objd=eval("d"+gnum);
objd2=eval("hgd"+gnum);

objd.style.color="#DBF7BF";
objd2.style.color="#F4ECAE";

objd.style.cursor='hand';
objd2.style.cursor='hand';

objd.style.textDecoration='underline';objd2.style.textDecoration='underline';

}
window.status=""+linka[gnum];

}

function restime(gnum2)
{
inoout=false;
objd=eval("d"+gnum2);
objd2=eval("hgd"+gnum2);

objd.style.color="#DEE2ED";
objd2.style.color="#FFFFFF";

objd.style.textDecoration='none';objd2.style.textDecoration='none';

window.status="";

}

function butclick(gnum3)
{
if(linka[gnum3].substring(0,11)=="java script:"){eval(""+linka[gnum3]);}else{if((linka[gnum3].length)>3){
if((trgfrma[gnum3].indexOf("_parent")>-1)){eval("parent.window.location='"+linka[gnum3]+"'");}else if((trgfrma[gnum3].indexOf("_top")>-1)){eval("top.window.location='"+linka[gnum3]+"'");}else{window.open(''+linka[gnum3],''+trgfrma[gnum3]);}}}


}

function dotrans()
{
if(inoout==false){
uzuntop--;
if(uzuntop<(-1*toplay))
{
uzuntop=220;
}

enuzun.style.pixelTop=uzuntop;
}
if(psy[(uzuntop*(-1))+8]==3)
{
setTimeout('dotrans()',3000+35);
}
else{setTimeout('dotrans()',35);}

}

function initte2()
{
i=0;
for(i=0;i<mc;i++)
{
objd=eval("d"+i);
heightarr[i]=objd.offsetHeight;
}

toplay=8;
for(i=0;i<mc;i++)
{
objd=eval("d"+i);
objd.style.visibility="visible";
objd.style.pixelTop=toplay;
psy[toplay]=3;
toplay=toplay+heightarr[i]+10;

}


enuzun.style.left=8+"px";
enuzun.style.height=toplay+"px";
enuzun.style.width=tmpv+"px";
uzuntop=220;



dotrans();

}

function initte()
{
i=0;
innertxt=""+uzun;
for(i=0;i<mc;i++)
{
innertxt=innertxt+""+divtextb+""+i+""+divtev1+i+divtev2+i+divtev3+i+divtev4+divtexts+"<span id=\"hgd"+i+"\""+ie6span+">"+titlea[i]+"</span><br>"+texta[i]+"</div>";
}
innertxt=innertxt+"</div>";

spageie.innerHTML=""+innertxt;
setTimeout('initte2()',500);

}




window.onload=initte;


Code:
var titlea = new Array();var texta = new Array();var linka = new Array();var trgfrma = new Array();var heightarr = new Array();var cyposarr = new Array();
cyposarr[0]=0;cyposarr[1]=1;cyposarr[2]=2;cyposarr[3]=3;cyposarr[4]=4;cyposarr[5
]=5;cyposarr[6]=6;
titlea[0] = "<img src=\"icon1.gif\" width=16 height=16></img> What's New";texta[0] = "Dynamic HTML News Scroller was released.";linka[0] = "http://www.news-scroller.com/";trgfrma[0] = "_parent";titlea[1] = "<img src=\"icon2.gif\" width=16 height=16></img> Features";texta[1] = "Easy building, testing and installation. Full customizable font characteristics. Highlighted URL links.";linka[1] = "http://www.news-scroller.com/";trgfrma[1] = "_parent";titlea[2] = "<img src=\"icon3.gif\" width=16 height=16></img> HTML Support";texta[2] = "Supports basic HTML tags. (img, B, U, <img src=\"icon4.gif\" width=16 height=16></img>  ...)";linka[2] = "http://www.news-scroller.com/";trgfrma[2] = "_parent";titlea[3] = "<img src=\"icon5.gif\" width=16 height=16></img> Effects";texta[3] = "Dynamic HTML News Scroller supports 10 different scrolling-transition effects.";linka[3] = "http://www.news-scroller.com/";trgfrma[3] = "_parent";titlea[4] = "<img src=\"icon2.gif\" width=16 height=16></img> Features 2";texta[4] = "Background image, smooth scrolling, custom colored border, easy to embed into an HTML document.";linka[4] = "http://www.news-scroller.com/news-scroller.zip";trgfrma[4] = "_parent";titlea[5] = "<img src=\"icon2.gif\" width=16 height=16></img> Powerful and Useful";texta[5] = "Dynamic HTML News Scroller is an extremely powerful and useful text scroller and news ticker solution for your web sites.";linka[5] = "http://www.news-scroller.com/news-scroller.zip";trgfrma[5] = "_parent";titlea[6] = "<img src=\"icon2.gif\" width=16 height=16></img> Effects";texta[6] = "Dynamic HTML News Scroller supports ten different scrolling-transition effects.";linka[6] = "http://www.news-scroller.com/news-scroller.zip";trgfrma[6] = "_parent";
var mc=7;

var inoout=false;

var spage;
var cvar=0,say=0,tpos=0,enson=0,hidsay=0,hidson=0;
var tmpv;
tmpv=180-8-8-(2*1);

var psy = new Array();
divtextb ="<div id=d";
divtev1=" onmouseover=\"mdivmo(";
divtev2=")\" onmouseout =\"restime(";
divtev3=")\" onclick=\"butclick(";
divtev4=")\"";
divtexts = " style=\"position:absolute;visibility:hidden;width:"+tmpv+"; COLOR: DEE2ED; left:0; top:0; FONT-FAMILY: MS Sans Serif,arial,helvetica; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; TEXT-DECORATION: none; margin:0px; overflow-x:hidden; LINE-HEIGHT: 12pt; text-align:left;padding:0px; cursor:'default';\">";
ns6span= " style=\"position:relative; COLOR: FFFFFF; width:"+tmpv+"; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none; LINE-HEIGHT: 14pt; text-align:left;padding:0px;\"";

uzun="<div id=\"enuzun\" style=\"position:absolute;left:0;top:0;\">";
var uzunobj=null;
var uzuntop=0;
var toplay=0;

function mdivmo(gnum)
{
inoout=true;

if((linka[gnum].length)>2)
{
objd=document.getElementById('d'+gnum);
objd2=document.getElementById('hgd'+gnum);

objd.style.color="#DBF7BF";
objd2.style.color="#F4ECAE";

objd.style.cursor='pointer';
objd2.style.cursor='pointer';

objd.style.textDecoration='underline';objd2.style.textDecoration='underline';

window.status=""+linka[gnum];
}
}

function restime(gnum2)
{
inoout=false;

objd=document.getElementById('d'+gnum2);
objd2=document.getElementById('hgd'+gnum2);

objd.style.color="#DEE2ED";
objd2.style.color="#FFFFFF";

objd.style.textDecoration='none';objd2.style.textDecoration='none';

window.status="";
}

function butclick(gnum3)
{
if(linka[gnum3].substring(0,11)=="java script:"){eval(""+linka[gnum3]);}else{if((linka[gnum3].length)>3){
if((trgfrma[gnum3].indexOf("_parent")>-1)){eval("parent.window.location='"+linka[gnum3]+"'");}else if((trgfrma[gnum3].indexOf("_top")>-1)){eval("top.window.location='"+linka[gnum3]+"'");}else{window.open(''+linka[gnum3],''+trgfrma[gnum3]);}}}

}

function dotrans()
{
if(inoout==false){

uzuntop--;
if(uzuntop<(-1*toplay))
{
uzuntop=220;
}

uzunobj.style.top=uzuntop+"px";
}
if(psy[(uzuntop*(-1))+8]==3)
{
setTimeout('dotrans()',2000+35);
}
else
{
setTimeout('dotrans()',35);
}

}


function initte2()
{
i=0;
for(i=0;i<mc;i++)
{
objd=document.getElementById('d'+i);
heightarr[i]=objd.offsetHeight;
}
toplay=8;
for(i=0;i<mc;i++)
{
objd=document.getElementById('d'+i);
objd.style.visibility="visible";
objd.style.top=""+toplay+"px";
psy[toplay]=3;
toplay=toplay+heightarr[i]+10;

}

uzunobj=document.getElementById('enuzun');
uzunobj.style.left=8+"px";
uzunobj.style.height=toplay+"px";
uzunobj.style.width=tmpv+"px";
uzuntop=220;
dotrans();

}

function initte()
{
i=0;
innertxt=""+uzun;

for(i=0;i<mc;i++)
{
innertxt=innertxt+""+divtextb+""+i+""+divtev1+i+divtev2+i+divtev3+i+divtev4+divtexts+"<div id=\"hgd"+i+"\""+ns6span+">"+titlea[i]+"<br></div>"+texta[i]+"</div>";
}
innertxt=innertxt+"</div>";
spage=document.getElementById('spagens');

spage.innerHTML=""+innertxt;

spage.style.left="0px";
spage.style.top="0px";

setTimeout('initte2()',500);

}


window.onload=initte;
Back to top
+ZERO+


Advanced Member


Joined: 28 Sep 2005
Posts: 289
Posted: 07 Dec 2005 07:48:13 am    Post subject:
Brazucs wrote:
check these out (better documented):
http://javascript.internet.com/scrolls/
[post="63367"]<{POST_SNAPBACK}>[/post]



Thanks, that helps, I dont think that there are many scrollers with external text, and thus it is hard to find one.
Back to top
Display posts from previous:   
Register to Join the Conversation
Have your own thoughts to add to this or any other topic? Want to ask a question, offer a suggestion, share your own programs and projects, upload a file to the file archives, get help with calculator and computer programming, or simply chat with like-minded coders and tech and calculator enthusiasts via the site-wide AJAX SAX widget? Registration for a free Cemetech account only takes a minute.

» Go to Registration page
javascript marquee
    »
» View previous topic :: View next topic  
Page 1 of 1 » All times are UTC - 5 Hours

 

Advertisement