[Javascript] voor dummies (deel 6)

donderdag 21 juni 2007 @ 13:09:34 #51

Geqxon

1
2
3
4
5
6
7
8
9
10
11

    if (owner & 4) { document.getElementById('owner_read').checked  = true; } else { document.getElementById('owner_read').checked  = false; }
    if (owner & 2) { document.getElementById('owner_write').checked = true; } else { document.getElementById('owner_write').checked = false; }
    if (owner & 1) { document.getElementById('owner_exec').checked  = true; } else { document.getElementById('owner_exec').checked  = false; }

    if (group & 4) { document.getElementById('group_read').checked  = true; } else { document.getElementById('group_read').checked  = false; }
    if (group & 2) { document.getElementById('group_write').checked = true; } else { document.getElementById('group_write').checked = false; }
    if (group & 1) { document.getElementById('group_exec').checked  = true; } else { document.getElementById('group_exec').checked  = false; }

    if (other & 4) { document.getElementById('other_read').checked  = true; } else { document.getElementById('other_read').checked  = false; }
    if (other & 2) { document.getElementById('other_write').checked = true; } else { document.getElementById('other_write').checked = false; }
    if (other & 1) { document.getElementById('other_exec').checked  = true; } else { document.getElementById('other_exec').checked  = false; }

Dit in een functie proppen? De 4 - 2 - 1 stap kan eventueel in een for-lusje

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

[ Bericht 5% gewijzigd door Geqxon op 21-06-2007 13:18:15 ]

donderdag 21 juni 2007 @ 13:29:51 #52

Geqxon

Uitgewerkt:

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

   var types = new Array();
   types[0] = "owner";
   types[1] = "group";
   types[2] = "other";

   var userset = new Array();
   userset[0] = 5;
   userset[1] = 7;
   userset[2] = 1;

   var rights = new Array();
   rights[4] = "read";
   rights[2] = "write";
   rights[1] = "exec";

   for (var i = 0; i <= 2; i++){
      for (var j = 4; j >= 1; j = j / 2){
          if (userset[i] & j)
             document.getElementById(types[i]+'_'+rights[j]).checked  = true;
          else
             document.getElementById(types[i]+'_'+rights[j]).checked  = false;
      }
   }

Verder lijkt dit mij mooier voor de checkboxen:

1
2
3
4
5
6

<input type="checkbox" id="other_read" value="4" onClick="calculate(this)">

