Comunidad de diseño web y desarrollo en internet online

crear propio widget para mostrarlo en otra web.

Citar            
MensajeEscrito el 30 Abr 2011 04:44 pm
tengo un calendario que a partir del anio muestra varias fiestas(en que dia del año caen ) que quiero mostrar en otra web(cliente). dispongo de tres archivos
1. calendario.js (
/**
* Carga el script para que se pueda renderizar el codigo del calendario desde js
*/
function obtenerCalendario()
{
url_content = "http://localhost/calendarioWidget/pintar1.php";
document.write("<script language='javascript' type='text/javascript' src='"+url_content+"'></script>");
} )

2.pintar1.php Que se encarga de crear el calendario y hacer los calculos. Parte del codigo: ( <?php

$stringsJs.="function pintaNovedadesJs() { ";
$stringsJs.="var novedadesJs;";
$stringsJs.= " novedadesJs = '<script type=\"text/javascript\" language=\"JavaScript\" src=\"http://localhost/calendarioWidget/datefunctions.js\"></script> ';";
$stringsJs.= " novedadesJs += '<script language=\"javascript\" type=\"text/javascript\" > ';";
$stringsJs.=" novedadesJs += 'function MuestreResultados(){';";
$stringsJs.=" novedadesJs += ' var Agno = document.Fechas.Agno.value';";

$stringsJs.= " novedadesJs += ' if (!ValideAno(Agno)) { ';";
$stringsJs.= " novedadesJs += ' LimpieCampos() ';";
$stringsJs.= " novedadesJs += ' return '; ";
$stringsJs.= " novedadesJs += ' } ';";
$stringsJs .= " novedadesJs += ' var pascua = CalculePascua(Agno,\"GREGORIANO\") ';";
.................
$stringsJs .= " novedadesJs += ' </table> ';";
$stringsJs .= " novedadesJs += ' </div> ';";
$stringsJs .= " novedadesJs += ' <p align=\"center\"><a name=\"final\"> aqui *(nota) </A></p> ';";
$stringsJs .= " novedadesJs += ' <p align=\"center\"><a href=\"#principio\" style=\" text-decoration: none; color:#cc0000 \"> volver </a></p> ';";

$stringsJs .= " novedadesJs += ' </td> ';";
$stringsJs .= " novedadesJs += ' </table> ';";
$stringsJs .= " novedadesJs += '</div> ';";
$stringsJs .= " novedadesJs += '</form>';";
$stringsJs .= " novedadesJs += '\<script language=\"javascript\"\>MuestreResultados()\</script\>';";

$stringsJs .= " novedadesJs += '\<script language=\"JavaScript\" type=\"text/javascript\"\>';";
$stringsJs .= " novedadesJs += 'loaded = 1; ';";
$stringsJs .= " novedadesJs += '\</script\> ';";
$stringsJs.="document.write(novedadesJs);";
$stringsJs.="}";
$stringsJs.="pintaNovedadesJs();";
echo $stringsJs;
?> )

Y la pagina donde quiero colocar el widget (el calendario)
3.pintar1.html ( <html>
<body><head><title></title></head>
<body>
<script language="javascript" type="text/javascript" src="http://localhost/calendarioWidget/calendario.js" ></script>
<script language="javascript" type="text/javascript">
obtenerCalendario();
</script>

</body>
</html> )

el tema es que me pinta el calendario en la web (cliente) pero no hase los calculos de los que se encarga pintar1.php . El mensaje de error de firebug: missing ; before statement
function MuestreResultados(){ var Ag...Fechas.InicioCuaresma.value="" }

Muestre resultados is not defined
Creo que en algun sitio hay un error garrafal . pero es la primera vez que lo hago . Lo he hecho asi porque tengo otro ejemplo paresido y lo he usado como referencia. Pero alli no hay codigo javascript en el archivo pintar1.php , sino consulta en la bd que saca varia imagenes de alli y los muestra en la web ( cliente ).Espero que le resulte interesante ademas de poder ayudarme .

Por megamind

6 de clabLevel



 

firefox
Citar            
MensajeEscrito el 30 Abr 2011 08:17 pm
ya funcionaaaaaaaaa. la pagina (cliente ) hace una llamada al archivo calendario.js y lanza la funcion obtenerCalendario();
<script language="javascript" type="text/javascript" src="http://localhost/calendarioWidget/calendario.js" ></script>
<script language="javascript" type="text/javascript">
obtenerCalendario();
</script>
El calendario.js llama a pintar1.php , el que muestra el calendario.
/**
* Carga el script para que se pueda renderizar el codigo del calendario desde js
*
*/
function obtenerCalendario()
{
url_content = "http://localhost/calendarioWidget/pintar1.php";
document.write("<script language='javascript' type='text/javascript' src='"+url_content+"'></script>");
}

parte del codigo del pintar1.php
<?php
$stringsJs.="function pintaNovedadesJs() { ";
$stringsJs.="var novedadesJs;";
$stringsJs.= " novedadesJs += '<script type=\"text/javascript\" language=\"JavaScript\" src=\"http://localhost/calendarioWidget/calculo.js\"></script> ';";
$stringsJs.="novedadesJs +='<form name=\"Fechas\" method=\"POST\" accept-charset=\"utf-8\"> ';";
$stringsJs.="novedadesJs +='<div align=\"center\">';";
$stringsJs.="novedadesJs +='<a name=\"principio\"> </A> ';";
$stringsJs.="novedadesJs +='<table border=\"1\" width=\"515px\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" color=\"green\"> ';";
$stringsJs.="novedadesJs +='<tr border=\"\"> ';";
$stringsJs.="novedadesJs +='<td >&nbsp; ';";
$stringsJs.="novedadesJs +='<div align=\"center\"> ';";
$stringsJs.= " novedadesJs += '<table border=\"0\" cellpadding=\"2\" cellspacing=\"4\" width=\"90%\">';";
$stringsJs.= " novedadesJs += ' <tr border=\"0\"> ';";
$stringsJs.= " novedadesJs += ' <td> ';";
$stringsJs.= " novedadesJs += ' <font color=\"#103A5F\" size=\"4\"> Año </font> ';";
$stringsJs.= " novedadesJs += ' <font color=\"#8F0000\" size=\"1\">(entre 1583 y 2499)</font> ';";
$stringsJs.= " novedadesJs += ' </td> ';";
$stringsJs.= " novedadesJs += ' </tr> ';";
$stringsJs.= " novedadesJs += ' <tr> ';";
$stringsJs.= " novedadesJs += ' <td > ';";
.......................................................................
$stringsJs .= " novedadesJs += ' <p align=\"center\"><a href=\"#principio\" style=\" text-decoration: none; color:#cc0000 \"> volver </a></p> ';";
$stringsJs .= " novedadesJs += ' </td> ';";
$stringsJs .= " novedadesJs += ' </table> ';";
$stringsJs .= " novedadesJs += '</div> ';";
$stringsJs .= " novedadesJs += '</form>';";
$stringsJs.="document.write(novedadesJs);";
$stringsJs.="}";
$stringsJs.="pintaNovedadesJs();";
echo $stringsJs;
?>
Hasta aqui pinta el calendario en la web (cliente)
para que pueda hacer los calculos.Esta el archivo calculo.js
La llamada :
$stringsJs.= " novedadesJs += '<script type=\"text/javascript\" language=\"JavaScript\" src=\"http://localhost/calendarioWidget/calculo.js\"></script> ';";

Por megamind

6 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.