[Javascript] voor dummies - Deel 2 | Digital Corner (DIG)

Lieve Belg woensdag 6 april 2005 @ 15:33:51 #1

Jump

[Belg.] Jump (de ~ (m.))

Deel 1 zat vol:

[javascript] voor dummies

Op zondag 28 oktober 2007 01:07 schreef clumsy_clown het volgende:
Jump daarentegen, is wáy minder braaf en lief dan hij lijkt
          «shmoop|dingen» jawel, jij bent Superjump

woensdag 6 april 2005 @ 16:51:16 #2

Chandler

tvp dan maar?

The people who lost my respect will never get a capital letter for their name again.
Like trump...

woensdag 6 april 2005 @ 17:19:46 #3

da_micha_man

©

tvp

© ©

donderdag 7 april 2005 @ 22:35:59 #4

Poerkie

Kom ik maar met mijn probleem...

Deze checkboxes voor opleidingen heb ik:

1
2
3
4
5
6

      <input type="checkbox" name="opleiding" value="mavo">Mavo<br>
      <input type="checkbox" name="opleiding" value="havo">Havo<br>
      <input type="checkbox" name="opleiding" value="vwo">VWO<br>
      <input type="checkbox" name="opleiding" value="hts">MBO<br>
      <input type="checkbox" name="opleiding" value="hts">HBO<br>
      <input type="checkbox" name="opleiding" value="uni">Universiteit

Deze code controleert of er een opleiding gekozen is:

1
2
3
4
5

function checkOpleiding()
  {
  if(document.getElementById('opleiding').checked == false) alert("Vink 1 of meerdere opleidingen aan");
  else checkRijbewijs();
  }

Hij geeft geen foutmelding als je de Mavo aanvinkt (eventueel met andere opties). Als je bijv. alleen Havo aanvinkt (en Mavo niet), dan krijg je toch nog de foutmelding. Wat moet ik veranderen?

donderdag 7 april 2005 @ 22:57:27 #5

SuperRembo

Sinds 1998

Als je document.getElementById gebruikt dan moet je een unieke ID opgeven.

(Dat Internet Explorer toch die eerste checkbox teruggeeft is gewoon fout)

donderdag 7 april 2005 @ 23:00:56 #6

Poerkie

Ok, is er dan een mogelijkheid dat die de 6 vakjes naloopt om te kijken of er 1 van is aangevinkt ?

donderdag 7 april 2005 @ 23:11:13 #7

SuperRembo

Sinds 1998

Een loopje maken en de ID's aflopen.

donderdag 7 april 2005 @ 23:25:17 #8

Arjan321

Of getElementsByName() gebruiken. Krijg je een array van alle elementen met de opgegeven naam terug

Waar zijn aanbiedingen?

donderdag 7 april 2005 @ 23:32:16 #9

Schorpioen

Het element opleiding is een array, met daarin alle afzonderlijke checkboxes. Als je zou willen checken of een of meer daarvan aangevinkt zijn, moet je dus een loop gebruiken:

1
2
3
4
5
6
7
8
9
10
11
12

function checkOpleiding()
{
  var ietsAangekruist = false;
  var opleiding = document.formnaam.opleiding;
  for (i=0; i<opleiding.length; i++)
  {
    if (opleiding[i].checked)
      ietsAangekruist = true;
  }
  if (!ietsAangekruist)
    alert("Vink 1 of meerdere opleidingen aan");
}

Unox, the worst operating system.

vrijdag 8 april 2005 @ 00:04:08 #10

Poerkie

Ok, bedankt!!

[ Bericht 50% gewijzigd door Poerkie op 08-04-2005 00:29:53 ]

FOK!-Schrikkelbaas woensdag 13 april 2005 @ 16:13:07 #11

Swetsenegger

Egocentrische Narcist

hoe haal ik het eerste karakter uit een string weg?
de string is bv 'hallo wereld', hoe maak ik daar 'allo wereld' van (ongeacht het eerste karakter)

 | FOK! Schrikkelbaasch

