baswouters
Nieuwe gebruiker
- Lid geworden
- 25 mrt 2010
- Berichten
- 1
Beste,
Ik heb vandaag de jPlayer geimplementeerd in een site. Maar nu wil ik dus de playlist automatisch laten vullen door een php script die de url en naam uit de database ophaalt.
Alleen nu wil ik dus de variabele weer terug in het jPlayer script plaatsen, maar dit lukt niet. Ik heb het al geprobeerd met document.write maar dan krijg je een totaal lege pagina met daarin de variabele.Ik wil deze dan dus gewoon in de code krijgen zodat de rest van het script ook nog uitgevoerd word.
Dit is het stukje code waar de problemen opleveren:
[JS]$(document).ready(function(){
// ajax aanroepen om de muziek op te halen
$.post('ajax/lees_muziek.php', function(data) {
var playItem = 0;
var myPlayList = [
data <----------------- HIER!!!
];
// Local copy of jQuery selectors, for performance.
var jpPlayTime = $("#jplayer_play_time");
var jpTotalTime = $("#jplayer_total_time");
var jpStatus = $("#demo_status"); // For displaying information about jPlayer's status in the demo page
$("#jquery_jplayer").jPlayer({
ready: function() {
displayPlayList();
playListInit(true); // Parameter is a boolean for autoplay.
demoInstanceInfo(this.element, $("#demo_info")); // This displays information about jPlayer's configuration in the demo page
},
oggSupport: true
})
[/JS]
Ik heb vandaag de jPlayer geimplementeerd in een site. Maar nu wil ik dus de playlist automatisch laten vullen door een php script die de url en naam uit de database ophaalt.
Alleen nu wil ik dus de variabele weer terug in het jPlayer script plaatsen, maar dit lukt niet. Ik heb het al geprobeerd met document.write maar dan krijg je een totaal lege pagina met daarin de variabele.Ik wil deze dan dus gewoon in de code krijgen zodat de rest van het script ook nog uitgevoerd word.
Dit is het stukje code waar de problemen opleveren:
[JS]$(document).ready(function(){
// ajax aanroepen om de muziek op te halen
$.post('ajax/lees_muziek.php', function(data) {
var playItem = 0;
var myPlayList = [
data <----------------- HIER!!!
];
// Local copy of jQuery selectors, for performance.
var jpPlayTime = $("#jplayer_play_time");
var jpTotalTime = $("#jplayer_total_time");
var jpStatus = $("#demo_status"); // For displaying information about jPlayer's status in the demo page
$("#jquery_jplayer").jPlayer({
ready: function() {
displayPlayList();
playListInit(true); // Parameter is a boolean for autoplay.
demoInstanceInfo(this.element, $("#demo_info")); // This displays information about jPlayer's configuration in the demo page
},
oggSupport: true
})
[/JS]