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

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.

dinsdag 13 december 2005 @ 22:34:50 #43

SuperRembo

Sinds 1998

Is het script alleen voor eigen gebruik dat je IE7 kan eisen?

dinsdag 13 december 2005 @ 23:14:22 #44

JeRa

quote:
Op dinsdag 13 december 2005 22:34 schreef SuperRembo het volgende:
Is het script alleen voor eigen gebruik dat je IE7 kan eisen?

Ik eis niets.

Ik ga alleen geen workarounds schrijven aangezien die later vooral problemen kunnen opleveren

dit is niet alleen voor IE hoor, heb ooit een div-workaround voor Firefox geschreven aangezien deze niet goed kon omgaan met events en overlappende layers. Paar maanden later had het team achter Firefox deze bug gefixed, met als gevolg dat de workaround niet meer werkte en de navigatie verklooide.

Gebruikers van IE6 moeten dus maar met die paar extra KB (die overigens toch niet wordt vrijgegeven gedurende het bezoek aan een pagina!) aan geheugengebruik leren leven. Dan schrijf ik liever code die klopt dan dat ik via een closure prototype alléén voor IE6 moet zorgen dat de boel netjes wordt afgevangen.

donderdag 15 december 2005 @ 17:37:15 #45

the_disheaver

Volgens mij een simpel vraagje (zo simpel dat gooogle me ook kan helpen

)

Ik gebruik dit bij een banner om een bepaalde link te openen

1	<div id="extraDiv3" onclick="document.location.href='index.php?id=49'"></div>

Hoe open ik de link in een nieuw venster?

donderdag 15 december 2005 @ 17:38:36 #46

DionysuZ

Respect my authority!

window.open?

□ 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

donderdag 15 december 2005 @ 17:52:29 #47

the_disheaver

quote:
Op donderdag 15 december 2005 17:38 schreef DionysuZ het volgende:
window.open?

dank, gelukt (met behulp van google

vrijdag 16 december 2005 @ 20:00:20 #48

ziggyziggyziggy

wisselwachter, vlaggenzwaaier

Hoe kan ik geselecteerde tekst in een <input> deselecteren?

Context:
Ik ben een beetje aan het spelen met Ajax en heb voor een toekomstig projectje een imdb-titelvinder gemaakt op http://www.ziggyziggyziggy.nl/ajaxtest/imdb.html. Als je een imdb-nummer invoert in het eerste veld en tab doet, zoekt hij de titel en het jaartal erbij d.m.v. het opvragen van de bijbehorende imdb-pagina. Als je je cursor dan in het eerste veld zet en je doet weer tab, wordt de tekst in het titelveld geselecteerd en dat wil ik niet. Da's lelijk. onFocus="self.blur" werkt niet.

Mine is the last voice you'll ever hear. Don't be alarmed.

vrijdag 16 december 2005 @ 20:22:06 #49

SuperRembo

Sinds 1998

Waarom gebruik je een input box als je het gedrag van een input box niet wil?

vrijdag 16 december 2005 @ 21:58:35 #50

ziggyziggyziggy

wisselwachter, vlaggenzwaaier

quote:
Op vrijdag 16 december 2005 20:22 schreef SuperRembo het volgende:
Waarom gebruik je een input box als je het gedrag van een input box niet wil?

Da's een hele goede vraag en met jouw andere kijk hierop zou ik mijn probleem kunnen oplossen... ware het niet dat ik die input later weer nodig ga hebben om de titel en jaartal in een eigen database te kunnen stoppen. En dat is weer het handigst met een form.

[edit]Dat kan natuurlijk ook met een hidden input, waarnaast ik de titel in een niet-input-vorm toon[/edit]

Mine is the last voice you'll ever hear. Don't be alarmed.

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

[Javascript] voor dummies - deel 3

» digital corner

» digital corner