Toon posts:

[JavaScript] include php file onclick

Pagina: 1
Acties:

dinsdag 28 december 2004 17:18

Acties:

Verwijderd

Topicstarter
Zit met het volgende probleem:
Zie: http://www.le-romarin.nl/test.php

Bij het klikken op het + teken komt het gedeelte zichtbaar met alle files.
Dit werkt echter goed op deze manier, echter moet traffic.php pas geinclude worden bij het klikken op het + teken en niet al bij het laden van de pagina test.php. Dit om lange laadtijd te voorkomen door bijvoorbeeld timeouts of vele files.

Ben zeer slecht met javascript en al uren aan het zoeken, hoop dat iemand hier iets meer van 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 = '&#8722;'; 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

<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>

dinsdag 28 december 2004 19:22

Acties:
  • faabman
  • Registratie: Januari 2001
  • Laatst online: 08-08-2024

faabman

php is een serverside scripttaal en bij serverside talen kunnen afaik geen extra includes worden toegevoegd nadat de server de pagina naar de client heeft gestuurd...

Er zijn (in ieder geval) 2 mogelijkheden:
- je maakt een hidden iframe aan wat je laat verwijzen naar een pagina waarop hetgeen wat je in "include" hebt staan laad...
- je gebruikt een javascript xmlhttprequest en laad daarmee de content dynamisch (al dan niet als xml) in

Op zoek naar een baan als Coldfusion webdeveloper? Mail me!

dinsdag 28 december 2004 20:46

Acties:

Verwijderd

Topicstarter
Dat met die iframe is wel een slimme oplossing en lijkt goed te werken op dit moment.
Thx
Reageer