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

donderdag 1 december 2005 @ 19:01:30 #1

Chandler

laatste vraag

quote:
Op donderdag 1 december 2005 18:29 schreef Chandler het volgende:
LOL

nog weer wat anders; ben voor een vriend m'n enquete ding aan het verbouwen en kom dus weer met wat vraagjes..

De eerste en laatste ik heb een pulldown (select) met meerdere opties... maar wil ff checken of de optie die reeds gechekt is een 0 of hoger bevat (qua option value) hoe kan ik dat checken..? ik gebruik alleen maar een name? anyone?

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

† In Memoriam † donderdag 1 december 2005 @ 21:59:11 #2

pc-fr34k

"Internet=Telepathie"

Selects hebben een selectedIndex.

.

Wij zijn artificial intelligence. Overclock jezelf maar hou jezelf wel goed koel.
Ik ben gematigd verslaafd aan drugs-ik kan stoppen voor een periode of altijd-maar altijd is zo lang-leef in zonde met mate(n)
http://pc-fr34k.hyves.nl/blog/

donderdag 1 december 2005 @ 22:11:14 #3

Chandler

tnx, inderdaad. document.getElementById('blaat').selectedIndex!!!

super

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

vrijdag 2 december 2005 @ 13:21:20 #4

wipes66

Ik heb ook nog een vraagje; hoe kan ik een functie kopppelen aan een rightclick event, zodat het in ie EN in firefox werkt??

..///

FOK!-Schrikkelbaas zaterdag 3 december 2005 @ 14:07:09 #5

Swetsenegger

Egocentrische Narcist

Ook ik heb een selectbox vraagje.
Hoe kan ik met javascript alle opties in een multiple selectbox selecteren?

 | FOK! Schrikkelbaasch

† In Memoriam † zaterdag 3 december 2005 @ 15:36:21 #6

pc-fr34k

"Internet=Telepathie"

quote:
Op zaterdag 3 december 2005 14:07 schreef Swetsenegger het volgende:
Ook ik heb een selectbox vraagje.
Hoe kan ik met javascript alle opties in een multiple selectbox selecteren?

Heel simpel, een multiple selectbox is een array, je telt eerst het aantal items in de array, dan loop je er met een while/for loop doorheen en stel je ze in op selected.

Wij zijn artificial intelligence. Overclock jezelf maar hou jezelf wel goed koel.
Ik ben gematigd verslaafd aan drugs-ik kan stoppen voor een periode of altijd-maar altijd is zo lang-leef in zonde met mate(n)
http://pc-fr34k.hyves.nl/blog/

zaterdag 3 december 2005 @ 16:48:13 #7

SuperRembo

Sinds 1998

quote:
Op vrijdag 2 december 2005 13:21 schreef wipes66 het volgende:
Ik heb ook nog een vraagje; hoe kan ik een functie kopppelen aan een rightclick event, zodat het in ie EN in firefox werkt??

De properties van het event-object zijn bijna bij elke browser weer anders, het is een zooitje. Maar bij Quirksmode.org staat uitgelegd hoe je de rechter muisknop detecteerd.

Je moet er wel rekening mee houden dat je bijvoorbeeld in Firefox niet kunt voorkomen dat het context menu verschijnt.

FOK!-Schrikkelbaas zaterdag 3 december 2005 @ 18:18:39 #8

Swetsenegger

Egocentrische Narcist

quote:
Op zaterdag 3 december 2005 15:36 schreef pc-fr34k het volgende:

[..]

Heel simpel, een multiple selectbox is een array, je telt eerst het aantal items in de array, dan loop je er met een while/for loop doorheen en stel je ze in op selected.

1
2
3
4
5
6
7

function selectAll(){
   obj = MM_findObj("assigned[]");
   obj.focus();
   for(i=0;i<obj.length;i++){
      obj.options[i].selected = true;
   }
}

