stomme vraag - Softwareontwikkeling

zaterdag 10 januari 2004 21:23

Acties:

Verwijderd

Topicstarter

ik kan het nergens vinden
ik wil in mijn html webpagina meerdere javascripts zetten.
hoe doe ik dat.
ik kan ze er niet zomaar inzetten.zoals meerdere javascripts in 1 body tag.
ik weet het echt niet.

please help

zaterdag 10 januari 2004 21:25

Acties:

Verwijderd

Laat eens zien wat je hebt geprobeerd.

zaterdag 10 januari 2004 21:25

Acties:

Xof

waarom zou dat niet kunnen?

zaterdag 10 januari 2004 21:26

Acties:

Verwijderd

zaterdag 10 januari 2004 21:27

Acties:

Verwijderd

Topicstarter

dit heb ik geprobeerd.
een hele was lijst hoor.

<html>

<head>

<title>ff oefenen.</title>
script language="JavaScript1.2">

function move(x) {
if (document.all) {
object1.style.pixelLeft += x;
object1.style.visibility = "visible"}
else if (document.layers) {
document.object1.left += x;
document.object1.visibility = "show"}};

function makeStatic() {
if (document.all) {object1.style.pixelTop=document.body.scrollTop+20}
else {eval(document.object1.top=eval(window.pageYOffset+20));}
setTimeout("makeStatic()",0);}
</script>

<style>

</style>
</head>

<body>
<LAYER visibility="hide" top="20" name="object1" bgcolor="black" left="0" onmouseover="move(132)" onmouseout="move(-132)">

<script language="JavaScript1.2">

function positionmenu(){
move(-132)
}

if (document.all) {document.write('<DIV ID="object1" style="visibility:hidden;cursor:hand; Position : Absolute ;Left : 0px ;Top : 20px ;Z-Index : 20" onmouseover="move(132)" onmouseout="move(-132)">')}
</script>

<table border="0" cellpadding="0" cellspacing="1" width="150" bgcolor="#000000">
<tr><td bgcolor="#0099FF"> <font size="4" face="Arial"><b>Menu</b></font></td>

<script language="JavaScript1.2">
document.write('<td align="center" rowspan="100" width="16" bgcolor="#FF6666"><span style="font-size:13px"><p align="center"><font face="Arial Black">S<br>I<br>D<br>E<br>M<br>E<br>N<BR>U</font></p></span></TD>')
</script>

</tr>

<script language="JavaScript1.2">
</script>
<tr>
<td bgcolor="#0099FF"><font size="1" face="Arial"> </font></td>
</TR>
</table>
<script language="JavaScript1.2">
if (document.all) {document.write('</DIV>')}
window.onload=positionmenu
</script>
</LAYER>
<script language="JavaScript">

dCol='000000';//date colour.

fCol='000000';//face colour.

sCol='000000';//seconds colour.

mCol='000000';//minutes colour.

hCol='000000';//hours colour.

ClockHeight=40;

ClockWidth=40;

ClockFromMouseY=0;

ClockFromMouseX=100;

//Alter nothing below! Alignments will be lost!

d=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY");

m=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER");

date=new Date();

day=date.getDate();

year=date.getYear();

if (year < 2000) year=year+1900;

TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;

D=TodaysDate.split('');

H='...';

H=H.split('');

M='....';

M=M.split('');

S='.....';

S=S.split('');

Face='1 2 3 4 5 6 7 8 9 10 11 12';

font='Arial';

size=1;

speed=0.6;

ns=(document.layers);

ie=(document.all);

Face=Face.split(' ');

n=Face.length;

a=size*10;

ymouse=0;

xmouse=0;

scrll=0;

props="<font face="+font+" size="+size+" color="+fCol+"><B>";

props2="<font face="+font+" size="+size+" color="+dCol+"><B>";

Split=360/n;

Dsplit=360/D.length;

HandHeight=ClockHeight/4.5

HandWidth=ClockWidth/4.5

HandY=-7;

HandX=-2.5;

scrll=0;

step=0.06;

currStep=0;

y=new Array();x=new Array();Y=new Array();X=new Array();

for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}

Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();

for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}

if (ns){

for (i=0; i < D.length; i++)

document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');

for (i=0; i < n; i++)

document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');

for (i=0; i < S.length; i++)

document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');

for (i=0; i < M.length; i++)

document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');

for (i=0; i < H.length; i++)

document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');

}

if (ie){

document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < D.length; i++)

document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');

document.write('</div></div>');

document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < n; i++)

document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>');

document.write('</div></div>');

document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < H.length; i++)

