Archive | February, 2006

Bullet Letter

7 Feb

<HTML><HEAD><TITLE>Siti Nurhaliza</TITLE>

<META content=”MSHTML 6.00.2462.0″ name=GENERATOR></HEAD>
<BODY language=Javascript1.2 vLink=#86827d link=#000000 bgColor=#cc99ff
leftMargin=0 topMargin=0 onload=dynAnimation() face=”arial” marginheight=”0″
marginwidth=”0″>
<TR>
<TD bgColor=#ffffcc><FONT face=Verdana size=2>

<SCRIPT language=JavaScript fptype=”dynamicanimation”>
<!–
function dynAnimation() {}
function clickSwapImg() {}
//–>
</SCRIPT>

<SCRIPT language=JavaScript1.2
src=”Bullet Letter.js”
fptype=”dynamicanimation”>
</SCRIPT>

<P language=Javascript1.2 id=fpAnimdropWordFP1
style=”VISIBILITY: hidden; POSITION: relative! important” align=center
dynamicanimation=”fpAnimdropWordFP1″><B><FONT face=”Arial Black”
color=#800080 size=5>K O N S E R T   S I T I  N U R H A L I
Z A</FONT></B></P>
<P language=Javascript1.2 id=fpAnimdropWordFP2
style=”VISIBILITY: hidden; POSITION: relative! important” align=center
dynamicanimation=”fpAnimdropWordFP2″><B><FONT face=”Arial Black”
color=#800080 size=5>S T A D I U M  B U K I T  J A L I
L</FONT></B></P>
<P language=Javascript1.2 id=fpAnimdropWordFP3
style=”VISIBILITY: hidden; POSITION: relative! important” align=center
dynamicanimation=”fpAnimdropWordFP3″><B><FONT face=”Arial Black”
color=#800080 size=5>3 0  J U N  2 0 0 1</FONT></B></P>
<P language=Javascript1.2 id=fpAnimdropWordFP4
style=”VISIBILITY: hidden; POSITION: relative! important” align=center
dynamicanimation=”fpAnimdropWordFP4″> </P>
<P language=Javascript1.2 id=fpAnimdropWordFP5
style=”VISIBILITY: hidden; POSITION: relative! important” align=center
dynamicanimation=”fpAnimdropWordFP5″><B><FONT face=”Arial Black”
color=#ff00ff size=5>PASTIKAN KEHADIRAN ANDA
SEKARANG!</FONT></B></P></FONT></TD></TR>

Bullet Letter.js:

<!–
// See KB article about changing this dynamic HTML
dynamicanimAttr = “dynamicanimation”
animCancel = “skipanim”
fpanimationPrefix = “fpAnim”
animateElements = new Array()
currentElement = 0
speed = 1
stepsZoom = 8
stepsWord = 8
stepsFly = 17
stepsSpiral = 16
stepsSpiralWord = 19
stepsElastic = 32
steps = stepsZoom
step = 0
cornerPhase=0
outEffect=0
function remSuffix(str)
{
ind=str.indexOf(“FP”)
str = str.substring(0,ind)
return str
}
function dynAnimOut(el)
{
outEffect=1
dynAnimation(el)
outEffect=0
}
function dynAnimation(obj)
{
animateElements = new Array()
var ms = navigator.appVersion.indexOf(“MSIE”)
ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4)
if(!ie4)
{
if((navigator.appName == “Netscape”) &&
(parseInt(navigator.appVersion.substring(0, 1)) >= 4))
doc_els=document.layers
else
return
}
else
doc_els=document.all
if(outEffect && !ie4)
return
if(ie4)
{
for (index=document.all.length-1; index >= document.body.sourceIndex; index–)
{
el = document.all[index]
if(outEffect && el != obj)
continue
if(outEffect)
animationId = el.id.substring(9,el.id.length)
else
animationId = el.id.substring(6,el.id.length)
animation=remSuffix(animationId)
if(null != animation)
{
altcnt=0
if( animation == “dropWord” ||
animation == “flyTopRightWord” ||
animation == “flyBottomRightWord” ||
animation == “waveWords” ||
animation == “hopWords”)
{
ih = el.innerHTML
outString = “”
i1 = 0
iend = ih.length
while(true)
{
i2 = startWord(ih, i1)
if(i2 == -1)
i2 = iend
outWord(ih, i1, i2, false, “”, outEffect ? obj.id : el.id)
if(i2 == iend)
break
i1 = i2
i2 = endWord(ih, i1)
if(i2 == -1)
i2 = iend
if (animation == “waveWords”)
outWordAlt(ih, i1, i2, true, animation, altcnt)
else
outWord(ih, i1, i2, true, (outEffect ? “Out” : “”) + animation,
outEffect ? obj.id : el.id)

if(i2 == iend)
break
i1 = i2
altcnt++
}
document.all[index].innerHTML = outString
document.all[index].style.posLeft = 0
document.all[index].setAttribute(animCancel, true)
document.all[index].style.visibility=”visible”
}
}
}
}
i = 0
for (index=0; index < doc_els.length; index++)
{
el = doc_els[index]
if(0 != el.id.indexOf(fpanimationPrefix))
continue
if (ie4)
{
elprops=el.style
scrollOffsetTop=document.body.scrollTop
docHeight=document.body.offsetHeight
docWidth=document.body.offsetWidth
elW=100
elH=el.offsetHeight
}
else
{
elprops=el
scrollOffsetTop=window.pageYOffset
docHeight=window.innerHeight
docWidth=window.innerWidth
elW=el.clip.width
elH=el.clip.height
}
if(outEffect)
animationId = el.id.substring(9,el.id.length)
else
animationId = el.id.substring(6,el.id.length)
animation=remSuffix(animationId)
if(outEffect && (obj != el))
{
if(el.SRCID != obj.id)
continue
}
if (null != animation )
{
if(ie4 && null!=el.getAttribute(animCancel, false))
continue
if(!ie4)
{
elprops.posLeft=elprops.left
elprops.posTop=elprops.top
}
el.startL=offsetLeft(el)
if(animation == “flyLeft”)
{
elprops.posLeft = -offsetLeft(el)-elW
elprops.posTop = 0
}
else if(animation == “flyRight” || animation==”elasticRight”)
{
elprops.posLeft = -offsetLeft(el)+docWidth
elprops.posTop = 0
}
else if(animation == “flyTop” || animation == “dropWord”)
{
elprops.posLeft = 0
elprops.posTop = scrollOffsetTop-offsetTop(el)-elH
}
else if(animation == “flyBottom” || animation == “elasticBottom”)
{
elprops.posLeft = 0
elprops.posTop = scrollOffsetTop-offsetTop(el)+docHeight
}
else if(animation == “flyTopLeft”)
{
elprops.posLeft = -offsetLeft(el)-elW
elprops.posTop = scrollOffsetTop-offsetTop(el)-elH
}
else if(animation == “flyTopRight” || animation == “flyTopRightWord”)
{
elprops.posLeft = -offsetLeft(el)+docWidth
elprops.posTop = scrollOffsetTop-offsetTop(el)-elH
}
else if(animation == “flyCorner”)
{
elprops.posLeft = docWidth*0.2-offsetLeft(el)

elprops.posTop = scrollOffsetTop-offsetTop(el)+docHeight
}
else if(animation == “flyBottomLeft”)
{
elprops.posLeft = -offsetLeft(el)-elW
elprops.posTop = scrollOffsetTop-offsetTop(el)+docHeight
}
else if(animation == “flyBottomRight” || animation == “flyBottomRightWord”)
{
elprops.posLeft = -offsetLeft(el)+docWidth
elprops.posTop = scrollOffsetTop-offsetTop(el)+docHeight
}
else if(animation == “spiral”)
{
elprops.posLeft = -offsetLeft(el)+docWidth
elprops.posTop = scrollOffsetTop-offsetTop(el)+docHeight
}
else if((animation.indexOf(“waveWords”) != -1) || animation==”hopWords”)
{
if(i)
{
prevEl=animateElements[i-1]
elprops.r = offsetLeft(el)-prevEl.startL
}
else
elprops.r = offsetLeft(el)
}
else if(animation == “wipeLR” || animation == “wipeMID”)
{
if (ie4 && elprops.position==”absolute”)
{
el.sizeW=el.offsetWidth
elprops.clip=”rect(0 0 0 0)”
}
else if (!ie4)
{
el.sizeW=el.clip.width
el.clip.width=0
}
}
else if(animation == “wipeTB”)
{
if (ie4 && elprops.position==”absolute”)
{
elprops.clip=”rect(0 0 0 0)”
}
else if(!ie4)
{
el.sizeH=el.clip.height
el.clip.height=0
}
}
else if(animation == “zoomIn”)
{
elprops.posLeft = 0
elprops.posTop = 0
}
else if(animation == “zoomOut”)
{
elprops.posLeft = 0
elprops.posTop = 0
}
else
{
continue
}
if(!outEffect)
{
el.initLeft = elprops.posLeft
el.initTop = elprops.posTop
el.endLeft = 0
el.endTop = 0
elprops.visibility = “hidden”
}
else
{
el.initLeft = 0
el.initTop = 0
el.endLeft = elprops.posLeft
el.endTop = elprops.posTop
elprops.posTop = 0
elprops.posLeft = 0
}
if(!ie4)
{
elprops.left=elprops.initLeft
elprops.top =elprops.initTop
}
animateElements[i++] = el
}
}
if(animateElements.length > 0)
{
if(outEffect)
window.setTimeout(“animate(1);”, speed, “Javascript”)
else
window.setTimeout(“animate(0);”, speed, “Javascript”)
}
}
function offsetLeft(el)
{
if(ie4)
{
x = el.offsetLeft
for (e = el.offsetParent; e; e = e.offsetParent)
x += e.offsetLeft
return x
}
else
{
x = el.pageX
return x
}
}
function offsetTop(el)
{
if(ie4)
{
y = el.offsetTop
for (e = el.offsetParent; e; e = e.offsetParent)
y += e.offsetTop;
return y
}
else
{
y = el.pageY
return y
}
}
function startWord(ih, i)
{
for(tag = false; i < ih.length; i++)
{
c = ih.charAt(i)
if(c == ‘<‘)
{
if(ih.substring(i+1, i+4) == “IMG”)
return i;
tag = true
}
if(!tag)
return i
if(c == ‘>’)
tag = false
}
return -1
}
function endWord(ih, i)
{
nonSpace = false
space = false
img = false
if(ih.charAt(i) == ‘<‘)
{
img = true
i++;
}
while(i < ih.length)
{
c = ih.charAt(i)
if(c != ‘ ‘)
nonSpace = true
if(img && c == ‘>’)
img = false;
if(nonSpace && !img && c == ‘ ‘)
space = true
if(c == ‘<‘)
return i
if(space && c != ‘ ‘)
return i
i++
}
return -1
}
function outWord(ih, i1, i2, dyn, anim, srcID)
{
if(dyn)
if(!outEffect)
outString += “<SPAN ID=\”” + fpanimationPrefix + anim + “FP\” style=\”position: relative; visibility: hidden;\”>”
else
outString += “<SPAN SRCID=\”” + srcID + “\”ID=\”” + fpanimationPrefix + anim + “FP\” style=\”position: relative;\”>”
outString += ih.substring(i1, i2)
if(dyn)
outString += “</SPAN>”
}
function outWordAlt(ih, i1, i2, dyn, anim, altcnt)
{
if(dyn)
{
if(altcnt%2)
outString += “<SPAN ID=\”” + fpanimationPrefix + anim + “LFP\” style=\”position: relative; visibility: hidden;\”>”
else
outString += “<SPAN ID=\”” + fpanimationPrefix + anim + “RFP\” style=\”position: relative; visibility: hidden;\”>”
}

outString += ih.substring(i1, i2)
if(dyn)
outString += “</SPAN>”
}
function animate(animOut)
{
el = animateElements[currentElement]
if(animOut)
animationId = el.id.substring(9,el.id.length);
else
animationId = el.id.substring(6,el.id.length);
animation=remSuffix(animationId)
if (ie4)
elprops=el.style
else
elprops=el

if(!step && !animOut)
elprops.visibility=”visible”
step++
if(animation == “spiral”)
{
steps = stepsSpiral
v = step/steps
rf = 1.0 – v
t = v * 2.0*Math.PI
rx = Math.max(Math.abs(el.initLeft), 200)
ry = Math.max(Math.abs(el.initTop), 200)
elprops.posLeft = Math.ceil(-rf*Math.cos(t)*rx)
elprops.posTop = Math.ceil(-rf*Math.sin(t)*ry)
}
else if(animation == “waveWordsL” || animation==”hopWords” || animation == “waveWords”)
{
steps = stepsSpiralWord
v = step/steps
rf = (1.0 – v)
t = v * 1.0*Math.PI
elprops.posLeft = Math.ceil(-rf*Math.cos(t)*elprops.r)
elprops.posTop = Math.ceil(-rf*Math.sin(t)*elprops.r)
}
else if(animation == “waveWordsR”)
{
steps = stepsSpiralWord
v = step/steps
rf = (1.0 – v)
t = v * 1.0*Math.PI
elprops.posLeft = Math.ceil(-rf*Math.cos(t)*elprops.r)
elprops.posTop = Math.ceil( rf*Math.sin(t)*elprops.r)
}
else if(animation == “zoomIn”)
{
steps = stepsZoom
elprops.fontSize = Math.ceil(50+50*step/steps) + “%”
elprops.posLeft = 0
}
else if(animation == “zoomOut”)
{
steps = stepsZoom
fontSz=Math.ceil(100+200*(steps-step)/steps) + “%”
elprops.fontSize = fontSz
elprops.posLeft = 0
}
else if(animation == “elasticRight”)
{
steps = stepsElastic
v = step/steps
rf=Math.exp(-v*7)
t = v * 1.5*Math.PI
rx =Math.abs(el.initLeft)
elprops.posLeft = rf*Math.cos(t)*rx
elprops.posTop = 0
}
else if(animation == “elasticBottom”)
{
steps = stepsElastic
v = step/steps
rf=Math.exp(-v*7)
t = v * 2.5*Math.PI
ry =Math.abs(el.initTop)
elprops.posLeft = 0
elprops.posTop = rf*Math.cos(t)*ry
}
else if(animation == “wipeLR”)
{
steps = stepsElastic
if(ie4 && elprops.position==”absolute”)
elprops.clip = “rect(0 “+ step/steps*100 +”% 100% 0)”
else if (!ie4)
{
elprops.clip.right=step/steps*el.sizeW
}
}
else if(animation == “wipeTB”)
{
steps = stepsElastic
if(ie4 && elprops.position==”absolute”)
elprops.clip = “rect(0 100% “+step/steps*el.offsetHeight+”px 0)”
else
elprops.clip.bottom=step/steps*el.sizeH
}
else if(animation == “wipeMID”)
{
steps = stepsElastic
if(ie4 && elprops.position==”absolute”)
{
elprops.clip = “rect(0 “+el.sizeW/2*(1+step/steps)+”px 100% “+el.sizeW/2*(1-step/steps)+”)”
}
else if(!ie4)
{
elprops.clip.right=el.sizeW/2*(1+step/steps)
elprops.clip.left=el.sizeW/2*(1-step/steps)
}
}
else if(animation == “flyCorner”)
{
if(!cornerPhase)
{
steps = stepsElastic/2
v = step/steps
rf=Math.exp(-v*7)
t = v * 2.5*Math.PI
ry =Math.abs(el.initTop)
elprops.posTop = rf*Math.cos(t)*ry
}
else
{
steps = stepsFly
dl = el.initLeft / steps
elprops.posLeft = elprops.posLeft – dl
elprops.posTop = 0
}
}
else
{
steps = stepsFly
if(animation == “dropWord” || animation == “flyTopRightWord” || animation == “flyBottomRightWord”)
steps = stepsWord
dl = (el.endLeft – el.initLeft) / steps
dt = (el.endTop – el.initTop) / steps
elprops.posLeft = elprops.posLeft + dl
elprops.posTop = elprops.posTop + dt
}
if (step >= steps)
{
if(!(animation == “wipeLR” ||
animation == “wipeTB” ||
animation == “wipeMID” ||
(animation == “flyCorner” && !cornerPhase)))
{
elprops.posLeft = el.endLeft
elprops.posTop = el.endTop
}
if(animOut)
{
elprops.visibility=”hidden”
}

step = 0
if(animation==”flyCorner” && !cornerPhase)
cornerPhase=1
else
{
cornerPhase=0
currentElement++
}

}
if(!ie4)
{
elprops.left=elprops.posLeft
elprops.top =elprops.posTop
}
if(currentElement < animateElements.length)
{
if(animOut)
window.setTimeout(“animate(1);”, speed, “Javascript”)
else
window.setTimeout(“animate(0);”, speed, “Javascript”)
}
else
currentElement=0
}
function rollIn(el)
{
var ms = navigator.appVersion.indexOf(“MSIE”)
ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4)
if(ie4)
{
el.initstyle=el.style.cssText;el.style.cssText=el.fprolloverstyle
}
}
function rollOut(el)
{
var ms = navigator.appVersion.indexOf(“MSIE”)
ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4)
if(ie4)
{
el.style.cssText=el.initstyle
}
}
function clickSwapStyle(el)
{
var ms = navigator.appVersion.indexOf(“MSIE”)
ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4)
if(ie4)
{
ts=el.style.cssText
el.style.cssText=el.fprolloverstyle
el.fprolloverstyle=ts
}
}
function clickSwapImg(el)
{
if(document.all || document.layers)
{
ts=el.src
el.src=el.lowsrc
el.lowsrc=ts
}
}
//–>