Welliswaar gejat, maar hij functioneert prima

 | FOK! Schrikkelbaasch

zaterdag 3 december 2005 @ 22:50:31 #9

wipes66

quote:
Op zaterdag 3 december 2005 16:48 schreef SuperRembo het volgende:

[..]

De properties van het event-object zijn bijna bij elke browser weer anders, het is een zooitje. Maar bij Quirksmode.org staat uitgelegd hoe je de rechter muisknop detecteerd.

Je moet er wel rekening mee houden dat je bijvoorbeeld in Firefox niet kunt voorkomen dat het context menu verschijnt.

Dank je

Ik ben er achter gekomen dat
document.getElementById('id').oncontextmenu = function();
werkt, ook met firefox! En als die functie 'false' returned dan geeft firefox bij mij geen context menu.

..///

zaterdag 3 december 2005 @ 22:53:29 #10

wipes66

Ohja, ik heb nog een vraagje; hoe kan ik er achterkomen hoe breed een element is (in px) die ingesteld is op 100%?

edit: laat maar, "offsetWidth" is wat ik zocht...

[ Bericht 21% gewijzigd door wipes66 op 03-12-2005 23:15:53 ]

..///

zaterdag 3 december 2005 @ 23:30:54 #11

SuperRembo

Sinds 1998

Ik (en vele andere FF-gebruikers) heb "allow scripts to disable or replace context menus" uit staan.

† In Memoriam † zaterdag 3 december 2005 @ 23:37:25 #12

pc-fr34k

"Internet=Telepathie"

quote:
Op zaterdag 3 december 2005 23:30 schreef SuperRembo het volgende:
Ik (en vele andere FF-gebruikers) heb "allow scripts to disable or replace context menus" uit staan.

Maar dat betekend niet dat je script niet werkt. Het script wordt gewoon uitgevoerd alleen komt er wel een context-menu. Nutteloos dus als 'kopieer beveiliging' maar bv voor andere functies waaraan je de rechtermuisknop wilt verbinden goed te gebruiken, alleen een beetje irritant dat je dan een menu krijgt.

.

Wij zijn artificial intelligence. Overclock jezelf maar hou jezelf wel goed koel.
Ik ben gematigd verslaafd aan drugs-ik kan stoppen voor een periode of altijd-maar altijd is zo lang-leef in zonde met mate(n)
http://pc-fr34k.hyves.nl/blog/

zondag 4 december 2005 @ 11:11:38 #13

Chandler

Ik heb trouwens een leuke javascript drag en drop gevonden

http://www.sitepoint.com/books/dhtml1/examples/fileman.php

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

† In Memoriam † zondag 4 december 2005 @ 13:21:52 #14

pc-fr34k

"Internet=Telepathie"

quote:
Op zondag 4 december 2005 11:11 schreef Chandler het volgende:
Ik heb trouwens een leuke javascript drag en drop gevonden

http://www.sitepoint.com/books/dhtml1/examples/fileman.php

Wat een leuk ding, ik kan daar wel uren mee spelen.

.

Wij zijn artificial intelligence. Overclock jezelf maar hou jezelf wel goed koel.
Ik ben gematigd verslaafd aan drugs-ik kan stoppen voor een periode of altijd-maar altijd is zo lang-leef in zonde met mate(n)
http://pc-fr34k.hyves.nl/blog/

zondag 4 december 2005 @ 14:29:46 #15

Chandler

Ja dat bedoel ik man

ik moet um ook nog ontleden enzo

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

maandag 5 december 2005 @ 23:45:44 #16

Chandler

Weer wat anders, voor het projectje (een van de vele) waar ik mee bezig ben ben ik nu opzoek naar een tree module in javascript/css/dhtml whatever, zolang het maar snel laad (ook met meer dan 1000 items

) ennuh het moet per tree van plaatje kunnen worden voorzien. Tevens (daarom post ik het ook) moet het voeldoen aan de voorwaarde dat ik het altijd mag gebruiken zonder voorwaarden etc (voor mijn part de auteur in de code maar meer ook niet).

