[Javascript] voor dummies (deel 6)

woensdag 7 november 2007 @ 11:49:23 #241

SlimShady

in de bovenste is x een verwijzing naar het element 'react'.
bij de onderste code staat x voor de text 'block' of 'none'.
dus het verandert alleen de inhoud van x, ipv wat jij verwacht: het element>attribuut style.display.

woensdag 7 november 2007 @ 12:00:04 #242

Chandler

Ah duidelijk, ik dacht dat x dan het gehele element mee zou nemen maar dat is dus niet zo

weer wat geleerd

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

woensdag 7 november 2007 @ 12:32:39 #243

CraZaay

prettig gestoord

quote:
Op woensdag 7 november 2007 12:00 schreef Chandler het volgende:
Ah duidelijk, ik dacht dat x dan het gehele element mee zou nemen maar dat is dus niet zo weer wat geleerd

Dat element "meenemen" wil je juist niet. Je wilt de referentie naar het element gebruiken.

woensdag 7 november 2007 @ 13:12:12 #244

Chandler

Daar doelde ik al op CraZaay

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

woensdag 7 november 2007 @ 13:28:48 #245

SuperRembo

Sinds 1998

Maar dit kan wel:

1
2
3
4
5

function showReact()
{
x = document.getElementById('react').style;
(x.display == 'block') ? x.display = 'none' : x.display = 'block';
}

Ik zou 't trouwens zo doen

1	x.display = (x.display == 'none') ? '' : 'none';

Dan maak je beter gebruik van de ?: operator en op deze manier werkt het ook bij bijv een span en table element.

vrijdag 9 november 2007 @ 11:10:26 #246

Chandler

Ik heb een vraagje over een stukje script van mij. Het volgende script moet van een XML resultaat een directorie structuur kunnen opbouwen, echter krijg ik na uitlezen gelijk de volgende error

XML data

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

<?xml version="1.0" encoding="iso-8859-1" ?>
- <nodes>
- <node>
  <name>Documents and Settings</name>
  <id>C:/Documents and Settings</id>
  <items>1</items>
  </node>
- <node>
  <name>Games</name>
  <id>C:/Games</id>
  <items>1</items>
  </node>
- <node>
  <name>MyServer</name>
  <id>C:/MyServer</id>
  <items>1</items> etcetcetc

JS script

1
2
3
4
5
6
7
8
9