woensdag 13 april 2005 @ 16:16:47 #12

sop

ahum

quote:
Op woensdag 13 april 2005 16:13 schreef Swetsenegger het volgende:
hoe haal ik het eerste karakter uit een string weg?
de string is bv 'hallo wereld', hoe maak ik daar 'allo wereld' van (ongeacht het eerste karakter)

http://www.devx.com/tips/Tip/15222

Dat wordt dus:

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

[ Bericht 39% gewijzigd door sop op 13-04-2005 16:22:49 ]

FOK!-Schrikkelbaas woensdag 13 april 2005 @ 16:25:38 #13

Swetsenegger

Egocentrische Narcist

quote:
Op woensdag 13 april 2005 16:16 schreef sop het volgende:

[..]

http://www.devx.com/tips/Tip/15222

Dat wordt dus:
[ code verwijderd ]

Mijn god, wat een teringtaal is javascript toch.
36 regels code voor het verwijderen van 1 karakter

 | FOK! Schrikkelbaasch

woensdag 13 april 2005 @ 16:27:32 #14

sop

ahum

quote:
Op woensdag 13 april 2005 16:25 schreef Swetsenegger het volgende:

[..]

Mijn god, wat een teringtaal is javascript toch.
36 regels code voor het verwijderen van 1 karakter

Kan ook een stuk korter. Sowieso heb je in dit geval die Left functie niet nodig.

Waarschijnlijk kan het zelfs op 1 regel. Maar die Left & Right functies zitten niet in JavaScript en die gebruik ik bij andere talen ook vrij vaak. Je kunt voor kortere code aan de gang met a.substring.

FOK!-Schrikkelbaas woensdag 13 april 2005 @ 16:31:03 #15

Swetsenegger

Egocentrische Narcist

quote:
Op woensdag 13 april 2005 16:27 schreef sop het volgende:

[..]

Kan ook een stuk korter. Waarschijnlijk zelfs wel op 1 regel. Maar die Left & Right functies zitten niet in JavaScript en die gebruik ik bij andere talen ook vrij vaak. Je kunt voor kortere code aan de gang met a.substr ing

Ow, substring bestaat gewoon in java?
Mooi, ff zoeken

 | FOK! Schrikkelbaasch

woensdag 13 april 2005 @ 16:33:18 #16

sop

ahum

quote:
Op woensdag 13 april 2005 16:31 schreef Swetsenegger het volgende:

[..]

Ow, substring bestaat gewoon in java?
Mooi, ff zoeken

Koekeloert U eens in de Right functie hierboven. Daar staat hij ook in.

donderdag 14 april 2005 @ 17:50:41 #17

R-Mon

jong en dynamisch

Ik heb een leuk scriptje gevonden om variabelen uit url's te halen:

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

String.prototype.decodeURL = function() {
    return unescape(this.replace(/\+/g, " "));
}

function ParsedQueryString()
{
    var parameters = {};

    parse();
    function parse() {
        var parts = window.location.search.substr(1).split(/[&;]/);
        for (var i = 0; i < parts.length; ++i) {
            var pair = parts[i].split(/=/);
            var name = pair[0].decodeURL();
            var value = pair[1] != undefined ? pair[1].decodeURL() : undefined;
            if (parameters[name] == undefined)
                parameters[name] = [value];
            else
                parameters[name].push(value);
        }
    }

    this.param = function(name) {
        return parameters[name] != undefined ? parameters[name][0] : undefined;
    }

    this.params = function(name) {
        if (arguments.length)
            return parameters[name] != undefined ? parameters[name] : null;
        else {
            var pnames = [];
            for (var p in parameters)
                pnames.push(p);
            return pnames;
        }
    }
}

var pqs = new ParsedQueryString();

Dan kijk ik of welcome ingevuld is.

1
2
3

if(pqs.param('welcome')) {
go_welcome = 1;
}

