[Javascript] voor dummies - deel 3 | Digital Corner (DIG)

donderdag 6 april 2006 @ 21:08:13 #241

mrbombastic

Ik ben wat aan het programmeren in Javascript en daarvoor heb ik de floor() functie nodig uit de Math class.
Alleen gaat dit niet helemaal goed om duistere redenen. Ipv bijv. 2.78 krijg ik af en toe 2.7800000000003 of 2.777777777795 oid.
Wie weet waar dit aan ligt?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65

<html>
<head>
   <title>Handel</title>
   <script>
     function countdown() {
       cl = document.getElementById("timer");
       cl.innerHTML = cl.innerHTML == 0 ? changeNumbers() : cl.innerHTML-1;
       setTimeout("countdown()", 1000);
     }

     function changeNumbers() {
       var stockbied, callbied1, callbied2, callbied3, putbied1, putbied2, putbied3;
       document.getElementById("stockbied").innerHTML = stockbied = 28 + Math.floor(400*Math.random())/100;
       document.getElementById("stocklaat").innerHTML = stockbied + 0.01 + Math.floor(15*Math.random())/100;
       document.getElementById("callbied1").innerHTML = callbied1 = 1 + Math.floor(400*Math.random())/100;
       document.getElementById("callbied2").innerHTML = callbied2 = callbied1 - 0.05 - Math.floor(40*Math.random())/100;
       document.getElementById("callbied3").innerHTML = callbied3 = callbied2 - 0.05 - Math.floor(40*Math.random())/100;
       document.getElementById("putbied1").innerHTML = putbied1 = 1 + Math.floor(400*Math.random())/100;
       document.getElementById("putbied2").innerHTML = putbied2 = putbied1 - 0.05 - Math.floor(40*Math.random())/100;
       document.getElementById("putbied3").innerHTML = putbied3 = putbied2 - 0.05 - Math.floor(40*Math.random())/100;

       for (i=1; i<=3; i++) {
          document.getElementById("calllaat"+i).innerHTML = eval("callbied"+i) + 0.01 + Math.floor(15*Math.random())/100;
          document.getElementById("putlaat"+i).innerHTML = eval("putbied"+i) + 0.01 + Math.floor(15*Math.random())/100;
       }
       return 30;
     }
   </script>
</head>

<body onload="countdown()">

<table border="1">
<tr align="center">
  <td colspan="5">Stock</td>
</tr>
<tr>
  <td colspan="2">Bied</td><td></td><td colspan="2">Laat</td>
</tr>
<tr>
  <td id="stockbied" colspan="2">0</td><td></td><td id="stocklaat" colspan="2">0</td>
</tr>
<tr>
  <td colspan="5"> </td>
</tr>
<tr align="center">
  <td colspan="2">Call</td><td id="timer">0</td><td colspan="2">Put</td>
</tr>
<tr>
  <td>Bied</td><td>Laat</td><td>Uitoefenprijs</td><td>Bied</td><td>Laat</td>
</tr>
<tr>
  <td id="callbied1">0</td><td id="calllaat1"></td><td>28</td><td id="putbied1"></td><td id="putlaat1"></td>
</tr>
<tr>
  <td id="callbied2">0</td><td id="calllaat2"></td><td>30</td><td id="putbied2"></td><td id="putlaat2"></td>
</tr>
<tr>
  <td id="callbied3">0</td><td id="calllaat3"></td><td>32</td><td id="putbied3"></td><td id="putlaat3"></td>
</tr>
</table>

</body>

</html>

donderdag 6 april 2006 @ 21:17:14 #242

JeRa

quote:
Op donderdag 6 april 2006 21:08 schreef mrbombastic het volgende:
Ik ben wat aan het programmeren in Javascript en daarvoor heb ik de floor() functie nodig uit de Math class.
Alleen gaat dit niet helemaal goed om duistere redenen. Ipv bijv. 2.78 krijg ik af en toe 2.7800000000003 of 2.777777777795 oid.
Wie weet waar dit aan ligt?
[ code verwijderd ]

Dat komt door de manier waarop floating points werken. Floating point getallen zijn getallen die geen letterlijke representatie van een fractioneel getal opslaan, maar een benadering. Af en toe krijg je dat soort afrondingsfouten die je makkelijk kunt opvangen door de getallen bijvoorbeeld op twee decimalen af te kappen.

donderdag 6 april 2006 @ 23:03:42 #243

mrbombastic

Ok, ik gebruik nu de functie toFixed() maar. Nadeel hiervan is dat je variabelen strings worden en je die dus weer moet gaan parsefloaten.

donderdag 6 april 2006 @ 23:05:49 #244

JeRa