Helaas kon ik dit nergens vinden op het web, iemand een idee? want steeds herladen van een pagina is ook niet echt alles

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

dinsdag 6 december 2005 @ 16:26:17 #17

DemonRage

[ Eindhoven ]

JavaScript is best leuk, maar bij bewerkingen op grote arrays kan het snel trager worden.

Hier iets wat ik laatst gemaakt heb:
Probeerseltje: soort van MSN mijnenveger rip-off (waarschijnlijk alleen IE-compatible)

dinsdag 6 december 2005 @ 18:41:46 #18

SuperRembo

Sinds 1998

Werkt niet in Firefox

dinsdag 6 december 2005 @ 19:25:35 #19

Chandler

Maar dat is helaas nog gene oplossing

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

FOK!-Schrikkelbaas donderdag 8 december 2005 @ 19:59:57 #20

Swetsenegger

Egocentrische Narcist

Gedeeld javascript php probleempje, maar voornamleijk javascript.

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

if(!empty($_GET['right'])){
   if(is_numeric($_GET['id']) && is_numeric($_GET['right'])){
       deleteLeaf($_GET['right'],$_GET['id']);
   }
}

function deleteLeaf($right,$id){
$query="DELETE FROM menu WHERE id=".$id." LIMIT 1";
mysql_query($query);
$query="UPDATE menu SET rgt=rgt-2 WHERE rgt>".$right;
mysql_query($query);
$query="UPDATE menu SET lft=lft-2 WHERE lft>".$right;
mysql_query($query);
header("location: ".$_SERVER['PHP_SELF']);
}

Voor de php'ers, dit is redelijk duidelijk

Nu het probleem. Aan dit menu zitten produkten gekoppeld. Wanneer iemand nu een menu-item delete, wil ik een waarschuwing geven indien er nog produkten gekoppeld zijn.
Dit werkt met een xmlhttprequest:

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
66
67
68
69
70
71
72
73
74
75
76
77
78

en de link welke het hele spul in gang zet

1	[<a class="admin2" href="#" onClick="checkProduct('.$row['id'].')">delete</a>]

[/code]

Ok, de de link roept de javascript functie checkProduct aan, welke via een xmlhttprequest het resultaat van checkProduct.php terugkrijgt (zonder refresh dus). Uiteraard is checkProduct.php niets anders dan een COUNT.

Bovenstaand werkt, maar uiteraard wil ik de alert('verwijderd') vervangen in een window.location="pagina.php?id="+id+"&right="+right;
De parameters id en right moet ik dus van ceckProduct door geven aan handleHttpResponse. Maar dit

1
2
3
4
5
6

function checkProduct(id) {

    http.open("GET", url + escape(id), true);
    http.onreadystatechange = handleHttpResponse(id);
    http.send(null);
}

zorgt ervoor dat ik uberhaupt niet meer in handleHttpResponse terecht kom

Mijn javascript kennis schiet hier te kort.

 | FOK! Schrikkelbaasch

donderdag 8 december 2005 @ 20:12:02 #21

Foxxy

Weet niet zeker of dit met javascript te knutselen is, maar dit wil ik graag maken:

De index-pagina van mijn site bestaat uit twee frames. Ik wil elke keer als je de site ververst, een andere foto laten zien. Weet iemand hoe ik dit moet doen?

donderdag 8 december 2005 @ 20:53:46 #22

SuperRembo

Sinds 1998

Javascript:

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

var imageUrls = [
   'images/apple.jpg',
   'images/banana.jpg',
   'images/cherry.jpg'
];

function showRandomImage() {
   var img = document.getElementById('myImage');
   var url = imageUrls[Math.floor(Math.random() * imageUrls.length)];
   img.src = url;
}

window.onload = showRandomImage;

En er moet een <img> zijn met id="myImage".

