[JS] getElementById doet zen werk niet - Softwareontwikkeling

donderdag 3 maart 2005 10:36

Acties:

Verwijderd

Topicstarter

code:

#blok { position:absolute; left:100px; top:100px; background-color:#006600; width:80px; height:40px;}

</style>
<script language="javascript" type="text/javascript">
for(var i = 0;i<6;i++)
{
    verschuifLinks();
    document.write('<div id="blok" onClick="show()"></div>');
}

function show()
{
    window.alert("hallo");
}


function verschuifLinks()
{   
     getObj('blok').style.left = x + 10; 
}

function getObj(elementID)
{
    return  document.getElementById(elementID);
}
</script>

wat er komt te staan in firefox javascript console
is het volgende "Fout: getObj("blok") has no properties Regel: 29"
Weet iemand wat ik verkeerd doe ik zit namelijk al een aardig poos te kijken maar kan het echt niet vinden

donderdag 3 maart 2005 10:37

Acties:

crisp

Devver

Pixelated

je weet dat een ID uniek moet zijn?

JavaScript:

function verschuifLinks()
{    
     getObj('blok').style.left = x + 10; 
}

Waar komt die x vandaan?
Verder verdient het aanbeveling een unit op te geven bij style-properties.

[ Voor 75% gewijzigd door crisp op 03-03-2005 10:39 ]

Intentionally left blank

donderdag 3 maart 2005 10:45

Acties:

Verwijderd

je blok bestaat nog niet eens op het moment dat je die verschuifLinks() aanroept, hij wordt in de regel erna pas gemaakt

donderdag 3 maart 2005 10:46

Acties:

Verwijderd

Topicstarter

die x hoorde daar idd niet maar dat is niet de oorzaak van de foutmelding.
Wat bedoel je eigenlijk met die unit in de style properties

donderdag 3 maart 2005 10:49

Acties:

crisp

Devver

Pixelated

in CSS zeg je ook:

Cascading Stylesheet:

1	#blok { left: 100px; }

px is de unit, en die dien je ook in scripting te gebruiken

Intentionally left blank

donderdag 3 maart 2005 10:57

Acties:

Verwijderd

Topicstarter

Ik heb de fouten veranderd maar hij blijft de foutmelding geven
Fout: getObj("blok") has no properties Regel: 30

maar komt het nu omdat ik een for lus gebruik en de id niet aanpas dus met hetzelfde id voor elke neiuw div

donderdag 3 maart 2005 10:59

Acties:

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Verwijderd schreef op donderdag 03 maart 2005 @ 10:57:
Ik heb de fouten veranderd maar hij blijft de foutmelding geven
Fout: getObj("blok") has no properties Regel: 30

maar komt het nu omdat ik een for lus gebruik en de id niet aanpas dus met hetzelfde id voor elke neiuw div

Een id moet uniek zijn ja. Je zou het overigens wel kunnen benaderen als een Array volgens mij, dus iets als: getObj('blok')[0] ofzo. Maar dat zou ik even moeten checken om zeker te weten. Ik zou gewoon zorgen dat ID uniek is, daar is het namelijk voor bedoeld.