Daaronder staan twee functies gedefinieerd.

1
2
3
4
5
6
7
8
9
10
11

function copyright() {
   document.write("copyright");
}
function welcome(setting) {
   if(setting) {
      document.write("welcome");
   }
   else {
      document.write("");
   }
}

Dat alles staat in includes.js, die ik aanroep met een HTML pagina.

1
2
3
4
5
6
7
8
9
10
11
12
13

<html>
<head>
<script type="text/javascript" src="includes.js"></script>
</head>
<body>
<div style="background-color:yellow;">
<script type="text/javascript">
welcome(go_welcome);
copyright();
</script>
</div>
</body>
</html>

Als je dit oproept via index.html?welcome=1 geeft ie mooi welcomecopyright in een geel kader weer. Als je echter geen variabele meegeeft werkt copyright() ook niet en verschijnt er helemaal niets. Iemand enig idee?

Het staat ook allemaal op http://test.globalog.net/js/ , dat is misschien wat duidelijker.

[ Bericht 1% gewijzigd door R-Mon op 14-04-2005 17:52:31 (meervoud, linkje) ]

<tsjsieb> maarja, jij bent ook gewoon cool R-Mon :p

donderdag 14 april 2005 @ 18:17:19 #18

SuperRembo

Sinds 1998

Zonder parameter geeft ie een foutmelding

1
2
3

Error: go_welcome is not defined
Source File: http://test.globalog.net/js/
Line: 8

Dan wordt copyright() dus niet meer uitgevoerd.

vrijdag 15 april 2005 @ 12:54:22 #19

R-Mon

jong en dynamisch

quote:
Op donderdag 14 april 2005 18:17 schreef SuperRembo het volgende:
Zonder parameter geeft ie een foutmelding
[ code verwijderd ]

Dan wordt copyright() dus niet meer uitgevoerd.

Ik snap hem. Ik heb nu dat als welcome niet wordt meegegeven, go_welcome=0. En dan wordt in de functie gecheckt of setting==1. Opgelost, dankjewel.

<tsjsieb> maarja, jij bent ook gewoon cool R-Mon :p

FOK!-Schrikkelbaas maandag 18 april 2005 @ 21:18:34 #20

Swetsenegger

Egocentrische Narcist

Ik heb een scriptje welke een window resized naar de breedte en de hoogte van de inhoud:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

Werkt perfect in FF, in IE niet:

document.images.0.width is null or not an object

Wat doe ik fout?

-edit-

Er stond een fout in de body tag (> vergeten) waardoor de image niet geladen werd en DUS document.images.0.width inderdaad null is...

[ Bericht 2% gewijzigd door Swetsenegger op 18-04-2005 21:32:26 ]

 | FOK! Schrikkelbaasch

zondag 24 april 2005 @ 22:49:20 #21

ikke_ook

Ik heb 240 namen, nu wil iemand een nieuwe naam toevoegen, alleen wil ik eerst checken of die naam niet al bestaat. Dit wil ik in javascript doen omdat het onderdeel van een formulier is.
Nu dacht ik, als ik die 240 namen nou in een array zet, dan kan ik controleren of die naam in het array zit...
Kan dat handiger dan met een forloopje? lijkt mij een beetje traag namelijk een for loopje..

Vogelaars.nl

zondag 24 april 2005 @ 23:17:16 #22

SuperRembo

Sinds 1998

240 namen? Dat gaat zo snel dat je er niets van merkt.

Een testje met een array van 100.000 strings ging in 250 ms

zondag 24 april 2005 @ 23:29:15 #23

ikke_ook

ooooooow dan, bedankt voor de test.

dus zoiets:

1
2
3
4
5

for(i=0;i<length(array);i++){
    if(array[i] == input){
        alert('bestaat al');
    }
}

En hoe heb je die tijd gemeten?

Vogelaars.nl

zondag 24 april 2005 @ 23:39:22 #24