document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');

document.write('</div></div>');

document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < M.length; i++)

document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');

document.write('</div></div>')

document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < S.length; i++)

document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');

document.write('</div></div>')

}

(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){

ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;

xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;

}

(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;

function ClockAndAssign(){

time = new Date ();

secs = time.getSeconds();

sec = -1.57 + Math.PI * secs/30;

mins = time.getMinutes();

min = -1.57 + Math.PI * mins/30;

hr = time.getHours();

hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;

if (ie){

Od.style.top=window.document.body.scrollTop;

Of.style.top=window.document.body.scrollTop;

Oh.style.top=window.document.body.scrollTop;

Om.style.top=window.document.body.scrollTop;

Os.style.top=window.document.body.scrollTop;

}

for (i=0; i < n; i++){

var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;

F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;

F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);

}

for (i=0; i < H.length; i++){

var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;

HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;

HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);

}

for (i=0; i < M.length; i++){

var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;

ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;

ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);

}

for (i=0; i < S.length; i++){

var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;

SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;

SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);

}

for (i=0; i < D.length; i++){

var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;

DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;

DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);

}

currStep-=step;

}

function Delay(){

scrll=(ns)?window.pageYOffset:0;

Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);

Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);

for (i=1; i < D.length; i++){

Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);

Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);

}

y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);

x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);

for (i=1; i < n; i++){

y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);

x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

}

ClockAndAssign();

setTimeout('Delay()',20);

}

if (ns||ie)window.onload=Delay;

</script>

</body>

</html>

zaterdag 10 januari 2004 21:30

Acties:

Verwijderd

Yikes.. ff uploaden dat bestandje en het linkje geven was makkelijker geweest

code:

1 2	<title>ff oefenen.</title> script language="JavaScript1.2">

Vergeet je hier niet een < voor je "script" tag?

zaterdag 10 januari 2004 21:31

Acties:

Verwijderd

Topicstarter

ja sorry niet gekopieerd zit er wel op maar dan krijg ik maar 1 javascript op het scherm

en ik weet ook niet zo goed hoe het forum werkt dus.
sorry

zaterdag 10 januari 2004 21:31

Acties:

Verwijderd

Nee, nee, nee... dat is niet proberen. Niet zoals dat hoort.

Strip ALLES wat je niet nodig hebt. Doe gewoon twee doodsimpele javascript statements. Probeer wat. Kijk hoe het werkt.

Direct hele stukken script knippen en plakken is een soort suicide als je weinig ervaring hebt met zulke dingen.

zaterdag 10 januari 2004 21:33

Acties:

Verwijderd

Topicstarter

dat is het nou juist

ik heb dit geprobeerd en het lukt niet.

zaterdag 10 januari 2004 21:35

Acties:

Verwijderd

Je leest niet wat ik schrijf.

Gooi die hele bende aan de kant. Dat is allemaal zooi die jij niet hebt geschreven en die jij niet begrijpt.

Doe zelf een paar simpele dingetjes met javascript, en probeer twee van zulke dingetjes op één pagina te krijgen. Als je doorhebt hoe dat moet, dán kun je pas weleens gaan proberen hoe het met andermans code moet.

zaterdag 10 januari 2004 21:38

Acties:

Verwijderd

Topicstarter

ok ik begrijp het en ja ik heb het niet geschreven.
klopt
maar ik wil het gebruiken voor mijn webpagina die ik voor school moet maken.
dus als u wat weet hoe ik dat moet doen
zou u het dan aan mij willen zeggen

zaterdag 10 januari 2004 21:41

Acties:

mpegernie

.mpe

Verwijderd schreef op 10 januari 2004 @ 21:33:
dat is het nou juist

ik heb dit geprobeerd en het lukt niet.

begin dan bij het begin. Kijk hoe Javascript werkt, ik heb het id dat je geen flauw id hebt wat functies zijn en dan toch in een enorme lap code van iemand duikt. Volgens mij heeft trouwens niemand hier een id wat je wilt dus wat moet er uitgelegd worden? Je blijft vaag in je vraagstelling... Wat wil je precies doen met javascript? voor een webpag. heb je het niet per se nodig.

Probeer hier anders eens wat mee, kijk wat het doet, kijk wat je kunt veranderen. Als je dit stukje javascript door hebt ben je volgens mij al weer wat verder, was je al zover dan heb ik nix gezegt

code:

<html>
<head>

<script type="text/javascript">
    function test() {
        alert("Onload!");
    }
</script>

</head>
<body onload="test()">


<script type="text/javascript">
      alert("test2");
</script>

