Zit met het volgende probleem:
Zie: http://www.le-romarin.nl/test.php
Bij het klikken op het + teken zal er een gedeelte zichtbaar worden met alle files, dit werkt goed, maar ik wil dat traffic.php pas geladen word als er op het + teken geklikt wordt en niet al bij het open van de pagina test.php (dit i.v.m. met lange laadtijd door bijvoorbeeld timeout of veel files.)
Ben ontzettend slecht in javascript en al uren aan het zoeken, hoop dat iemand hiermee raad weet.
Zie: http://www.le-romarin.nl/test.php
Bij het klikken op het + teken zal er een gedeelte zichtbaar worden met alle files, dit werkt goed, maar ik wil dat traffic.php pas geladen word als er op het + teken geklikt wordt en niet al bij het open van de pagina test.php (dit i.v.m. met lange laadtijd door bijvoorbeeld timeout of veel files.)
Ben ontzettend slecht in javascript en al uren aan het zoeken, hoop dat iemand hiermee raad weet.
Java:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| <!-- Expandable Content header start --> <script language="javascript"> var ie4 = false; if(document.all) { ie4 = true; } function getObject(id) { if (ie4) { return document.all[id]; } else { return document.getElementById(id); } } function toggle(link, divId) { var lText = link.innerHTML; var d = getObject(divId); if (lText == '+') { link.innerHTML = '−'; d.style.display = 'block'; } else { link.innerHTML = '+'; d.style.display = 'none'; } } </script> |
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| <div style="border: 0 solid #000000; padding: 0px; width: 285px; background: #F8F8F9; " > <table cellspacing="0" cellpadding="0" border="0" id="table2" style="width: 285px; height: 15px;"> <tr> <td height="14" bgcolor="#ffcc00">[img]"corner_left.gif"[/img]</td> <td width="100%" height="14" bgcolor="#ffcc00"> <span style="font-weight: bold;">Actual traffic information <b>[</b> <a title="show/hide" id="exp28122002124749_link" href="javascript:void(0);" onclick="toggle(this, 'exp28122002124749');" style="text-decoration: none; color: #FFFFFF; ">-</a> <b>]</b> </span><br /></td> <td height="14" bgcolor="#ffcc00">[img]"pixel_trans.gif"[/img]</td> </tr> </table> <br> Traffic overview Randstad (Triangle Amsterdam, Utrecht, Rotterdam) <div id="exp28122002124749" style="padding: 3px; color: #000000;"><? include("traffic.php"); ?></div></div> <script language="javascript">toggle(getObject('exp28122002124749_link'), 'exp28122002124749');</script> <!-- flooble Expandable Content box end --> |