Get rid of a redundant directory level.
This commit is contained in:
2
projects/x/.gitignore
vendored
Normal file
2
projects/x/.gitignore
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
bak/
|
||||
andet/
|
||||
BIN
projects/x/a.jpg
Normal file
BIN
projects/x/a.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 181 KiB |
114
projects/x/blinkit.htm
Normal file
114
projects/x/blinkit.htm
Normal file
@@ -0,0 +1,114 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>BlinkIt</title>
|
||||
<style type='text/css'>
|
||||
body {margin:0}
|
||||
#movia {position:absolute}
|
||||
#minf {position:absolute; left:5px; bottom:5px; font-family:'trebuchet ms'; font-size:14px}
|
||||
</style>
|
||||
<script type='text/javascript'>
|
||||
function movia()
|
||||
{
|
||||
if (self.innerHeight)
|
||||
{
|
||||
w = self.innerWidth;
|
||||
h = self.innerHeight;
|
||||
}
|
||||
else if (document.documentElement && document.documentElement.clientHeight)
|
||||
{
|
||||
w = document.documentElement.clientWidth;
|
||||
h = document.documentElement.clientHeight;
|
||||
}
|
||||
else if (document.body) // other Explorers
|
||||
{
|
||||
w = document.body.clientWidth;
|
||||
h = document.body.clientHeight;
|
||||
}
|
||||
|
||||
pt=Math.round((h-75)/2)
|
||||
pl=Math.round((w-75)/2)
|
||||
pr=Math.round((w-75)/2)
|
||||
pb=Math.round((h-75)/2)
|
||||
pw=75
|
||||
ph=75
|
||||
bg="rgb(0,0,0)"
|
||||
bgbg="rgb(255,255,255)"
|
||||
movib()
|
||||
}
|
||||
|
||||
function movib()
|
||||
{
|
||||
document.getElementById("movia").style.top=pt+"px"
|
||||
document.getElementById("movia").style.left=pl+"px"
|
||||
document.getElementById("movia").style.right=pr+"px"
|
||||
document.getElementById("movia").style.bottom=pb+"px"
|
||||
document.getElementById("movia").style.backgroundColor=bg
|
||||
document.getElementById("minf").style.color=bg
|
||||
document.body.style.backgroundColor=bgbg
|
||||
|
||||
if (pw<101 && ph<101 && pw>0 && ph>0 && pt>99 && pb>99 && pl>149 && pr>149)
|
||||
{
|
||||
|
||||
rand=Math.floor(Math.random()*7)-3
|
||||
pt=pt+rand
|
||||
|
||||
rand=Math.floor(Math.random()*7)-3
|
||||
pl=pl+rand
|
||||
|
||||
rand=Math.floor(Math.random()*7)-3
|
||||
pr=pr+rand
|
||||
|
||||
rand=Math.floor(Math.random()*7)-3
|
||||
pb=pb+rand
|
||||
|
||||
}
|
||||
else
|
||||
{
|
||||
|
||||
if (pw>90)
|
||||
{
|
||||
pl=pl+2
|
||||
pr=pl+2
|
||||
}
|
||||
else
|
||||
{
|
||||
pl=pl-2
|
||||
pr=pr-2
|
||||
}
|
||||
|
||||
if (ph>90)
|
||||
{
|
||||
pt=pt+2
|
||||
pb=pb+2
|
||||
}
|
||||
else
|
||||
{
|
||||
pt=pt-2
|
||||
pb=pb-2
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
box_r=Math.floor(Math.random()*256)
|
||||
box_g=Math.floor(Math.random()*256)
|
||||
box_b=Math.floor(Math.random()*256)
|
||||
bg_r=255-box_r
|
||||
bg_g=255-box_g
|
||||
bg_b=255-box_b
|
||||
bg="rgb("+box_r+","+box_g+","+box_b+")"
|
||||
bgbg="rgb("+bg_r+","+bg_g+","+bg_b+")"
|
||||
|
||||
pw=w-pl-pr
|
||||
ph=h-pt-pb
|
||||
|
||||
document.getElementById("minf").innerHTML="Top: "+pt+"<br />Left: "+pl+"<br />Right: "+pr+"<br />Bottom: "+pb+"<br />Width: "+pw+"<br />Height: "+ph+"<br />Box color: "+bg+"<br />Background color: "+bgbg
|
||||
t=setTimeout("movib()",50)
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body onload='movia()' onresize='movia()'>
|
||||
<div id='minf'></div>
|
||||
<div id='movia' onclick='clearTimeout(t)' ondblclick='movib()'></div>
|
||||
</body>
|
||||
</html>
|
||||
86
projects/x/boxmove.htm
Normal file
86
projects/x/boxmove.htm
Normal file
@@ -0,0 +1,86 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>BoxMove</title>
|
||||
<style type='text/css'>
|
||||
#box {position:absolute; height:50px; width:50px; background-color:#ffff00}
|
||||
</style>
|
||||
<script type='text/javascript'>
|
||||
num=0
|
||||
|
||||
function load() {
|
||||
if (self.innerHeight) {
|
||||
w=self.innerWidth
|
||||
h=self.innerHeight
|
||||
}
|
||||
else if (document.documentElement && document.documentElement.clientHeight) {
|
||||
w=document.documentElement.clientWidth
|
||||
h=document.documentElement.clientHeight
|
||||
}
|
||||
else if (document.body) {
|
||||
w=document.body.clientWidth
|
||||
h=document.body.clientHeight
|
||||
}
|
||||
top=Math.floor(Math.random()*(h-49))
|
||||
left=Math.floor(Math.random()*(w-49))
|
||||
atop=Math.floor(Math.random()*(h-top-50))
|
||||
aleft=Math.floor(Math.random()*(w-left-50))
|
||||
|
||||
document.getElementById("box").style.top=top+"px"
|
||||
document.getElementById("box").style.left=left+"px"
|
||||
|
||||
bleft=0
|
||||
cleft=0
|
||||
|
||||
while (aleft>bleft) {
|
||||
bleft=bleft+cleft+1
|
||||
cleft=cleft+1
|
||||
}
|
||||
cleft=cleft-1
|
||||
|
||||
btop=0
|
||||
ctop=0
|
||||
|
||||
while (atop>btop) {
|
||||
btop=btop+ctop+1
|
||||
ctop=ctop+1
|
||||
}
|
||||
ctop=ctop-1
|
||||
}
|
||||
|
||||
function action() {
|
||||
if (ctop>0 && cleft>0) {
|
||||
if (ctop>0) {
|
||||
ctop-=1
|
||||
top+=ctop
|
||||
}
|
||||
|
||||
if (cleft>0) {
|
||||
cleft-=1
|
||||
left+=cleft
|
||||
}
|
||||
|
||||
document.getElementById("box").style.top=top+"px"
|
||||
document.getElementById("box").style.left=left+"px"
|
||||
|
||||
t=setTimeout("action()",50)
|
||||
}
|
||||
else {
|
||||
num++
|
||||
if (num==1) ifs=""
|
||||
else ifs="s"
|
||||
document.title="BoxMove :: Mouse over box to move it :: The box has now escaped "+num+" time"+ifs+"!"
|
||||
load()
|
||||
}
|
||||
}
|
||||
|
||||
window.onload=function(){
|
||||
document.title+=" :: Mouse over box to move it"
|
||||
load()
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id='box' onmouseover='action()'></div>
|
||||
</body>
|
||||
</html>
|
||||
260
projects/x/cc.htm
Normal file
260
projects/x/cc.htm
Normal file
@@ -0,0 +1,260 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml" xml:lang="da">
|
||||
<head>
|
||||
<title>ChadChat</title>
|
||||
<style type='text/css'>
|
||||
* {
|
||||
margin:0;
|
||||
}
|
||||
|
||||
body {
|
||||
background:#fff;
|
||||
font:16px 'trebuchet ms';
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
position:absolute;
|
||||
top:50%;
|
||||
left:50%;
|
||||
margin:-200px 0 0 -200px;
|
||||
width:400px;
|
||||
height:400px;
|
||||
background:#fff url(img/ccbg.gif) no-repeat;
|
||||
}
|
||||
|
||||
#lefteyeball {
|
||||
position:absolute;
|
||||
top:118px;
|
||||
left:106px;
|
||||
width:8px;
|
||||
height:6px;
|
||||
background:url(img/ccleb.gif) no-repeat;
|
||||
}
|
||||
|
||||
#righteyeball {
|
||||
position:absolute;
|
||||
top:114px;
|
||||
left:128px;
|
||||
width:8px;
|
||||
height:6px;
|
||||
background:url(img/ccreb.gif) no-repeat;
|
||||
}
|
||||
|
||||
#mouth {
|
||||
position:absolute;
|
||||
top:181px;
|
||||
left:70px;
|
||||
width:70px;
|
||||
height:15px;
|
||||
background:url(img/ccm1.gif) no-repeat;
|
||||
}
|
||||
|
||||
#text {
|
||||
position:absolute;
|
||||
top:15px;
|
||||
left:17px;
|
||||
width:357px;
|
||||
height:370px;
|
||||
padding:5px;
|
||||
}
|
||||
|
||||
#movetext {
|
||||
float:left;
|
||||
width:186px;
|
||||
height:195px;
|
||||
}
|
||||
|
||||
#output {
|
||||
display:inline;
|
||||
}
|
||||
|
||||
#inputwrapper {
|
||||
position:absolute;
|
||||
top:372px;
|
||||
left:23px;
|
||||
}
|
||||
|
||||
#inputwrapper a:link,a:visited {
|
||||
color:#000;
|
||||
text-decoration:none;
|
||||
background:url(img/askme.gif) no-repeat 0 0;
|
||||
display:block;
|
||||
float:left;
|
||||
height:23px;
|
||||
width:69px;
|
||||
padding:0 0 0 7px;
|
||||
margin:1px 0 0 15px;
|
||||
}
|
||||
|
||||
#inputwrapper a:hover {
|
||||
color:#fff;
|
||||
background:url(img/askme.gif) no-repeat 0 -23px;
|
||||
}
|
||||
|
||||
#input {
|
||||
width:277px;
|
||||
margin-top:3px;
|
||||
border:0;
|
||||
float:left;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript'>
|
||||
function askme() {
|
||||
i=document.getElementById("input")
|
||||
o=document.getElementById("output")
|
||||
oh=o.className
|
||||
if (oh=="t")
|
||||
movepartsload()
|
||||
|
||||
iv=i.value
|
||||
il=iv.toLowerCase()
|
||||
|
||||
if (instr("hi"))
|
||||
f="Hi!"
|
||||
else if (instr("help"))
|
||||
f="Try typing something like <b>How are you?</b> or <b>My name is ___</b>.."
|
||||
else if (instr("how are you") || instr("how are u") || instr("how r you") || instr("how r u"))
|
||||
f="I'm fine, thanks!"
|
||||
else if (il=="links")
|
||||
f="None at the moment.. Try <a href='http://www.google.com/'>Google</a>..."
|
||||
else if (instr("my name is ") || instr("my name's ")) {
|
||||
if (i.name=="") {
|
||||
|
||||
if (instr("my name is "))
|
||||
namevariation="name is"
|
||||
else
|
||||
namevariation="name's"
|
||||
|
||||
namesearch=iv.search(namevariation+" ")
|
||||
namesearch=namesearch+1+namevariation.length
|
||||
name=iv.substr(namesearch)
|
||||
i.name=name
|
||||
f="Oh, really? So your name is "+name+", huh? Well, let me tell you one thing.. My name is Chad!"
|
||||
}
|
||||
else
|
||||
f="You already told me my name. Your name is "+i.name+", right? And I don't believe a person is able to change one's name in this short matter of time.. You wanna change your name?"
|
||||
}
|
||||
else if (instr("what is my name") || instr("what's my name")) {
|
||||
if (i.name=="")
|
||||
f="I don't know what your name is.. What is it? Please, tell me!"
|
||||
else
|
||||
f="You can't even remember your own name.. Well, if you insist..<br />YOUR NAME IS "+i.name+"!"
|
||||
}
|
||||
else if (i.name!="" && instr(i.name))
|
||||
f="You're correct.. Your name sure is "+i.name+"..<br /><br /><br />(Next, it might be a good idea to learn the alphabet..)"
|
||||
else
|
||||
f="Hmmm... I don't quite understand you.."
|
||||
|
||||
i.value=""
|
||||
o.innerHTML=f
|
||||
i.focus()
|
||||
}
|
||||
|
||||
function instr(str) {
|
||||
id=document.getElementById("input").value
|
||||
itl=id.toLowerCase()
|
||||
result=itl.search(str)
|
||||
|
||||
if (result!=-1)
|
||||
return true
|
||||
else
|
||||
return false
|
||||
}
|
||||
|
||||
function cleartimes() {
|
||||
clearTimeout(countseconds)
|
||||
clearTimeout(eyetime)
|
||||
clearTimeout(mouthtime)
|
||||
}
|
||||
|
||||
function movepartsload() {
|
||||
c=0
|
||||
movemouth()
|
||||
moveeyes()
|
||||
moveparts()
|
||||
}
|
||||
|
||||
function moveparts() {
|
||||
if (c==3) {
|
||||
document.getElementById("output").className="t"
|
||||
cleartimes()
|
||||
}
|
||||
else {
|
||||
c=c+1
|
||||
document.getElementById("output").className=""
|
||||
countseconds=setTimeout("moveparts()",1000)
|
||||
}
|
||||
}
|
||||
|
||||
lebl=106
|
||||
rebl=128
|
||||
function moveeyes() {
|
||||
leb=document.getElementById("lefteyeball")
|
||||
reb=document.getElementById("righteyeball")
|
||||
|
||||
if (lebl==106)
|
||||
leb.className="t"
|
||||
else if (lebl==90)
|
||||
leb.className=""
|
||||
|
||||
if (rebl==144)
|
||||
reb.className="t"
|
||||
else if (rebl==128)
|
||||
reb.className=""
|
||||
|
||||
if (leb.className=="")
|
||||
lebl=lebl+1
|
||||
else
|
||||
lebl=lebl-1
|
||||
|
||||
if (reb.className=="")
|
||||
rebl=rebl+1
|
||||
else
|
||||
rebl=rebl-1
|
||||
|
||||
leb.style.left=lebl+"px"
|
||||
reb.style.left=rebl+"px"
|
||||
eyetime=setTimeout("moveeyes()",50)
|
||||
}
|
||||
mouthimg=1
|
||||
function movemouth() {
|
||||
mouth=document.getElementById("mouth")
|
||||
if (mouthimg==1) {
|
||||
mouth.style.backgroundImage="url(img/ccm2.gif)"
|
||||
mouthimg=2
|
||||
}
|
||||
else {
|
||||
mouth.style.backgroundImage="url(img/ccm1.gif)"
|
||||
mouthimg=1
|
||||
}
|
||||
|
||||
mouthtime=setTimeout("movemouth()",300)
|
||||
}
|
||||
|
||||
function loadstuff() {
|
||||
i=document.getElementById("input")
|
||||
i.focus()
|
||||
}
|
||||
|
||||
window.onload=loadstuff
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id='wrapper'>
|
||||
<div id='lefteyeball'></div>
|
||||
<div id='righteyeball'></div>
|
||||
<div id='mouth'></div>
|
||||
<div id='text'>
|
||||
<div id='movetext'></div>
|
||||
<div id='output' class='t'>
|
||||
Welcome to ChadChat.<br />I'm Chad, and you can ask me all kinds of questions (even though I can't guarantee an intelligent answer..)<br />Type <b>help</b> if you're completely lost.<br />Type <b>links</b> to see what cool links I know of..<br />And finally, just chat with me!
|
||||
</div>
|
||||
</div>
|
||||
<div id='inputwrapper'>
|
||||
<form action='javascript:askme()'>
|
||||
<input type='text' id='input' /> <a href='javascript:askme()'>Ask me!</a>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
50
projects/x/ccr.htm
Normal file
50
projects/x/ccr.htm
Normal file
@@ -0,0 +1,50 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml" xml:lang="da">
|
||||
<head>
|
||||
<title>ColorChange</title>
|
||||
<script type='text/javascript'>
|
||||
r=255
|
||||
g=0
|
||||
b=0
|
||||
c=false
|
||||
|
||||
function loadit() {
|
||||
document.body.style.backgroundColor="rgb("+r+","+g+","+b+")"
|
||||
|
||||
if (r==255 && g<255 && b==0)
|
||||
g=g+1
|
||||
else if (r>0 && g==255 && b==0)
|
||||
r=r-1
|
||||
else if (r==0 && g==255 & b<255)
|
||||
b=b+1
|
||||
else if (r==0 && g>0 && b==255)
|
||||
g=g-1
|
||||
else if (r<255 && g==0 && b==255)
|
||||
r=r+1
|
||||
else if (r==255 && g==0 && b>0)
|
||||
b=b-1
|
||||
|
||||
t=setTimeout("loadit()",1)
|
||||
}
|
||||
|
||||
function ccc() {
|
||||
if (c==false) {
|
||||
clearTimeout(t)
|
||||
c=true
|
||||
}
|
||||
else
|
||||
{
|
||||
loadit()
|
||||
c=false
|
||||
}
|
||||
}
|
||||
|
||||
window.onload=loadit
|
||||
document.onclick=ccc
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
110
projects/x/circlebounce.htm
Normal file
110
projects/x/circlebounce.htm
Normal file
@@ -0,0 +1,110 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CircleBounce</title>
|
||||
<style type='text/css'>
|
||||
* {
|
||||
margin:0;
|
||||
padding:0;
|
||||
text-decoration:none;
|
||||
font-weight:normal;
|
||||
color:#000;
|
||||
font:16px arial;
|
||||
}
|
||||
|
||||
body {
|
||||
font:16px arial;
|
||||
background-color:#fff;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#circle {
|
||||
background-image:url('img/circle.png');
|
||||
background-repeat:no-repeat;
|
||||
width:50px;
|
||||
height:50px;
|
||||
position:absolute;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript'>
|
||||
function getwh() {
|
||||
if (self.innerHeight) {
|
||||
w=self.innerWidth
|
||||
h=self.innerHeight
|
||||
}
|
||||
else if (document.documentElement && document.documentElement.clientHeight) {
|
||||
w=document.documentElement.clientWidth
|
||||
h=document.documentElement.clientHeight
|
||||
}
|
||||
else if (document.body) {
|
||||
w=document.body.clientWidth
|
||||
h=document.body.clientHeight
|
||||
}
|
||||
w=w-50
|
||||
h=h-50
|
||||
}
|
||||
|
||||
img1=new Image()
|
||||
img1.src="img/circle_l.png"
|
||||
|
||||
function endsi() {
|
||||
if (cg==0) {
|
||||
cg=cg+1
|
||||
cgt=setTimeout("endsi()",100)
|
||||
}
|
||||
else
|
||||
c.style.backgroundImage="url('img/circle.png')"
|
||||
}
|
||||
|
||||
function movecircle() {
|
||||
c.style.left=x+"px"
|
||||
c.style.top=y+"px"
|
||||
if (y<1)
|
||||
yt=2
|
||||
else if (y>h-1)
|
||||
yt=-2
|
||||
|
||||
if (x<1)
|
||||
xt=2
|
||||
else if (x>w-1)
|
||||
xt=-2
|
||||
|
||||
if (y<1 || y>h-1 || x<1 || x>w-1) {
|
||||
c.style.backgroundImage="url('img/circle_l.png')"
|
||||
cg=0
|
||||
endsi()
|
||||
}
|
||||
//else
|
||||
//c.style.backgroundImage="url('img/circle.png')"
|
||||
|
||||
x=x+xt
|
||||
y=y+yt
|
||||
|
||||
t=setTimeout("movecircle()",1)
|
||||
}
|
||||
|
||||
function cstart() {
|
||||
c=document.getElementById("circle")
|
||||
getwh()
|
||||
x=Math.floor(Math.random()*w)
|
||||
y=Math.floor(Math.random()*h)
|
||||
|
||||
yt=Math.floor(Math.random()*2)
|
||||
if (yt==0) yt=-2
|
||||
else yt=2
|
||||
|
||||
xt=Math.floor(Math.random()*2)
|
||||
if (xt==0) xt=-2
|
||||
else xt=2
|
||||
|
||||
movecircle()
|
||||
}
|
||||
|
||||
window.onload=cstart
|
||||
window.onresize=getwh
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id='circle'></div>
|
||||
</body>
|
||||
</html>
|
||||
89
projects/x/dotspot.htm
Normal file
89
projects/x/dotspot.htm
Normal file
@@ -0,0 +1,89 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml">
|
||||
<head>
|
||||
<title>dotspot</title>
|
||||
<style type='text/css'>
|
||||
* {
|
||||
margin:0;
|
||||
padding:0;
|
||||
text-decoration:none;
|
||||
font-weight:normal;
|
||||
color:#000;
|
||||
font:16px arial;
|
||||
}
|
||||
|
||||
body {
|
||||
font:16px arial;
|
||||
background-color:#000;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
div {
|
||||
position:absolute;
|
||||
width:20px;
|
||||
height:20px;
|
||||
background-color:#fff;
|
||||
}
|
||||
|
||||
#evr {
|
||||
width:100%;
|
||||
height:100%;
|
||||
background-color:#000;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript'>
|
||||
if (self.innerHeight) {
|
||||
w=self.innerWidth
|
||||
h=self.innerHeight
|
||||
}
|
||||
else if (document.documentElement && document.documentElement.clientHeight) {
|
||||
w=document.documentElement.clientWidth
|
||||
h=document.documentElement.clientHeight
|
||||
}
|
||||
else if (document.body) {
|
||||
w=document.body.clientWidth
|
||||
h=document.body.clientHeight
|
||||
}
|
||||
ax=new Array()
|
||||
ax=[]
|
||||
ay=new Array()
|
||||
ay=[]
|
||||
|
||||
function drawdot() {
|
||||
for (c=0; c<10; c++) {
|
||||
do {
|
||||
yn=0
|
||||
x=Math.floor(Math.random()*w)
|
||||
y=Math.floor(Math.random()*h)
|
||||
|
||||
for (i=0; i<ax.length; i++) {
|
||||
//if (ax[i]>x && ax[i]-9<x && ay[i]>y && ay[i]-9<y || ax[i]<x && ax[i]+9>x && ay[i]<y && ay[i]+9>y)
|
||||
if (ax[i]==x && ay[i]==y)
|
||||
yn=1
|
||||
}
|
||||
//if (yn==1)
|
||||
} while (yn==1)
|
||||
|
||||
ax[ax.length]=x
|
||||
ay[ay.length]=y
|
||||
|
||||
ne=document.createElement("div")
|
||||
ne.setAttribute("style","top:"+y+"px;left:"+x+"px")
|
||||
evr=document.getElementById("evr")
|
||||
evr.appendChild(ne)
|
||||
}
|
||||
t=setTimeout("drawdot()",1)
|
||||
}
|
||||
|
||||
function stopdots() {
|
||||
clearTimeout(t)
|
||||
}
|
||||
|
||||
window.onload=drawdot
|
||||
document.onclick=stopdots
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id='evr'></div>
|
||||
</body>
|
||||
</html>
|
||||
8
projects/x/draw.htm
Normal file
8
projects/x/draw.htm
Normal file
@@ -0,0 +1,8 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml" xml:lang="da">
|
||||
<head>
|
||||
<title>SimpleDraw</title>
|
||||
<script type='text/javascript' src='draw.js'></script>
|
||||
</head>
|
||||
<body onload='load()'></body>
|
||||
</html>
|
||||
64
projects/x/draw.js
Normal file
64
projects/x/draw.js
Normal file
@@ -0,0 +1,64 @@
|
||||
function isnumeric(sText)
|
||||
{
|
||||
ValidChars="0123456789"
|
||||
IsNumber=true
|
||||
|
||||
for (i=0; i<sText.length && IsNumber==true; i++)
|
||||
{
|
||||
Char=sText.charAt(i);
|
||||
if (ValidChars.indexOf(Char)==-1)
|
||||
IsNumber=false
|
||||
}
|
||||
return IsNumber;
|
||||
}
|
||||
|
||||
function add_html(txt)
|
||||
{
|
||||
document.getElementById("everything").innerHTML=document.getElementById("everything").innerHTML+txt
|
||||
}
|
||||
|
||||
function evtdis()
|
||||
{
|
||||
btn=document.getElementById("btn")
|
||||
w=document.getElementById("w").value
|
||||
h=document.getElementById("h").value
|
||||
if (w=="" || h=="" || w=="0" || h=="0" || isnumeric(w)==false || isnumeric(h)==false)
|
||||
btn.disabled='disabled'
|
||||
else
|
||||
btn.disabled=''
|
||||
}
|
||||
|
||||
function mcheck(wid)
|
||||
{
|
||||
if (document.getElementById("clicked").innerHTML=="y")
|
||||
document.getElementById(wid).style.backgroundColor="#ff00ff"
|
||||
}
|
||||
|
||||
function load()
|
||||
{
|
||||
|
||||
document.body.innerHTML=document.body.innerHTML+"<div id='evrthng' style='position:absolute; left:0;top:0;right:0;bottom:0' onmouseup='document.getElementById(\"clicked\").innerHTML=\"\"'><div id='everything' style='position:absolute; left:5px;top:5px;right:5px;bottom:5px'></div></div>"
|
||||
add_html("<div id='clicked' style='display:none'></div><div style='font-family:arial; font-size:14px'><div style='font-size:40px'>SimpleDraw</div>Choose the size of the drawing box:<br />Width: <input type='text' maxlength='3' id='w' value='50' style='width:23px; height:14px' onkeyup='evtdis()' onblur='evtdis()' /> Height: <input type='text' maxlength='3' id='h' value='50' style='width:23px; height:14px' onkeyup='evtdis()' onblur='evtdis()' /> <button id='btn' type='button' onclick='loadbox()'>OK</button>")
|
||||
}
|
||||
|
||||
function loadbox()
|
||||
{
|
||||
document.getElementById("btn").disabled='disabled'
|
||||
w=document.getElementById("w").value
|
||||
h=document.getElementById("h").value
|
||||
add_html("<br /><div style='font-family:arial; font-size:14px'>Box size: "+w+"x"+h+"</div><br />")
|
||||
document.getElementById("w").value=w
|
||||
document.getElementById("h").value=h
|
||||
|
||||
add_html("<div id='drawingbox' style='font-family:arial; font-size:20px' onmousedown='document.getElementById(\"clicked\").innerHTML=\"y\"' onmouseup='document.getElementById(\"clicked\").innerHTML=\"\"'>Loading...</div>")
|
||||
pxs=""
|
||||
for (a=0; a<h*1; a++)
|
||||
{
|
||||
for (b=0; b<w*1; b++)
|
||||
{
|
||||
pxs=pxs+"<div style='float:left; width:1px; height:1px; background-color:#000000' id='"+a+"x"+b+"' onmouseover='mcheck(\""+a+"x"+b+"\")'></div>"
|
||||
}
|
||||
pxs=pxs+"<div style='width:0; height:1px'></div>"
|
||||
}
|
||||
document.getElementById("drawingbox").innerHTML=pxs
|
||||
}
|
||||
109
projects/x/eyekiller.htm
Normal file
109
projects/x/eyekiller.htm
Normal file
@@ -0,0 +1,109 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Eyekiller</title>
|
||||
<style type='text/css'>
|
||||
* {
|
||||
padding:0;
|
||||
margin:0
|
||||
}
|
||||
|
||||
body {
|
||||
background:#0094ff url(eyekiller/bg.png);
|
||||
}
|
||||
|
||||
#game {
|
||||
position:absolute;
|
||||
left:50%;
|
||||
top:50%;
|
||||
margin-left:-320px;
|
||||
margin-top:-200px;
|
||||
width:640px;
|
||||
height:400px;
|
||||
border:2px solid #000;
|
||||
background-image:url(eyekiller/gbg.png);
|
||||
background-repeat:no-repeat;
|
||||
background-position:0 0;
|
||||
}
|
||||
|
||||
#game.g1 {background-position:0 0}
|
||||
#game.g2 {background-position:0 -400px}
|
||||
#game.g3 {background-position:0 -800px}
|
||||
#game.g4 {background-position:0 -1200px}
|
||||
#game.g5 {background-position:0 -1600px}
|
||||
|
||||
#car {
|
||||
position:absolute;
|
||||
bottom:20px;
|
||||
right:20px;
|
||||
width:140px;
|
||||
height:89px;
|
||||
background:url(eyekiller/car.png) no-repeat;
|
||||
display:none;
|
||||
}
|
||||
|
||||
#car.show {
|
||||
display:block;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript'>
|
||||
s=20
|
||||
g=1
|
||||
b=1
|
||||
cr=false
|
||||
|
||||
function ani() {
|
||||
s=(s-20)*(-1)+25
|
||||
car.style.bottom=s+"px"
|
||||
|
||||
at=setTimeout("ani()",150)
|
||||
}
|
||||
|
||||
function bgani() {
|
||||
if (g<5) g++
|
||||
else g=1
|
||||
game.className="g"+g
|
||||
|
||||
bt=setTimeout("bgani()",50)
|
||||
}
|
||||
|
||||
function bgbgani() {
|
||||
d.style.backgroundPosition=b+"px -"+b+"px"
|
||||
b++
|
||||
bbt=setTimeout("bgbgani()",10)
|
||||
}
|
||||
|
||||
function clck() {
|
||||
if (!cr) {
|
||||
cr=true
|
||||
car.className="show"
|
||||
ani()
|
||||
bgbgani()
|
||||
}
|
||||
else {
|
||||
cr=false
|
||||
car.className=""
|
||||
clearTimeout(at)
|
||||
clearTimeout(bbt)
|
||||
}
|
||||
}
|
||||
|
||||
function load() {
|
||||
document.title+=" :: Click on screen to see a moving background and a car"
|
||||
game=document.getElementById("game")
|
||||
car=document.getElementById("car")
|
||||
d=document.body
|
||||
|
||||
bgani()
|
||||
}
|
||||
|
||||
window.onload=load
|
||||
document.onclick=clck
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id='game'>
|
||||
<div id='car'></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
BIN
projects/x/eyekiller/bg.png
Normal file
BIN
projects/x/eyekiller/bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
projects/x/eyekiller/car.png
Normal file
BIN
projects/x/eyekiller/car.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
projects/x/eyekiller/gbg.png
Normal file
BIN
projects/x/eyekiller/gbg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 95 KiB |
200
projects/x/fbox.htm
Normal file
200
projects/x/fbox.htm
Normal file
@@ -0,0 +1,200 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml" xml:lang="da">
|
||||
<head>
|
||||
<title>FocusBox</title>
|
||||
<style type='text/css'>
|
||||
* {
|
||||
margin:0;
|
||||
padding:0;
|
||||
text-decoration:none;
|
||||
font-weight:normal;
|
||||
color:#000;
|
||||
font:16px arial;
|
||||
}
|
||||
|
||||
body {
|
||||
font:16px arial;
|
||||
background-color:#ffd500;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
width:700px;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
#wrapper * {
|
||||
padding:4px;
|
||||
margin-bottom:4px;
|
||||
}
|
||||
|
||||
#header {
|
||||
height:50px;
|
||||
background-color:#ff0000;
|
||||
color:#00ffff;
|
||||
font-size:50px;
|
||||
padding-top:50px;
|
||||
}
|
||||
|
||||
#content {
|
||||
background-color:#fff;
|
||||
}
|
||||
|
||||
#footer {
|
||||
background-color:#fff;
|
||||
text-align:center;
|
||||
font-size:23px;
|
||||
}
|
||||
|
||||
div.quote {
|
||||
font-family:georgia;
|
||||
color:#777;
|
||||
float:right;
|
||||
width:300px;
|
||||
margin:5px;
|
||||
}
|
||||
|
||||
#page * {
|
||||
opacity:.8;
|
||||
filter:alpha(opacity=80);
|
||||
-moz-opacity:.8;
|
||||
position:absolute;
|
||||
}
|
||||
|
||||
#l {
|
||||
top:0;
|
||||
left:0;
|
||||
height:100%;
|
||||
background-color:#000;
|
||||
}
|
||||
|
||||
#mt {
|
||||
top:0;
|
||||
width:200px;
|
||||
background-color:#000;
|
||||
}
|
||||
|
||||
#mb {
|
||||
bottom:0;
|
||||
width:200px;
|
||||
background-color:#000;
|
||||
}
|
||||
|
||||
#r {
|
||||
top:0;
|
||||
right:0;
|
||||
height:100%;
|
||||
background-color:#000;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript'>
|
||||
function gd(x,y) {
|
||||
if (self.innerHeight) {
|
||||
w=self.innerWidth
|
||||
h=self.innerHeight
|
||||
}
|
||||
else if (document.documentElement && document.documentElement.clientHeight) {
|
||||
w=document.documentElement.clientWidth
|
||||
h=document.documentElement.clientHeight
|
||||
}
|
||||
else if (document.body) {
|
||||
w=document.body.clientWidth
|
||||
h=document.body.clientHeight
|
||||
}
|
||||
l=document.getElementById("l")
|
||||
mt=document.getElementById("mt")
|
||||
mb=document.getElementById("mb")
|
||||
r=document.getElementById("r")
|
||||
|
||||
if (x>-1) {
|
||||
hw=x-100
|
||||
hh=y-100
|
||||
}
|
||||
else {
|
||||
hw=(w/2)-100
|
||||
hh=(h/2)-100
|
||||
}
|
||||
|
||||
l.style.width=hw+"px"
|
||||
mt.style.left=hw+"px"
|
||||
mt.style.height=hh+"px"
|
||||
mb.style.left=hw+"px"
|
||||
mb.style.height=h-hh-200+"px"
|
||||
r.style.width=w-hw-200+"px"
|
||||
}
|
||||
|
||||
function mb(e) {
|
||||
ie=document.all?true:false
|
||||
if (ie) {
|
||||
x=event.clientX+document.documentElement.scrollLeft
|
||||
y=event.clientY+document.documentElement.scrollTop
|
||||
}
|
||||
else {
|
||||
x=e.pageX
|
||||
y=e.pageY
|
||||
}
|
||||
if (x<0) x=0
|
||||
if (y<0) y=0
|
||||
gd(x,y)
|
||||
}
|
||||
|
||||
rc=255
|
||||
gc=0
|
||||
bc=0
|
||||
function bgc() {
|
||||
|
||||
l=document.getElementById("l")
|
||||
mt=document.getElementById("mt")
|
||||
mb=document.getElementById("mb")
|
||||
r=document.getElementById("r")
|
||||
|
||||
l.style.backgroundColor="rgb("+rc+","+gc+","+bc+")"
|
||||
mt.style.backgroundColor="rgb("+rc+","+gc+","+bc+")"
|
||||
mb.style.backgroundColor="rgb("+rc+","+gc+","+bc+")"
|
||||
r.style.backgroundColor="rgb("+rc+","+gc+","+bc+")"
|
||||
|
||||
if (rc==255 && gc<255 && bc==0)
|
||||
gc=gc+1
|
||||
else if (rc>0 && gc==255 && bc==0)
|
||||
rc=rc-1
|
||||
else if (rc==0 && gc==255 & bc<255)
|
||||
bc=bc+1
|
||||
else if (rc==0 && gc>0 && bc==255)
|
||||
gc=gc-1
|
||||
else if (rc<255 && gc==0 && bc==255)
|
||||
rc=rc+1
|
||||
else if (rc==255 && gc==0 && bc>0)
|
||||
bc=bc-1
|
||||
|
||||
t=setTimeout("bgc()",1)
|
||||
}
|
||||
|
||||
window.onload=function () {
|
||||
gd()
|
||||
bgc()
|
||||
}
|
||||
window.onresize=gd
|
||||
document.onmousemove=mb
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id='page'>
|
||||
|
||||
<div id='l'></div>
|
||||
<div id='mt'></div>
|
||||
<div id='mb'></div>
|
||||
<div id='r'></div>
|
||||
|
||||
</div>
|
||||
|
||||
<div id='wrapper'>
|
||||
<div id='header'>FocusBox</div>
|
||||
<div id='content'>And so on..Gdhad sdighg s kdhfkash tregh <20>dfgltFshdsg<73> rjkhsjfhgkl wew ykdsl <20>sd<73>gfXDFghjd sdjgf sdDSdjgds dsdkhfkaA AadtFshdsg<73> rjkhsjfhgkl wew ykdsl <20>sd<73>gfXDFghjd sdjgf sdDSdj
|
||||
|
||||
<div class='quote'>If the world should once again be hit by a gigantic meteor/meteoroid/asteroid the human race is not going to die. 5201 people will survive, as the Holy Book of the Babylonians describe. "This is pure nonsense," is not written. However, nonsense is written indirectly. The phrase "Ghykjsd" is yet to be translated.</div>
|
||||
|
||||
<br />And so on.. Gdhad sdighg s kdhfkash tregh <20>d fgltFsh dsg<73> rjkhsjfhg klwewykdsl <20>sd<73>gf XDFghjd sdjgf sdD Sdjgds dsdkh fkaA Aadjf eD FhsdgtASs ksdjrDD sdfhsjkldf ..adfj kSSS h!!bdfk ?? sdfs++-+ gSf sA hdR hhsa asd SF; fhhs aaaafss ss rhgjasdasdso on.. Gdhad sdighg s kdhfkash tregh <20>d fgltFsh dsg<73> rjkhsjfhgkl wew ykdsl <20>sd<73>gf XDFghjd sdjgf sdD Sdjgds dsdkh fkaA Aadjf eD FhsdgtASs ksdjrDD sdfhsjkldf ..adfj kSSS h!!bdfk ?? sdfs++-+ gSf sA hdR hhsa asd SF; fhhs aaaafss ss Trhsdkh fkaA Aadjf eD FhsdgtASs ksdjrDD sdfhsjkldf ..adfj kSSS h!!bdfk ?? sdfs++-+ gSf sA hdR hhsa asd SF; fhhs aaaafss ss Trhgjasdasdso on.. Gdhad sdighg s.</div>
|
||||
<div id='footer'>© nqpz 2008 - "And Now For Something Completely Different" (this)</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
134
projects/x/gallery.htm
Normal file
134
projects/x/gallery.htm
Normal file
@@ -0,0 +1,134 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml" xml:lang="da">
|
||||
<head>
|
||||
<title>Gallery</title>
|
||||
<style type='text/css'>
|
||||
* {
|
||||
margin:0;
|
||||
color:#000;
|
||||
}
|
||||
|
||||
body {
|
||||
background:#fff;
|
||||
}
|
||||
|
||||
|
||||
#wrapper {
|
||||
margin:10px auto 0 auto;
|
||||
text-align:center;
|
||||
width:800px;
|
||||
height:600px;
|
||||
}
|
||||
|
||||
#nav {
|
||||
height:20px;
|
||||
}
|
||||
|
||||
#prev {
|
||||
float:left;
|
||||
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
#next {
|
||||
float:right;
|
||||
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
#picture {
|
||||
max-width:100%;
|
||||
max-height:100%;
|
||||
border-color:#000;
|
||||
border-style:solid;
|
||||
border-width:1px;
|
||||
}
|
||||
|
||||
#description {
|
||||
margin:0 auto;
|
||||
padding:3px;
|
||||
text-align:left;
|
||||
border-color:#000;
|
||||
border-style:solid;
|
||||
border-width:1px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script type='text/javascript'>
|
||||
no=1
|
||||
pic1=new Image()
|
||||
pic1.src="gallery/1.jpg"
|
||||
pic2=new Image()
|
||||
pic2.src="gallery/2.jpg"
|
||||
pic3=new Image()
|
||||
pic3.src="gallery/3.jpg"
|
||||
pic4=new Image()
|
||||
pic4.src="gallery/4.jpg"
|
||||
pic5=new Image()
|
||||
pic5.src="gallery/5.jpg"
|
||||
pic6=new Image()
|
||||
pic6.src="gallery/6.jpg"
|
||||
pic7=new Image()
|
||||
pic7.src="gallery/7.jpg"
|
||||
pic8=new Image()
|
||||
pic8.src="gallery/8.jpg"
|
||||
|
||||
function loadit() {
|
||||
desc=document.getElementById("description")
|
||||
wrapper=document.getElementById("wrapper")
|
||||
pic=document.getElementById("picture")
|
||||
|
||||
pic.src="gallery/"+no+".jpg"
|
||||
pic.onload=function(){
|
||||
picstr=pic.scrollWidth+""
|
||||
if (picstr.substr(2,1)!="1")
|
||||
cif=8
|
||||
else
|
||||
cif=7
|
||||
document.title=picstr
|
||||
desc.style.width=pic.scrollWidth-cif+"px"
|
||||
desc.innerHTML=no+".<br />"+pic.scrollWidth+" "+cif
|
||||
//desc.style.width=picstr+"px"
|
||||
//desc.innerHTML=no+".<br />"
|
||||
|
||||
if (no==1) {
|
||||
document.getElementById("prev").style.display="none"
|
||||
document.getElementById("next").style.display="block"
|
||||
}
|
||||
else if (no==8) {
|
||||
document.getElementById("prev").style.display="block"
|
||||
document.getElementById("next").style.display="none"
|
||||
}
|
||||
else {
|
||||
document.getElementById("prev").style.display="block"
|
||||
document.getElementById("next").style.display="block"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
window.onload=loadit
|
||||
|
||||
function prev() {
|
||||
no=no-1
|
||||
loadit()
|
||||
}
|
||||
|
||||
function next() {
|
||||
no=no+1
|
||||
loadit()
|
||||
}
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id='wrapper'>
|
||||
<div id='nav'>
|
||||
<div id='prev' onclick='prev()'><··· Previous</div>
|
||||
<div id='next' onclick='next()'>Next ···></div>
|
||||
</div>
|
||||
<img id='picture' src='' alt='' />
|
||||
<div id='description'></div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
BIN
projects/x/gallery/1.jpg
Normal file
BIN
projects/x/gallery/1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
BIN
projects/x/gallery/2.jpg
Normal file
BIN
projects/x/gallery/2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 91 KiB |
BIN
projects/x/gallery/3.jpg
Normal file
BIN
projects/x/gallery/3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 87 KiB |
BIN
projects/x/gallery/4.jpg
Normal file
BIN
projects/x/gallery/4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 91 KiB |
BIN
projects/x/gallery/5.jpg
Normal file
BIN
projects/x/gallery/5.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 111 KiB |
BIN
projects/x/gallery/6.jpg
Normal file
BIN
projects/x/gallery/6.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 102 KiB |
BIN
projects/x/gallery/7.jpg
Normal file
BIN
projects/x/gallery/7.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 60 KiB |
BIN
projects/x/gallery/8.jpg
Normal file
BIN
projects/x/gallery/8.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
307
projects/x/game.htm
Normal file
307
projects/x/game.htm
Normal file
@@ -0,0 +1,307 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml" xml:lang="da">
|
||||
<head>
|
||||
<title>Kill Thrill</title>
|
||||
<style type='text/css'>
|
||||
* {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
body {
|
||||
font:12px arial;
|
||||
background:#000 url('game/space.png');
|
||||
background-position:0;
|
||||
font:14px 'trebuchet ms';
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
#box {
|
||||
width:200px;
|
||||
height:150px;
|
||||
background-color:#000;
|
||||
background-image:url('game/boxspace.png');
|
||||
background-attachment:fixed;
|
||||
background-repeat:repeat-y;
|
||||
background-position:50% 0;
|
||||
border:1px solid #fff;
|
||||
position:absolute;
|
||||
left:50%;
|
||||
top:50%;
|
||||
margin:-75px 0 0 -100px;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#info {
|
||||
width:195px;
|
||||
height:20px;
|
||||
background-color:#000;
|
||||
background-image:url('game/infospace.png');
|
||||
background-attachment:fixed;
|
||||
background-repeat:repeat-y;
|
||||
background-position:50% 0;
|
||||
border:1px solid #fff;
|
||||
position:absolute;
|
||||
left:50%;
|
||||
top:50%;
|
||||
margin:-101px 0 0 -100px;
|
||||
overflow:hidden;
|
||||
padding-left:5px;
|
||||
}
|
||||
|
||||
#f {
|
||||
display:inline;
|
||||
}
|
||||
|
||||
#spaceship {
|
||||
width:20px;
|
||||
height:15px;
|
||||
background:url('game/spaceship.png');
|
||||
position:absolute;
|
||||
bottom:3px;
|
||||
left:90px;
|
||||
z-index:2;
|
||||
}
|
||||
|
||||
#beams div {
|
||||
height:8px;
|
||||
width:2px;
|
||||
background:#ff0000;
|
||||
position:absolute;
|
||||
bottom:10px;
|
||||
left:99px;
|
||||
}
|
||||
|
||||
#beamsound {
|
||||
position:absolute;
|
||||
height:1px;
|
||||
width:1px;
|
||||
visibility:hidden;
|
||||
}
|
||||
|
||||
#monsters {
|
||||
position:absolute;
|
||||
top:2px;
|
||||
left:6px;
|
||||
z-index:3;
|
||||
display:none;
|
||||
}
|
||||
|
||||
#monsters div {
|
||||
background:url('game/monster.png') no-repeat;
|
||||
width:20px;
|
||||
height:15px;
|
||||
float:left;
|
||||
margin-right:4px;
|
||||
margin-bottom:2px;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript'>
|
||||
l=""
|
||||
r=""
|
||||
cho=""
|
||||
c=""
|
||||
bgc=0
|
||||
msc=2
|
||||
var gtleft
|
||||
var gtright
|
||||
|
||||
function startgame() {
|
||||
shoot()
|
||||
movebg()
|
||||
//createmonsters()
|
||||
//movemonsters()
|
||||
}
|
||||
|
||||
function beamsound() {
|
||||
document.getElementById("beamsound").Play()
|
||||
}
|
||||
|
||||
function moveship(e) {
|
||||
ship=document.getElementById("spaceship")
|
||||
sl=ship.offsetLeft
|
||||
|
||||
if (window.event)
|
||||
keycode=window.event.keyCode
|
||||
else if (e)
|
||||
keycode=e.which
|
||||
|
||||
if (keycode==37 && l!="y") {
|
||||
l="y"
|
||||
goleft()
|
||||
}
|
||||
else if (keycode==39 && r!="y") {
|
||||
r="y"
|
||||
goright()
|
||||
}
|
||||
startfire()
|
||||
}
|
||||
|
||||
function stopship(e) {
|
||||
ship=document.getElementById("spaceship")
|
||||
|
||||
if (window.event)
|
||||
keycode=window.event.keyCode
|
||||
else if (e)
|
||||
keycode=e.which
|
||||
|
||||
if (keycode==37) {
|
||||
clearTimeout(gtleft)
|
||||
l=""
|
||||
}
|
||||
else if (keycode==39) {
|
||||
clearTimeout(gtright)
|
||||
r=""
|
||||
}
|
||||
endfire()
|
||||
}
|
||||
|
||||
function startfire(e) {
|
||||
if (window.event)
|
||||
keycode=window.event.keyCode
|
||||
else if (e)
|
||||
keycode=e.which
|
||||
|
||||
if (keycode==32 && cho!="y") {
|
||||
beamsound()
|
||||
bl=sl+10
|
||||
bsx=document.getElementById("beams")
|
||||
fired=document.getElementById("f")
|
||||
|
||||
genridn=bsx.innerHTML
|
||||
genridn=genridn.split("<div id=\"")
|
||||
genridno=genridn.length-1
|
||||
genridn=genridn[genridno]
|
||||
genridn=genridn.split("\" style")
|
||||
genridn=genridn[0]
|
||||
genridn=genridn.substr(1,genridn.length-2)
|
||||
genridn=genridn*1+1
|
||||
|
||||
agarr="<div id='a"+genridn+"a' style='left:"+bl+"px'></div>"
|
||||
fired.innerHTML=fired.innerHTML*1+1
|
||||
bsx.innerHTML=bsx.innerHTML+agarr
|
||||
cho="y"
|
||||
}
|
||||
}
|
||||
|
||||
function endfire(e) {
|
||||
if (window.event)
|
||||
keycode=window.event.keyCode
|
||||
else if (e)
|
||||
keycode=e.which
|
||||
|
||||
if (keycode==32)
|
||||
cho=""
|
||||
}
|
||||
|
||||
function shoot() {
|
||||
bsx=document.getElementById("beams")
|
||||
ms=document.getElementById("monsters")
|
||||
genridn=bsx.innerHTML
|
||||
genridn=genridn.split("<div id=\"")
|
||||
genridno=genridn.length-1
|
||||
genridn=genridn[genridno]
|
||||
genridn=genridn.split("\" style")
|
||||
genridn=genridn[0]
|
||||
genridn=genridn.substr(1,genridn.length-2)
|
||||
genridn=genridn*1+1
|
||||
|
||||
for (i=0;i<genridn;i++) {
|
||||
beamx=document.getElementById("a"+i+"a")
|
||||
if (beamx!=null) {
|
||||
bt=142-beamx.offsetTop
|
||||
|
||||
if (beamx.offsetTop>-8) {
|
||||
/*
|
||||
for (i=0;i<ms.childNodes.length;i++) {
|
||||
node=ms.childNodes[i]
|
||||
if (node.offsetTop>beamx.offsetTop)
|
||||
beamx.style.display="none"
|
||||
}
|
||||
*/
|
||||
|
||||
beamx.style.bottom=bt+1+"px"
|
||||
}
|
||||
else if (beamx.offsetTop==-9) {
|
||||
bsx.removeChild(beamx)
|
||||
}
|
||||
}
|
||||
}
|
||||
t=setTimeout("shoot()",15)
|
||||
}
|
||||
|
||||
function goleft() {
|
||||
clearTimeout(gtright)
|
||||
r=""
|
||||
if (document.getElementById("spaceship").offsetLeft!=1)
|
||||
document.getElementById("spaceship").style.left=document.getElementById("spaceship").offsetLeft-1+"px"
|
||||
|
||||
gtleft=setTimeout("goleft()",10)
|
||||
}
|
||||
|
||||
function goright() {
|
||||
clearTimeout(gtleft)
|
||||
l=""
|
||||
if (document.getElementById("spaceship").offsetLeft!=177)
|
||||
document.getElementById("spaceship").style.left=document.getElementById("spaceship").offsetLeft+3+"px"
|
||||
|
||||
gtright=setTimeout("goright()",10)
|
||||
}
|
||||
|
||||
function movebg() {
|
||||
boxfs=document.getElementById("box")
|
||||
boxin=document.getElementById("info")
|
||||
boxfs.style.backgroundPosition="50% "+bgc+"px"
|
||||
boxin.style.backgroundPosition="50% "+bgc+"px"
|
||||
document.body.style.backgroundPosition=bgc+"px "+bgc+"px"
|
||||
if (bgc==300) bgc=0
|
||||
|
||||
bgc=bgc+1
|
||||
bgt=setTimeout("movebg()",50)
|
||||
}
|
||||
|
||||
function createmonsters() {
|
||||
ms=document.getElementById("monsters")
|
||||
mms=""
|
||||
msnr=1
|
||||
msn=msnr*8
|
||||
for (mmsc=0;mmsc<msn;mmsc++) {
|
||||
mms=mms+"<div></div>"
|
||||
}
|
||||
msns=(msn*2)+msnr
|
||||
ms.style.marginTop="-"+msns+"px"
|
||||
ms.innerHTML=mms
|
||||
ms.style.display="block"
|
||||
}
|
||||
|
||||
function movemonsters() {
|
||||
ms=document.getElementById("monsters")
|
||||
|
||||
for (i=0;i<ms.childNodes.length;i++) {
|
||||
node=ms.childNodes[i]
|
||||
node.style.marginTop=msc+"px"
|
||||
}
|
||||
|
||||
msc=msc+2
|
||||
mst=setTimeout("movemonsters()",500)
|
||||
}
|
||||
|
||||
document.onkeydown=moveship
|
||||
document.onkeyup=stopship
|
||||
window.onload=startgame
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<object id='beamsound' type='audio/x-wav' data="game/beam.wav">
|
||||
<param name="src" value="game/beam.wav">
|
||||
<param name="autoplay" value="false">
|
||||
<param name="autoStart" value="0">
|
||||
</object>
|
||||
<div id='info'>Laser beams fired: <div id='f'>0</div></div>
|
||||
<div id='box'>
|
||||
<div id='monsters'><div></div></div>
|
||||
<div id='spaceship'></div>
|
||||
<div id='beams'></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
BIN
projects/x/game/beam.mp3
Normal file
BIN
projects/x/game/beam.mp3
Normal file
Binary file not shown.
BIN
projects/x/game/beam.wav
Normal file
BIN
projects/x/game/beam.wav
Normal file
Binary file not shown.
BIN
projects/x/game/boxspace.png
Normal file
BIN
projects/x/game/boxspace.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
projects/x/game/infospace.png
Normal file
BIN
projects/x/game/infospace.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 825 B |
BIN
projects/x/game/monster.png
Normal file
BIN
projects/x/game/monster.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 309 B |
BIN
projects/x/game/space.png
Normal file
BIN
projects/x/game/space.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
BIN
projects/x/game/spaceship.png
Normal file
BIN
projects/x/game/spaceship.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 357 B |
176
projects/x/gimg.php
Normal file
176
projects/x/gimg.php
Normal file
@@ -0,0 +1,176 @@
|
||||
<?php
|
||||
$qo=$_GET["q"];
|
||||
|
||||
if ($qo=="") {
|
||||
$filename="words.txt";
|
||||
$handle=fopen($filename,"r");
|
||||
$w=fread($handle,filesize($filename));
|
||||
fclose($handle);
|
||||
|
||||
$w=explode(",",$w);
|
||||
$rn=sizeof($w);
|
||||
$rn=mt_rand(0,$rn-1);
|
||||
$qo=$w[$rn];
|
||||
|
||||
//$sf="An automated search has been made for the word";
|
||||
}
|
||||
/*else {
|
||||
$sf="You have searched for";
|
||||
}*/
|
||||
|
||||
$q=str_replace(" ","+",$qo);
|
||||
$gimgs=fopen("http://images.google.dk/images?q=".$q,"rb");
|
||||
$gimg=stream_get_contents($gimgs);
|
||||
fclose($gimgs);
|
||||
$img=explode("\");dyn.Img(\"",$gimg);
|
||||
$img=$img[1];
|
||||
$img=explode("\"http://",$img);
|
||||
$img=$img[1];
|
||||
$img=explode("\"",$img);
|
||||
$img=str_replace("25","","http://".$img[0]);
|
||||
|
||||
//$sf=$sf." ".$q;
|
||||
$ts="\"".$qo."\" search result :: ";
|
||||
?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml" xml:lang="da">
|
||||
<head>
|
||||
<title><?php echo $ts; ?>ImageLoad Google</title>
|
||||
<style type='text/css'>
|
||||
body {
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#ibg {
|
||||
position:absolute;
|
||||
display:none;
|
||||
}
|
||||
|
||||
#top {
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:8px;
|
||||
right:8px;
|
||||
height:8px;
|
||||
background:transparent url('img/fade-top.png') repeat-x;
|
||||
}
|
||||
|
||||
#right {
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:8px;
|
||||
bottom:8px;
|
||||
width:8px;
|
||||
background:transparent url('img/fade-right.png') repeat-y;
|
||||
}
|
||||
|
||||
#bottom {
|
||||
position:absolute;
|
||||
bottom:0;
|
||||
left:8px;
|
||||
right:8px;
|
||||
height:8px;
|
||||
background:transparent url('img/fade-bottom.png') repeat-x;
|
||||
}
|
||||
|
||||
#left {
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:8px;
|
||||
bottom:8px;
|
||||
width:8px;
|
||||
background:transparent url('img/fade-left.png') repeat-y;
|
||||
}
|
||||
|
||||
#ca {
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
width:8px;
|
||||
height:8px;
|
||||
background:transparent url('img/ca.png') no-repeat;
|
||||
}
|
||||
|
||||
#cb {
|
||||
position:absolute;
|
||||
top:0;
|
||||
right:0;
|
||||
width:8px;
|
||||
height:8px;
|
||||
background:transparent url('img/cb.png') no-repeat;
|
||||
}
|
||||
|
||||
#cc {
|
||||
position:absolute;
|
||||
bottom:0;
|
||||
right:0;
|
||||
width:8px;
|
||||
height:8px;
|
||||
background:transparent url('img/cc.png') no-repeat;
|
||||
}
|
||||
|
||||
#cd {
|
||||
position:absolute;
|
||||
bottom:0;
|
||||
left:0;
|
||||
width:8px;
|
||||
height:8px;
|
||||
background:transparent url('img/cd.png') no-repeat;
|
||||
}
|
||||
|
||||
#lifg {
|
||||
position:absolute;
|
||||
visibility:hidden;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript'>
|
||||
pic=new Image()
|
||||
pic.src="<?php echo $img; ?>"
|
||||
|
||||
function load() {
|
||||
lifg=document.getElementById("lifg")
|
||||
ibg=document.getElementById("ibg")
|
||||
lifg.src="<?php echo $img; ?>"
|
||||
|
||||
if (lifg.scrollWidth>784 || lifg.scrollHeight>584) {
|
||||
if (lifg.scrollWidth>lifg.scrollHeight) {
|
||||
lifg.style.width="784px"
|
||||
if (lifg.scrollHeight>584) {
|
||||
lifg.style.height="584px"
|
||||
lifg.style.width="auto"
|
||||
}
|
||||
}
|
||||
else
|
||||
lifg.style.height="584px"
|
||||
}
|
||||
|
||||
lifg.style.marginLeft="-"+lifg.scrollWidth/2+"px"
|
||||
lifg.style.marginTop="-"+lifg.scrollHeight/2+"px"
|
||||
lifg.style.left="50%"
|
||||
lifg.style.top="50%"
|
||||
ibg.style.marginLeft="-"+(lifg.scrollWidth+16)/2+"px"
|
||||
ibg.style.marginTop="-"+(lifg.scrollHeight+16)/2+"px"
|
||||
ibg.style.left="50%"
|
||||
ibg.style.top="50%"
|
||||
|
||||
ibg.style.width=lifg.scrollWidth+16+"px"
|
||||
ibg.style.height=lifg.scrollHeight+16+"px"
|
||||
ibg.style.display="block"
|
||||
lifg.style.visibility="visible"
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body onload='load()'>
|
||||
<div id='ibg'>
|
||||
<div id='top'></div>
|
||||
<div id='right'></div>
|
||||
<div id='bottom'></div>
|
||||
<div id='left'></div>
|
||||
<div id='ca'></div>
|
||||
<div id='cb'></div>
|
||||
<div id='cc'></div>
|
||||
<div id='cd'></div>
|
||||
</div>
|
||||
<img id='lifg' src='<?php echo $img; ?>' alt='' />
|
||||
</body>
|
||||
</html>
|
||||
64
projects/x/gldnsctn.php
Normal file
64
projects/x/gldnsctn.php
Normal file
@@ -0,0 +1,64 @@
|
||||
<?php
|
||||
$w=$_GET["w"]*1;
|
||||
$h=$_GET["h"]*1;
|
||||
if ($w==0) $w=40;
|
||||
if ($h==0) $h=30;
|
||||
|
||||
$iw=$w-(($w-(sqrt($w/2*$w/2+$w*$w)-$w/2))*2);
|
||||
$pw=($w-$iw)/2;
|
||||
|
||||
$ih=$h-(($h-(sqrt($h/2*$h/2+$h*$h)-$h/2))*2);
|
||||
$ph=($h-$ih)/2;
|
||||
?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml" xml:lang="da">
|
||||
<head>
|
||||
<title>Golden section</title>
|
||||
<style type='text/css'>
|
||||
body {
|
||||
font:18px arial;
|
||||
}
|
||||
|
||||
input {
|
||||
width:30px;
|
||||
}
|
||||
|
||||
#box {
|
||||
width:<?php echo $w*10; ?>px;
|
||||
height:<?php echo $h*10; ?>px;
|
||||
border:1px solid #000;
|
||||
position:relative;
|
||||
margin-top:20px;
|
||||
}
|
||||
|
||||
#sw {
|
||||
width:<?php echo $iw*10; ?>px;
|
||||
height:<?php echo $h*10; ?>px;
|
||||
border:1px solid #000;
|
||||
border-width:0 1px 0 1px;
|
||||
position:absolute;
|
||||
left:<?php echo $pw*10-1; ?>px;
|
||||
}
|
||||
|
||||
#sh {
|
||||
width:<?php echo $w*10; ?>px;
|
||||
height:<?php echo $ih*10; ?>px;
|
||||
border:1px solid #000;
|
||||
border-width:1px 0 1px 0;
|
||||
position:absolute;
|
||||
top:<?php echo $ph*10-1; ?>px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<form action='gldnsctn.php' method='get'>
|
||||
Width: <input type='text' name='w' value='<?php echo $w; ?>' /><br />
|
||||
Height: <input type='text' name='h' value='<?php echo $h; ?>' /><br />
|
||||
<input type='submit' value='Submit' style='width:auto' />
|
||||
</form>
|
||||
<div id='box'>
|
||||
<div id='sw'></div>
|
||||
<div id='sh'></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
94
projects/x/gravity.htm
Normal file
94
projects/x/gravity.htm
Normal file
@@ -0,0 +1,94 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3c.org/1999/xhtml"><head><title>JS Gravity</title><style type='text/css'>
|
||||
body {
|
||||
margin:0;
|
||||
padding:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
div {
|
||||
position:absolute;
|
||||
width:50px;
|
||||
height:50px;
|
||||
background:#000;
|
||||
}
|
||||
</style><script type='text/javascript'>
|
||||
verticalspeed=2
|
||||
horizontalspeed=15
|
||||
|
||||
spd=0
|
||||
f=true
|
||||
r=true
|
||||
|
||||
function getwh() {
|
||||
if (self.innerHeight) {
|
||||
h=self.innerHeight
|
||||
w=self.innerWidth
|
||||
}
|
||||
else if (document.documentElement && document.documentElement.clientHeight) {
|
||||
h=document.documentElement.clientHeight
|
||||
w=document.documentElement.clientHeight
|
||||
}
|
||||
else if (document.body) {
|
||||
h=document.body.clientHeight
|
||||
w=document.body.clientWidth
|
||||
}
|
||||
}
|
||||
|
||||
function gravity() {
|
||||
getwh()
|
||||
ah=h-50
|
||||
aw=w-50
|
||||
//document.title=y+" "+ah+" "+spd
|
||||
if (y<ah || spd>-1) {
|
||||
if (f) {
|
||||
spd+=verticalspeed
|
||||
y+=spd
|
||||
if (y<ah) b.style.top=y+"px"
|
||||
else {
|
||||
b.style.top=ah+"px"
|
||||
spd-=verticalspeed
|
||||
f=false
|
||||
horizontalspeed=horizontalspeed/1.1
|
||||
}
|
||||
}
|
||||
else {
|
||||
spd-=verticalspeed
|
||||
y-=spd
|
||||
if (y>ah) y=ah
|
||||
if (spd>0 && y<=ah) b.style.top=y+"px"
|
||||
else f=true
|
||||
}
|
||||
if (r) {
|
||||
x+=horizontalspeed
|
||||
if (x<aw) b.style.left=x+"px"
|
||||
else {
|
||||
r=false
|
||||
horizontalspeed=horizontalspeed/1.2
|
||||
}
|
||||
}
|
||||
else {
|
||||
x-=horizontalspeed
|
||||
if (x>0) b.style.left=x+"px"
|
||||
else {
|
||||
r=true
|
||||
horizontalspeed=horizontalspeed/1.2
|
||||
}
|
||||
}
|
||||
}
|
||||
t=setTimeout("gravity()",50)
|
||||
}
|
||||
|
||||
function load() {
|
||||
getwh()
|
||||
y=0
|
||||
x=-50
|
||||
|
||||
b=document.createElement("div")
|
||||
b.style.top=y+"px"
|
||||
b.style.left=x+"px"
|
||||
document.body.appendChild(b)
|
||||
gravity()
|
||||
}
|
||||
|
||||
window.onload=load
|
||||
</script></head><body></body></html>
|
||||
87
projects/x/hidemouse.htm
Normal file
87
projects/x/hidemouse.htm
Normal file
@@ -0,0 +1,87 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml" xml:lang="da">
|
||||
<head>
|
||||
<title>MouseHide</title>
|
||||
<style type='text/css'>
|
||||
body {
|
||||
background-color:#000;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#mouseimg {
|
||||
cursor:crosshair;
|
||||
position:absolute;
|
||||
left:-100px;
|
||||
top:-100px;
|
||||
width:17px;
|
||||
height:17px;
|
||||
display:none;
|
||||
}
|
||||
|
||||
#div {
|
||||
/*position:absolute;
|
||||
left:50%;
|
||||
top:50%;
|
||||
margin-left:-200px;
|
||||
margin-top:-150px;*/
|
||||
width:400px;
|
||||
height:300px;
|
||||
margin:200px auto 0 auto;
|
||||
background-color:#fff;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
ox=0
|
||||
oy=0
|
||||
m=false
|
||||
hover=false
|
||||
|
||||
function wait() {
|
||||
if (ox==x && oy==y && !hover) {
|
||||
mouseimg.style.display="block"
|
||||
m=false
|
||||
}
|
||||
else {
|
||||
ox=x
|
||||
oy=y
|
||||
t=setTimeout("wait()",250)
|
||||
}
|
||||
}
|
||||
|
||||
function mover(nb) {
|
||||
if (nb==0)
|
||||
hover=true
|
||||
else
|
||||
hover=false
|
||||
}
|
||||
|
||||
function mouseimgnewloc(e) {
|
||||
mouseimg.style.display="none"
|
||||
//document.title=hover
|
||||
if (e) {
|
||||
x=e.pageX-8
|
||||
y=e.pageY-8
|
||||
}
|
||||
else {
|
||||
x=event.x-10
|
||||
y=event.y-10
|
||||
}
|
||||
|
||||
if (m==false) {
|
||||
wait()
|
||||
m=true
|
||||
}
|
||||
|
||||
mouseimg.style.left=x+"px"
|
||||
mouseimg.style.top=y+"px"
|
||||
}
|
||||
|
||||
window.onload=function(){mouseimg=document.getElementById("mouseimg")}
|
||||
document.onmousemove=mouseimgnewloc
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<img id="mouseimg" alt='' src='img/c.png' />
|
||||
<div id='div' onmouseover='mover(0)' onmouseout='mover(1)'></div>
|
||||
</body>
|
||||
</html>
|
||||
66
projects/x/htrt.php
Normal file
66
projects/x/htrt.php
Normal file
@@ -0,0 +1,66 @@
|
||||
<?php
|
||||
$addr=$_SERVER['QUERY_STRING'];
|
||||
if ($addr=="") $addr="img/linux.png";
|
||||
$dim=getimagesize($addr);
|
||||
$w=$dim[0];
|
||||
$h=$dim[1];
|
||||
?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml">
|
||||
<head>
|
||||
<title>JS-PHP HTMLrotate (JS)</title>
|
||||
<style type='text/css'>
|
||||
div {
|
||||
background-image:url('<?php echo $addr; ?>');
|
||||
background-repeat:no-repeat;
|
||||
position:absolute;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript'>
|
||||
mw=<?php echo $w; ?>
|
||||
|
||||
mh=<?php echo $h; ?>
|
||||
|
||||
function load() {
|
||||
addr="<?php echo $addr; ?>"
|
||||
img=new Image()
|
||||
img.src=addr
|
||||
img.onload=function() {
|
||||
w=img.width
|
||||
h=img.height
|
||||
ow=w
|
||||
oh=h
|
||||
if (w>h) {
|
||||
if (w>mw) {
|
||||
h=(mw/w)*h
|
||||
w=mw
|
||||
}
|
||||
}
|
||||
else {
|
||||
if (h>mh) {
|
||||
w=(mh/h)*w
|
||||
h=mh
|
||||
}
|
||||
}
|
||||
//document.title=ow+"/"+oh+" - "+Math.round(w)+"/"+Math.round(h)
|
||||
|
||||
d=document.body
|
||||
for (i=0; i<w; i++) {
|
||||
for (ii=0; ii<h; ii++) {
|
||||
div=document.createElement("div")
|
||||
div.style.clip="rect("+(h-ii)+"px,"+(w-i)+"px,"+(h-ii-1)+"px,"+(w-i-1)+"px)"
|
||||
div.style.left=((w-i-1)*-1+i)+"px"
|
||||
div.style.top=((h-ii-1)*-1+ii)+"px"
|
||||
div.style.width=w+"px"
|
||||
div.style.height=h+"px"
|
||||
d.appendChild(div)
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
window.onload=load
|
||||
</script>
|
||||
</head>
|
||||
<body></body>
|
||||
</html>
|
||||
53
projects/x/htrtp.php
Normal file
53
projects/x/htrtp.php
Normal file
@@ -0,0 +1,53 @@
|
||||
<?php
|
||||
$addr=$_SERVER['QUERY_STRING'];
|
||||
if ($addr=="") $addr="img/linux.png";
|
||||
$dim=getimagesize($addr);
|
||||
$w=$dim[0];
|
||||
$h=$dim[1];
|
||||
|
||||
for ($i=0; $i<$w; $i++) {
|
||||
for ($ii=0; $ii<$h; $ii++) {
|
||||
$img.="<div style='clip: rect(".($h-$ii)."px, ".($w-$i)."px, ".($h-$ii-1)."px, ".($w-$i-1)."px); left: ".(($w-$i-1)*-1+$i)."px; top: ".(($h-$ii-1)*-1+$ii)."px;'></div>";
|
||||
}
|
||||
}
|
||||
?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml">
|
||||
<head>
|
||||
<title>JS-PHP HTMLrotate (PHP)</title>
|
||||
<style type='text/css'>
|
||||
.a {
|
||||
float:left;
|
||||
border-width:1px 0 0 0;
|
||||
border-style:solid;
|
||||
border-color:#000;
|
||||
margin-right:10px;
|
||||
}
|
||||
|
||||
.a div {
|
||||
border-width:0 1px 1px 1px;
|
||||
border-style:solid;
|
||||
border-color:#000;
|
||||
position:relative;
|
||||
padding:3px;
|
||||
}
|
||||
|
||||
.i {
|
||||
height:60px;
|
||||
}
|
||||
|
||||
.a div div {
|
||||
border:0;
|
||||
background-image:url('<?php echo $addr; ?>');
|
||||
background-repeat:no-repeat;
|
||||
position:absolute;
|
||||
width:<?php echo $w; ?>px;
|
||||
height:<?php echo $h; ?>px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class='a'><div>Original image</div><div class='i'><img src='<?php echo $addr; ?>' /></div></div>
|
||||
<div class='a'><div>Rotated image</div><div class='i'><?php echo $img; ?></div></div>
|
||||
</body>
|
||||
</html>
|
||||
BIN
projects/x/img/askme.gif
Normal file
BIN
projects/x/img/askme.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
projects/x/img/bold.png
Normal file
BIN
projects/x/img/bold.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 308 B |
BIN
projects/x/img/c.png
Normal file
BIN
projects/x/img/c.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 241 B |
BIN
projects/x/img/ca.png
Normal file
BIN
projects/x/img/ca.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 257 B |
BIN
projects/x/img/cb.png
Normal file
BIN
projects/x/img/cb.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 266 B |
BIN
projects/x/img/cc.png
Normal file
BIN
projects/x/img/cc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 291 B |
BIN
projects/x/img/ccaskme.gif
Normal file
BIN
projects/x/img/ccaskme.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1017 B |
BIN
projects/x/img/ccbg.gif
Normal file
BIN
projects/x/img/ccbg.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
BIN
projects/x/img/ccbgg.gif
Normal file
BIN
projects/x/img/ccbgg.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.2 KiB |
BIN
projects/x/img/ccleb.gif
Normal file
BIN
projects/x/img/ccleb.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 847 B |
BIN
projects/x/img/ccm1.gif
Normal file
BIN
projects/x/img/ccm1.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
projects/x/img/ccm2.gif
Normal file
BIN
projects/x/img/ccm2.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
projects/x/img/ccreb.gif
Normal file
BIN
projects/x/img/ccreb.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 850 B |
BIN
projects/x/img/ccs.gif
Normal file
BIN
projects/x/img/ccs.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
BIN
projects/x/img/cctg.gif
Normal file
BIN
projects/x/img/cctg.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
projects/x/img/cd.png
Normal file
BIN
projects/x/img/cd.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 288 B |
BIN
projects/x/img/circle.png
Normal file
BIN
projects/x/img/circle.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
projects/x/img/circle_l.png
Normal file
BIN
projects/x/img/circle_l.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
projects/x/img/fade-bottom.png
Normal file
BIN
projects/x/img/fade-bottom.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 230 B |
BIN
projects/x/img/fade-left.png
Normal file
BIN
projects/x/img/fade-left.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 231 B |
BIN
projects/x/img/fade-right.png
Normal file
BIN
projects/x/img/fade-right.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 228 B |
BIN
projects/x/img/fade-top.png
Normal file
BIN
projects/x/img/fade-top.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 231 B |
BIN
projects/x/img/i1.png
Normal file
BIN
projects/x/img/i1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
projects/x/img/i2.png
Normal file
BIN
projects/x/img/i2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 100 KiB |
BIN
projects/x/img/italic.png
Normal file
BIN
projects/x/img/italic.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 262 B |
BIN
projects/x/img/linux.png
Normal file
BIN
projects/x/img/linux.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
1
projects/x/img/linux.png.txt
Normal file
1
projects/x/img/linux.png.txt
Normal file
@@ -0,0 +1 @@
|
||||
The image linux.png is copyrighted by Larry Ewing, Simon Budig and Anja Gerwinski. See <http://en.wikipedia.org/wiki/File:Tux.svg>.
|
||||
BIN
projects/x/img/m.png
Normal file
BIN
projects/x/img/m.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.8 KiB |
BIN
projects/x/img/m1.png
Normal file
BIN
projects/x/img/m1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
projects/x/img/m2.png
Normal file
BIN
projects/x/img/m2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
projects/x/img/nbg.png
Normal file
BIN
projects/x/img/nbg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
BIN
projects/x/img/textsize.jpg
Normal file
BIN
projects/x/img/textsize.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 951 KiB |
1
projects/x/img/textsize.jpg.txt
Normal file
1
projects/x/img/textsize.jpg.txt
Normal file
@@ -0,0 +1 @@
|
||||
License: Public domain
|
||||
BIN
projects/x/img/top.png
Normal file
BIN
projects/x/img/top.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 199 B |
BIN
projects/x/img/topselected.png
Normal file
BIN
projects/x/img/topselected.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 259 B |
BIN
projects/x/img/underline.png
Normal file
BIN
projects/x/img/underline.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 324 B |
68
projects/x/imgfade.htm
Normal file
68
projects/x/imgfade.htm
Normal file
@@ -0,0 +1,68 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml">
|
||||
<head>
|
||||
<title>ImageFade</title>
|
||||
<style type='text/css'>
|
||||
#ia {
|
||||
filter:alpha(opacity=100);
|
||||
-moz-opacity:1;
|
||||
opacity:1;
|
||||
position:absolute;
|
||||
}
|
||||
|
||||
#ib {
|
||||
filter:alpha(opacity=0);
|
||||
-moz-opacity:0;
|
||||
opacity:0;
|
||||
position:absolute;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript'>
|
||||
a=1
|
||||
b=99
|
||||
function imgfade() {
|
||||
ia=document.getElementById("ia")
|
||||
ib=document.getElementById("ib")
|
||||
|
||||
ia.style.filter="alpha(opacity="+b+")"
|
||||
ia.style.mozOpacity=b/100
|
||||
ia.style.opacity=b/100
|
||||
ib.style.filter="alpha(opacity="+a+")"
|
||||
ib.style.mozOpacity=a/100
|
||||
ib.style.opacity=a/100
|
||||
|
||||
if (a==100)
|
||||
ia.className="y"
|
||||
else if (a==0)
|
||||
ia.className="n"
|
||||
|
||||
if (b==100)
|
||||
ib.className="y"
|
||||
else if (b==0)
|
||||
ib.className="n"
|
||||
|
||||
if (ia.className=="y")
|
||||
a=a-1
|
||||
else
|
||||
a=a+1
|
||||
|
||||
if (ib.className=="y")
|
||||
b=b-1
|
||||
else
|
||||
b=b+1
|
||||
|
||||
t=setTimeout("imgfade()",50)
|
||||
}
|
||||
|
||||
function stopf() {
|
||||
clearTimeout(t)
|
||||
}
|
||||
|
||||
window.onload=imgfade
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<img id='ia' src='img/i1.png' alt='' onmouseover='stopf()' onmouseout='imgfade()' />
|
||||
<img id='ib' src='img/i2.png' alt='' onmouseover='stopf()' onmouseout='imgfade()' />
|
||||
</body>
|
||||
</html>
|
||||
81
projects/x/imgshk.php
Normal file
81
projects/x/imgshk.php
Normal file
@@ -0,0 +1,81 @@
|
||||
<?php $addr=$_SERVER['QUERY_STRING']; if ($addr=="") $addr="img/m.png"; ?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml">
|
||||
<head>
|
||||
<title>ImageShake</title>
|
||||
<style type='text/css'>
|
||||
div {
|
||||
background-image:url('<?php echo $addr; ?>');
|
||||
background-repeat:no-repeat;
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:0;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript'>
|
||||
r=true
|
||||
f=true
|
||||
m=3
|
||||
function wave() {
|
||||
if (!r) {
|
||||
node=d.childNodes[c]
|
||||
if (f) {
|
||||
node.style.top=b+i+"px"
|
||||
i+=1
|
||||
if (i>m) {
|
||||
i=1
|
||||
c+=1
|
||||
}
|
||||
}
|
||||
else {
|
||||
node.style.top=b+m+"px"
|
||||
i=m
|
||||
c+=1
|
||||
}
|
||||
if (c==w) {
|
||||
c=0
|
||||
b+=m
|
||||
}
|
||||
}
|
||||
else {
|
||||
for (c=0; c<w; c++) {
|
||||
rand=Math.floor(Math.random()*(m*2+1)+1)
|
||||
if (rand==m*2+1) rand=0
|
||||
if (rand>m) rand-=m*2+1
|
||||
node=d.childNodes[c]
|
||||
node.style.top=b+rand+"px"
|
||||
}
|
||||
}
|
||||
t=setTimeout("wave()",1)
|
||||
}
|
||||
|
||||
function load() {
|
||||
addr="<?php echo $addr; ?>"
|
||||
img=new Image()
|
||||
img.src=addr
|
||||
img.onload=function() {
|
||||
w=img.width
|
||||
h=img.height
|
||||
|
||||
d=document.body
|
||||
for (i=0; i<w; i++) {
|
||||
div=document.createElement("div")
|
||||
div.style.clip="rect(0px,"+(i+1)+"px,"+h+"px,"+i+"px)"
|
||||
if (r) div.style.top=m+"px"
|
||||
div.style.width=w+"px"
|
||||
div.style.height=h+"px"
|
||||
d.appendChild(div)
|
||||
}
|
||||
if (f) i=1
|
||||
else i=m
|
||||
c=0
|
||||
if (!r) b=0
|
||||
else b=m
|
||||
wave()
|
||||
}
|
||||
}
|
||||
window.onload=load
|
||||
</script>
|
||||
</head>
|
||||
<body></body>
|
||||
</html>
|
||||
101
projects/x/index.php
Normal file
101
projects/x/index.php
Normal file
@@ -0,0 +1,101 @@
|
||||
<?php
|
||||
$files=scandir(".");
|
||||
$fn=sizeof($files);
|
||||
$c=0;
|
||||
|
||||
while ($c<$fn)
|
||||
{
|
||||
$f=$files[$c];
|
||||
|
||||
if (strpos($f,".")!==false)
|
||||
{
|
||||
$fx=explode(".",$f);
|
||||
if ($f!="index.php" && substr($f,0,1)!="_" && ($fx[1]=="htm" || $fx[1]=="php"))
|
||||
{
|
||||
$fo=fopen($f,"r");
|
||||
$fr=fread($fo,filesize($f));
|
||||
fclose($fo);
|
||||
$fr=explode("<title>",$fr);
|
||||
$fr=explode("</title>",$fr[1]);
|
||||
$fr=$fr[0];
|
||||
|
||||
if (strpos($fr,"?>")!==false) {
|
||||
$fr=explode("?>",$fr);
|
||||
$fr=$fr[1];
|
||||
}
|
||||
|
||||
$fw=$fw.$fr."&".$f."/";
|
||||
}
|
||||
}
|
||||
$c++;
|
||||
}
|
||||
$fw=explode("/",$fw);
|
||||
sort($fw);
|
||||
$fn=sizeof($fw)-2;
|
||||
$c=0;
|
||||
|
||||
while ($c<$fn)
|
||||
{
|
||||
$fa=$fw[$c+1];
|
||||
$fa=explode("&",$fa);
|
||||
$fp=$fp."<a href='".$fa[1]."'>".$fa[0]."</a>";
|
||||
$c++;
|
||||
}
|
||||
?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml" xml:lang="da">
|
||||
<head>
|
||||
<title>Experiments</title>
|
||||
<style type='text/css'>
|
||||
* {
|
||||
text-decoration:none
|
||||
}
|
||||
|
||||
body {
|
||||
background-color:#000;
|
||||
font-family:verdana;
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
margin:0 auto;
|
||||
width:250px;
|
||||
}
|
||||
|
||||
#h {
|
||||
font-size:32px;
|
||||
color:#fff;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#s {
|
||||
|
||||
background-color:#fff;
|
||||
font-size:16px;
|
||||
margin:5px 0 0 0;
|
||||
padding:2px;
|
||||
}
|
||||
|
||||
a {
|
||||
display:block;
|
||||
}
|
||||
|
||||
a:link,a:visited {
|
||||
color:#000;
|
||||
background-color:#fff;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color:#fff;
|
||||
background-color:#000;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id='wrapper'>
|
||||
<div id='h'>Experiments</div>
|
||||
<div id='s'>
|
||||
<?php echo $fp; ?>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
141
projects/x/line.php
Normal file
141
projects/x/line.php
Normal file
@@ -0,0 +1,141 @@
|
||||
<?php
|
||||
function drawline($w,$h,$pi,$pa,$pb,$tf) {
|
||||
$c=0;
|
||||
|
||||
if ($w>$h) {
|
||||
$l=$h;
|
||||
$lw=$w/$h;
|
||||
$lh=1;
|
||||
}
|
||||
else if ($h>$w) {
|
||||
$l=$w;
|
||||
$lw=1;
|
||||
$lh=$h/$w;
|
||||
}
|
||||
else {
|
||||
$l=$w;
|
||||
$lw=1;
|
||||
$lh=1;
|
||||
}
|
||||
|
||||
|
||||
if ($tf==false && $pi!="tr" && $pi!="br") {
|
||||
$pb=$pb+$w-$lw;
|
||||
}
|
||||
|
||||
if ($pi=="tr") {$divstyle="top:".$pa."px;right:".$pb."px";}
|
||||
else if ($pi=="br") {$divstyle="bottom:".$pa."px;right:".$pb."px";}
|
||||
else if ($pi=="bl") {$divstyle="bottom:".$pa."px;left:".$pb."px";}
|
||||
else {$divstyle="top:".$pa."px;left:".$pb."px";}
|
||||
|
||||
|
||||
while ($c<$l) {
|
||||
if ($w>$h) {
|
||||
$cc=$c*$w/$h;
|
||||
}
|
||||
else {
|
||||
$cc=$c;
|
||||
}
|
||||
|
||||
if ($tf==false) {$cc=$cc*-1;}
|
||||
|
||||
$fl.="<div style='width:".$lw."px;height:".$lh."px;margin-left:".$cc."px'></div>";
|
||||
$c++;
|
||||
}
|
||||
return "<div style='".$divstyle."' class='wrapper'>".$fl."</div>";
|
||||
}
|
||||
|
||||
function drawlines($s) {
|
||||
$fr.=drawline($s,$s/2,"tl",$s/4,0,true);
|
||||
$fr.=drawline($s,$s,"tl",0,0,true);
|
||||
$fr.=drawline($s/2,$s,"tl",0,$s/4,true);
|
||||
$fr.=drawline(1,$s,"tl",0,$s/2,true);
|
||||
|
||||
$fr.=drawline($s,1,"tl",$s/2,0,false);
|
||||
$fr.=drawline($s,$s/2,"tl",$s/4,0,false);
|
||||
$fr.=drawline($s,$s,"tl",0,0,false);
|
||||
$fr.=drawline($s/2,$s,"tl",0,$s/4,false);
|
||||
|
||||
return $fr;
|
||||
}
|
||||
|
||||
function drawlinewrappers($n,$s) {
|
||||
$c=0;
|
||||
while ($c<$n) {
|
||||
$fr.="<div class='box' style='height:".$s."px;width:".$s."px'>".drawlines($s)."</div>\n";
|
||||
$c++;
|
||||
}
|
||||
return $fr;
|
||||
}
|
||||
|
||||
function dlwx($s,$n,$r) {
|
||||
$c=0;
|
||||
while ($c<$n) {
|
||||
$fr.="<div class='box' style='height:".$s."px;width:".$s."px'>".drawlines($s)."</div>\n";
|
||||
$s=$s+$r;
|
||||
$c++;
|
||||
}
|
||||
return $fr;
|
||||
}
|
||||
|
||||
function drawsimplecircle($s) {
|
||||
$c=0;
|
||||
while ($c<$s) {
|
||||
if ($c!=0) {
|
||||
if ($c>round($s/2)) {
|
||||
$m=$c-$s/2;
|
||||
}
|
||||
else {
|
||||
$m=($s/4)-sqrt(pow(($s/4)-$c,2));
|
||||
$m=$m+($s/2-$c)/$c;
|
||||
|
||||
}
|
||||
}
|
||||
else {
|
||||
$m=$s/2;
|
||||
}
|
||||
|
||||
$fr.="<div style='margin-left:".$m."px'></div>";
|
||||
$c++;
|
||||
}
|
||||
return $fr;
|
||||
}
|
||||
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml">
|
||||
<head>
|
||||
<title>LineMaker</title>
|
||||
<style type='text/css'>
|
||||
* {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
div {
|
||||
background-color:#000;
|
||||
width:1px;
|
||||
height:1px;
|
||||
}
|
||||
|
||||
div.wrapper {
|
||||
background-color:transparent;
|
||||
position:absolute;
|
||||
}
|
||||
|
||||
div.box {
|
||||
background-color:transparent;
|
||||
position:relative;
|
||||
float:left;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<?php
|
||||
//echo drawlinewrappers(48,50);
|
||||
//echo drawlinewrappers(24,100);
|
||||
//echo drawlinewrappers(12,200);
|
||||
echo dlwx(10,41,1);
|
||||
//echo drawsimplecircle(100);
|
||||
?>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
149
projects/x/mgravity.htm
Normal file
149
projects/x/mgravity.htm
Normal file
@@ -0,0 +1,149 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3c.org/1999/xhtml"><head><title>Multi Gravity</title><style type='text/css'>
|
||||
body {
|
||||
margin:0;
|
||||
padding:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
div {
|
||||
position:absolute;
|
||||
left:-50px;
|
||||
top:-50px;
|
||||
width:50px;
|
||||
height:50px;
|
||||
}
|
||||
|
||||
#l {
|
||||
top:0;
|
||||
left:0;
|
||||
height:100%;
|
||||
width:100%;
|
||||
z-index:2;
|
||||
background:transparent;
|
||||
}
|
||||
</style><script type='text/javascript'>
|
||||
paused=false
|
||||
oknbox=true
|
||||
|
||||
function getwh() {
|
||||
if (self.innerHeight) {
|
||||
h=self.innerHeight
|
||||
w=self.innerWidth
|
||||
}
|
||||
else if (document.documentElement && document.documentElement.clientHeight) {
|
||||
h=document.documentElement.clientHeight
|
||||
w=document.documentElement.clientHeight
|
||||
}
|
||||
else if (document.body) {
|
||||
h=document.body.clientHeight
|
||||
w=document.body.clientWidth
|
||||
}
|
||||
}
|
||||
|
||||
function gravity() {
|
||||
getwh()
|
||||
ah=h-50
|
||||
aw=w-50
|
||||
d=0
|
||||
for (i=0;i<num;i++) {
|
||||
if (y[i]<ah || spd[i]>-1) {
|
||||
if (f[i]) {
|
||||
spd[i]+=verticalspeed[i]
|
||||
y[i]+=spd[i]
|
||||
if (y[i]<ah) b[i].style.top=y[i]+"px"
|
||||
else {
|
||||
b[i].style.top=ah+"px"
|
||||
spd[i]-=verticalspeed[i]
|
||||
f[i]=false
|
||||
horizontalspeed[i]=horizontalspeed[i]/1.1
|
||||
}
|
||||
}
|
||||
else {
|
||||
spd[i]-=verticalspeed[i]
|
||||
y[i]-=spd[i]
|
||||
if (y[i]>ah) y[i]=ah
|
||||
if (spd[i]>0 && y[i]<=ah) b[i].style.top=y[i]+"px"
|
||||
else f[i]=true
|
||||
}
|
||||
if (r[i]) {
|
||||
x[i]+=horizontalspeed[i]
|
||||
if (x[i]<aw) b[i].style.left=x[i]+"px"
|
||||
else {
|
||||
r[i]=false
|
||||
horizontalspeed[i]=horizontalspeed[i]/1.2
|
||||
}
|
||||
}
|
||||
else {
|
||||
x[i]-=horizontalspeed[i]
|
||||
if (x[i]>0) b[i].style.left=x[i]+"px"
|
||||
else {
|
||||
r[i]=true
|
||||
horizontalspeed[i]=horizontalspeed[i]/1.2
|
||||
}
|
||||
}
|
||||
}
|
||||
else {
|
||||
horizontalspeed[i]=0
|
||||
d++
|
||||
}
|
||||
}
|
||||
document.title="Multi Gravity :: "+d+"/"+num
|
||||
t=setTimeout("gravity()",50)
|
||||
}
|
||||
|
||||
function newbox() {
|
||||
if (oknbox) {
|
||||
getwh()
|
||||
y[num]=-50
|
||||
x[num]=Math.floor(Math.random()*(w-49))
|
||||
spd[num]=0
|
||||
verticalspeed[num]=2
|
||||
horizontalspeed[num]=15
|
||||
f[num]=true
|
||||
rol=Math.floor(Math.random()*2)
|
||||
if (rol==0) r[num]=true
|
||||
else r[num]=false
|
||||
|
||||
b[num]=document.createElement("div")
|
||||
b[num].style.top=y[num]+"px"
|
||||
b[num].style.left=x[num]+"px"
|
||||
b[num].style.backgroundColor="rgb("+(Math.floor(Math.random()*100)+77)+","+(Math.floor(Math.random()*100)+77)+","+(Math.floor(Math.random()*100)+77)+")"
|
||||
document.body.appendChild(b[num])
|
||||
num++
|
||||
}
|
||||
nt=setTimeout("newbox()",1000)
|
||||
}
|
||||
|
||||
function pauseboxes() {
|
||||
if (!paused) {
|
||||
paused=true
|
||||
clearTimeout(t)
|
||||
oknbox=false
|
||||
}
|
||||
else {
|
||||
paused=false
|
||||
gravity()
|
||||
oknbox=true
|
||||
}
|
||||
}
|
||||
|
||||
function load() {
|
||||
l=document.createElement("div")
|
||||
l.id="l"
|
||||
l.onclick=pauseboxes
|
||||
document.body.appendChild(l)
|
||||
y=new Array()
|
||||
x=new Array()
|
||||
b=new Array()
|
||||
spd=new Array()
|
||||
verticalspeed=new Array()
|
||||
horizontalspeed=new Array()
|
||||
f=new Array()
|
||||
r=new Array()
|
||||
num=0
|
||||
newbox()
|
||||
gravity()
|
||||
}
|
||||
|
||||
window.onload=load
|
||||
</script></head><body></body></html>
|
||||
69
projects/x/mm.htm
Normal file
69
projects/x/mm.htm
Normal file
@@ -0,0 +1,69 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Moving Man</title>
|
||||
<style type='text/css'>
|
||||
body {
|
||||
background:#000;
|
||||
}
|
||||
|
||||
#stage {
|
||||
position:relative;
|
||||
width:630px;
|
||||
height:473px;
|
||||
margin:0 auto;
|
||||
background:#fff;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#m {
|
||||
position:absolute;
|
||||
bottom:0;
|
||||
left:0;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript'>
|
||||
function begin() {
|
||||
img1=new Image()
|
||||
img1.src="m1.png"
|
||||
img2=new Image()
|
||||
img2.src="m2.png"
|
||||
document.getElementById("stage").innerHTML="<img id='m' src='img/m1.png' alt='' />"
|
||||
man()
|
||||
manmove()
|
||||
}
|
||||
n=1
|
||||
l=0
|
||||
function man() {
|
||||
document.getElementById("m").src="img/m"+n+".png"
|
||||
if (n==1)
|
||||
n=2
|
||||
else
|
||||
n=1
|
||||
|
||||
m=setTimeout("man()",100)
|
||||
}
|
||||
|
||||
function manmove() {
|
||||
document.getElementById("m").style.left=l+"px"
|
||||
|
||||
if (document.getElementById("m").style.left=="580px")
|
||||
document.getElementById("m").className="y"
|
||||
else if (document.getElementById("m").style.left=="0px")
|
||||
document.getElementById("m").className=""
|
||||
|
||||
if (document.getElementById("m").className=="")
|
||||
l=l+20
|
||||
else
|
||||
l=l-20
|
||||
|
||||
mm=setTimeout("manmove()",200)
|
||||
}
|
||||
|
||||
window.onload=begin
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id='stage'></div>
|
||||
</body>
|
||||
</html>
|
||||
43
projects/x/mousexy.htm
Normal file
43
projects/x/mousexy.htm
Normal file
@@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>MouseXY</title>
|
||||
<style type='text/css'>
|
||||
#box {position:fixed;left:0; top:0; width:75px; height:75px; background-color:#09fc37}
|
||||
#mb {position:absolute; top:0; left:0; width:75px; height:75px; background-color:#09fc37}
|
||||
p {margin:3px}
|
||||
</style>
|
||||
<script type='text/javascript'>
|
||||
ie=document.all?true:false
|
||||
|
||||
function mc(e)
|
||||
{
|
||||
if (ie)
|
||||
{
|
||||
x=event.clientX+document.documentElement.scrollLeft
|
||||
y=event.clientY+document.documentElement.scrollTop
|
||||
}
|
||||
else
|
||||
{
|
||||
x=e.pageX
|
||||
y=e.pageY
|
||||
}
|
||||
if (x<0)
|
||||
x=0
|
||||
if (y<0)
|
||||
y=0
|
||||
|
||||
|
||||
document.getElementById("box").innerHTML="<p>x: "+x+"<br />y: "+y+"</p>"
|
||||
document.getElementById("mb").style.top=y-80+"px"
|
||||
document.getElementById("mb").style.left=x-2+"px"
|
||||
}
|
||||
|
||||
document.onmousemove=mc
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id='box'></div>
|
||||
<div id='mb'></div>
|
||||
</body>
|
||||
</html>
|
||||
12
projects/x/mtitle.htm
Normal file
12
projects/x/mtitle.htm
Normal file
@@ -0,0 +1,12 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3c.org/1999/xhtml"><head><title>Moving Title</title><script type='text/javascript'>
|
||||
msg="This text is starting over again and again... "
|
||||
d=document
|
||||
c=0
|
||||
function mtitle() {
|
||||
d.title=msg.substr(c)+msg.substr(0,c)
|
||||
if (c<msg.length) c+=1
|
||||
else c=1
|
||||
t=setTimeout("mtitle()",100)
|
||||
}
|
||||
window.onload=mtitle
|
||||
</script></head><body></body></html>
|
||||
52
projects/x/newspaper.php
Normal file
52
projects/x/newspaper.php
Normal file
@@ -0,0 +1,52 @@
|
||||
<?php
|
||||
function article($h,$c,$t) {
|
||||
|
||||
$l=strlen($t);
|
||||
$lc=round($l/$c);
|
||||
$a=0;
|
||||
$i=0;
|
||||
while ($i<$c) {
|
||||
$y=substr($t,$a,$lc);
|
||||
$f.="<div>".$y."</div>";
|
||||
$a=$a+$lc;
|
||||
$i++;
|
||||
}
|
||||
$f="<div>".$h.$f."</div>";
|
||||
return $f;
|
||||
}
|
||||
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml" xml:lang="da">
|
||||
<head>
|
||||
<title>The Nuked Newspaper</title>
|
||||
<style type='text/css'>
|
||||
* {
|
||||
margin:0;
|
||||
padding:0;
|
||||
text-decoration:none;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
body {
|
||||
color:#000;
|
||||
background:#fff url(img/nbg.png);
|
||||
padding:10px;
|
||||
}
|
||||
|
||||
div {
|
||||
font:26px georgia;
|
||||
}
|
||||
|
||||
div div {
|
||||
width:200px;
|
||||
float:left;
|
||||
margin:5px 25px 0 0;
|
||||
font:12px georgia;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<?php echo article("Blahblahblah",2,"ffffffffffffffffff ffffffffffffffff fffffffffffffffffff fffffffffffffffffffff fffffffffffffffffffff fffffffffffffffffffff fffffffffffffffffffff fffffffffffffffffffff fffffffffffffffffffff fffffffffffffffffffff fffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffff fffffffffffffffffffffff fffffffffffffffffffffff fffffffffffffffffffffff fffffffffffffffffffffff ffffffffffffffffffffffff ffffffffffffffffffffffff fffffffffffffffffffffffff ffffffffffffffffff fffffffffffff oooooooooooooooo ooooooooooooooooooo oooooooooooooooooo ooooooooooooooooooo ooooooooooooooooooo ooooooooooooooooooo ooooooooooooooooooo ooooooooooooooooooo ooooooooooooooooooo ooooooooooooooooooo oooooooooooooooooooo ooooooooooooooooooo ooooooooooooooooooo ooooooooooooooooooo ooooooooooooooooooo ooooooooooooooooooo oooooooooooooooooooo ooooooooooooooooooo oooooooooooooooooooo oooooooooooooooooo ooooooooooooooooooo oooooooooooooooooooo ooooooooooooooooooooo ooooooooooooooooooo oooooooooooooooooooo ooooooooooooooooo oooooooooooooooo") ?>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
69
projects/x/pf.htm
Normal file
69
projects/x/pf.htm
Normal file
@@ -0,0 +1,69 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Platform</title>
|
||||
<style type='text/css'>
|
||||
div {
|
||||
position:absolute;
|
||||
left:50%;
|
||||
top:50%;
|
||||
}
|
||||
|
||||
div div {
|
||||
position:static;
|
||||
left:0;
|
||||
top:0;
|
||||
height:1px;
|
||||
background:#000;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript'>
|
||||
size=400
|
||||
angle=0
|
||||
ni=true
|
||||
ss=true
|
||||
|
||||
function load() {
|
||||
w=size
|
||||
h=Math.round(size*angle/90)
|
||||
d=90/angle
|
||||
dw=w/d
|
||||
document.body.removeChild(document.body.childNodes[0])
|
||||
|
||||
if (ss) {
|
||||
ssr=w-h
|
||||
ssh=w
|
||||
}
|
||||
else {
|
||||
ssr=0
|
||||
ssh=h
|
||||
}
|
||||
|
||||
pfd=document.createElement("div")
|
||||
pfd.style.width=w+"px"
|
||||
pfd.style.height=h+"px"
|
||||
pfd.style.marginLeft=w/-2+"px"
|
||||
pfd.style.marginTop=ssh/-2+ssr+"px"
|
||||
document.body.appendChild(pfd)
|
||||
|
||||
ld=new Array()
|
||||
for (i=0;i<h;i++) {
|
||||
lw=dw+(i*(d-1))
|
||||
//lw=w/(((h-i-1)/h)*d+1)
|
||||
ld[i]=document.createElement("div")
|
||||
ld[i].style.width=lw+"px"
|
||||
ld[i].style.marginLeft=(w-lw)/2+"px"
|
||||
pfd.appendChild(ld[i])
|
||||
}
|
||||
if (angle<90 && ni) angle++
|
||||
else if (angle==90) ni=false
|
||||
if (angle>0 && !ni) angle--
|
||||
else if (angle==0) ni=true
|
||||
setTimeout("load()",50)
|
||||
}
|
||||
|
||||
window.onload=load
|
||||
</script>
|
||||
</head>
|
||||
<body><div></div></body>
|
||||
</html>
|
||||
113
projects/x/pgravity.htm
Normal file
113
projects/x/pgravity.htm
Normal file
@@ -0,0 +1,113 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Poor JS Gravity</title>
|
||||
<style type='text/css'>
|
||||
body {
|
||||
overflow:auto;
|
||||
}
|
||||
|
||||
div {
|
||||
background-color:#000;
|
||||
position:absolute;
|
||||
}
|
||||
|
||||
div.b {
|
||||
background-color:#ccc;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript'>
|
||||
function fc() { f+=1 }
|
||||
|
||||
function getwh() {
|
||||
if (self.innerHeight) {
|
||||
w=self.innerWidth
|
||||
h=self.innerHeight
|
||||
}
|
||||
else if (document.documentElement && document.documentElement.clientHeight) {
|
||||
w=document.documentElement.clientWidth
|
||||
h=document.documentElement.clientHeight
|
||||
}
|
||||
else if (document.body) {
|
||||
w=document.body.clientWidth
|
||||
h=document.body.clientHeight
|
||||
}
|
||||
}
|
||||
|
||||
function movefigure() {
|
||||
getwh()
|
||||
for (i=0; i<f; i++) {
|
||||
fy=h-figure[i][1]-figure[i][3]
|
||||
nfy=h-figure[i][1]*speed-figure[i][3]
|
||||
//document.title=Math.round(fy)+" "+Math.round(nfy)
|
||||
if (nfy>0 && fy>0 && !figure[i][4]) {
|
||||
figure[i][1]=(figure[i][1]+figure[i][5])*speed-figure[i][5]
|
||||
figure[i][0].style.top=Math.round(figure[i][1])+"px"
|
||||
}
|
||||
else if (!(nfy>0) && fy>0 && !figure[i][4]) {
|
||||
figure[i][0].style.top=(h-s)+"px"
|
||||
}
|
||||
else if (figure[i][4]) {
|
||||
figure[i][1]=(figure[i][1]-figure[i][5]/3)/speed+figure[i][5]/3
|
||||
figure[i][0].style.top=Math.round(figure[i][1])+"px"
|
||||
document.title=figure[i][1]+" "+figure[i][5]
|
||||
if (figure[i][1]<figure[i][5]) {
|
||||
figure[i][4]=false
|
||||
}
|
||||
}
|
||||
|
||||
if (nfy<0 && !figure[i][4]) {
|
||||
figure[i][4]=true
|
||||
figure[i][1]=h-s
|
||||
figure[i][5]=figure[i][5]+h/max*10
|
||||
//figure[i][0].className="b"
|
||||
}
|
||||
}
|
||||
mft=setTimeout("movefigure()",50)
|
||||
}
|
||||
|
||||
function drawfigure(x,y,rs) {
|
||||
getwh()
|
||||
if (w>h)
|
||||
s=h/max*rs
|
||||
else
|
||||
s=w/max*rs
|
||||
|
||||
s=Math.round(s)
|
||||
x=Math.round(w/max*x)
|
||||
y=Math.round(h/max*y)
|
||||
|
||||
figure[f]=new Array()
|
||||
figure[f][0]=document.createElement("div")
|
||||
figure[f][0].style.left=x+"px"
|
||||
figure[f][0].style.top=y+"px"
|
||||
figure[f][0].style.width=s+"px"
|
||||
figure[f][0].style.height=s+"px"
|
||||
figure[f][0].style.zIndex=f+1
|
||||
bd.appendChild(figure[f][0])
|
||||
figure[f][1]=y
|
||||
figure[f][2]=x
|
||||
figure[f][3]=s
|
||||
figure[f][4]=false
|
||||
figure[f][5]=y
|
||||
figure[f][6]=x
|
||||
fc()
|
||||
}
|
||||
|
||||
function load() {
|
||||
max=100
|
||||
speed=1.02
|
||||
figure=new Array()
|
||||
f=0
|
||||
bd=document.body
|
||||
movefigure()
|
||||
|
||||
drawfigure(40,40,7)
|
||||
}
|
||||
window.onload=load
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
52
projects/x/piclook.htm
Normal file
52
projects/x/piclook.htm
Normal file
@@ -0,0 +1,52 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml" xml:lang="da">
|
||||
<head>
|
||||
<title>PicLook</title>
|
||||
<style type='text/css'>
|
||||
* {
|
||||
margin:0;
|
||||
padding:0;
|
||||
text-decoration:none;
|
||||
font-weight:normal;
|
||||
color:#000;
|
||||
font:16px arial;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color:#fff;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#all {
|
||||
position:absolute;
|
||||
top:50%;
|
||||
left:50%;
|
||||
margin-top:-8px;
|
||||
margin-left:-6px;
|
||||
width:16px;
|
||||
height:12px;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript'>
|
||||
w=32
|
||||
h=24
|
||||
function enlarge() {
|
||||
all=document.getElementById("all")
|
||||
all.style.marginTop="-"+Math.round(h/2)+"px"
|
||||
all.style.marginLeft="-"+Math.round(w/2)+"px"
|
||||
all.style.width=w+"px"
|
||||
all.style.height=h+"px"
|
||||
|
||||
w=w+16
|
||||
h=h+12
|
||||
|
||||
t=setTimeout("enlarge()",1)
|
||||
}
|
||||
|
||||
window.onload=enlarge
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<img id='all' src='img/textsize.jpg' alt='' />
|
||||
</body>
|
||||
</html>
|
||||
229
projects/x/richtext.htm
Normal file
229
projects/x/richtext.htm
Normal file
@@ -0,0 +1,229 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml" xml:lang="da">
|
||||
<head>
|
||||
<title>The RichTextDevice</title>
|
||||
<style type='text/css'>
|
||||
* {
|
||||
margin:0;
|
||||
padding:0;
|
||||
text-decoration:none;
|
||||
font-weight:normal;
|
||||
color:#000;
|
||||
font:12px arial;
|
||||
}
|
||||
|
||||
body {
|
||||
font:12px arial;
|
||||
background-color:#000;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
width:400px;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
#wrapper * {
|
||||
padding:4px;
|
||||
color:#fff;
|
||||
border-style:solid;
|
||||
border-color:#fff;
|
||||
}
|
||||
|
||||
#header {
|
||||
height:25px;
|
||||
padding-top:25px;
|
||||
font-size:20px;
|
||||
border-width:0 2px 2px 2px;
|
||||
}
|
||||
|
||||
#tools {
|
||||
height:20px;
|
||||
border-width:0 2px 2px 2px;
|
||||
}
|
||||
|
||||
#content {
|
||||
height:350px;
|
||||
border-width:0 2px 2px 2px;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#footer {
|
||||
text-align:center;
|
||||
font-size:11px;
|
||||
border-width:0 2px 2px 2px;
|
||||
}
|
||||
|
||||
.inl {
|
||||
font-size:12px;
|
||||
display:inline;
|
||||
border-width:0;
|
||||
}
|
||||
|
||||
#t {
|
||||
position:absolute;
|
||||
top:-100px;
|
||||
left:-100px;
|
||||
width:50px;
|
||||
height:50px;
|
||||
visibility:hidden;
|
||||
}
|
||||
|
||||
#tools a {
|
||||
padding:0;
|
||||
border-width:1px;
|
||||
float:left;
|
||||
width:18px;
|
||||
height:18px;
|
||||
margin-right:5px;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
|
||||
#b {
|
||||
background-image:url('img/bold.png');
|
||||
}
|
||||
#i {
|
||||
background-image:url('img/italic.png');
|
||||
}
|
||||
#u {
|
||||
background-image:url('img/underline.png');
|
||||
}
|
||||
|
||||
#tools a:link,#tools a:visited,a.almtd:link,#tools a.almtd:visited {
|
||||
background-color:#000;
|
||||
}
|
||||
#tools a:hover {
|
||||
background-color:#606060;
|
||||
}
|
||||
#tools a.almtd:hover {
|
||||
background-color:#000;
|
||||
}
|
||||
|
||||
#tools a.chot:link,#tools a.chot:visited,a.cho:link,#tools a.cho:visited {
|
||||
background-color:#006600;
|
||||
}
|
||||
#tools a.chot:hover {
|
||||
background-color:#006600;
|
||||
}
|
||||
#tools a.cho:hover {
|
||||
background-color:#404040;
|
||||
}
|
||||
|
||||
#content div {
|
||||
padding:0;
|
||||
border-width:0;
|
||||
display:inline;
|
||||
}
|
||||
|
||||
.b {
|
||||
font-weight:bold;
|
||||
}
|
||||
.i {
|
||||
font-style:italic;
|
||||
}
|
||||
.u {
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
.bi {
|
||||
font-weight:bold;
|
||||
font-style:italic;
|
||||
}
|
||||
|
||||
.bu {
|
||||
font-weight:bold;
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
.biu {
|
||||
font-weight:bold;
|
||||
font-style:italic;
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
.iu {
|
||||
font-style:italic;
|
||||
text-decoration:underline;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript'>
|
||||
function wtd() {
|
||||
t=document.getElementById("t")
|
||||
t.focus()
|
||||
c=document.getElementById("content")
|
||||
ft=t.value
|
||||
cin=c.innerHTML
|
||||
if (c.className=="y") {
|
||||
ft=ft+"</b>"
|
||||
cin=cin.substr(0,cin.length-6)
|
||||
}
|
||||
|
||||
c.innerHTML=cin+ft
|
||||
t.value=""
|
||||
a=setTimeout("wtd()",25)
|
||||
}
|
||||
|
||||
function choit(pid) {
|
||||
c=document.getElementById("content")
|
||||
b=document.getElementById("b")
|
||||
i=document.getElementById("i")
|
||||
u=document.getElementById("u")
|
||||
tid=document.getElementById(pid)
|
||||
|
||||
if (tid.className=="" || tid.className=="almtd") {
|
||||
tid.className="chot"
|
||||
tid.onmouseout=function () {
|
||||
tid.className="cho"
|
||||
tid.onmouseout=""
|
||||
}
|
||||
|
||||
c.className="y"
|
||||
}
|
||||
else {
|
||||
tid.className="almtd"
|
||||
tid.onmouseout=function () {
|
||||
tid.className=""
|
||||
tid.onmouseout=""
|
||||
}
|
||||
}
|
||||
|
||||
if (b.className!="" && b.className!="almtd" && (i.className=="" || i.className=="almtd") && (u.className=="" || u.className=="almtd"))
|
||||
fid="b"
|
||||
else if (i.className!="" && i.className!="almtd" && (u.className=="" || u.className=="almtd") && (b.className=="" || b.className=="almtd"))
|
||||
fid="i"
|
||||
else if (u.className!="" && u.className!="almtd" && (b.className=="" || b.className=="almtd") && (i.className=="" || i.className=="almtd"))
|
||||
fid="u"
|
||||
else if (b.className!="" && b.className!="almtd" && i.className!="" && i.className!="almtd" && (u.className=="" || u.className=="almtd"))
|
||||
fid="bi"
|
||||
else if (b.className!="" && b.className!="almtd" && u.className!="" && u.className!="almtd" && (i.className=="" || i.className=="almtd"))
|
||||
fid="bu"
|
||||
else if (b.className!="" && b.className!="almtd" && i.className!="" && i.className!="almtd" && u.className!="" && u.className!="almtd")
|
||||
fid="biu"
|
||||
else if (i.className!="" && i.className!="almtd" && u.className!="" && u.className!="almtd" && (b.className=="" || b.className=="almtd"))
|
||||
fid="iu"
|
||||
else
|
||||
fid=""
|
||||
|
||||
if (fid!="")
|
||||
c.innerHTML=c.innerHTML+"<div class='"+fid+"'></div>"
|
||||
else
|
||||
c.className=""
|
||||
}
|
||||
|
||||
window.onload=wtd
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<textarea id='t'></textarea>
|
||||
<div id='wrapper'>
|
||||
<div id='header'>The RichTextDevice <div class='inl'>(press a key on your keyboard)</div</div>
|
||||
<div id='tools'>
|
||||
<a href='#' id='b' onclick='choit("b")'></a>
|
||||
<a href='#' id='i' onclick='choit("i")'></a>
|
||||
<a href='#' id='u' onclick='choit("u")'></a>
|
||||
</div>
|
||||
<div id='content'></div>
|
||||
<div id='footer'>© nqpz 2008 - "And Now For Something Completely Different" (this)</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
90
projects/x/road.htm
Normal file
90
projects/x/road.htm
Normal file
@@ -0,0 +1,90 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Road</title>
|
||||
<style type='text/css'>
|
||||
* {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
body {
|
||||
position:absolute;
|
||||
top:50%;
|
||||
left:50%;
|
||||
margin-top:-200px;
|
||||
}
|
||||
|
||||
div {
|
||||
width:10px;
|
||||
height:10px;
|
||||
float:left;
|
||||
top:200px;
|
||||
position:relative;
|
||||
background:#000;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript'>
|
||||
len=40
|
||||
|
||||
d=document
|
||||
px="px"
|
||||
stopped=false
|
||||
c=0
|
||||
newtop=new Array()
|
||||
newtop[0]=200
|
||||
function road() {
|
||||
nodetop=200
|
||||
for (i=0;i<d.body.childNodes.length;i++) {
|
||||
node=d.body.childNodes[i]
|
||||
top=node.offsetTop
|
||||
oldtop=nodetop
|
||||
if (i==0) {
|
||||
do {
|
||||
rand=Math.floor(Math.random()*18+1)
|
||||
if (rand>9) rand=rand-19
|
||||
|
||||
nodetop=top+rand
|
||||
if (nodetop<0) nodetop=0
|
||||
} while (nodetop<oldtop-9 || nodetop>oldtop+9)
|
||||
node.style.top=nodetop+px
|
||||
newtop[c+1]=new Array()
|
||||
newtop[c+1][i+1]=nodetop
|
||||
}
|
||||
else {
|
||||
node.style.top=newtop[c][i]+px
|
||||
newtop[c+1][i+1]=newtop[c][i]
|
||||
}
|
||||
}
|
||||
c=c+1
|
||||
document.title=c
|
||||
t=setTimeout("road()",1)
|
||||
}
|
||||
|
||||
function buildroad() {
|
||||
d.body.style.marginLeft="-"+len*5+"px"
|
||||
for (i=0; i<len; i++) {
|
||||
ne=document.createElement("div")
|
||||
d.body.appendChild(ne)
|
||||
}
|
||||
road()
|
||||
}
|
||||
|
||||
function action() {
|
||||
if (stopped) {
|
||||
t=setTimeout("road()",1)
|
||||
stopped=false
|
||||
document.title="Road"
|
||||
}
|
||||
else {
|
||||
clearTimeout(t)
|
||||
stopped=true
|
||||
document.title+=" :: PAUSED"
|
||||
}
|
||||
}
|
||||
window.onload=buildroad
|
||||
d.onclick=action
|
||||
</script>
|
||||
</head>
|
||||
<body></body>
|
||||
</html>
|
||||
79
projects/x/slide.htm
Normal file
79
projects/x/slide.htm
Normal file
@@ -0,0 +1,79 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Slide</title>
|
||||
<style type='text/css'>
|
||||
body {font-family:arial; font-size:14px}
|
||||
p {}
|
||||
p.slide {margin:0; padding:3px; background-color:#ffff00; border-width:1px 1px 0 1px; border-style:solid; border-color:#bbb; width:294px; text-align:center; cursor:pointer}
|
||||
p.slide:hover {background-color:#ffde00}
|
||||
div.slide {padding:0 3px; border-width:0 1px 1px 1px; border-style:solid; border-color:#bbb; width:294px; overflow:hidden; height:0}
|
||||
</style>
|
||||
<script type='text/javascript'>
|
||||
h=0
|
||||
|
||||
function slide(sopens) {
|
||||
slider=document.getElementById("slider")
|
||||
slider.style.padding="3px"
|
||||
slider.style.borderWidth="1px"
|
||||
scrh=document.getElementById("slider").scrollHeight
|
||||
|
||||
if (sopens) {
|
||||
slideopenload()
|
||||
slider.onclick=function(){slide(false)}
|
||||
}
|
||||
else {
|
||||
slidecloseload()
|
||||
slider.onclick=function(){slide(true)}
|
||||
}
|
||||
return scrh
|
||||
}
|
||||
|
||||
function slideopenload() {
|
||||
slideopen()
|
||||
}
|
||||
|
||||
function slidecloseload() {
|
||||
nh=scrh
|
||||
slideclose()
|
||||
}
|
||||
|
||||
function slideopen()
|
||||
{
|
||||
document.getElementById("slider").style.height=h+"px"
|
||||
|
||||
if (h<scrh)
|
||||
h=h+5
|
||||
else
|
||||
{
|
||||
document.getElementById("slider").style.height=scrh-6+"px"
|
||||
clearTimeout(a)
|
||||
}
|
||||
|
||||
a=setTimeout("slideopen()",1)
|
||||
}
|
||||
|
||||
function slideclose()
|
||||
{
|
||||
document.getElementById("slider").style.height=nh+"px"
|
||||
document.getElementById("a").innerHTML=document.getElementById("a").innerHTML+"+"+nh+"fg"
|
||||
if (nh>0)
|
||||
nh=nh-5
|
||||
else
|
||||
{
|
||||
document.getElementById("slider").style.height="0"
|
||||
clearTimeout(bqc)
|
||||
}
|
||||
|
||||
bqc=setTimeout("slideclose()",1)
|
||||
}
|
||||
</script>
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<p class='slide' id='a' onclick='slide(true)'>Internet destroyed by coakcroch</p>
|
||||
<div class='slide' id='slider'>
|
||||
Today at 02:52:12 AM the internet suddenly stopped working and the police has now found out that Charlie Coakcroch, a dangerous bug, has destroyed the internet. "It all started back in the 60's, where we were developing DARPA on to the next level. It was never supposed to have happened, but one night a burglar stole our most important object: our coakcroch." former internet king Norman Hulk says. "Back then we were sure that biological internet would be the right solution. However, as our coakcroch didn't return, we filed the case and moved on to making the perfect internet another way. That way Charlie Coakcroach became a bug in our system, and we knew he would destroy the internet if he got a chance. I' so sorry."
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
77
projects/x/snake.htm
Normal file
77
projects/x/snake.htm
Normal file
@@ -0,0 +1,77 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Snake</title>
|
||||
<style type='text/css'>
|
||||
* {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
body {
|
||||
position:absolute;
|
||||
top:50%;
|
||||
left:50%;
|
||||
margin-top:-200px;
|
||||
}
|
||||
|
||||
div {
|
||||
width:10px;
|
||||
height:10px;
|
||||
float:left;
|
||||
top:200px;
|
||||
position:relative;
|
||||
background:#000;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript'>
|
||||
len=40
|
||||
|
||||
d=document
|
||||
px="px"
|
||||
stopped=false
|
||||
function snake() {
|
||||
nodetop=200
|
||||
for (i=0;i<d.body.childNodes.length;i++) {
|
||||
node=d.body.childNodes[i]
|
||||
top=node.offsetTop
|
||||
oldtop=nodetop
|
||||
do {
|
||||
rand=Math.floor(Math.random()*18+1)
|
||||
if (rand>9) rand=rand-19
|
||||
|
||||
nodetop=top+rand
|
||||
if (nodetop<0) nodetop=0
|
||||
} while (nodetop<oldtop-9 || nodetop>oldtop+9)
|
||||
node.style.top=nodetop+px
|
||||
}
|
||||
t=setTimeout("snake()",1)
|
||||
}
|
||||
|
||||
function buildsnake() {
|
||||
d.body.style.marginLeft="-"+len*5+"px"
|
||||
for (i=0; i<len; i++) {
|
||||
ne=document.createElement("div")
|
||||
d.body.appendChild(ne)
|
||||
}
|
||||
snake()
|
||||
}
|
||||
|
||||
function action() {
|
||||
if (stopped) {
|
||||
t=setTimeout("snake()",1)
|
||||
stopped=false
|
||||
document.title="Snake"
|
||||
}
|
||||
else {
|
||||
clearTimeout(t)
|
||||
stopped=true
|
||||
document.title+=" :: PAUSED"
|
||||
}
|
||||
}
|
||||
window.onload=buildsnake
|
||||
d.onclick=action
|
||||
</script>
|
||||
</head>
|
||||
<body></body>
|
||||
</html>
|
||||
59
projects/x/superdraw.htm
Normal file
59
projects/x/superdraw.htm
Normal file
@@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml">
|
||||
<head>
|
||||
<title>SuperDraw</title>
|
||||
<style type='text/css'>
|
||||
* {
|
||||
margin:0;
|
||||
padding:0;
|
||||
text-decoration:none;
|
||||
font-weight:normal;
|
||||
color:#000;
|
||||
font:16px arial;
|
||||
}
|
||||
|
||||
body {
|
||||
font:16px arial;
|
||||
background-color:#fff;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
div {
|
||||
position:absolute;
|
||||
width:1px;
|
||||
height:1px;
|
||||
background-color:#000;
|
||||
}
|
||||
|
||||
#evr {
|
||||
width:100%;
|
||||
height:100%;
|
||||
background-color:#fff;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript'>
|
||||
function drawdot(x,y) {
|
||||
ne=document.createElement("div")
|
||||
ne.setAttribute("style","top:"+y+"px;left:"+x+"px")
|
||||
evr=document.getElementById("evr")
|
||||
evr.appendChild(ne)
|
||||
}
|
||||
ft=1
|
||||
function mc(event) {
|
||||
x=event.pageX
|
||||
y=event.pageY
|
||||
|
||||
drawdot(x,y)
|
||||
|
||||
document.title=document.title*1+1
|
||||
//t=setTimeout("mc(event)",100)
|
||||
}
|
||||
document.onmousemove=mc
|
||||
window.onload=function(){document.title="0"}
|
||||
//window.onload=mc
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id='evr'></div>
|
||||
</body>
|
||||
</html>
|
||||
67
projects/x/txtcolor.php
Normal file
67
projects/x/txtcolor.php
Normal file
@@ -0,0 +1,67 @@
|
||||
<?php
|
||||
$title="Google";
|
||||
$tlen=strlen($title);
|
||||
if ($tlen<6) {
|
||||
$title.="abcdef";
|
||||
$tlen=$tlen+6;
|
||||
}
|
||||
$c=0;
|
||||
while ($c<$tlen) {
|
||||
$t.=ord(substr($title,$c,1));
|
||||
$c++;
|
||||
}
|
||||
|
||||
$r=$t*1;
|
||||
$g=strrev($t)*1;
|
||||
|
||||
if ($r>$g) {
|
||||
$b=$r-$g;
|
||||
}
|
||||
else {
|
||||
$b=$g-$r;
|
||||
}
|
||||
|
||||
$ct=0;
|
||||
while (strlen($t)>10) {
|
||||
$ntlen=strlen($t);
|
||||
$c=0;
|
||||
while ($c<$ntlen) {
|
||||
$gt=substr($t,$c-1,1)*1;
|
||||
$nt=substr($t,$c,1)*1;
|
||||
|
||||
/*
|
||||
if ($gt>$nt) {
|
||||
$res=$gt-$nt;
|
||||
}
|
||||
else {
|
||||
$res=$nt-$gt;
|
||||
}
|
||||
*/
|
||||
|
||||
$ft.=$gt-$nt;
|
||||
$c++;
|
||||
}
|
||||
$t=substr($ft,0,1).str_replace("-","",str_replace("0","",substr($ft,1,strlen($ft)-1)));
|
||||
$ft="";
|
||||
$ct++;
|
||||
}
|
||||
|
||||
$ro=255-$r;
|
||||
$go=255-$g;
|
||||
$bo=255-$b;
|
||||
?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml" xml:lang="da">
|
||||
<head>
|
||||
<title>txtColor</title>
|
||||
<style type='text/css'>
|
||||
body {
|
||||
background:rgb(<?php echo $r.",".$g.",".$b; ?>);
|
||||
color:rgb(<?php echo $ro.",".$go.",".$bo; ?>);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<?php echo $t; ?>
|
||||
</body>
|
||||
</html>
|
||||
66
projects/x/typewriter.htm
Normal file
66
projects/x/typewriter.htm
Normal file
@@ -0,0 +1,66 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Typewriter</title>
|
||||
<style type='text/css'>
|
||||
* {
|
||||
margin:0;
|
||||
padding:0;
|
||||
text-decoration:none;
|
||||
font-weight:normal;
|
||||
color:#000;
|
||||
font:10px verdana;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color:#fff;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
div {
|
||||
width:296px;
|
||||
background-color:#eee;
|
||||
float:left;
|
||||
padding:2px;
|
||||
margin:10px 0 0 10px;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript'>
|
||||
text="Ik ben makelaar in koffi, en woon op de Lauriergracht No 37. Het is mijn gewoonte niet, romans te schrijven, of zulke dingen, en het heeft dan ook lang geduurd, voor ik er toe overging een paar riem papier extra te bestellen, en het werk aan te vangen, dat gij, lieve lezer, zo<7A>ven in de hand hebt genomen, en dat ge lezen moet als ge makelaar in koffie zijt, of als ge wat anders zijt. Niet alleen dat ik nooit iets schreef wat naar een roman geleek, maar ik houd er zelfs niet van, iets dergelijks te lezen, omdat ik een man van zaken ben."
|
||||
c=1
|
||||
i=0
|
||||
function write() {
|
||||
tida=document.getElementById("texta")
|
||||
tidb=document.getElementById("textb")
|
||||
tidc=document.getElementById("textc")
|
||||
tidd=document.getElementById("textd")
|
||||
textspl=text.split(" ")
|
||||
tida.innerHTML=text.substr(0,c)
|
||||
tidd.innerHTML=text.substr(text.length-c)
|
||||
if (text.substr(c-1,1)==" ") {
|
||||
tidb.innerHTML+=textspl[i]+" "
|
||||
i+=1
|
||||
}
|
||||
if (c<=textspl.length)
|
||||
tidc.innerHTML+=textspl[c-1]+" "
|
||||
|
||||
c+=1
|
||||
if (c-1!=text.length)
|
||||
t=setTimeout("write()",25)
|
||||
else
|
||||
tidb.innerHTML+=textspl[i]
|
||||
}
|
||||
|
||||
window.onload=function(){
|
||||
document.title+=" :: No, I'm NOT Dutch"
|
||||
write()
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id='texta'></div>
|
||||
<div id='textb'></div>
|
||||
<div id='textc'></div>
|
||||
<div id='textd'></div>
|
||||
</body>
|
||||
</html>
|
||||
199
projects/x/windows.htm
Normal file
199
projects/x/windows.htm
Normal file
@@ -0,0 +1,199 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Windows</title>
|
||||
<style type='text/css'>
|
||||
* {
|
||||
margin:0;
|
||||
padding:0;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color:#000;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
div {
|
||||
position:absolute;
|
||||
background:#000 url('img/top.png') repeat-x;
|
||||
visibility:hidden;
|
||||
}
|
||||
|
||||
#selected {
|
||||
background:#000 url('img/topselected.png') repeat-x;
|
||||
/*z-index:1;*/
|
||||
}
|
||||
|
||||
div p {
|
||||
color:#444;
|
||||
font:12px tahoma;
|
||||
padding:0 2px 0 2px;
|
||||
height:15px;
|
||||
cursor:default;
|
||||
}
|
||||
|
||||
#selected p {
|
||||
color:#000;
|
||||
}
|
||||
|
||||
div div {
|
||||
visibility:visible;
|
||||
font:12px tahoma;
|
||||
position:relative;
|
||||
background:#000;
|
||||
border-width:0 1px 1px 1px;
|
||||
border-style:solid;
|
||||
border-color:#b3b3b3;
|
||||
padding:3px;
|
||||
color:#555;
|
||||
}
|
||||
|
||||
#selected div {
|
||||
color:#fff;
|
||||
border-color:#7a7a7a;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript'>
|
||||
selected=false
|
||||
x=0
|
||||
y=0
|
||||
nn=0
|
||||
index=3
|
||||
|
||||
function boxpos() {
|
||||
ww=document.getElementById("selected")
|
||||
offl=ww.offsetLeft
|
||||
offt=ww.offsetTop
|
||||
t=setTimeout("boxpos()",50)
|
||||
}
|
||||
|
||||
function adjust() {
|
||||
bn=document.body
|
||||
|
||||
if (self.innerHeight) {
|
||||
w=self.innerWidth
|
||||
h=self.innerHeight
|
||||
}
|
||||
else if (document.documentElement && document.documentElement.clientHeight) {
|
||||
w=document.documentElement.clientWidth
|
||||
h=document.documentElement.clientHeight
|
||||
}
|
||||
else if (document.body) {
|
||||
w=document.body.clientWidth
|
||||
h=document.body.clientHeight
|
||||
}
|
||||
|
||||
for (i=0;i<bn.childNodes.length;i++) {
|
||||
node=bn.childNodes[i]
|
||||
if (node.nodeName=="DIV") {
|
||||
node.style.left=w/2-node.scrollWidth/2+"px"
|
||||
node.style.top=h/2-node.scrollHeight/2+"px"
|
||||
node.style.visibility="visible"
|
||||
}
|
||||
}
|
||||
|
||||
//boxpos()
|
||||
}
|
||||
|
||||
function mdown(num) {
|
||||
c=0
|
||||
bn=document.body
|
||||
for (i=0;i<bn.childNodes.length;i++) {
|
||||
node=bn.childNodes[i]
|
||||
if (node.nodeName=="DIV") {
|
||||
if (c==num) {
|
||||
node.id="select"
|
||||
node.style.zIndex=index
|
||||
}
|
||||
else {
|
||||
node.id=""
|
||||
}
|
||||
c=c+1
|
||||
}
|
||||
}
|
||||
|
||||
document.getElementById("select").id="selected"
|
||||
|
||||
offl=document.getElementById("selected").offsetLeft
|
||||
offt=document.getElementById("selected").offsetTop
|
||||
xcoor=x-offl
|
||||
ycoor=y-offt
|
||||
xm=xcoor
|
||||
ym=ycoor
|
||||
|
||||
selected=true
|
||||
}
|
||||
|
||||
function mup() {
|
||||
selected=false
|
||||
index+=1
|
||||
}
|
||||
|
||||
function movewindow(event) {
|
||||
x=event.pageX
|
||||
y=event.pageY
|
||||
|
||||
//document.title=nn
|
||||
ww=document.getElementById("selected")
|
||||
/*
|
||||
c=0
|
||||
bn=document.body
|
||||
for (i=0;i<bn.childNodes.length;i++) {
|
||||
node=bn.childNodes[i]
|
||||
if (node.nodeName=="DIV") {
|
||||
if (c==nn) {
|
||||
ww=node
|
||||
}
|
||||
c=c+1
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
||||
offl=ww.offsetLeft
|
||||
offt=ww.offsetTop
|
||||
//document.title=offl
|
||||
|
||||
xcoor=x-offl
|
||||
ycoor=y-offt
|
||||
|
||||
if (selected) {
|
||||
ww.style.left=x-xm+"px"
|
||||
ww.style.top=y-ym+"px"
|
||||
}
|
||||
}
|
||||
|
||||
window.onload=adjust
|
||||
document.onmousemove=movewindow
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div>
|
||||
<p onmousedown='mdown(0)' onmouseup='mup()' style='z-index: 1'>A third window</p>
|
||||
<div>
|
||||
This is a third window.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p onmousedown='mdown(1)' onmouseup='mup()' style='z-index: 2'>Another window</p>
|
||||
<div>
|
||||
This is also a window.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id='selected'>
|
||||
<p onmousedown='mdown(2)' onmouseup='mup()' style='z-index: 3'>A window</p>
|
||||
<div>
|
||||
This is a window.
|
||||
<!--<object data='http://www.cartoonsfree.tv/unicast_mov/AFTVCartoonsH2641000.mov' type='video/quicktime' style='width:768px;height:592px'>
|
||||
<param name="src" value="http://www.cartoonsfree.tv/unicast_mov/AFTVCartoonsH2641000.mov">
|
||||
<param name="autoplay" value="true">
|
||||
<param name="autoStart" value="1">
|
||||
</object>-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
1
projects/x/words.txt
Normal file
1
projects/x/words.txt
Normal file
@@ -0,0 +1 @@
|
||||
ape,dog,cat,mouse,rabbit,monkey,speaker,monitor,camera,cd,dvd,verbatim,cover,harddisk,bowl,spoon,printer,tape,glass,drive,ram,byte,bytes,keyboard,borat,imdb,php,asp,.net,fire,bonfire,guy fawkes,barrel,barrels,dummy,treason,plot,november,december,christmas,xmas,x-mas,xmen,x-men,wolf,wolverine,smiley
|
||||
131
projects/x/xtext.htm
Normal file
131
projects/x/xtext.htm
Normal file
@@ -0,0 +1,131 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3c.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Xtext</title>
|
||||
<style type='text/css'>
|
||||
* {
|
||||
font:25px 'trebuchet ms';
|
||||
position:relative;
|
||||
color:#99ff00;
|
||||
}
|
||||
|
||||
.shadow div {
|
||||
position:relative;
|
||||
color:#99ff00;
|
||||
z-index:2;
|
||||
}
|
||||
|
||||
.shadow div.e {
|
||||
position:absolute;
|
||||
top:1px;
|
||||
left:1px;
|
||||
color:#000;
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
.outline div {
|
||||
float:left;
|
||||
}
|
||||
|
||||
.outline div div {
|
||||
color:#99ff00;
|
||||
z-index:2;
|
||||
font-size:70px;
|
||||
}
|
||||
|
||||
.outline div div.e {
|
||||
color:#000;
|
||||
font-size:80px;
|
||||
position:absolute;
|
||||
top:-5px;
|
||||
left:-3px;
|
||||
z-index:1;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript'>
|
||||
window.onload=function() {
|
||||
d=document.body
|
||||
for (i=0;i<d.childNodes.length;i++) {
|
||||
node=d.childNodes[i]
|
||||
if (node.className) {
|
||||
nspl=node.className.split(" ")
|
||||
|
||||
if (nspl[0]=="shadow") {
|
||||
tl=nspl[1]
|
||||
if (!tl) tl=""
|
||||
tls=tl.split(",")
|
||||
top=tls[0]
|
||||
left=tls[1]
|
||||
size=tls[2]
|
||||
fcolor=tls[3]
|
||||
scolor=tls[4]
|
||||
|
||||
if (!top && (left || size || fcolor || scolor))
|
||||
top="_"
|
||||
|
||||
if (top && top!="_")
|
||||
stya="top: "+top+"px"
|
||||
else
|
||||
stya=""
|
||||
|
||||
if (left)
|
||||
stya+="; left:"+left+"px"
|
||||
|
||||
if (size) {
|
||||
stya+="; font-size: "+size+"px"
|
||||
styb=" style='font-size: "+size+"px"
|
||||
}
|
||||
else
|
||||
styb=""
|
||||
|
||||
if (fcolor)
|
||||
styb+="; color: "+fcolor
|
||||
|
||||
if (scolor)
|
||||
stya+="; color: "+scolor
|
||||
|
||||
if (top*1<0)
|
||||
node.style.marginTop=top.substr(1)+"px"
|
||||
|
||||
if (left*1<0)
|
||||
node.style.marginLeft=left.substr(1)+"px"
|
||||
|
||||
if (stya!="") {
|
||||
if (top!="_")
|
||||
stya=" style='"+stya+"'"
|
||||
else
|
||||
stya=" style='"+stya.substr(2)+"'"
|
||||
}
|
||||
if (styb!="")
|
||||
styb+="'"
|
||||
|
||||
node.innerHTML="<div class='e'"+stya+">"+node.innerHTML+"</div>"+"<div"+styb+">"+node.innerHTML+"</div>"
|
||||
}
|
||||
else if (nspl[0]=="outline") {
|
||||
fres=""
|
||||
ni=node.innerHTML
|
||||
nl=ni.length
|
||||
for (ib=0; ib<nl; ib+=1) {
|
||||
ns=ni.substr(ib,1)
|
||||
ns=ns.replace(" "," ")
|
||||
fres+="<div><div>"+ns+"</div><div class='e'>"+ns+"</div></div>"
|
||||
}
|
||||
node.innerHTML=fres
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class='shadow -1,0,18'>This is a test.</div>
|
||||
<div class='shadow'>This is a test.</div>
|
||||
<div class='shadow 2,2,50'>This is a test.</div>
|
||||
<div class='shadow 3,3,75'>This is a test.</div>
|
||||
<div class='shadow 1,3,80,#8e00f8,#ab9605'>This is a test.</div>
|
||||
<div class='shadow 4,4,100'>This is a test.</div>
|
||||
<div class='shadow -4,-4,110,#000,#ccc'>This is a test.</div>
|
||||
<div class='shadow 5,-3,120,#f0d208,#0019f0'>This is a test.</div>
|
||||
<div class='outline'>This is a test.</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user