PHP-variabele opnemen in Javascript
Op mijn pagina maak ik gebruik van Javascript om afbeeldingen te tonen.
Code (php)
1
image_list[image_index++] = new imageItem("../login/media/IMG_7908.jpg");
Nu wil ik eigenlijk de benaming van de afbeelding (in mijn geval) opnemen in een PHP-variabele zodat ik evt m.b.v. een database deze variabelen makkelijk kan wijzign zonder dat het PHP-document hoeft te worden aangepast.
Mijn vraag: Is dat mogelijk en zo ja, hoe dan?
Ikm wacht de reacties af.
George van Baasbank
een javascript variabele naar php toe sturen is onmogelijk, voor zover ik het weet. javascript is client-side, php is server-side. dat betekent dat php al lang en breed klaar is voor javascript kan beginnen, en een terugweg is niet mogelijk.
Gewijzigd op 18/05/2012 19:18:58 door Vincent Huisman
Ik ben wellicht niet duidelijk geweest met wat ik wil. Dus hier nogmaals mijn vraag:
Ik heb in een tabel een record met daarin het path en de estandsnaam staan opgeslagen.
Bi het openen van mijn formulier wordt deze database ingelezen en het records en de velden in variabelen opgelsgan. Nu moet ik deze variabelen in een stukje Javascript zien te krijgen. Hoe doe ik dat.
Hieronder de codes:
Code om de tabel in te leen
Code (php)
1
2
3
4
5
2
3
4
5
$sql = "SELECT * FROM tabelnaam WHERE paginanaam = '$cPaginanaam' LIMIT 1";
$cResult = mysql_query($sql);
$row = mysql_fetch_array($cResult);
$cAfbeelding1 = $row['afbeelding1'];
$cAfbeelding2 = $row['afbeelding2'];
$cResult = mysql_query($sql);
$row = mysql_fetch_array($cResult);
$cAfbeelding1 = $row['afbeelding1'];
$cAfbeelding2 = $row['afbeelding2'];
Het Javasript:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<SCRIPT LANGUAGE="JavaScript">
var interval = 2.5; // tijd tussen wisselen van de afbeeldingen (in seconden)
var random_display = 1; // 0 = vaste volgorde, 1 = willekeurige volgorde
interval *= 1000;
var image_index = 0;
image_list = new Array();
image_list[image_index++] = new imageItem("foto1.jpg");<!-- afb 1 -->
image_list[image_index++] = new imageItem("foto2.jpg");<!-- afb 2 -->
image_list[image_index++] = new imageItem("foto3.jpg");<!-- afb 3 -->
image_list[image_index++] = new imageItem("foto4.jpg");<!-- afb 4 -->
image_list[image_index++] = new imageItem("foto5.jpg");<!-- afb 5 -->
<!-- enz.. -->
var number_of_image = image_list.length;
function imageItem(image_location) {
this.image_item = new Image();
this.image_item.src = image_location;
}
function get_ImageItemLocation(imageObj) {
return(imageObj.image_item.src)
}
function generate(x, y) {
var range = y - x + 1;
return Math.floor(Math.random() * range) + x;
}
function getNextImage() {
if (random_display) {
image_index = generate(0, number_of_image-1);
}
else {
image_index = (image_index+1) % number_of_image;
}
var new_image = get_ImageItemLocation(image_list[image_index]);
return(new_image);
}
function beeldwissel(place) {
var new_image = getNextImage();
document[place].src = new_image;
var recur_call = "beeldwissel('"+place+"')";
setTimeout(recur_call, interval);
}
</script>
var interval = 2.5; // tijd tussen wisselen van de afbeeldingen (in seconden)
var random_display = 1; // 0 = vaste volgorde, 1 = willekeurige volgorde
interval *= 1000;
var image_index = 0;
image_list = new Array();
image_list[image_index++] = new imageItem("foto1.jpg");<!-- afb 1 -->
image_list[image_index++] = new imageItem("foto2.jpg");<!-- afb 2 -->
image_list[image_index++] = new imageItem("foto3.jpg");<!-- afb 3 -->
image_list[image_index++] = new imageItem("foto4.jpg");<!-- afb 4 -->
image_list[image_index++] = new imageItem("foto5.jpg");<!-- afb 5 -->
<!-- enz.. -->
var number_of_image = image_list.length;
function imageItem(image_location) {
this.image_item = new Image();
this.image_item.src = image_location;
}
function get_ImageItemLocation(imageObj) {
return(imageObj.image_item.src)
}
function generate(x, y) {
var range = y - x + 1;
return Math.floor(Math.random() * range) + x;
}
function getNextImage() {
if (random_display) {
image_index = generate(0, number_of_image-1);
}
else {
image_index = (image_index+1) % number_of_image;
}
var new_image = get_ImageItemLocation(image_list[image_index]);
return(new_image);
}
function beeldwissel(place) {
var new_image = getNextImage();
document[place].src = new_image;
var recur_call = "beeldwissel('"+place+"')";
setTimeout(recur_call, interval);
}
</script>
Gewijzigd op 21/05/2012 16:16:47 door George van Baasbank
Item gesloten
Ti wellicht handig ook voor anderen!!!!