<?php
        /* check if HTTP Response Code is 200 (resource found) */
        if(request.status == 200)
        {
            /* get data as xml and select only nodes */
            x = request.responseXML.getElementsByTagName('nodes')[0].getElementsByTagName('node'); // <-- error
            y = x.length;
            /* no nodes in response - go out from function */
?>

Error melding in FF

1
2
3

Error: [Exception... "Component returned failure code: 0x80004003 (NS_ERROR_INVALID_POINTER) [nsIDOMHTMLDivElement.removeChild]" nsresult: "0x80004003 (NS_ERROR_INVALID_POINTER)" location: "JS frame :: etc/js/tree.js :: completeRequest :: line 118" data: no]
Source File: etc/js/tree.js
Line: 118

Error melding in IE

1	request.responseXML.getElementsByTagName('nodes')[0] is leeg of geen object

Nu is de vraag; waar ga ik de fout in? :D

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

vrijdag 9 november 2007 @ 13:02:40 #247

SuperRembo

Sinds 1998

De foutmelding geeft aan dat er geen "nodes" element bestaat.
Krijg je wel echt xml binnen?
Wat geeft request.responseXML.childNodes.length of request.responseXML.childNodes[0]?

getElementsByTagName geeft alle nodes met de gegeven naam, dus ook dieper gelegen nodes.
x = request.responseXML.getElementsByTagName('nodes')[0].getElementsByTagName('node');
is in dit geval dus hetzelfde als
x = request.responseXML.getElementsByTagName('node');

vrijdag 9 november 2007 @ 14:47:23 #248

Chandler

quote:
Op vrijdag 9 november 2007 13:02 schreef SuperRembo het volgende:
De foutmelding geeft aan dat er geen "nodes" element bestaat.
Krijg je wel echt xml binnen?
Wat geeft request.responseXML.childNodes.length of request.responseXML.childNodes[0]?

getElementsByTagName geeft alle nodes met de gegeven naam, dus ook dieper gelegen nodes.
x = request.responseXML.getElementsByTagName('nodes')[0].getElementsByTagName('node');
is in dit geval dus hetzelfde als
x = request.responseXML.getElementsByTagName('node');

alert(request.responseXML) geeft het XML voorbeeld + natuurlijk wat meer data
request.responseXML.childNodes.length geeft 0
request.responseXML.childNodes[0] geeft null

Jou manier :
request.responseXML.getElementsByTagName('node') geeft een [object]
maar dan krijg ik de volgende error op:

1
2
3
4
5
6
7
8
9

            if(!y)
            {
                with(parent.getElementsByTagName('p')[0]) // <-- error
                {
                    removeChild(lastChild);
                    appendChild(document.createTextNode('No contents found...'));
                }
                return false;
            }

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

vrijdag 9 november 2007 @ 15:49:53 #249

SuperRembo

Sinds 1998

quote:
Op vrijdag 9 november 2007 14:47 schreef Chandler het volgende:
[..]
alert(request.responseXML) geeft het XML voorbeeld + natuurlijk wat meer data
request.responseXML.childNodes.length geeft 0

Dat is vreemd. Stuur je wel een text/xml header? Wat geeft request.getResponseHeader("Content-Type")?

vrijdag 9 november 2007 @ 16:42:47 #250

PiRANiA

All thinking men are atheists.

Wie met ienternet explorer snapt wat het hier fout gaat:
http://roostertv.kexx.net/ (onderin)
in FF werkt het wel...
(gaat over AJAX...)

Dag Google!

vrijdag 9 november 2007 @ 17:36:07 #251

Chandler

quote:
Op vrijdag 9 november 2007 15:49 schreef SuperRembo het volgende:

[..]

Dat is vreemd. Stuur je wel een text/xml header? Wat geeft request.getResponseHeader("Content-Type")?

Zo verstuur ik het

1
2
3
4
5
6

header( "Expires: Mon, 26 Jul 1997 05:00:00 GMT" ); // disable IE caching
header( "Last-Modified: " . gmdate( "D, d M Y H:i:s" ) . " GMT" );
header( "Cache-Control: no-cache, must-revalidate" );
header( "Pragma: no-cache" );

echo('<'.'?xml version="1.0" encoding="iso-8859-1" ?'.'>'."\r\n");

en die request.getResponseHeader("Content-Type")? geeft idd text/html

Hoe is dat mogelijk?

Nu krijg ik text/xml door toevoeging van

1	header( "Content-Type: text/xml");

maar dan krijg ik weer een andere error

1
2
3

Regel: 122
Teken: 13
Fout: Type komt niet overeen

Regel 122 is als volgt.

1	parent.appendChild(e['ul']);

en het leuke is dat FF het weer anders aangeeft

1
2
3

Error: [Exception... "Component returned failure code: 0x80004003 (NS_ERROR_INVALID_POINTER) [nsIDOMHTMLDivElement.removeChild]" nsresult: "0x80004003 (NS_ERROR_INVALID_POINTER)" location: "JS frame :: etc/js/tree.js :: completeRequest :: line 121" data: no]
Source File: etc/js/tree.js
Line: 121

regels 118 t/m 123

1
2
3
4
5
6

                }
                e['ul'].appendChild(e['li']);
            }
            parent.removeChild(parent.getElementsByTagName('p')[0]); <-- 121
            parent.appendChild(e['ul']); <-- 122
        }

[ Bericht 23% gewijzigd door Chandler op 09-11-2007 17:41:27 ]

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

vrijdag 9 november 2007 @ 17:46:20 #252

Chandler

quote:
Op vrijdag 9 november 2007 16:42 schreef PiRANiA het volgende:
Wie met ienternet explorer snapt wat het hier fout gaat:
http://roostertv.kexx.net/ (onderin)
in FF werkt het wel...
(gaat over AJAX...)

AJAX?

javascript:document.getElementById('adje') waar staat een div met adje?

Je kunt trouwens beter die onload (imho) gewoon onderaan het script zetten.

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