FOK!-Schrikkelbaas donderdag 8 december 2005 @ 21:02:58 #23

Swetsenegger

Egocentrische Narcist

Heeft javascript een equivalent voor $_SERVER['PHP_SELF'] ?

 | FOK! Schrikkelbaasch

donderdag 8 december 2005 @ 21:05:06 #24

SuperRembo

Sinds 1998

(Vervolg op [PHP/(My)SQL] voor dummies - Deel 17)

quote:
Op donderdag 8 december 2005 20:48 schreef Swetsenegger het volgende:

[..]

wrom niet?

Ik weet niet precies hoe je pagina in elkaar zit, maar stel dat je een lijst met menu items hebt met elk een delete knop. Als je dan achter elkaar op twee verschillende delete knoppen drukt (voordat de httprequest klaar is), dan gebruik je de id van de tweede knop voor de response van de eerste knop.

En als je het dan toch met een global doet, gebruik dan een betere naam.

FOK!-Schrikkelbaas donderdag 8 december 2005 @ 21:09:32 #25

Swetsenegger

Egocentrische Narcist

quote:
Op donderdag 8 december 2005 21:05 schreef SuperRembo het volgende:
(Vervolg op [PHP/(My)SQL] voor dummies - Deel 17)
[..]

Ik weet niet precies hoe je pagina in elkaar zit, maar stel dat je een lijst met menu items hebt met elk een delete knop. Als je dan achter elkaar op twee verschillende delete knoppen drukt (voordat de httprequest klaar is), dan gebruik je de id van de tweede knop voor de response van de eerste knop.

En als je het dan toch met een global doet, gebruik dan een betere naam.

Ok, ik heb de functie geinclude in de eerste functie nu

 | FOK! Schrikkelbaasch

vrijdag 9 december 2005 @ 00:21:16 #26

DionysuZ

Respect my authority!

is er ook een manier om te detecteren of iemand javascript aan heeft staan? (met n xmlhttprequest ofzo

) _{stiekem getvpt}

□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell

vrijdag 9 december 2005 @ 07:29:13 #27

SuperRembo

Sinds 1998

quote:
Op donderdag 8 december 2005 21:02 schreef Swetsenegger het volgende:
Heeft javascript een equivalent voor $_SERVER['PHP_SELF'] ?

location.href?

quote:
Op vrijdag 9 december 2005 00:21 schreef DionysuZ het volgende:
is er ook een manier om te detecteren of iemand javascript aan heeft staan? (met n xmlhttprequest ofzo ) _{stiekem getvpt}

Alles binnen <noscript> zie je alleen als je javascript uit hebt staan </noscript>.

zaterdag 10 december 2005 @ 09:46:25 #28

Chandler

Mensen, ik ben bezig met mijn tree gemaakt door XMLHTTP en natuurlijk javascript en kwam het volgende tegen dat mij wel aansprak..

http://www.aurigma.com/support/default.aspx?section=onlinehelp&mainsrc=Help/DeepTree/Overview.htm

is dit een goede basis om op door te gaan?

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

maandag 12 december 2005 @ 00:07:24 #29

JeRa

Probleempje met onclick. Hoe stel ik die in bij dynamisch aangemaakte elementen?

var nieuweLink = document.createElement('a');
var label = document.createTextNode('blaat');
nieuweLink.appendChild(label);

//Stel de onclick in
nieuweLink.setAttribute('onclick', 'alert(\'waah!\')');
//Maar dit werkt alleen in Firefox

Hoe dit ook in IE werkende te krijgen?

maandag 12 december 2005 @ 00:12:05 #30

SuperRembo

Sinds 1998

Je kunt gewoon nieuweLink.onclick = function(){ alert('waah!') } gebruiken.
Je kunt het ook doen met nieuweLink.addEventLister() (in FF), of nieuweLink.attachEvent() (in IE).

maandag 12 december 2005 @ 00:12:08 #31

