PHP in Javascript
Durch die Kombination von PHP mit Javascript kann mehr erreicht werden, als mit Javascript oder php alleine. Dafür holt PHP noch vor dem Seitenaufbau im Browser die serverseitigen Infos und bereitet sie für den Gebrauch in Javascript auf, indem PHP eine Javascript-Variable oder einen anderen Bestandteil von einem Javascript schreibt. Das Javascript findet diese bei seinem Aufruf vor und kann sie nutzen in einer Ausgabe oder Funktion.
PHP in JavaScript nutzen
PHP Variable an JavaScript übergeben
PHP (im Head):
<?php
$mid = "Dieser Satz ist eine PHP Variable, welche durch JavaScript ausgegeben wird.";
?>
Javascript (im Body) findet einen von PHP geschriebenen Satz vor:
<script type="text/JavaScript">
var Ausgabe="<?php echo $mid; ?>";
alert( Ausgabe );
</script>
PHP schreibt das JavaScript
Javascript Funktion (im Head) mit von PHP gefundener IP:
<script type="text/JavaScript">
function ipadr(){
<?php
$serverIP=$_SERVER['REMOTE_ADDR'];
echo "document.write(\"Your IP address is: " . $serverIP . "\")";
?>
}
</script>
Javascript Funktioinsaufruf (im Body):
<script type="text/JavaScript">
ipadr();
</script>
PHP holt Bilddaten in Javascript-Array
Im nächsten Beispiel bezieht eine Javascript Diashow alle Bilder durch PHP. Dabei sucht das PHP Script alle Bilddateien aus dem Ordner in dem es steckt zusammen (images_forshow) und schreibt den Javascript Array (Imagearray).
<?
// PHP SCRIPT: php_to_js-show.php
// holt Bilddateien aus einem Ordner
// erstellt daraus einen Javascript-Array
// welcher für eine Diashow genutzt wird
// Das PHP gibt sich als Javascript aus
Header("content-type: application/x-javascript");
// sucht im eigenen Ordner
function make_Imagearray($dirname=".") {
{
$pattern="(\.jpg$)|(\.png$)|(\.jpeg$)|(\.gif$)"; //gültige Bild extensions
$files = array();
$curimage=0;
if($handle = opendir($dirname))
{
while(false !== ($file = readdir($handle)))
{
if(eregi($pattern, $file))
{ //if this file is a valid image
//Output it as a JavaScript array element
echo 'Imagearray['.$curimage.']="'.$file .'";';
$curimage++;
}
}
closedir($handle);
}
return($files);
}
echo 'var Imagearray=new Array();'; //Define array in JavaScript
make_Imagearray() //Output the array elements containing the image file names
?>
Durch den Javascript Verweis wird die obige PHP Datei im Bildordner aufgerufen, und der von ihr generierte Bild-Array abgerufen.
<script src="images_forshow/php_to_js-show.php"></script>
Die Funktion der Diashow, welche den Bild-Array nutzt ist ein Javascript.
<script type="text/javascript">
var curimg=0
function rotateimages()
{
document.getElementById("slideshow").setAttribute("src", "images_forshow/"+Imagearray[curimg])
curimg=(curimg<Imagearray.length-1)? curimg+1 : 0
}
window.onload=function()
{
setInterval("rotateimages()", 500)
}
</script>
Im HTML Teil wird ein erstes Bild als Platzhalter angezeigt, auch wenn die Diashow nicht funktionieren würde.
<div style="width: 120px; height: 120px">
<img id='slideshow' src='images_forshow/face_1.jpg' alt='Diashow' />
</div>
Andere Funktionen für Javascript Diashows gibt es im Teil Javascript unter: Diashow Auto
Javascript startet PHP
So gehts weiter: Siehe Ajax
Check den Code.