SuperRembo

Sinds 1998

1
2
3
4
5
6
7
8
9
10

var start = new Date();

// normale loop
for (var i = 0; i < names.length; i++) {
   if (names[i] == name) {
      // found
   }
}

var time = new Date().valueOf() - start.valueOf();

1
2
3
4
5
6
7

// snellere loop (telt terug)
var i = names.length;
while (i--) {
   if (names[i] == name) {
      // found
   }
}

dinsdag 3 mei 2005 @ 11:00:51 #25

markiemark

FR 1908

hoop dat iemand mij kunt helpen.. ik ben met een cmsje bezig, nog steeds ja..

nu zit er een module onderwerpen (als categorie) in de cms.. ieder onderwerp moet een kleur kunnen krijgen, dus ik heb een tabel gemaakt waar alle beschikbare kleuren in staan.
onder de tabel staan twee text velden. als ik over een kleur hover, veranderd de value van het bovenste textveld in de kleur value. als ik op een van de kleuren klik, komt de kleur waarde vast te staan.

nu wil ik nog een formulier veld invoeren waarbij de achtergrond kleur van een object (div? textveld?) daadwerkelijk veranderd. ik heb nu het volgende:

1
2
3
4
5
6
7
8
9
10
11

function hover(kleur)
   {
      var veld = document.getElementById('color');
      veld.value = '#' + kleur;
   }

function klik(kleur)
   {
      var veld = document.getElementById('vast');
      veld.value = '#' + kleur;
   }

hier veranderd de value van het veld, maar hoe kan ik via een stijl element de achtergrond kleur laten veranderen? zelf dacht ik aan:

1	veld.style.background-color = kleur;

maar dat werkt niet..

Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..

dinsdag 3 mei 2005 @ 11:25:32 #26

ikke_ook

this.style.backgroundColor

Vogelaars.nl

dinsdag 3 mei 2005 @ 11:42:44 #27

markiemark

FR 1908

quote:
Op dinsdag 3 mei 2005 11:25 schreef ikke_ook het volgende:
this.style.backgroundColor

hoe verwerk ik dat in een functie?

Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..

dinsdag 3 mei 2005 @ 11:49:14 #28

ikke_ook

uhh zoiets?

veld.style.backgroundColor = '#' + kleur;

Ik weet t niet precies, ik ben zelf ook niet zo handig met javascript

Uit dit voorbeeld heb ik m gehaald..mischien kun je er wat mee.

quote:
Example 2:

<div style="background-color:white; width:100px; height:100px" onMouseover="this.style.backgroundColor='#E2E2E2'" onMouseout="this.style.backgroundColor='white'">This is a div</div>

Vogelaars.nl

dinsdag 3 mei 2005 @ 12:33:58 #29

markiemark

FR 1908

quote:
Op dinsdag 3 mei 2005 11:49 schreef ikke_ook het volgende:
uhh zoiets?

veld.style.backgroundColor = '#' + kleur;

Ik weet t niet precies, ik ben zelf ook niet zo handig met javascript

Uit dit voorbeeld heb ik m gehaald..mischien kun je er wat mee.
[..]

ok nice, ga het zo ff proberen.. ben nu ff bezig met het implementeren van mn richtext editor.. laat wel ff weten of het gelukt is en hoe, mag ik van jou nog ff weten waar je dat voorbeeld vandaan hebt? misschien staat er nog wel meer bruikbaars op...

Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..

dinsdag 3 mei 2005 @ 12:38:48 #30

SuperRembo

Sinds 1998

quote:
Op dinsdag 3 mei 2005 12:33 schreef markiemark het volgende:

[..]

mag ik van jou nog ff weten waar je dat voorbeeld vandaan hebt?

Dat weet google wel Google zoeken naar 'example 2 onMouseover= this.style.backgroundColor='#E2E2E2'': JavaScript Kit

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

[Javascript] voor dummies - Deel 2

» digital corner

» digital corner