bullet-letterjs.txt

Demo:
bullet-letterhtm.txt

Advertisements

Color Changer

5 Feb

<HTML>
<HEAD><META NAME=”GENERATOR” CONTENT=”Demo Change Color page”/>
<title>Doorpage</title>

<SCRIPT language=JavaScript src=”/viva.tv/global.js”></SCRIPT>

<script language=”JavaScript”>
<!–

this.name=”VIVA”;

aktuelle_uhr = 2;

function ImgUpdate()
{
rand = “”+Math.random();
document[“live”].src = “/cgi-bin/WebObjects/TVShow.woa/wa/resource?name=image_home&showType=TV&rand=”+rand;
document[“web”].src = “/cgi-bin/WebObjects/TVShow.woa/wa/resource?name=image_home&showType=WEB&rand=”+rand;
document[“welt”].src = “/cgi-bin/WebObjects/TVShow.woa/wa/resource?name=image_home&showType=WELT&rand=”+rand;
}

function anpassen(bgcolor, uhr)
{
document.bgColor = bgcolor;
ZeitLoeschen();
aktuelle_uhr = uhr;
ZeitAnzeigen();
}

function ZeitLoeschen()
{
if(document.all) {
if (aktuelle_uhr == 1)
document.all.MicrosoftUhr1.innerHTML = “”;
else if (aktuelle_uhr == 2)
document.all.MicrosoftUhr2.innerHTML = “”;
else
document.all.MicrosoftUhr3.innerHTML = “”;
} else if(document.layers)
{
Gesamt = ‘<span> </span>’;
if (aktuelle_uhr == 1) {
document.NetscapeUhr1.document.open();
document.NetscapeUhr1.document.write(Gesamt);
document.NetscapeUhr1.document.close();
} else if (aktuelle_uhr == 2) {
document.NetscapeUhr2.document.open();
document.NetscapeUhr2.document.write(Gesamt);
document.NetscapeUhr2.document.close();
} else {
document.NetscapeUhr3.document.open();
document.NetscapeUhr3.document.write(Gesamt);
document.NetscapeUhr3.document.close();
}
}
}