JeRa

quote:
Op maandag 12 december 2005 00:07 schreef JeRa het volgende:
Probleempje met onclick. Hoe stel ik die in bij dynamisch aangemaakte elementen?

var nieuweLink = document.createElement('a');
var label = document.createTextNode('blaat');
nieuweLink.appendChild(label);

//Stel de onclick in
nieuweLink.setAttribute('onclick', 'alert(\'waah!\')');
//Maar dit werkt alleen in Firefox

Hoe dit ook in IE werkende te krijgen?

Opgelost door alleen dit te gebruiken:

element.onclick = functie;

En:

1
2
3
4

function functie()
{
alert(this); //dit blijkt te werken
}

maandag 12 december 2005 @ 00:13:01 #32

JeRa

quote:
Op maandag 12 december 2005 00:12 schreef SuperRembo het volgende:
Je kunt gewoon nieuweLink.onclick = function(){ alert('waah!') } gebruiken.
Je kunt het ook met nieuweLink.addEventLister() (in FF), of nieuweLink.attachEvent() (in IE) gebruiken.

Het ging me vooral om het idee dat ik het object tijdens de onclick kon meegeven

dat had ik niet echt duidelijk gemaakt, excuses. Op bovenstaande manier werkt het, dan wordt de 'this' variabele toch ingesteld.

maandag 12 december 2005 @ 00:16:14 #33

SuperRembo

Sinds 1998

Aha, bedoelde je dat. Dat heet een "closure".
Wel een beetje uitkijken, hier kan je (vooral in IE) enorme gekeugenlekken mee creeren.

maandag 12 december 2005 @ 00:20:34 #34

JeRa

quote:
Op maandag 12 december 2005 00:16 schreef SuperRembo het volgende:
Aha, bedoelde je dat. Dat heet een "closure".
Wel een beetje uitkijken, hier kan je (vooral in IE) enorme gekeugenlekken mee creeren.

Hoezo dat? Heeft javascript niet net zoals java een (al is het maar matige) garbage collector?

edit: iemand een idee waarom IE wel dit pakt:

element.setAttribute('className', 'blaat');

En niet dit?

element.setAttribute('class', 'blaat');

maandag 12 december 2005 @ 07:51:00 #35

SuperRembo

Sinds 1998

Javascript heeft idd een garbage collector, maar in IE kan het mis gaan als je circulaire referenties hebt met DOM nodes. MS geeft er zelf informatie over. Ik had zelf op een gegeven moment een script dat bij elke div die te voorschijn kwam 10MB geheugen opeiste

Tja, waarom werkt iets in de ene browser wel en in de andere niet...
Je kan beter element.className = 'blaat' gebruiken. Zie ook Quirksmode.org.

maandag 12 december 2005 @ 08:32:26 #36

JeRa

quote:
Op maandag 12 december 2005 07:51 schreef SuperRembo het volgende:
Javascript heeft idd een garbage collector, maar in IE kan het mis gaan als je circulaire referenties hebt met DOM nodes. MS geeft er zelf informatie over. Ik had zelf op een gegeven moment een script dat bij elke div die te voorschijn kwam 10MB geheugen opeiste

Ik heb in ieder geval er al voor gezorgd dat de directe callbacks uit zo'n klein mogelijke code bestaan en de 'grote' functies aanroepen. Zal in een later stadium het eens testen in IE, hoewel ik me nu niet kan voorstellen hoe ik ooit een circulaire referentie zou kunnen krijgen op deze manier.

quote:
Tja, waarom werkt iets in de ene browser wel en in de andere niet...
Je kan beter element.className = 'blaat' gebruiken. Zie ook Quirksmode.org.

Waarom dat? Omdat er bij element.attribute meer blokjes groen zijn dan bij element.setAttribute(attribute, etc)?

