[ Solved ] [ Javascript ] Image onload

Door - - op 22-10-2009 10:29

1.752 views

Heej,

Ik zit met een probleem waar ik nog geen oplossing voor heb :p
( duuh anders was t geen probleem )

Ik zit met deze situatie:



<div id="graphs">
     <div id="bargraph">
          <img id="img_bargraph" src="bargraph.php" onload="drawGraphs()">
     </div>
</div>

drawGraphs loop door alle div's binnen graphs en maakt er een plaatje van als deze nog niet bestaat en anders update hij het plaatje.

Nu wil ik een linegraph toevoegen doormiddel van:


document.getElementById( "graphs" ).innerHTML += "<div id="linegraph"></div>";

Maar nu komt het probleem, de onload van het plaatje word nu ook getriggered. Dit wil ik dus niet...

Hoe kan ik dit oplossen?

Martijn

edit:
Opgelost!
Om een nieuwe grafiek te tekenen deed ik
getElementblablabla.innerHTML += "<div blablabla";

Deze zorgt er echter voor dat de image onload weer getriggered word.

Ik heb dit nu opgelost door gebruik te maken van appendChild.
Deze triggert niet de onload :D

Jan Berend van Dijk

22-10-2009 10:52

Je gebruikt sowiso 2x het id: bargraph dat helpt niet denk ik.

Werring

22-10-2009 10:54

edit, sry mijn fout las de vraag niet goed..

het ligt wss aan hetgeen wat berry zei.

- -

22-10-2009 10:59

Neej dat is het niet :p
ik had t fout getypt

ik gebruik:


<img id="img_bargraph" src="bargraph.php" onload="drawGraphs()">

Het probleem is dus dat als de graphs div wijzigt dat de onload van de image word getriggered, maar dat wil ik dus niet...

- -

22-10-2009 12:46

martijn schreef op 22.10.2009 10:59
Neej dat is het niet :p
ik had t fout getypt

ik gebruik:
<img id="img_bargraph" src="bargraph.php" onload="drawGraphs()">
Het probleem is dus dat als de graphs div wijzigt dat de onload van de image word getriggered, maar dat wil ik dus niet...

edit:
ik heb mn post maar even aangepast :)

edit2:
Sorry :s dacht dat ik op het edit knopje had gedrukt.....

- SanThe -

22-10-2009 12:49

martijn schreef op 22.10.2009 12:46

edit2:
Sorry :s dacht dat ik op het edit knopje had gedrukt.....

Hebben we allemaal wel eens. ;-)

Lauren Zonneveld

22-10-2009 12:56

Je moet de code voor het plaatje niet opnieuw laten schrijven. Dit kan door innerHTML te gebruiken in een andere div. Je kunt ook de style eigenschap display wijzigen om een element weer te geven of te verbergen:


<script type="text/javascript">
    function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }
</script>

- -

22-10-2009 13:02

sorry wie heeft het over verbergen...? :s

Ik wil toevoegen...

ik heb dus een image van een staafdiagram
en dan moet en op een button drukken om een lijngrafiek toe te voegen.

Lauren Zonneveld

22-10-2009 13:25

Dan voeg je die lijndiagram gewoon toe, alleen zet je de style eigenschap "display" op "none". Vervolgens laat je de button de functie uitvoeren, die zet de display waarde dan op "block" en de grafiek is zichtbaar.

- -

22-10-2009 13:35

zucht t gaat niet alleen om 1 lijndiagram
het is de bedoeling dat je zelf kan kiezen wat voor soort diagram je wilt met zelf gekozen gegevens uit de database...

Als t zo makkelijk was geweest zoals jij aangeeft had je hier geen post van mij gezien hoor....

edit: ( nu wel t goeie knopje:p )

Volgens mij noemen ze dit t bubble effect ofzo?

edit2:

tis niet het bubble effect hoor ik net xD

Reageren

Inloggen om te reageren