</body>
</html>

[ Voor 37% gewijzigd door mpegernie op 10-01-2004 21:48 . Reden: oeps :+ ]

"The Major advances in civilization are processes that all but wreck the societies in which they occur." -A. N. Whitehead

zaterdag 10 januari 2004 21:43

Acties:

Verwijderd

De TS zegt het toch zelf al 'het is voor school' dus hoef je er niets van te leren

zaterdag 10 januari 2004 21:44

Acties:

Verwijderd

Topicstarter

die javascript laat een side bar menu zien in mijn html webpagina en daarbij wil ik ook dat het een klok laat zien bij mijn cursor.
en ja ik heb er geen verstand van.

zaterdag 10 januari 2004 21:49

Acties:

Verwijderd

http://www.leejoo.nl

daar staat het helemaal uitgelegt, waar je het moet plakken ... suc-6

zaterdag 10 januari 2004 21:49

Acties:

benoni

http://www.w3schools.com/
Links het linkje 'Learn JavaScript'.

zaterdag 10 januari 2004 22:02

Acties:

Verwijderd

Topicstarter

sorry hoor maar ik kan niets vinden op beide van die pagina's
en ik heb nog geen antwoord op mijn vraag gevonden

zaterdag 10 januari 2004 23:06

Acties:

Verwijderd

bij leejoo.nl, klik je in het menu op: java scripts, daarna klik je op clocks, daarna kiez je er 1tje, bijvoorbeeld de eerste,

en dan heb je dit:

Plak dit als onloader ipv de 1e <body>tags

<BODY style="width:100%;overflow-x:hidden;overflow-y:scroll">

Plak dit tussen de <body>tags

<script>

var whichwatch="watch"
// geef hieronder achtereenvolgens de linker en top positie van de klok in pixels
var clockposLeft=300
var clockposTop=20
</script>
<SCRIPT language="Javascript">

var clipTop=0
var clipBottom=clipTop+90
var clipLeft
var clipRight
var isNS

if (document.layers) { (isNS=true) }
var HIDDEN = (isNS) ? 'hide' : 'hidden';
var VISIBLE = (isNS) ? 'show' : 'visible';

var imgSeconds
var imgMinutes
var imgHours
var imgClock

var clipHours=""
var clipMinutes=""
var clipSeconds=""

var startLeft
var startTop

var tunePosHour=-2

var plusHours=0

var heute= new Date()
var datumtzahl="<font size=1>"+heute.getDate()+"</font>"

function initObjects() {
if (document.all) {
imgSeconds = document.all.imgSeconds.style
imgMinutes = document.all.imgMinutes.style
imgHours = document.all.imgHours.style
imgClock = document.all.imgClock.style
textDate.innerHTML=datumtzahl

imgClock.posLeft=clockposLeft
imgClock.posTop=clockposTop

startLeft=clockposLeft+2
startTop=clockposTop

imgHours.posTop=startTop
imgMinutes.posTop=startTop
imgSeconds.posTop=startTop

document.all.textDate.style.posTop=clockposTop+40
document.all.textDate.style.posLeft=clockposLeft+63

imgSeconds.visibility=VISIBLE
imgMinutes.visibility=VISIBLE
imgHours.visibility=VISIBLE
imgClock.visibility=VISIBLE
document.all.textDate.style.visibility=VISIBLE

tickIE()
}

if (document.layers) {
imgSeconds = document.imgSeconds
imgMinutes = document.imgMinutes
imgHours = document.imgHours
imgClock = document.imgClock
document.textDate.document.write(datumzahl)
document.textDate.document.close()

imgClock.left=clockposLeft
imgClock.top=clockposTop

startLeft=clockposLeft+2
startTop=clockposTop

imgHours.top=startTop
imgMinutes.top=startTop
imgSeconds.top=startTop

document.textDate.top=clockposTop+40
document.textDate.left=clockposLeft+61

imgSeconds.visibility=VISIBLE
imgMinutes.visibility=VISIBLE
imgHours.visibility=VISIBLE
imgClock.visibility=VISIBLE
document.textDate.visibility=VISIBLE

tickNS()
}
}

