[PHP/Javascript] PHP aanroepen vanuit een extern JavaScript

[ericck]

Ik heb een leuk scroll scriptje, hierin moeten dynamisch (met PHP vanuit MySQL database) een aantal items in verschijnen.

Het JavaScriptje staat in een externe file, dus dit staat in de header van mijn php file:

code:

        <script src="scroll.js" type="text/javascript" language="JavaScript"></script>

In scroll.js staat het volgende:

code:

singletext[0]='blabla1'
singletext[1]='blabla2'

En deze variabelen moeten dynamisch worden gegenereerd. Als ik gewoon een <? echo $var ?> er tussen knal dan werkt dit niet.

Ik heb nog weinig ervaring met de combinatie van JS en PHP, dus excuus als ik vraag naar iets simpels.

edit: de vraag is dus hoe ik dit doe

[ Voor 11% gewijzigd door ericck op 23-11-2004 18:18 ]

[gorgi_19]

Wil je PHP parsen, moet je het het .php-extensie meegeven het het contenttype op Javascript zetten.

[Wolfboy]

Hoe is de data aangeleverd?
Zijn alle variabelen aparte rijen uit de database?
In dat geval kan je het zo doen

PHP:

header('Content-type: text/javascript');
$link = mysql_connect(........invullen.......);
$i = 0;
while(list($row) = mysql_fetch_row(mysql_query('SELECT column FROM table'))){
     echo 'singletext['. $i++ .']="'.$row.'";';
}
mysql_close($link);

offtopic:
Het zal vast wel beter kunnen maar zoiets moet werken

En dan dit gebruiken om het javascriptje aan te roepen:
<script src="scroll.php" type="text/javascript" language="JavaScript"></script>

[ Voor 34% gewijzigd door Wolfboy op 23-11-2004 18:27 ]

[ericck]

De oplossing van Wolfboy is een goede, maar dan moet ik wel eerst PHP kunnen draaien in die externe .js.

Dus scroll.js hernoemen naar scroll.php en dan dat gewoon aanroepen als script?

[ Voor 41% gewijzigd door ericck op 23-11-2004 18:23 ]

[gorgi_19]

ericck schreef op dinsdag 23 november 2004 @ 18:22:
De oplossing van Wolfboy is een goede, maar dan moet ik wel eerst PHP kunnen draaien in die externe .js.

Dus scroll.js hernoemen naar scroll.php en dan dat gewoon aanroepen als script?

Ja, en evt. contenttype op Javascript zetten

[ericck]

gorgi_19 schreef op dinsdag 23 november 2004 @ 18:25:
[...]

Ja, en evt. contenttype op Javascript zetten

Dat doe je toch al door de regel:

code:

<script src="scroll.php" type="text/javascript" language="JavaScript"></script>

Of moet je in scroll.php dan nog aangeven dat het om een JS gaat (hoe doe je dat?)?

[Wolfboy]

ericck schreef op dinsdag 23 november 2004 @ 18:27:
Of moet je in scroll.php dan nog aangeven dat het om een JS gaat (hoe doe je dat?)?

Zie mijn edit

[gorgi_19]

Je moet de juiste headers goed zetten Zie bijvoorbeeld http://lists.evolt.org/ar...-Mon-20041004/165077.html

[ericck]

Super! Werkt als een trein, bedankt!

[crisp]

Met PHP een externe javascriptfile genereren is leuk, maar je loopt al snel tegen het probleem aan dat JS clientside gecached wordt en je dynamiek dus weg is, of dat je telkens weer de volledige code moet serveren inclusief het statische deel uit je JS.
Haal gewoon het dynamische deel uit je JS en echo dat tussen inline script-tags, en include gewoon een statisch JS-bestand:

PHP:

<script type="text/javascript">
  var singletext = new Array();
<?php

echo 'singletext[0]=\'blabla1\';';
echo 'singletext[1]=\'blabla2\';';

?>
</script>
<script src="scroll.js" type="text/javascript"></script>

[Wolfboy]

In dat geval zou ik eerder de html pagina helemaal statisch houden en het js-bestand doormiddel van headers constant laten vernieuwen.
Dat scheelt je toch elke keer de opmaak van het bestand en daarmee redelijk wat bandbreedte.

[ericck]

Toch nog wat probleempjes.

Dit is de code die ik nu heb:

PHP:

        <? 
        header('Content-type: text/javascript');  
        $link = mysql_connect ("localhost","----", "----"); 
        mysql_select_db("--------");
        $i = 0; 
        $query = "SELECT naam FROM tabel"; 
        $resultaat = mysql_query($query) or die("error: ".mysql_error()); 
        while( list($row) = mysql_fetch_row($resultaat) )  { 
             echo 'singletext['. $i++ .']="'. $row .'";'; 
        } 
        mysql_close($link); 
        ?>

        <script src="scroll.php" type="text/javascript" language="JavaScript"></script>

De output is:

code:

singletext[0]="Lexa";singletext[1]="Lexa";singletext[2]="Lexa";singletext[3]="Lexa";
singletext[4]="Lexa";singletext[5]="Lexa";singletext[6]="Lexa";singletext[7]="Lexa";
singletext[8]="Lexa"; singletext[9]="Lexa";singletext[10]="Lexa"; enzovoort....

En "Lexa" is het 1e veld uit de kolom 'naam'.
De $i verspringt dus wel steeds met 1, maar het script leest niet de volgende row.
Wat is er aan de hand?

[ Voor 56% gewijzigd door ericck op 24-11-2004 16:19 . Reden: lay-out ]

[ericck]

Het is gelukt. De ge-edite versie hierboven werkt goed.

[ericck]

En toch gaat het mis.... de variabelen uit de PHP worden niet meegenomen naar het JavaScript.
Er worden dus netjes singletext[0], singletext[1] etc. aangemaakt, en deze zijn leesbaar vanuit het php bestand, maar het externe JavaScript (scroll.php) leest ze niet!

[Michali]

waarom heeft scroll nog een php extensie als er geen php in zit?

edit: nee, maakt niet uit verder (reactie op post hieronder)

wat voor error krijg je verder? Laat anders een het hele stukje zien (de output dus, inclusief de script tags) en het stukje javascript waarin je de variabelen probeert te gebruiken. Anders kunnen we weinig doen denk ik.

[ Voor 74% gewijzigd door Michali op 24-11-2004 16:42 ]

[ericck]

Maakt dat wat uit voor de werking?