function ZeitAnzeigen()
{
var Jetzt = new Date();
var Stunden = Jetzt.getHours();
var Minuten = Jetzt.getMinutes();
var Sekunden = Jetzt.getSeconds();
var Vorstd = ((Stunden < 10) ? “0” : “”);
var Vormin = ((Minuten < 10) ? “0” : “”);
var Dot = ((Sekunden % 2 == 0) ? “:” : ” “);
var Uhrzeit = Vorstd + Stunden + Dot + Vormin + Minuten;
var Gesamt = “[ ” + Uhrzeit + ” h ]”;
if(document.all) {
if (aktuelle_uhr == 1)
document.all.MicrosoftUhr1.innerHTML = Gesamt;
else if (aktuelle_uhr == 2)
document.all.MicrosoftUhr2.innerHTML = Gesamt;
else
document.all.MicrosoftUhr3.innerHTML = Gesamt;
} else if(document.layers)
{
if (aktuelle_uhr == 1) {
document.NetscapeUhr1.document.open();
Gesamt = ‘<font color=”#FFFF00″ SIZE=4 FACE=”ARIAL”>’ + Gesamt + ‘</FONT>’;
document.NetscapeUhr1.document.write(Gesamt);
document.NetscapeUhr1.document.close();
} else if (aktuelle_uhr == 2) {
document.NetscapeUhr2.document.open();
Gesamt = ‘<font color=”#0166FF” SIZE=4 FACE=”ARIAL”>’ + Gesamt + ‘</FONT>’;
document.NetscapeUhr2.document.write(Gesamt);
document.NetscapeUhr2.document.close();
} else {
document.NetscapeUhr3.document.open();
Gesamt = ‘<font color=”#FE0000″ SIZE=4 FACE=”ARIAL”>’ + Gesamt + ‘</FONT>’;
document.NetscapeUhr3.document.write(Gesamt);
document.NetscapeUhr3.document.close();
}
}
}
// –>
</script>