function tickIE() {
var now=new Date()
var nowHours=now.getHours()
var nowMinutes=now.getMinutes()
var nowSeconds=now.getSeconds()
if (nowHours>=12) {nowHours=nowHours-12}
if (nowMinutes<12) {plusHours=0}
if (nowMinutes>=12 && nowMinutes<24) {plusHours=90}
if (nowMinutes>=24 && nowMinutes<36) {plusHours=180}
if (nowMinutes>=36 && nowMinutes<48) {plusHours=270}
if (nowMinutes>=48) {var plusHours=360}
imgHours.posLeft=startLeft-(nowHours*90*5+plusHours)
clipLeft=nowHours*90*5+plusHours
clipRight=clipLeft+90
clipHours="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
imgHours.clip=clipHours
if (nowSeconds!=0) {
imgMinutes.posLeft=startLeft-(nowMinutes*90)
clipLeft=nowMinutes*90
clipRight=clipLeft+90
clipMinutes="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
imgMinutes.clip=clipMinutes
}
imgSeconds.posLeft=startLeft-(nowSeconds*90)
clipLeft=nowSeconds*90
clipRight=clipLeft+90
clipSeconds="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
imgSeconds.clip=clipSeconds
var runClock=setTimeout("tickIE()", 100);
}

function tickNS() {
var now=new Date()
var nowHours=now.getHours()
var nowMinutes=now.getMinutes()
var nowSeconds=now.getSeconds()
if (nowHours >= 12) {nowHours=nowHours-12}
if (nowMinutes<12) {plusHours=0}
if (nowMinutes>=12 && nowMinutes<24) {plusHours=90}
if (nowMinutes>=24 && nowMinutes<36) {plusHours=180}
if (nowMinutes>=36 && nowMinutes<48) {plusHours=270}
if (nowMinutes>=48) {var plusHours=360}
imgHours.left=startLeft-(nowHours*90*5+plusHours)
clipLeft=nowHours*90*5+plusHours
clipRight=clipLeft+90
imgHours.clip.left=clipLeft
imgHours.clip.right=clipRight
imgHours.clip.top=clipTop
imgHours.clip.bottom=clipBottom
if (nowSeconds!=0) {
imgMinutes.left=startLeft-(nowMinutes*90)
clipLeft=nowMinutes*90
clipRight=clipLeft+90
imgMinutes.clip.left=clipLeft
imgMinutes.clip.right=clipRight
imgMinutes.clip.top=clipTop
imgMinutes.clip.bottom=clipBottom
}
imgSeconds.left=startLeft-(nowSeconds*90)
clipLeft=nowSeconds*90
clipRight=clipLeft+90
imgSeconds.clip.left=clipLeft
imgSeconds.clip.right=clipRight
imgSeconds.clip.top=clipTop
imgSeconds.clip.bottom=clipBottom

var runClock = setTimeout("tickNS()", 100);
}

if (document.all) {
document.write("<DIV ID='imgClock' STYLE='position:absolute;visibility:hidden'>[img]'watch.gif'></DIV>") document.write("<DIV[/img] </DIV>")
document.write("<DIV ID='imgSeconds' STYLE='position:absolute;visibility:hidden'>[img]'seconden.gif'></DIV>") document.write("<DIV[/img][img]'uren.gif'></DIV>") document.write("<DIV[/img][img]'minuten.gif'></DIV>") document.write("<DIV>[/img]")
document.close()
}

if (document.all) {
window.onload=initObjects
}

</SCRIPT>

simpel

zaterdag 10 januari 2004 23:16

Acties:

Verwijderd

Het probleem is dat je het jezelf onnodig moeilijk maakt door de code zo door elkaar heen te spagettiën (is dat een woord?).

In feite heb je dit:

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<title></title>
<script type="text/javascript" 
 language="JavaScript1.2" src="sidemenu.js"></script>
</head>
<body>
<script type="text/javascript" 
 language="JavaScript1.2" src="clock.js"></script>
</body>
</html>

Waarvan alleen je laatst aangeroepen Javascript werkt: voorbeeld.

En al copypaste je 100x je script op het Internet, het blijft dezelfde spagetti waar niemand (inclusief jezelf) snel wijs uit wordt. Dus maak het jezelf simpel, probeer het met kort code, vergelijk of er zelfde functies/variabele gebruikt worden - en of ieder script wel op zijn minst gestart wordt.

[ Voor 29% gewijzigd door Verwijderd op 10-01-2004 23:28 ]

zondag 11 januari 2004 00:19

Acties:

crisp

Devver

Pixelated

sorry hoor, maar hier geldt 1 simpele regel: als je de techniek niet kent, gebruik 'm dan ook niet. Hier in W&G willen we best helpen als je er met je zelf geschreven script niet uitkomt, maar andermans ranzige zooi gaan we niet voor jou debuggen.
Daarbij ken je nog niet eens de basis wat javascript betreft, dus is W&G waarschijnlijk al te hoog gegrepen voor jou...

Intentionally left blank