function calculate(checkbox)
{
var opt = checkbox.id;
var num = checkbox.value;

Puur uit netheid

Last but not least een ranzige methode om calculate te verkleinen:

1
2
3
4
5
6
7
8
9
10

   var owner = 7;

   var checkboxChecked = false
   var checkboxValue = 4;
   var checkboxName = "owner";
   var charToUse = (checkboxChecked ? true : "+") + (checkboxChecked ? false : "-");

   eval(checkboxName + " = " + checkboxName + " " + charToUse + " " + checkboxValue);

   alert(owner);

Geeft in dit geval dus drie. Maar ranzig

[ Bericht 12% gewijzigd door Geqxon op 21-06-2007 13:56:01 ]

donderdag 21 juni 2007 @ 14:06:24 #53

Chandler

Tnx, ik ga me hier eens over buigen, maar op zich waren de functies die ik geschreven had aardig goed dus

en dat voor een JS leek

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

donderdag 21 juni 2007 @ 14:18:46 #54

Geqxon

quote:
Op donderdag 21 juni 2007 14:06 schreef Chandler het volgende:
Tnx, ik ga me hier eens over buigen, maar op zich waren de functies die ik geschreven had aardig goed dus en dat voor een JS leek

Jep, die waren prima. Maar hey, jij vraagt om korter, dan krijg je korter

donderdag 21 juni 2007 @ 15:25:59 #55

Chandler

je hebt gelijk... heb nog een hoop te javascripten.. het is maar onderdeel van

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

donderdag 21 juni 2007 @ 16:06:52 #56

SuperRembo

Sinds 1998

Dit kan natuurlijk veel korter

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

var types = new Array();
types[0] = "owner";
types[1] = "group";
types[2] = "other";

var userset = new Array();
userset[0] = 5;
userset[1] = 7;
userset[2] = 1;

var rights = new Array();
rights[4] = "read";
rights[2] = "write";
rights[1] = "exec";

for (var i = 0; i <= 2; i++){
   for (var j = 4; j >= 1; j = j / 2){
       if (userset[i] & j)
          document.getElementById(types[i]+'_'+rights[j]).checked  = true;
       else
          document.getElementById(types[i]+'_'+rights[j]).checked  = false;
   }
}

Voor het stukje met

1	if (boolValue) { someVar = true; } else { someVar = false; };

is er omslachtig

1
2
3
4
5
6
7
8
9
10
11

var types = ["owner", "group", "other"];
var userset = [5 , 7, 1];
var rights = ["read", "write", "exec"];

for (var i = 0; i < 3; ++i)
{
   for (var j = 4; j >= 1; j /= 2)
   {
      document.getElementById(types[i] + '_' + rights[j]).checked = (userset[i] & j);
   }
}

:P

donderdag 21 juni 2007 @ 16:16:56 #57

Geqxon

Baas boven baas, verschil moet er zijn

En de "checked = (userset[i] & j)" is een hele scherpe, voor mij een gemiste kans

donderdag 21 juni 2007 @ 17:17:34 #58

CraZaay

prettig gestoord

SuperRembo: ik neem aan dat 'ie voor 'rights' niet voor niets 4, 2 en 1 als keys gebruikt heeft ipv 0, 1 en 2. Of mis ik iets?

donderdag 21 juni 2007 @ 17:24:45 #59

Geqxon

quote:
Op donderdag 21 juni 2007 17:17 schreef CraZaay het volgende:
SuperRembo: ik neem aan dat 'ie voor 'rights' niet voor niets 4, 2 en 1 als keys gebruikt heeft ipv 0, 1 en 2. Of mis ik iets?

Jep, zo moet er bij een "read" worden geprobeerd er vier punten af te halen. Dat is anders te doen, uiteraard, maar dit leek mij voor het overzicht wel handig

donderdag 21 juni 2007 @ 20:06:17 #60

SuperRembo

Sinds 1998

quote:
Op donderdag 21 juni 2007 17:17 schreef CraZaay het volgende:
SuperRembo: ik neem aan dat 'ie voor 'rights' niet voor niets 4, 2 en 1 als keys gebruikt heeft ipv 0, 1 en 2. Of mis ik iets?

Je hebt gelijk, daar heb ik overheen gekeken.

donderdag 21 juni 2007 @ 20:15:01 #61

wipes66

Voor de mensen die graag op een makkelijk manier ronde hoeken willen maken:
http://code.google.com/p/jquery-roundcorners-canvas/

..///

donderdag 21 juni 2007 @ 20:29:55 #62

PiRANiA

All thinking men are atheists.

stiekem plaats ik hier een tvp

Dag Google!

donderdag 21 juni 2007 @ 21:28:59 #63

CraZaay

prettig gestoord

quote:
Op donderdag 21 juni 2007 20:15 schreef wipes66 het volgende:
Voor de mensen die graag op een makkelijk manier ronde hoeken willen maken:
http://code.google.com/p/jquery-roundcorners-canvas/

Bah

Javascript is wat mij betreft voor gedrag en niet voor styling. Daar is CSS voor.

donderdag 21 juni 2007 @ 23:20:05 #64

wipes66

quote:
Op donderdag 21 juni 2007 21:28 schreef CraZaay het volgende:

[..]

Bah

Javascript is wat mij betreft voor gedrag en niet voor styling. Daar is CSS voor.

Sommige dingen gaan nou eenmaal niet met CSS.

..///

vrijdag 22 juni 2007 @ 00:02:05 #65

CraZaay

prettig gestoord

quote:
Op donderdag 21 juni 2007 23:20 schreef wipes66 het volgende:

[..]

Sommige dingen gaan nou eenmaal niet met CSS.

Tuurlijk wel. jQuery schrijft ook gewoon dynamisch HTML en CSS.

vrijdag 22 juni 2007 @ 19:40:34 #66

PiRANiA

All thinking men are atheists.

help?

ik wil dat in een <input> de enter toets neit gebruikt wordt om te submitten, maar om een functie uit te voeren.
Hoe moet dat?

zoiets dus:

puur ter illustratie:

1
2
3

Dag Google!

vrijdag 22 juni 2007 @ 19:59:10 #67

CraZaay

prettig gestoord

Niets aan die input doen maar een onsubmit op je form. Daarin de gewenste functie uitvoeren en een 'return false' om de normale submit tegen te houden.

En natuurlijk de normale submit ook laten werken voor de mensen die javascript uit hebben staan

vrijdag 22 juni 2007 @ 20:20:15 #68

PiRANiA

All thinking men are atheists.

quote:
Op vrijdag 22 juni 2007 19:59 schreef CraZaay het volgende:
Niets aan die input doen maar een onsubmit op je form. Daarin de gewenste functie uitvoeren en een 'return false' om de normale submit tegen te houden.

En natuurlijk de normale submit ook laten werken voor de mensen die javascript uit hebben staan

gaan we proberen

Dag Google!

zondag 24 juni 2007 @ 20:43:21 #69

Geqxon

Ik ben zo eens op zoek naar een toffe Javascript reverse-engineer debugger achtig programma. Dus zodat ik exact kan zien wat er gebeurd als ik op een pagina op een knopje klik. Iemand tips?

zondag 24 juni 2007 @ 22:54:54 #70

SuperRembo

Sinds 1998

In FireBug zit een debugger en nog een heleboel handige dev tools. Verder heb je voor Firefox nog Venkman, maar die vind ik zelf niet zo lekker werken. Voor IE heb je natuurlijk de debugger van de Microsoft Script Editor, of anders Visual Studio.

woensdag 27 juni 2007 @ 20:40:42 #71

Chandler

Vraagje; ik heb een selectbox met een stel opties. Waarvan 90% een value hebben en 10% niet. Nu wil ik dat alleen die opties met een value geselecteerd kunnen worden maar niet de opties zonder 'value'.

Hoe kan ik dit realiseren?

if (this.option[this.selectedIndex].value='') return false;

werkt helaas niet

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

woensdag 27 juni 2007 @ 20:52:30 #72

Geqxon

quote:
Op woensdag 27 juni 2007 20:40 schreef Chandler het volgende:
Vraagje; ik heb een selectbox met een stel opties. Waarvan 90% een value hebben en 10% niet. Nu wil ik dat alleen die opties met een value geselecteerd kunnen worden maar niet de opties zonder 'value'.

Hoe kan ik dit realiseren?

if (this.option[this.selectedIndex].value='') return false;

werkt helaas niet :{

1
2
3

if (item.value){
alert('This item has a value');
}

Werkt dit niet?

donderdag 28 juni 2007 @ 14:58:19 #73

Chandler

Dat werkt wel in IE maar weer niet in FireFox.

Wil eingelijk gewoon als ze op een 'optie' zonder value klikken dat de 'selectie' gewoon blijft staan op de 'vorige' optie met wel een value...

oid..

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

donderdag 28 juni 2007 @ 15:02:39 #74

Litpho

Tijdelijke variabele om de selectedIndex in op te slaan waar de selectedIndex naar wordt teruggezet als het gegeven item geen value heeft?

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

donderdag 28 juni 2007 @ 15:05:54 #75

Chandler

K! ik ga het proberen!

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

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

» digital corner

» digital corner