Bueno, el ejemplo que te voy a poner es para sacar los cumpleaneros del mes en una marquesina utilizando Javascript ( lo conssegui por alli pero no recuerdo donde , lo que hice fue incorporar un script PHP que lee una Tabla MySQL....
Este es el script principal... podras notar las llamadas a persinasa.js y rutbasicas.js
Código HTML:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" src="rutbasicas.js">
</script>
<script language="JavaScript" src="persianas.js">
</script>
<script language="JavaScript">
var persiana1 = null;
window.name = "Ppal";
function iniciar(pers)
{
var texto = new Array();
<?php
include("config.php");
include("conectar.php");
$ntexto=0;
$result=mysql_query("SELECT * FROM alumnos ORDER BY nom_nino");
while ($row=mysql_fetch_array($result)){
$mesdebd = explode('-',$row[fecha_nac_nino]);
if ( $mes == $mesdebd[1] ){
$valor = "";
$edad = calcula_edad($row[fecha_nac_nino]);
$qsalas = mysql_query("SELECT * FROM grados WHERE ID='$row[grado_nino]'");
$nsalas = mysql_fetch_array($qsalas);
$primer = explode(" ",$row[nom_nino]);
$valor = "<font color='#d72121'>".$row[nom_nino]." ".$row[ape_nino]."</font><hr/><font color='#000000'>".$nsalas[nom_grado]."</font><br><font color='#000000'>Nació el ".conversion($row[fecha_nac_nino])."<br/>Felicidades ".$primer[0]."..!!!!</font><br/><br/>";
if ($row[fecha_nac_nino] == date("Y-m-d")) {
$valor = $valor . "<font color='#0066cc'>Tu cumpleaños es hoy ..!!!</font><br>";
}
echo 'texto['.$ntexto.']="'.$valor.'";';
mysql_free_result($qsalas);
$ntexto=$ntexto + 1;
}
}
mysql_free_result($result);
?>
//estilo de la ventana
persiana1 = new oPersiana('Layer1', 30, texto, -1, 60, 'marco');
persiana1.actualizar('persiana1');
}
</script>
<style type="text/css" ID="persiana">
<!--
.marco { clip:rect(); font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFCC; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; margin-right: 4px; margin-left: 0px; width: 100%; border-style: ridge; border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px}
-->
</style>
</head>
<body style="background-color:transparent;" text="#000000" onLoad="iniciar(persiana1)" >
<div id="Layer1" class="marco" style="position:absolute; height:180px; z-index:1; background-color:#FFFFFF;"> </div>
</body>
</html>