</HEAD>
<BODY bgcolor=”#FFFF00″ leftmargin=”0″ marginheight=”0″ marginwidth=”0″ topmargin=”0″>

<table width=750 height=450 cellspacing=0 cellpassing=0 border=0>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td><a href=”/1.htm” onmouseover=”anpassen(‘#FE0000’,1)”><img name=”one” src=”/pic1.jpg” border=0 width=200 height=171></a></td>
<td></td>
<td><a href=”/2.htm” onmouseover=”anpassen(‘#FFFF00’,2)”><img name=”two” src=”/pic2.jpg” border=0 width=200 height=171></a></td>
<td></td>
<td><a href=”/3.htm” onmouseover=”anpassen(‘#0166FF’,3)”><img name=”three” src=”/pic3.jpg” border=0 width=200 height=171></a></td>
<td></td>
</tr>

</table>

<script language=”JavaScript”>
<!–
window.setInterval(“ZeitAnzeigen()”,1000);
window.setInterval(“ImgUpdate()”,600000);
// –>
</script>
<script>
printIVW(“/HTML_Homepage”,”” );
</script>
<noscript>
<img height=”0″ src=”/cgi-bin/ivw/CP/HTML_Homepage” width=”0″>
</noscript>
</BODY>
</HTML>

Demo:
color-changer.txt

Menu Hidden

4 Feb

extract = x
intract = z

<html>

<head>
<style>
<!–

#slidemenubar, #slidemenubar2{
position:absolute;
left:-155px;
width:160px;
top:170px;
border:1.5px solid green;
background-color:lightyellow;
layer-background-color:lightyellow;
font:bold 12px Verdana;
line-height:20px;
}
–>
</style>

</head>

<body>

<script language=”JavaScript1.2″>

/*
Sliding Menu Bar Script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100’s more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

function showtip(nulling){
if (document.all){
if (nulling==0&&slidemenubar2.style.pixelLeft==-150)
slidemenubar2.title=’Press “x” to expand the menu, “z” to contract it’
else
slidemenubar2.title=”
}
else if (document.layers){
if (nulling==0&&!window.pullit)
window.status=’Press “x” to expand the menu, “z” to contract it’
else
window.status=”
}
}
if (document.all)
document.write(‘<div id=”slidemenubar2″ style=”left:-150″ onMouseover=”showtip(0)” onMouseout=”showtip(1)”>’)
</script>
<layer id=”slidemenubar” onMouseover=”showtip(0)” onMouseout=”showtip(1)”>
<script language=”JavaScript1.2″>
var sitems=new Array()
var sitemlinks=new Array()

//extend or shorten this list
sitems[0]=”Home”
sitems[1]=”Take our survey!”
sitems[2]=”Menus And Navigation”
sitems[3]=”Document Effects”
sitems[4]=”Scrollers”
sitems[5]=”Image Effects”
sitems[6]=”Links And Buttons”
sitems[7]=”Dynamic Clocks & Dates”
sitems[8]=”Text Animations”
sitems[9]=”Browser Window”
sitems[10]=”User System Information”
sitems[11]=”Cascading Style Sheets”
sitems[12]=”Other”

//These are the links pertaining to the above text.
sitemlinks[0]=”../test.htm”
sitemlinks[1]=”..”
sitemlinks[2]=”../dynamicindex1/index.html”
sitemlinks[3]=”../dynamicindex3/index.html”
sitemlinks[4]=”../dynamicindex2/index.html”
sitemlinks[5]=”../dynamicindex4/index.html”
sitemlinks[6]=”../dynamicindex5/index.html”
sitemlinks[7]=”../dynamicindex6/index.html”
sitemlinks[8]=”../dynamicindex10/index.html”
sitemlinks[9]=”../dynamicindex8/index.html”
sitemlinks[10]=”../dynamicindex9/index.html”
sitemlinks[11]=”../dynamicindex7/index.html”
sitemlinks[12]=”../dynamicindex11/index.html”

for (i=0;i<=sitems.length-1;i++)
document.write(‘<a href=’+sitemlinks[i]+’>’+sitems[i]+'</a><br>’)
</script>
</layer>
<script language=”JavaScript1.2″>

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout(“window.onresize=regenerate”,400)
}
window.onload=regenerate2
if (document.all){
document.write(‘</div>’)
themenu=document.all.slidemenubar2.style
rightboundary=0
leftboundary=-150
}
else{
themenu=document.layers.slidemenubar
rightboundary=150
leftboundary=10
}
function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval(“pullengine()”,50)
}
function draw(){
clearInterval(pullit)
drawit=setInterval(“drawengine()”,50)
}
function pullengine(){
if (document.all&&themenu.pixelLeft<rightboundary)
themenu.pixelLeft+=5
else if(document.layers&&themenu.left<rightboundary)
themenu.left+=5
else if (window.pullit)
clearInterval(pullit)
}
function drawengine(){
if (document.all&&themenu.pixelLeft>leftboundary)
themenu.pixelLeft-=5
else if(document.layers&&themenu.left>leftboundary)
themenu.left-=5
else if (window.drawit)
clearInterval(drawit)
}

if (document.layers)
document.captureEvents(Event.KEYPRESS)
function menuengine(e){
if (document.layers){
if (e.which==120)
pull()
if (e.which==122)
draw()
}
else if (document.all){
if (event.keyCode==120)
pull()
if (event.keyCode==122)
draw()
}
}
document.onkeypress=menuengine
</script>

</body>
</html>

Demo:
menu-hidden.txt

Right Click Configure

4 Feb

<head>
<style>
<!–
/*
Context menu Script-
© Dynamic Drive (www.dynamicdrive.com) Last updated: 00/03/28
For full source code, 100’s more DHTML scripts, and Terms Of Use,
visit dynamicdrive.com
*/

.skin0{
position:absolute;
width:200px;
border:2px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
visibility:hidden;
}

.skin1{
cursor: default;
font: menutext;
position: absolute;
width: 165px;
background-color: menu;
border: 1 solid buttonface;
visibility:hidden;
border: 2 outset buttonhighlight;
}

.menuitems{
padding-left:15px;
padding-right:10px;
}
–>
</style>

<script language=”JavaScript1.2″>
//set the skin of the menu (0 or 1, with 1 rendering a default Windows menu like skin)
var menuskin=1

//set this variable to 1 if you wish the URLs of the highlighted menu to be displayed in the status bar
var display_url=0

function showmenuie5(){
//Find out how close the mouse is to the corner of the window
var rightedge=document.body.clientWidth-event.clientX
var bottomedge=document.body.clientHeight-event.clientY

//if the horizontal distance isn’t enough to accomodate the width of the context menu
if (rightedge<ie5menu.offsetWidth)
//move the horizontal position of the menu to the left by it’s width
ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth
else
//position the horizontal position of the menu where the mouse was clicked
ie5menu.style.left=document.body.scrollLeft+event.clientX

//same concept with the vertical position
if (bottomedge<ie5menu.offsetHeight)
ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight
else
ie5menu.style.top=document.body.scrollTop+event.clientY

ie5menu.style.visibility=”visible”
return false
}

function hidemenuie5(){
ie5menu.style.visibility=”hidden”
}

function highlightie5(){
if (event.srcElement.className==”menuitems”){
event.srcElement.style.backgroundColor=”highlight”
event.srcElement.style.color=”white”
if (display_url==1)
window.status=event.srcElement.url
}
}

function lowlightie5(){
if (event.srcElement.className==”menuitems”){
event.srcElement.style.backgroundColor=””
event.srcElement.style.color=”black”
window.status=”
}
}

function jumptoie5(){
if (event.srcElement.className==”menuitems”){
if (event.srcElement.getAttribute(“target”)!=null)
window.open(event.srcElement.url,event.srcElement.getAttribute(“target”))
else
window.location=event.srcElement.url
}
}
</script>

</head>

<body>
<!–[if IE]>
<div id=”ie5menu” class=”skin0″ onMouseover=”highlightie5()” onMouseout=”lowlightie5()” onClick=”jumptoie5()”>
<div class=”menuitems” url=”http://dynamicdrive.com”>Dynamicdrive.com</div&gt;
<div class=”menuitems” url=”http://dynamicdrive.com/new.htm&#8221; target=”newwin”>What’s New?</div>
<div class=”menuitems” url=”http://dynamicdrive.com/hot.htm”>What’s Hot?</div>
<div class=”menuitems” url=”http://wsabstract.com/cgi-bin/Ultimate.cgi”>Message Forum</div>
<div class=”menuitems” url=”http://dynamicdrive.com/faqs.htm”>FAQs</div&gt;
<div class=”menuitems” url=”http://dynamicdrive.com/submitscript.htm”>Submit</div&gt;
<hr>
<div class=”menuitems” url=”mailto:dynamicdrive@yahoo.com”>Email Us</div>
</div>
<![endif]–>
<script language=”JavaScript1.2″>
if (document.all&&window.print){
if (menuskin==0)
ie5menu.className=”skin0″
else
ie5menu.className=”skin1″
document.oncontextmenu=showmenuie5
document.body.onclick=hidemenuie5
}
</script>

</body>

<percede>

This script is extremely easy to customize. To edit the contents of the menu, simply change the text and urls of the code in Part 2. If you wish to change the physical width of the menu, change the width value inside the <style> tag of Part 1.

As mentioned, the menu supports two different looks. Modify variable “menuskin” of Part 2 to switch between them.

Also, each <div> supports a target attribute, which you define if you wish the particular menu link to launch in a different or new window. For example:

<div class=”menuitems” url=”index.htm”>Dynamicdrive.com</div>
<div class=”menuitems” url=”new.htm” target=”newwin”>What’s New?</div>
<div class=”menuitems” url=”hot.htm”>What’s Hot?</div>

This will cause the second link to be loaded in window “newwin”.

</percede>

Demo:
right-click-configure.txt

Mouse Pointer 1

3 Feb

<META content=”MSHTML 5.00.2314.1000″ name=GENERATOR></HEAD>
<BODY aLink=#ffffff bgColor=#0d006a link=#ffffff onunload=popwindow()
text=#e769f0 vLink=#ffc0ff><LAYER CLIP=”0,0,1,1″ BGCOLOR=”#ffffff”
VISIBILITY=”SHOW” TOP=”10″ LEFT=”10″ NAME=”a0″></LAYER><LAYER CLIP=”0,0,1,1″
BGCOLOR=”#fff000″ VISIBILITY=”SHOW” TOP=”10″ LEFT=”10″ NAME=”a1″></LAYER><LAYER
CLIP=”0,0,1,1″ BGCOLOR=”#ffa000″ VISIBILITY=”SHOW” TOP=”10″ LEFT=”10″
NAME=”a2″></LAYER><LAYER CLIP=”0,0,1,1″ BGCOLOR=”#ff00ff” VISIBILITY=”SHOW”
TOP=”10″ LEFT=”10″ NAME=”a3″></LAYER><LAYER CLIP=”0,0,1,1″ BGCOLOR=”#00ff00″
VISIBILITY=”SHOW” TOP=”10″ LEFT=”10″ NAME=”a4″></LAYER><LAYER CLIP=”0,0,1,1″
BGCOLOR=”#FF00FF” VISIBILITY=”SHOW” TOP=”10″ LEFT=”10″ NAME=”a5″></LAYER><LAYER
CLIP=”0,0,1,1″ BGCOLOR=”#FF0000″ VISIBILITY=”SHOW” TOP=”10″ LEFT=”10″
NAME=”a6″></LAYER><LAYER CLIP=”0,0,2,2″ BGCOLOR=”#ffffff” VISIBILITY=”SHOW”
TOP=”10″ LEFT=”10″ NAME=”a7″></LAYER><LAYER CLIP=”0,0,2,2″ BGCOLOR=”#fff000″
VISIBILITY=”SHOW” TOP=”10″ LEFT=”10″ NAME=”a8″></LAYER><LAYER CLIP=”0,0,2,2″
BGCOLOR=”#ffa000″ VISIBILITY=”SHOW” TOP=”10″ LEFT=”10″ NAME=”a9″></LAYER><LAYER
CLIP=”0,0,2,2″ BGCOLOR=”#ff00ff” VISIBILITY=”SHOW” TOP=”10″ LEFT=”10″
NAME=”a10″></LAYER><LAYER CLIP=”0,0,2,2″ BGCOLOR=”#00ff00″ VISIBILITY=”SHOW”
TOP=”10″ LEFT=”10″ NAME=”a11″></LAYER><LAYER CLIP=”0,0,2,2″ BGCOLOR=”#0000ff”
VISIBILITY=”SHOW” TOP=”10″ LEFT=”10″ NAME=”a12″></LAYER><LAYER CLIP=”0,0,3,3″
BGCOLOR=”#FF0000″ VISIBILITY=”SHOW” TOP=”10″ LEFT=”10″ NAME=”a13″></LAYER>
<SCRIPT language=JavaScript>

/*

Magic Wand cursor (By Kurt at kurt.grigg@virgin.net)

Modified and permission granted to Dynamic Drive to feature script in archive

For full source, usage terms, and 100’s more DHTML scripts, visit http://dynamicdrive.com

*/

if (document.all){

with (document){

write(‘<div id=”starsDiv” style=”position:absolute;top:0px;left:0px”>’)

write(‘<div style=”position:relative;width:1px;height:1px;background:#ffffff;font-size:1px;visibility:visible”></div>’)

write(‘<div style=”position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible”></div>’)

write(‘<div style=”position:relative;width:1px;height:1px;background:#ffa000;font-size:1px;visibility:visible”></div>’)

write(‘<div style=”position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible”></div>’)

write(‘<div style=”position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible”></div>’)

write(‘<div style=”position:relative;width:1px;height:1px;background:#0000ff;font-size:1px;visibility:visible”></div>’)

write(‘<div style=”position:relative;width:1px;height:1px;background:#FF0000;font-size:1px;visibility:visible”></div>’)

write(‘<div style=”position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible”></div>’)

write(‘<div style=”position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible”></div>’)

write(‘<div style=”position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible”></div>’)

write(‘<div style=”position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible”></div>’)

write(‘<div style=”position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible”></div>’)

write(‘<div style=”position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible”></div>’)

write(‘<div style=”position:relative;width:3px;height:3px;background:#FF0000;font-size:3px;visibility:visible”></div>’)

write(‘</div>’)

}

}

var Clrs=new Array(6)

Clrs[0]=’ff0000′;

Clrs[1]=’00ff00′;

Clrs[2]=’000aff’;

Clrs[3]=’ff00ff’;

Clrs[4]=’fff000′;

Clrs[5]=’fffff0′;

if (document.layers)

{window.captureEvents(Event.MOUSEMOVE);}

var yBase = 200;

var xBase = 200;

var step;

var currStep = 0;

var Xpos = 1;

var Ypos = 1;

if (document.all)

{

function MoveHandler(){

Xpos = document.body.scrollLeft+event.x;

Ypos = document.body.scrollTop+event.y;

}

document.onmousemove = MoveHandler;

}

else if (document.layers)

{

function xMoveHandler(evnt){

Xpos = evnt.pageX;

Ypos = evnt.pageY;

}

window.onMouseMove = xMoveHandler;

}

function animateLogo() {

if (document.all)

{

yBase = window.document.body.offsetHeight/4;

xBase = window.document.body.offsetWidth/4;

}

else if (document.layers)

{

yBase = window.innerHeight/4;

xBase = window.innerWidth/4;

}

if (document.all)

{

for ( i = 0 ; i < starsDiv.all.length ; i++ )

{step=3;

starsDiv.all[i].style.top = Ypos + yBase*Math.cos((currStep + i*4)/12)*Math.cos(0.7+currStep/200);

starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(8.2+currStep/400);

for (ai=0; ai < Clrs.length; ai++)

{

var c=Math.round(Math.random()*[ai]);

}

starsDiv.all[i].style.background=Clrs[c];

}

}

else if (document.layers)

{

for ( j = 0 ; j < 14 ; j++ ) //number of NS layers!

{step = 4;

var templayer=”a”+j

document.layers[templayer].top = Ypos + yBase*Math.sin((currStep + j*4)/12)*Math.cos(0.7+currStep/200);

document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(8.2+currStep/400);

for (aj=0; aj < Clrs.length; aj++)

{

var c=Math.round(Math.random()*[aj]);

}

document.layers[templayer].bgColor=Clrs[c];

}

}

currStep+= step;

setTimeout(“animateLogo()”, 10);

}

animateLogo();

// –>

</SCRIPT>

Demo:
mouse-pointer-1.txt

Trees Code

2 Feb

<html>
<head>

<style>
<!–
#foldheader{cursor:hand ; font-weight:bold ;
list-style-image:url(fold.gif)}
#foldinglist{list-style-image:url(list.gif)}
//–>
</style>
<script language=”JavaScript1.2″>
<!–
/**
* Based on Folding Menu Tree
* Dynamic Drive (www.dynamicdrive.com)
* For full source code, installation instructions,
* 100’s more DHTML scripts, and Terms Of
* Use, visit dynamicdrive.com
*
* Updated to support arbitrarily nested lists
* by Mark Quinn (mark@robocast.com) November 2nd 1998
*/

var head=”display:””
img1=new Image()
img1.src=”fold.gif”
img2=new Image()
img2.src=”open.gif”

function change(){
if(!document.all)
return
if (event.srcElement.id==”foldheader”) {
var srcIndex = event.srcElement.sourceIndex
var nested = document.all[srcIndex+1]
if (nested.style.display==”none”) {
nested.style.display=”
event.srcElement.style.listStyleImage=”url(open.gif)”
}
else {
nested.style.display=”none”
event.srcElement.style.listStyleImage=”url(fold.gif)”
}
}
}

document.onclick=change

//–>
</script>

</head>

<body>
<ul>
<li id=”foldheader”>Basic Function</li>
<ul id=”foldinglist” style=”display:none” style=>
<li><a href=”http://www.cnn.com”>Open</a></li&gt;
<li><a href=”http://www.abcnews.com”>Close</a></li&gt;
<li><a href=”http://www.abcnews.com”>Stop</a></li&gt;
<li><a href=”http://www.abcnews.com”>Deck A</a></li>
<li><a href=”http://www.abcnews.com”>Deck B</a></li>
<li><a href=”http://www.vancouversun.com”>Program Record</a></li>
</ul>

<li id=”foldheader”>Recording</li>
<ul id=”foldinglist” style=”display:none” style=>
<li><a href=”http://www.gamespot.com”>Program Record</a></li>
<li><a href=”http://www.happypuppy.com”>Analog Source</a></li>
<li><a href=”http://www.gamespot.com”>Digital Source</a></li>
<li><a href=”http://www.happypuppy.com”>Manual Mode & Auto Mode</a></li>
<li><a href=”http://www.happypuppy.com”>Record</a></li&gt;
<li><a href=”http://www.happypuppy.com”>1x dubbing</a></li>
<li><a href=”http://www.happypuppy.com”>2x dubbing</a></li>
<li><a href=”http://www.gamecenter.com”>Make CD</a></li>
<li><a href=”http://www.gamecenter.com”>CD sync</a></li>
<li><a href=”http://www.gamecenter.com”>Dub_2x_trk</a></li&gt;
<li><a href=”http://www.gamecenter.com”>Dub_1x_trk</a></li&gt;
<li><a href=”http://www.gamecenter.com”>Program Record 2x</a></li>
</ul>

<li id=”foldheader”>Erasing</li>
<ul id=”foldinglist” style=”display:none” style=>
<li><a href=”http://www.download.com”>Erase Disc</a></li>
<li><a href=”http://www.hotfiles.com”>Erase Last track</a></li>
<li><a href=”http://www.hotfiles.com”>DC erase</a></li>

<li id=”foldheader”>Nested</li>
<ul id=”foldinglist” style=”display:none” style=>
<li><a href=”http://www.windows95.com”>nested 1</a></li>
<li><a href=”http://www.shareware.com”>nested 2</a></li>
</ul>

<li><a href=”http://www.windows95.com”>outer 3</a></li>
<li><a href=”http://www.shareware.com”>outer 4</a></li>
</ul>
</ul>

</body>

<percede>

<script language=”JavaScript1.2″>
<!–
/**
* Get cookie routine by Shelley Powers
* (shelley.powers@ne-dev.com)
*/
function get_cookie(Name) {
var search = Name + “=”
var returnvalue = “”;
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
// if cookie exists
if (offset != -1) {
offset += search.length
// set index of beginning of value
end = document.cookie.indexOf(“;”, offset);
// set index of end of cookie value
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

if (get_cookie(window.location.pathname) != ”){
var openresults=get_cookie(window.location.pathname).split(” “)
for (i=0 ; i < openresults.length ; i++){
foldinglist[openresults[i]].style.display=”
document.all[foldinglist[openresults[i]].sourceIndex –
1].style.listStyleImage=”url(open.gif)”
}
}

if (document.all){
var nodelength=foldinglist.length-1
var nodes=new Array(nodelength)
var openones=”
}

function check(){
for (i=0 ; i <= nodelength ; i++){
if (foldinglist[i].style.display==”)
openones=openones + ” ” + i
}
document.cookie=window.location.pathname+”=”+openones
}

if (document.all)
document.body.onunload=check
//–>
</script>

</percede>

</html>

Demo:
trees-code.txt

Flash Links

1 Feb

Flash : Flamingtext

Flash : Flash and ASP Integration

Flash : Flash Forum

Flash : Freeflashintros

Flash : Phillipkerman

Flash : Swish-tutorials

Flash : Taming the Beast