Op die pagina staat dat IE een minimale ondersteuning heeft voor setAttribute. In de praktijk blijkt dit uit CSS styles en events als onclick, maar de rest werkt perfect. Aangezien setAttribute() mij meer ligt in het rijtje van createElement(), removeChild() etc ben ik hiermee gaan werken

die twee eerder genoemde gevallen heb ik dan ook opgevangen.

maandag 12 december 2005 @ 08:44:42 #37

JeRa

quote:
Op maandag 12 december 2005 08:32 schreef JeRa het volgende:

[..]

Ik heb in ieder geval er al voor gezorgd dat de directe callbacks uit zo'n klein mogelijke code bestaan en de 'grote' functies aanroepen. Zal in een later stadium het eens testen in IE, hoewel ik me nu niet kan voorstellen hoe ik ooit een circulaire referentie zou kunnen krijgen op deze manier.

Ik heb me even ingelezen over circulaire referenties bij closures. Op zich maak ik wel gebruik van de structuur waarop memory leaks kunnen ontstaan in IE, maar aan de andere kant, ik zou niet weten hoe ik het zonder zou moeten doen

Elk object dat ik aanmaak krijg een (weliswaar kleine) event function aan z'n onclick-event gehangen. Deze moet blijven bestaan totdat de browser wordt afgesloten en kan niet eerder worden vrijgemaakt. Dus iets als dit:

1
2
3
4
5
6
7

var element = document.createElement('a');
element.onclick = functie;

function functie()
{
roepGrotereFunctieAan(this);
}

Kan dan toch betrekkelijk weinig kwaad? Ik merk dat tijdens het 'gebruiken' van mijn pagina in IE het geheugengebruik met stapjes van 4 KB telkens oploopt, maar na een minimize en restore van het IE-scherm is het geheugengebruik weer minimaal.

maandag 12 december 2005 @ 13:31:11 #38

SuperRembo

Sinds 1998

Het scheelt ook als je nieuwe elementen direct in de tree hangt:

1
2
3
4
5
6
7
8

// Niet zo
var link = document.createElement('A');
// Set properties for link ...
container.appendChild(link)

// Maar zo
var link = container.appendChild(document.createElement('A'));
// Set properties for link ...

dinsdag 13 december 2005 @ 20:22:45 #39

Twisted_Logic

Voor school moet ik een JavaScript opdracht maken met een background color die gelijdelijk (met settimeout) naar een andere kleur gaat. Ik heb nu dit:

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

Er zit volgens mij ergens een fout in dat b++. Wie kan mij weer even op weg helpen?

dinsdag 13 december 2005 @ 21:13:38 #40

SuperRembo

Sinds 1998

setTimeout werkt anders, zie ook W3Schools

1	setTimeout("alert('Deze melding komt na 1 seconde')", 1000);

De achtergrondkleur stel je zo in:

1
2
3

document.body.style.backgroundColor = '#ff0000';
// of zo
document.body.style.backgroundColor = 'rgb(255, 0, 0)';

dinsdag 13 december 2005 @ 21:15:24 #41

Twisted_Logic

quote:
Op dinsdag 13 december 2005 21:13 schreef SuperRembo het volgende:
setTimeout werkt anders, zie ook W3Schools
[ code verwijderd ]

De achtergrondkleur stel je zo in:
[ code verwijderd ]

Oke bedankt, ik zal het nog even proberen

.

dinsdag 13 december 2005 @ 21:16:00 #42

JeRa

quote:
Op maandag 12 december 2005 13:31 schreef SuperRembo het volgende:
Het scheelt ook als je nieuwe elementen direct in de tree hangt:
[ code verwijderd ]

Dat kan niet bij mijn script, aangezien elk gemaakt element ook nog gewijzigde properties nodig heeft.

Ik vond overigens nog wel een heel interessant artikel hierover, maar aangezien het aan IE6 ligt en het hopelijk met IE7 opgelost is kijk ik er verder niet naar.

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

[Javascript] voor dummies - deel 3

» digital corner

» digital corner