[ Voor 18% gewijzigd door RobIII op 03-03-2005 11:00 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

donderdag 3 maart 2005 11:03

Acties:

Verwijderd

Topicstarter

hoe zou ik die id in die style sheet kunnen kopelen dan ? als ik die id bijvoorbeeld kopel aan die teller
hoe zorg ik ervoor dat die style id ook gekoppeld blijft

donderdag 3 maart 2005 11:19

Acties:

Verwijderd

Topicstarter

dit is de verbeterde code. maar het probleem blijft zich voor doen

code:

<style type="text/css">
#blok { position:absolute; left:100px; top:100px; background-color:#006600; width:80px; height:40px;}

</style>
<script language="javascript" type="text/javascript">
var pos = 0;

for(var i = 0;i<6;i++)
{
    document.write('<div id="blok" onClick="show()"></div>');
    verschuifLinks();
}

function show()
{
    window.alert("hallo");
}


function verschuifLinks()
{   
     pos += 10;
     getObj('blok').style.left = pos + "px"; 
}

function getObj(elementID)
{
    return  document.getElementById(elementID);
}

</script>

donderdag 3 maart 2005 11:24

Acties:

Verwijderd

is er al gezegd dat id's uniek moeten zijn

voor de style hang je er dan maar een class aan ofzo

donderdag 3 maart 2005 11:26

Acties:

Woudloper

« - _ - »

Om je ID's uniek te maken moet je even zoiets als onderstaande doen...

JavaScript:

for(var i = 0;i<6;i++)
{
    document.write('<div id="blok' + i + '" onClick="show()"></div>');
    verschuifLinks();
}

donderdag 3 maart 2005 11:40

Acties:

Verwijderd

Topicstarter

Verwijderd schreef op donderdag 03 maart 2005 @ 11:24:
is er al gezegd dat id's uniek moeten zijn

Grappig joh echt lachen

donderdag 3 maart 2005 11:47

Acties:

Verwijderd

Id's hoeven helemaal niet uniek te zijn!

Hij wil aan elke DIV element de style meegeven met behulp van #blok ..

Hier zijn bijvoorbeeld Id's ook niet uniek maar het werkt als een zonnetje ..

code:

<style type="text/css">
#blokje { color: #FF0000; }
</style>
<body>
<table id="blokje" border="2"><td >HOI</td></table><BR><BR>
<table id="blokje" border="2"><td >HOI</td></table><BR><BR>
<table id="blokje" border="2"><td >HOI</td></table><BR><BR>
<table id="blokje" border="2"><td >HOI</td></table><BR><BR>
</body>

donderdag 3 maart 2005 11:50

Acties:

Rowanov

Kop eens wat anders...

Id's moeten wel uniek zijn:
http://www.htmlhelp.com/reference/css/style-html.html#id
en de link van w3c:
http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.2

[ Voor 35% gewijzigd door Rowanov op 03-03-2005 11:51 ]

donderdag 3 maart 2005 11:51

Acties:

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Verwijderd schreef op donderdag 03 maart 2005 @ 11:47:
Id's hoeven helemaal niet uniek te zijn!

ID's moeten wel degelijk uniek zijn:

quote: http://msdn.microsoft.com...dhtml_reference_entry.asp
The id should be unique throughout the scope of the current document. If a document contains more than one object with the same identifier, the objects are exposed as a collection that can be referenced only in ordinal position.

Dat het werkt wil niet zeggen dat je gelijk hebt

Overigens klopt er van je HTML ook niet veel

Waar zijn de <tr>'s ?

En waarom gebruikt de TS niet gewoon een class?

[ Voor 59% gewijzigd door RobIII op 03-03-2005 11:54 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

donderdag 3 maart 2005 11:51

Acties:

Verwijderd

Grappig joh echt lachen

En correct.

donderdag 3 maart 2005 11:52

Acties:

Verwijderd

Verwijderd schreef op donderdag 03 maart 2005 @ 11:40:
[...]

Grappig joh echt lachen

lekkere instelling

het is anders wel de oorzaak van je probleem, dus je kan blijven lachen en stug volhouden aan repeterende id's en ene niet werkend geheel hebben of dit gewoon ter harte nemen en er echt wat aan doen

donderdag 3 maart 2005 11:54

Acties:

Verwijderd

Woudloper schreef op donderdag 03 maart 2005 @ 11:26:
Om je ID's uniek te maken moet je even zoiets als onderstaande doen...
JavaScript:
1
2
3
4
5
for(var i = 0;i<6;i++)
{
    document.write('<div id="blok' + i + '" onClick="show()"></div>');
    verschuifLinks();
}

In dit geval krijg je: 6 keer een DIV met als id's: blok1, blok2, blok3 enz...

Om aan elke blok weer die style te hangen moet de style dus ook meelopen? Wat dat is niet echt praktisch natuurlijk..

Of ga ik nu de spreekwoordelijke mist in?

donderdag 3 maart 2005 11:55

Acties:

crisp

Devver

Pixelated

Verwijderd schreef op donderdag 03 maart 2005 @ 11:54:
[...]
Of ga ik nu de spreekwoordelijke mist in?

Heb je de draad wel gelezen? Wel eens gehoord van classes in CSS?

Intentionally left blank

donderdag 3 maart 2005 11:55

Acties:

Rowanov

Kop eens wat anders...

Ja, gebruik gewoon een class, ben je van het gezeur af.

offtopic:
alsof er stroop aan het topic zit

[ Voor 36% gewijzigd door Rowanov op 03-03-2005 11:56 ]

donderdag 3 maart 2005 11:55

Acties:

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Verwijderd schreef op donderdag 03 maart 2005 @ 11:54:
[...]

In dit geval krijg je: 6 keer een DIV met als id's: blok1, blok2, blok3 enz...

Om aan elke blok weer die style te hangen moet de style dus ook meelopen? Wat dat is niet echt praktisch natuurlijk..

Of ga ik nu de spreekwoordelijke mist in?

Erg handig is dat niet, en ook niet de bedoeling nee. Daarom vragen meerdere mensen hier al waarom de TS geen class gebruikt...

/spuit 11

[ Voor 3% gewijzigd door RobIII op 03-03-2005 11:56 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

donderdag 3 maart 2005 12:00

Acties:

Verwijderd

Topicstarter

zoals pim zei "at your service" de class is er maar werkt nog steeds niet Fout: getObj("id") has no properties. Nog even excusses voor mijn gedrag daarnet stukje frustratie is daarvan het sleutelwoord en de oorzaak.

code:

<style type="text/css">
.blok { position:absolute; left:100px; top:100px; background-color:#006600; width:20px; height:40px;}

</style>
<script language="javascript" type="text/javascript">
var pos = 0;

for(var id = 0;id<6;id++)
{
    document.write('<div class="blok" id="blok' + id + '"  onClick="show()"></div>');
    verschuifLinks();
}

function show()
{
    window.alert("hallo");
}


function verschuifLinks()
{   
     pos += 10;
     getObj('id').style.left = pos + "px"; 
}

function getObj(elementID)
{
    return  document.getElementById(elementID);
}

</script>

donderdag 3 maart 2005 12:07

Acties:

Verwijderd

op regel 23 doe je:

JavaScript:

1	getObj('id')

ik zie nergens een object met het id 'id' wat waarschijnlijk zowiezo een slecht plan zou zijn om dat het een gereserveerde term is. Id's of classnames als 'class' 'html' 'body' enz. is mi vragen om problemen.

donderdag 3 maart 2005 12:31

Acties:

Pelle

🚴‍♂️

Verwijderd schreef op donderdag 03 maart 2005 @ 11:40:
Grappig joh echt lachen

He, kap eens met de mensen afzeiken die jou proberen te helpen

donderdag 3 maart 2005 12:33

Acties:

Verwijderd

Topicstarter

Pelle schreef op donderdag 03 maart 2005 @ 12:31:
[...]

He, kap eens met de mensen afzeiken die jou proberen te helpen

ik heb mijn excuses toch al aangeboden wel scherp blijven anders wordt dat em niet vandaag

donderdag 3 maart 2005 12:35

Acties:

Pelle

🚴‍♂️

wel scherp blijven anders wordt dat em niet vandaag

Gaan we nog bijdehand lopen doen ook? Gefrustreerd of niet, als we zo gaan doen dan trek ik toch echt aan het langst eind...

donderdag 3 maart 2005 12:39

Acties:

Verwijderd

Verwijderd schreef op donderdag 03 maart 2005 @ 12:07:
op regel 23 doe je:
JavaScript:
1
getObj('id')
ik zie nergens een object met het id 'id' wat waarschijnlijk zowiezo een slecht plan zou zijn om dat het een gereserveerde term is. Id's of classnames als 'class' 'html' 'body' enz. is mi vragen om problemen.

Das waaarr ...

Ik heb net pauze gehad trouwens .. lekkere salami gehad! Maar de HAMvraag is nu natuurlijk hoe de TS nu naar de DIV'jes moet gaan verwijzen.. Aangezien de ID telkens veranderd..

donderdag 3 maart 2005 12:40

Acties:

Verwijderd

Je kunt pas de div element krijgen dmv document.getElementById() wanneer de pagina in zijn geheel is geladen.

In de <body onload="functienaam"> kun je vervolgens verschuifLinks() aanroepen.

donderdag 3 maart 2005 12:42

Acties:

Verwijderd

Topicstarter

Pelle schreef op donderdag 03 maart 2005 @ 12:35:
[...]

Gaan we nog bijdehand lopen doen ook? Gefrustreerd of niet, als we zo gaan doen dan trek ik toch echt aan het langst eind...

you rock

donderdag 3 maart 2005 12:47

Acties:

Pelle

🚴‍♂️

Verwijderd schreef op donderdag 03 maart 2005 @ 12:42:
you rock

Pagina: 1

Dit topic is gesloten.