quote:
Op donderdag 6 april 2006 23:03 schreef mrbombastic het volgende:
Ok, ik gebruik nu de functie toFixed() maar. Nadeel hiervan is dat je variabelen strings worden en je die dus weer moet gaan parsefloaten.

Nee hoor, dat kun je slimmer aanpakken.

Alle berekeningen die je doet rond je niét af en hou je dus gewoon als floating points. Op het moment dat je iets wilt laten zien aan de gebruiker, gebruik je toFixed()

die sla je dan eventueel op in een andere variabele, zolang je de bronvariabelen maar niet aanpast.

donderdag 6 april 2006 @ 23:08:45 #245

marcb1974

Dakshin Ray

Ik moet voor mijn studie een Javascript opdracht maken, dus hierbij een een soort van tvp.

stupidity has become as common as common sense was before
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
Travel Is Fatal To Prejudice, Bigotry and Narrow-Mindedness

donderdag 6 april 2006 @ 23:41:16 #246

mrbombastic

quote:
Op donderdag 6 april 2006 23:05 schreef JeRa het volgende:

[..]

Nee hoor, dat kun je slimmer aanpakken.

Alle berekeningen die je doet rond je niét af en hou je dus gewoon als floating points. Op het moment dat je iets wilt laten zien aan de gebruiker, gebruik je toFixed() die sla je dan eventueel op in een andere variabele, zolang je de bronvariabelen maar niet aanpast.

Je hebt inderdaad gelijk, maar als ik mijn aantal regels niet wil verdubbelen moet ik het zo doen:

1 2	document.getElementById("stockbied").innerHTML = (stockbied = 28 + 4Math.random()).toFixed(2); document.getElementById("stocklaat").innerHTML = (stockbied + 0.01 + 0.15Math.random()).toFixed(2);

Weet eigenlijk niet wat men vindt van een expressie met daarin een assignment.

donderdag 6 april 2006 @ 23:49:33 #247

SuperRembo

Sinds 1998

quote:
Op donderdag 6 april 2006 23:41 schreef mrbombastic het volgende:
Weet eigenlijk niet wat men vindt van een expressie met daarin een assignment.

Niet erg overzichtelijk. Als je dat over een tijdje terug leest dan lees le er gegarandeerd overheen.

vrijdag 7 april 2006 @ 13:59:07 #248

mrbombastic

Ik ben ondertussen weer wat verder en zit nu met een nieuw probleem.
Er loopt een timer van 30 sec af naar 0 sec. Dit is de tijd die de gebruiker heeft.
Verder kan de gebruiker op bepaalde dingen klikken waarna er een Explorer-prompt tevoorschijn komt. Hier moet wat worden ingevoerd.
Het probleem is nu dat op het moment dat er zo'n prompt-scherm tevoorschijn komt de timer stil blijft staan en pas weer verder gaat als het prompt-scherm weer weg is. De bedoeling is echter dat de timer blijft doorlopen. Hoe kan ik dat voor elkaar krijgen?

zaterdag 8 april 2006 @ 18:45:27 #249

mrbombastic

Laat maar, ik heb die prompt eruit gegooid en heb het nu op een andere manier werken.

zaterdag 22 april 2006 @ 17:51:20 #250

hielkej

Ik zit met een vreemd probleem, en ik hoop dat iemand jullie mij kan vertellen wat ik niet goed doe.

Ik heb nu de volgende code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

Als ik over een plaatje van het onderste stuk ga, veranderd het plaatje bij grootplaatje zonder problemen mee.
Maar op 1 of andere manier veranderd de onclick niet.
De href waarde kan ik wel veranderen, maar dan gaat hij naar een witte pagina, wat ook niet de bedoeling is.

De standaard onclick werkt ook zonder problemen.

Kan iemand mij vertellen wat ik vergeet of fout doe?

zaterdag 22 april 2006 @ 18:41:39 #251

SuperRembo

Sinds 1998

Ik weet niet wat je nou precies wil.
Een beetje vreemd om in elke mouseover de onclick te zetten. Je hoort ook geen "javascript:" in onclick/onmouseover events. document[img_name].src werkt niet in firefox.

Een nette manier om popup links te maken:

1
2
3
4
5
6
7
8
9
10

1
2
3

zaterdag 22 april 2006 @ 18:58:18 #252

SpeedyRich

doe ff normaal

quote:
Op zaterdag 22 april 2006 18:41 schreef SuperRembo het volgende:
Ik weet niet wat je nou precies wil.
Een beetje vreemd om in elke mouseover de onclick te zetten. Je hoort ook geen "javascript:" in onclick/onmouseover events. document[img_name].src werkt niet in firefox.

