[Javascript] voor dummies (deel 10)

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_89353692
quote:
14s.gif Op dinsdag 30 november 2010 19:01 schreef Crutch het volgende:
Ik vraag me af hoeveel huishoudens inmiddels html5 kunnen zien in hun browser.
Ongeveer net zoveel als er huishoudens met een computer zijn. Op een enkel huishouden met alleen een machine uit 1999 na misschien.
zcflevo.nl
pi_89354644
quote:
1s.gif Op dinsdag 30 november 2010 14:46 schreef KomtTijd... het volgende:
Weet je zeker dat die window height en width correcte waardes geven? Datsoort functies staan niet bekend om hun goeie cross-browser implementaties...
Ik heb daar eens een stukje code voor gevonden:

1
2
3
4
5
6
7
8
9
10
11
12
13
14		  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
En zelfs dit is niet gegarandeerd zuiver, omdat de breedte van een eventuele scrollbalk wel of juist niet wordt meegenomen. Dat is weer browserafhankelijk, en ik heb geen zin/tijd om precies uit te zoeken bij welke browser(s) de scrollbalken worden meegerekend.
fokstok.nl
pi_89355230
quote:
1s.gif Op dinsdag 30 november 2010 19:34 schreef Light het volgende:

[..]

Ik heb daar eens een stukje code voor gevonden:

[ code verwijderd ]

En zelfs dit is niet gegarandeerd zuiver, omdat de breedte van een eventuele scrollbalk wel of juist niet wordt meegenomen. Dat is weer browserafhankelijk, en ik heb geen zin/tijd om precies uit te zoeken bij welke browser(s) de scrollbalken worden meegerekend.
Als je al jQuery gebruikt kun je volgensmij feilloos $(window) gebruiken omdat jQuery de verschillen wegabstraheert.
pi_89507524
Waarom lukt het me nou niet om js functies aan te roepen vanuit een event handler? :'(:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17		<html>
<head>
<script language="JavaScript" type="javascript/text">
<!--
function Doe()
{
    window.alert("2");
    document.getElementById("tekst").Focus();
    document.getElementById("tekst").Select();
}
-->
</script>
</head>
<body>
<Input type="text" id="tekst" value="Tekst" onClick="Doe();">
</body>
</html>
Ik begrijp er niks van :(, als ik js code in de event handler schrijf werkt dat wel gewoon, maar functies worden niet aangeroepen...
Finally, someone let me out of my cage
pi_89508743
Het gaat fout door deze regel:
1<script language="JavaScript" type="javascript/text">

Als je dat verandert in
1<script type="text/javascript">
gaat het al een stuk beter.

Verder zou ik functienamen met een kleine letter laten beginnen, dat doet javascript zelf ook. Deze twee regels gaan zo niet werken:
1
2		    document.getElementById("tekst").Focus();
    document.getElementById("tekst").Select();
Select() en Focus() moeten daar met een kleine letter beginnen, dan werkt het wel.

Als je classes gaat gebruiken in javascript, kunnen de namen daarvan juist weer wel met een hoofdletter beginnen, dat maakt het onderscheid ook duidelijker tussen classes en functies.
fokstok.nl
pi_89513509
quote:
1s.gif Op zaterdag 4 december 2010 07:26 schreef Light het volgende:
Het gaat fout door deze regel:

[ code verwijderd ]

Als je dat verandert in

[ code verwijderd ]

gaat het al een stuk beter.

Verder zou ik functienamen met een kleine letter laten beginnen, dat doet javascript zelf ook. Deze twee regels gaan zo niet werken:

[ code verwijderd ]

Select() en Focus() moeten daar met een kleine letter beginnen, dan werkt het wel.

Als je classes gaat gebruiken in javascript, kunnen de namen daarvan juist weer wel met een hoofdletter beginnen, dat maakt het onderscheid ook duidelijker tussen classes en functies.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15		<html>
<head>
<script type="javascript/text">
<!--
function doe()
{
    window.alert("2");
}
-->
</script>
</head>
<body>
<Input type="text" name="tekst" value="Tekst" onclick='javascript: window.alert("1"); doe();'>
</body>
</html>

werkt het nog steeds niet...

Ah, ik heb het al: Ik gebruikte geen eindslash bij de inputform: dus ik moet <input ... /> ipv <input ...> gebruiken. Bedankt! (Nu eindelijk proberen iets moois te maken in javascript :D)
Finally, someone let me out of my cage
pi_89513616
Ja firefox gaat over de zeik omdat je consequent type="javascript/text" doet, in plaats van "text/javascript".
zcflevo.nl
pi_89513688
quote:
3s.gif Op zaterdag 4 december 2010 12:54 schreef KomtTijd... het volgende:
Ja firefox gaat over de zeik omdat je consequent type="javascript/text" doet, in plaats van "text/javascript".
ow hehe dat had ik niet eens gezien. Chrome doet het nog...
Finally, someone let me out of my cage
pi_89513752
Ja zonder type doet'ie het ook gewoon. Blijkbaar doet chrome bij een ongeldig type alleen het type negeren, terwijl firefox het script negeert als dit een niet-ondersteund type is.
zcflevo.nl
pi_89516131
quote:
1s.gif Op zaterdag 4 december 2010 12:50 schreef minibeer het volgende:

Ah, ik heb het al: Ik gebruikte geen eindslash bij de inputform: dus ik moet <input ... /> ipv <input ...> gebruiken.
Nee, dat heeft te maken met het doctype. Als je een XHTML-doctype gebruikt, moet je die eindslash bij (oa) de input-tag gebruiken. Bij HTML-doctypes mag je die slash weglaten. Je gebruikt helemaal geen doctype, da's sowieso fout :)
fokstok.nl
pi_89517670
quote:
1s.gif Op zaterdag 4 december 2010 14:14 schreef Light het volgende:

[..]

Nee, dat heeft te maken met het doctype. Als je een XHTML-doctype gebruikt, moet je die eindslash bij (oa) de input-tag gebruiken. Bij HTML-doctypes mag je die slash weglaten. Je gebruikt helemaal geen doctype, da's sowieso fout :)
meen, ik faal wel hard met mijn code :')
Finally, someone let me out of my cage
pi_89540791
Een zoekfunctie in Javascript en html. :) vandaag gemaakt
Zoekt een zoekterm op in een tekst. Jammer is dat de tekstbox niet automatisch scrollt naar de gevonden resultaten, ze worden alleen geselecteerd in het tekstvak. Zou je dit nog kunnen veranderen met javascript?