vrijdag 9 november 2007 @ 18:39:12 #253

SuperRembo

Sinds 1998

quote:
Op vrijdag 9 november 2007 17:36 schreef Chandler het volgende:

[..]

Zo verstuur ik het
[ code verwijderd ]

en die request.getResponseHeader("Content-Type")? geeft idd text/html

Hoe is dat mogelijk?

Dat is de default header die php stuurt.

quote:
maar dan krijg ik weer een andere error

Bestaat er wel een element <p>? Is de variable die je propeert te appenden wel een element?

Waarom gebruik je geen JSON, dat werkt zoveel makkelijker in javascript?

quote:
Op vrijdag 9 november 2007 17:46 schreef Chandler het volgende:
Je kunt trouwens beter die onload (imho) gewoon onderaan het script zetten.

Ben ik niet met je eens. De toevoeging "javascript:" in onload en onclick is wel overbodig.
PiRANiA, wat wil je bereiken met het veranderen van de class als je de pagina sluit? :S En waarom zet je niet meteen de goede classname met php?

vrijdag 9 november 2007 @ 19:36:19 #254

Chandler

Sr je hebt een PM

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

zaterdag 10 november 2007 @ 09:16:21 #255

CraZaay

prettig gestoord

quote:
Op vrijdag 9 november 2007 17:46 schreef Chandler het volgende:

Je kunt trouwens beter die onload (imho) gewoon onderaan het script zetten.

Nee, want dat wordt 'ie al uitgevoerd voor de HTML geladen is en de DOM nog niet compleet is. Wél zou het netter zijn om een onload event listener toe te voegen via het script imo.

Ander alternatief, en dan werkt Chandlers suggestie wel, is om de JS includes helemaal aan het einde van je HTML te zetten. Dat komt de performance ook ten goede (normaal gebruikt een browser 2 "download threads", maar voor JS maar 1, als je meerdere includes bovenaan hebt staan gaat 'ie die dus 1 voor 1 afwerken (downloaden + parsen) voordat 'ie aan de HTML begint). Maar da's meer van toepassing op high traffic site's wellicht.

zondag 11 november 2007 @ 00:17:47 #256

Skorpija

Jebiga !

Volgens mij niet echt een dummy vraag...

Wanneer ik op een plaatje klik, en vervolgens (met de linkermuisknop nog ingedrukt) de cursor begin te slepen, veranderd de cursor in een 'stop' teken. Is hier iets tegen te doen?

Ik wil dat de cursor gewoon als pointer blijft.

Free Online Image Editor
Verklein je avatar met color reduction!
Maak je eigen animated gif Online!

zondag 11 november 2007 @ 02:38:29 #257

Chandler

Denk het niet, dit is iets wat niet te defenieren is

zal ongetwijfeld anders zijn in IE dan FF

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

zondag 11 november 2007 @ 02:38:36 #258

PiRANiA

All thinking men are atheists.

quote:
Op zondag 11 november 2007 00:17 schreef Skorpija het volgende:
Volgens mij niet echt een dummy vraag...

Wanneer ik op een plaatje klik, en vervolgens (met de linkermuisknop nog ingedrukt) de cursor begin te slepen, veranderd de cursor in een 'stop' teken. Is hier iets tegen te doen?

Ik wil dat de cursor gewoon als pointer blijft.

iets van image onmove="corsor:default" .
Zoiets?

Dag Google!

zondag 11 november 2007 @ 12:23:54 #259

SuperRembo

Sinds 1998

quote:
Op zondag 11 november 2007 00:17 schreef Skorpija het volgende:
Wanneer ik op een plaatje klik, en vervolgens (met de linkermuisknop nog ingedrukt) de cursor begin te slepen, veranderd de cursor in een 'stop' teken. Is hier iets tegen te doen?

Bij dit soort vragen vraag ik me altijd af waarom je zoiets zou willen.

zondag 11 november 2007 @ 13:30:36 #260

Skorpija

Jebiga !

quote:
Op zondag 11 november 2007 12:23 schreef SuperRembo het volgende:

[..]

Bij dit soort vragen vraag ik me altijd af waarom je zoiets zou willen.