Een nette manier om popup links te maken:
[ code verwijderd ]

[ code verwijderd ]

dit is idd beter

Op dinsdag 2 september 2008 22:59 schreef Danny het volgende:
sorry.
leukste topic aller tijden
Voor computergerelateerde vragen klik hier

zaterdag 22 april 2006 @ 19:25:10 #253

hielkej

Dat had ik inderdaad nodig, bedankt!

dinsdag 25 april 2006 @ 10:59:55 #254

Nevermind

(-_-)

Ik zit mijn hoofd nu al uren te breken over een stom klotefoutje

Ik krijg de melding

1
2
3

Fout document.getElementById(test) has no properties
Bronbestand http://fok.chillosophy.nl/layout3.html
Regel 236

http://fok.chillosophy.nl/layout3.html
Ik probeer een soort tablayout te maken in een pagina, die tussen iframes switcht. De iframes hebben de namen 'frame0' t/m 'frame6', maar als ik ze probeer aan te roepen met

1	var test = 'frame' + c;

waarbij c een getal is, krijg ik die foutmelding. Wat zie ik over het hoofd?

_{IE werkt nog niet doordat :Hover niet ondersteunt wordt voor divs, dat ga ik later nog toevoegen. Opera werkt ook niet helemaal naar behoren, tabs kunnen niet verwijderd worden. Aan te raden is dus het in Firefox te proberen}

GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!

dinsdag 25 april 2006 @ 11:19:55 #256

Nevermind

(-_-)

quote:
Op dinsdag 25 april 2006 11:09 schreef Scorpie het volgende:
je moet ze geen name geven, maar een id. Daarom heet het ook ElementById

Daarom hebben ze tevens een id

GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!

dinsdag 25 april 2006 @ 12:26:47 #257

Webby

1 omhoog!

Maar je hebt de td met de iframes het id "tabbox" en daar zet je vervolgens via addTab html in welke geen iframes bevat, waardoor frame0 helemaal niet bestaat, plaats je id eens 1 td omhoog

Game Over :: Anoniem torrents downloaden @ Seedr :: Lees hier waarom

dinsdag 25 april 2006 @ 12:30:42 #258

Nevermind

(-_-)

quote:
Op dinsdag 25 april 2006 12:26 schreef Webby het volgende:
Maar je hebt de td met de iframes het id "tabbox" en daar zet je vervolgens via addTab html in welke geen iframes bevat, waardoor frame0 helemaal niet bestaat, plaats je id eens 1 td omhoog

_OMFG!

Slapen schijnt goed voor je te zijn, misschien moet ik dat eens proberen. Thx

GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!

dinsdag 25 april 2006 @ 12:38:43 #259

Webby

1 omhoog!

En als je zonodig de pseudoclass :hover wilt gebruiken, waarom gebruik je dan gaan a tags die je met style display:block vormt ?

Game Over :: Anoniem torrents downloaden @ Seedr :: Lees hier waarom

dinsdag 25 april 2006 @ 12:40:41 #260

Nevermind

(-_-)

quote:
Op dinsdag 25 april 2006 12:38 schreef Webby het volgende:
En als je zonodig de pseudoclass :hover wilt gebruiken, waarom gebruik je dan gaan a tags die je met style display:block vormt ?

Omdat ik een cssnewbie ben

Maar bedankt voor de tip!

GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!

dinsdag 25 april 2006 @ 13:04:32 #261

Webby

1 omhoog!

Dan is dit misschien een leuk artikeltje: http://www.alistapart.com/articles/taminglists/

Game Over :: Anoniem torrents downloaden @ Seedr :: Lees hier waarom

FOK!-Schrikkelbaas maandag 1 mei 2006 @ 21:27:07 #262

Swetsenegger

Egocentrische Narcist

Korte vraag
ik een var betaling gedeclareerd.
Als ik die met een document.write ergens in mijn html zet, komt deze ook netjes terug.
Maar ik krijg hem niet ge-alert in een onclick wat ik ook probeer, ik krijg of niets terug of ik krijg[ object nodelist] als alert terug

 | FOK! Schrikkelbaasch

maandag 1 mei 2006 @ 21:28:40 #263

JeRa

quote:
Op maandag 1 mei 2006 21:27 schreef Swetsenegger het volgende:
Korte vraag
ik een var betaling gedeclareerd.
Als ik die met een document.write ergens in mijn html zet, komt deze ook netjes terug.
Maar ik krijg hem niet ge-alert in een onclick wat ik ook probeer, ik krijg of niets terug of ik krijg[ object nodelist] als alert terug

Geef eens de kortst mogelijke code waarmee je dit probleem hebt

kan goed zijn dat het een scope-probleem is bijvoorbeeld.