het is nogal een lap tekst, ik heb het niet echt efficiënt gedaan :@ , ik weet het, maar het komt ook deels door de layout (aparte regel voor akkolade's enzo)
SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.


[ Bericht 0% gewijzigd door minibeer op 05-12-2010 02:06:33 ]
Finally, someone let me out of my cage
pi_89563708
JS vrienden :)

Ik heb 3 HTML input fields, namelijk, prijs inc, btw, prijs exc:
quote:
Prijs inclusief: <input type="text" name="prijs_inc" /><br />
BTW: <input type="text" name="BTW" />%<br />
Prijs exclusief: <input type="text" name="prijs_exc" /><br />
Wat ik wil is:
Een bedrag bij prijs_inc invullen, bijvoorbeeld: 10
Bij BTW wil ik invullen: 19
Zodat prijs_exc automatisch 11.90 wordt.

Moet simpel zijn lijkt me. Anyone? Thanks :)
pi_89563857
Ik neem aan dat je dat andersom bedoelt? :P 10 euro min 19 procent is namelijk niet ineens 11.90
pi_89563950
quote:
1s.gif Op zondag 5 december 2010 21:05 schreef Intrepidity het volgende:
Ik neem aan dat je dat andersom bedoelt? :P 10 euro min 19 procent is namelijk niet ineens 11.90
Oh lol, inderdaad :)

Wanneer ik 11.90 invul, moet er 10.00 gemaakt van worden bij prjis_exc, sorry :)
pi_89564221
De berekening is simpel:
prijs_excl = prijs_incl / (1 + btw / 100)

Dat moet je dan ook vrij eenvoudig aan een formulierbutton en/of onchange-event kunnen hangen, maar dat mag je eerst zelf proberen :)
fokstok.nl
pi_89564497
quote:
1s.gif Op zondag 5 december 2010 21:13 schreef Light het volgende:
De berekening is simpel:
prijs_excl = prijs_incl / (1 + btw / 100)

Dat moet je dan ook vrij eenvoudig aan een formulierbutton en/of onchange-event kunnen hangen, maar dat mag je eerst zelf proberen :)
Ik denk, elk field een id mee geven en dan ongeveer het volgende:
onchange="document.getElementById('prijs_exc').value=<dit gedeelte is mij nog onbekend>

Ik Google wel wat verder :)
pi_89881409
weet iemand hoe/of je kan scrollen naar een bepaald punt in een textarea?
Finally, someone let me out of my cage
  maandag 13 december 2010 @ 22:11:06 #259
118585 Crutch
Filantroop || Taalzwengel
pi_89895924
quote:
1s.gif Op maandag 13 december 2010 17:46 schreef minibeer het volgende:
weet iemand hoe/of je kan scrollen naar een bepaald punt in een textarea?
Met je muis, lollereinz XD
Je moeder is een hamster
pi_89898737
quote:
1s.gif Op maandag 13 december 2010 22:11 schreef Crutch het volgende:

[..]

Met je muis, lollereinz XD
[offtopic]

een specifieke of volstaat elke? en wat moet ik er dan mee doen?
[/offtopic]
:')
Finally, someone let me out of my cage
pi_90433242
Nu heb ik dit gebeuren al gebruikt:
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		var start_time = (new Date()).getTime();
function el(id) {
  if (document.getElementById) {
  return document.getElementById(id);
  } else if (window[id]) {
  return window[id];
  }
  return null;
}
// Estimates of nanite storage generation over time.
var CP = [
 [ 1199433600000, 6283 ],
 [ 1224486000000, 7254 ],
 [ 2144908800000, 10996 ],
 [ 2147328000000, 43008 ],
 [ 46893711600000, Number.MAX_VALUE ]
];
var quota_elem;

function OnLoad() {

  if (!quota_elem) {
  quota_elem = el("quota");
  updateQuota();
  }

}
function updateQuota() {
  if (!quota_elem) {
  return;
  }
  var now = (new Date()).getTime();
  var i;
  for (i = 0; i < CP.length; i++) {
    if (now < CP[i][0]) {
      break;
    }
  }
  if (i == 0) {
    setTimeout(updateQuota, 1000); 
  } else if (i == CP.length) {
    quota_elem.innerHTML = CP[i - 1][1];
  } else {
    var ts = CP[i - 1][0];
    var bs = CP[i - 1][1];
    quota_elem.innerHTML = format(((now-ts) / (CP[i][0]-ts) * (CP[i][1]-bs)) + bs); 
    setTimeout(updateQuota, 1000); 
  } 
} 
 
var PAD = '.000000'; 
 
function format(num) { 
  var str = String(num); 
  var dot = str.indexOf('.'); 
  if (dot < 0) { 
     return str + PAD; 
  } if (PAD.length > (str.length - dot)) {
  return str + PAD.substring(str.length - dot);
  } else {
  return str.substring(0, dot + PAD.length);
  }
}

En natuurlijk dit in de pagina:
1<span id=quota>2757.272164</span>


[ Bericht 2% gewijzigd door DutchBlood op 25-12-2010 16:00:40 ]
pi_90433384
quote:
1s.gif Op zaterdag 25 december 2010 15:36 schreef DutchBlood het volgende:
Ok, ik probeer ordinair wat JS te jatten, van Google.

Ik wil dat countertje gebruiken van http://gmail.com

Nu heb ik dit gebeuren al gebruikt:
[ code verwijderd ]

En natuurlijk dit in de pagina:
[ code verwijderd ]

Ok.

En nu?
zcflevo.nl
pi_90433445
Excuus, kater.

Probleem is dus dat het niet werkt, die counter veranderd niet.
pi_90433535
En wat werkt er dan niet?

Wat zegt je foutconsole?

-edit-
Tip: probeer eerst gewoon eens zelf zoiets te schrijven, ipv zonder ook maar enig idee te hebben wat je aan het doen bent andermans code te jatten.
zcflevo.nl
pi_90433740
Foutconsole blijft leeg. Tellertje veranderd niet.

Bedankt voor de tip, vind het echter niet ongepast om een stuk code te gebruiken als deze precies doet wat je wilde maken.
pi_90433777
Probleem is inmidels opgelost, die OnLoad werd niet aangeroepen.
  zaterdag 25 december 2010 @ 16:00:32 #267
273430 HalvinCarris
Weet iemand waar HalvinCarris?
pi_90433784
quote:
1s.gif Op zaterdag 25 december 2010 15:58 schreef DutchBlood het volgende:
Foutconsole blijft leeg. Tellertje veranderd niet.

Bedankt voor de tip, vind het echter niet ongepast om een stuk code te gebruiken als deze precies doet wat je wilde maken.
Blijkbaar niet dus.
Op maandag 18 januari 2010 14:11 schreef Mint_Clansell het volgende:
Username: HalvinCarris
Hoe simpel kun je zijn om gewoon de eerste letter van de voor- en achternaam om te draaien? :')
pi_90433790
Ik weet niet wat precies je doel is, maar ik kan zo'n tellertje ook maken met 3 regels code. Als je op deze manier andermans code jat kom je in 99% van de gevallen met iets veel te omslachtigs uit.

En buiten dat, het blijft jatten. En dat vind ik dus ongepast.
zcflevo.nl
pi_90460360
quote:
1s.gif Op maandag 13 december 2010 17:46 schreef minibeer het volgende:
weet iemand hoe/of je met javascript kan scrollen naar een bepaald punt in een textarea?
Finally, someone let me out of my cage
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies (deel 10)
Index

» digital corner

» development

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