Ik wil via javascript over een plaatje 'tekenen'. Maar als ik dus begin met tekenen, veranderd de cursor in een 'not-allowed' cursor.

Free Online Image Editor
Verklein je avatar met color reduction!
Maak je eigen animated gif Online!

zondag 11 november 2007 @ 14:14:10 #261

CraZaay

prettig gestoord

quote:
Op zondag 11 november 2007 13:30 schreef Skorpija het volgende:

[..]

Ik wil via javascript over een plaatje 'tekenen'. Maar als ik dus begin met tekenen, veranderd de cursor in een 'not-allowed' cursor.

Leg die eens even uit als je wilt

"Over een plaatje tekenen" is niet echt standaard browsergedrag, dus daar kan ik me weinig bij voorstellen.

zondag 11 november 2007 @ 14:38:20 #262

Skorpija

Jebiga !

Nou, eigenlijk heel simpel:

Men upload een plaatje, klikt op een knopje van een 'kwastje' en vervolgens kan men op het plaatje 'free hand' tekenen. Dat natuurlijk ook weer d.m.v. javascript.
Maar ik heb een oplossing gevonden denk ik. Ik zet onder mijn cursor een klein transparant plaatje (10x10) welke weer bovenop het ge-uploade plaatje ligt. Echter dat kleine plaatje maak ik draggable. Zo denkt de cursor dat hij eigenlijk een plaatje sleept (dus geen 'not-allowed' cursor) maar laat ik daaronder weer gewoon tekenen

Free Online Image Editor
Verklein je avatar met color reduction!
Maak je eigen animated gif Online!

zondag 11 november 2007 @ 19:26:35 #263

CraZaay

prettig gestoord

Of een div over de afbeelding leggen met een transparante gif als achtergrond, gaat wellicht ook wel werken.

woensdag 14 november 2007 @ 16:49:24 #264

Flaccid

Ik heb een functie, en ik wil die op een manier aanroepen.

1	document.write('henk'+time()+'piet')

maar daar komtuit

1

7henkpiet

hoe komt dat? (time is nu even 7). waarom komt er niet henk7piet uit?

woensdag 14 november 2007 @ 18:10:21 #265

super-muffin

Is Time geen gereserveerde naam in Javascript?
en returnt die functie wel wat?

Steam - SC2

woensdag 14 november 2007 @ 18:33:49 #266

Flaccid

quote:
Op woensdag 14 november 2007 18:10 schreef super-muffin het volgende:
Is Time geen gereserveerde naam in Javascript?
en returnt die functie wel wat?

ja

woensdag 14 november 2007 @ 18:36:50 #267

SuperRembo

Sinds 1998

1 2	function time() { return '7'; } document.write('henk'+time()+'piet');

Dit geeft toch echt 'henk7piet'.

vrijdag 16 november 2007 @ 01:31:08 #268

ErikN

quote:
Op zondag 11 november 2007 13:30 schreef Skorpija het volgende:

[..]

Ik wil via javascript over een plaatje 'tekenen'. Maar als ik dus begin met tekenen, veranderd de cursor in een 'not-allowed' cursor.

Stel het plaatje in als background-image van het vlak waarin je wilt tekenen. Leuk idee trouwens.

Zon, zee en strandvakanties

vrijdag 16 november 2007 @ 07:46:56 #269

Flaccid

quote:
Op woensdag 14 november 2007 18:36 schreef SuperRembo het volgende:

[ code verwijderd ]

Dit geeft toch echt 'henk7piet'.

heb dit gedaan:

1
2
3

document.write('henk')
time()
document.write('piet')

dit werkt wel

vrijdag 16 november 2007 @ 09:26:35 #270

SuperRembo

Sinds 1998

quote:
Op vrijdag 16 november 2007 07:46 schreef Flaccid het volgende:

[..]

heb dit gedaan:
[ code verwijderd ]

dit werkt wel

Nou ja "werkt".

Het vermoeden van super-muffin was dus terecht. De functie time() returnt zelf niets, time() voert zelf een document.write() uit. De uitkomst die je kreeg was dus heel erg logisch.

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

» digital corner

» digital corner