FOK!-Schrikkelbaas maandag 1 mei 2006 @ 21:33:22 #264

Swetsenegger

Egocentrische Narcist

quote:
Op maandag 1 mei 2006 21:28 schreef JeRa het volgende:

[..]

Geef eens de kortst mogelijke code waarmee je dit probleem hebt kan goed zijn dat het een scope-probleem is bijvoorbeeld.

Eh...

in de header include ik een script.js waarin de var gedeclareerd wordt :

1	var betaling='test';

In de body in een formulier heb ik een document.write staan welke de var op beeld zet. Die werkt.
Een regel lager staat een input type="button" welke op een onClick="alert(''+betaling+'');" moet doen.
En die geeft een object.

 | FOK! Schrikkelbaasch

maandag 1 mei 2006 @ 21:37:10 #265

Litpho

quote:
Op maandag 1 mei 2006 21:33 schreef Swetsenegger het volgende:
Een regel lager staat een input type="button" welke op een onClick="alert(''+betaling+'');" moet doen.
En die geeft een object.

Die alert is javascript en betaling ook, dus waarom plak je het als strings aan elkaar?

Zou onClick="alert( betaling );" niet het gewenste resultaat moeten opleveren?

"If you are depressed you shouldn't be in C major!" - Rick Beato

FOK!-Schrikkelbaas maandag 1 mei 2006 @ 22:44:32 #266

Swetsenegger

Egocentrische Narcist

quote:
Op maandag 1 mei 2006 21:37 schreef Litpho het volgende:

[..]

Die alert is javascript en betaling ook, dus waarom plak je het als strings aan elkaar?

Zou onClick="alert( betaling );" niet het gewenste resultaat moeten opleveren?

betaling is een variabele en alert is een functie. Ook in javascript horen vars buiten quotes.
Dus verwacht je dat jouw methode zou werken, maar dan alert 'ie niets.
alert('betaling'); geeft uiteraard betaling als resultaat

-edit- met jouw methode geeft hij ook Object

ok, probleem gelocaliseerd

1
2
3
4
5

<tr>
   <td><input type="radio" name="betaling" onChange="setGoal('test')" />methode 1
       <input type="radio" name="betaling" onChange="setGoal('test2')" />methode 2
   </td>
</tr>

setGoal doet niets anders dan de var betaling vullen met een bepaalde waarde. Zoals je ziet wordt die met een onChange van een radio button aangeroepen (ik heb ook een onSelect geprobeerd).

Zodra dit in mijn html staat geeft de eerder genoemde onclick Object terug.

1
2
3
4
5
6
7
8
9

<tr>
   <td><input type="radio" name="betaling" onChange="setGoal('test')" />methode 1
       <input type="radio" name="betaling" onChange="setGoal('test2')" />methode 2
   </td>
</tr>
<tr>
   <td><input type="button" value="Bestellen" onClick="alert(betaling);" />
   </td>
</tr>

-edit 2-

Je veranderd de 'name' van de radio's en het werkt wel

[ Bericht 12% gewijzigd door Swetsenegger op 01-05-2006 23:02:14 ]

 | FOK! Schrikkelbaasch

zaterdag 6 mei 2006 @ 19:46:44 #267

fokME2

Ik ben een beetje bezig met javascript, maar ik zoek nog een goede (bij voorkeur gratis) editor.
Een editor die ook dingen kan aanvullen als je window. typt etc;)

Iemand ideen?

maandag 15 mei 2006 @ 20:46:18 #268

Darkomen

nevermind, heb het gevonden.

Was iets simpels, het pad naar het bestand voor de request klopte niet

[ Bericht 44% gewijzigd door Darkomen op 15-05-2006 20:56:36 ]

donderdag 18 mei 2006 @ 17:01:09 #269

Krisis1981

The great southern trendkiller

De editor die ik gebruik en ook zeer zeker fijn werkt met Javascript is NotePad ++, vult echter niets aan bij mijn weten.

This regret, it kills you'll never forget, take the time this time to say your goodbyes
Sparta - Glasshouse Tarot from the album Wiretap Scars

donderdag 18 mei 2006 @ 17:17:13 #270

CraZaay

prettig gestoord

quote:
Op maandag 1 mei 2006 22:44 schreef Swetsenegger het volgende:

[..]

betaling is een variabele en alert is een functie. Ook in javascript horen vars buiten quotes.

Doe je met php dan ook het volgende?

1 2	$test = 'blaat'; echo(''.$test.'');

Gewoon alert(var); dus.

Forum Opties
Forumhop:
Hop naar:	(afkorting, bv 'KLB')

[Javascript] voor dummies - deel 3

» digital corner

» digital corner