hs.lang = { cssDirection: 'ltr', loadingText: 'loading...', loadingTitle: 'click to cancel', focusTitle: 'click to bring to front', fullExpandTitle: 'expand to original size', creditsText: 'powered by Highslide JS', creditsTitle: 'visit Highslide JS website', previousText: 'previous', nextText: 'next', moveText: 'move', closeText: 'close', closeTitle: 'close (ESC)', resizeTitle: 'resize', playText: 'play', playTitle: 'play slideshow (SPACEBAR)', pauseText: 'pause', pauseTitle: 'pause slideshow (SPACEBAR)', previousTitle: 'previous (ARROW LEFT)', nextTitle: 'next (ARROW RIGHT)', moveTitle: 'move', fullExpandText: 'fullscreen', number: 'picture %1 of %2', restoreTitle: 'Click to close image, click und drag to move. Use ARROW keys for previous and next.' };

Archivo

Archivo del autor

Cambio de charts de YUI a GOOGLE..!!

domingo, 7 de marzo de 2010 Sin comentarios

Google tambien implementa charts y como ya hemos utilizado YUI para la generacion de las tablas de las consultas, hemos optado por probar los charts de GOOGLE..!!

Primero revisamos un poco el API de los charts en: http://code.google.com/apis/charttools/ para el proyecto hemos decidido utilizar los Image Charts.

En la consulta de los Gastos por Categoria usando esta tecnologia obtenemos el siguiente grafico:

gascat

En la consulta de los Gastos por Categoria y Mes usando esta tecnologia obtenemos el siguiente grafico:

gascatmes

Para hacer esto «jugamos» un poco con el Code Playground… que nos genera ya el codigo para usar los charts..!!

colunmchart

Categories: General Tags:

JS categoria

jueves, 18 de febrero de 2010 Sin comentarios

Este es el script para guardar la categoria..

function guardarCategoria(){
url = location.href;
nombre = document.getElementById(‘nombreCategoria’).value;
descripcion = document.getElementById(‘descripcionCategoria’).value;
if(nombre==»» || descripcion==»» ){
alert(«Por favor ingrese Nombre y Descripcion de la Categoria»);
}
else{
dir=obtenerUrlPrincipal(url);
op=’crearCategoria’;
query = «opcion=»+op+»&nombre=»+nombre+»&descripcion=»+descripcion;
var xmlH = CreateXmlHttp();
xmlH.onreadystatechange = function(){
recogeInfoCrearCategoria(xmlH);
};

xmlH.open(‘GET’,dir+’/controller’+’?’+query , true);
xmlH.send(null);
}

}

Categories: General Tags:

Nuestra Fan Page de Facebook y una herramienta en nuestra APP

jueves, 18 de febrero de 2010 Sin comentarios

Con este codigo podemos generar una barrita con conexion al facebook pa hacernos Fan de SAC

<div>
<script src=’http://cdn.wibiya.com/Loaders/Loader_224785.js’ type=’text/javascript’></script>
</div>

dibujo

Categories: General Tags:

..Charts YUI..

miércoles, 17 de febrero de 2010 Sin comentarios

Para la parte de los graficos estadisticos usamos YUI.. En la pagina de YUI  (  http://developer.yahoo.com/yui/examples/charts/index.html )  hay varios ejemplos de sobre contenedores y graficos de los cuales nos hemos basado para la realizacion de nuestro proyecto..

barchart

Este es el codigo..!!

YAHOO.example.monthlyExpenses =
[
	{ month: "January", rent: 880.00, utilities: 894.68 },
	{ month: "February", rent: 880.00, utilities: 901.35 },
	{ month: "March", rent: 880.00, utilities: 889.32 },
	{ month: "April", rent: 880.00, utilities: 884.71 },
	{ month: "May", rent: 910.00, utilities: 879.811 },
	{ month: "June", rent: 910.00, utilities: 897.95 }
];

var myDataSource = new YAHOO.util.DataSource( YAHOO.example.monthlyExpenses );
myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSARRAY;
myDataSource.responseSchema =
{
	fields: [ "month", "rent", "utilities" ]
};
Categories: General Tags:

Uso de YUI en nuestro proyecto

miércoles, 27 de enero de 2010 Sin comentarios

Entre las tecnologías que tenemos que usar se encuentra YUI, que es una biblioteca JavaScript y CSS con más de 30 componentes únicos, como utilidades DOM de bajo nivel y de alto nivel de usuario-interfaz de reproductores.

http://translate.google.com/translate?u=http%3A%2F%2Fdeveloper.yahoo.com%2Fyui%2F2%2F&sl=en&tl=es&hl=&ie=UTF-8

En esta dirección podrán descargar YUI 2


Categories: General Tags:

mySql and Login

miércoles, 20 de enero de 2010 Sin comentarios

Aquí esta nuestra DB y nuestra página básica de inicio (después va a ser modificada ^.^)

Categories: General Tags:

JSTL

miércoles, 20 de enero de 2010 Sin comentarios
Categories: General Tags:

Servlet

martes, 12 de enero de 2010 Sin comentarios

En este servlet creamos una colección de estudiantes y las presentamos (solo de prueba)..!!

protected void processRequest(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType(«text/html;charset=UTF-8″);
PrintWriter out = response.getWriter();
String xml=»»;
try {
Estudiantes es = new Estudiantes();
ArrayList esList = es.getEstudiantes();
out.println(«<Persona>»);
for(int i=0; i<esList.size(); i++){
Estudiante e = (Estudiante)esList.get(i);

out.println(«<Estudiante>»);
out.println(«<matricula>»+e.getMatricula()+»</matricula>»);
out.println(«<nombre>»+e.getNombre()+»</nombre>»);
out.println(«<apellido>»+e.getApellido()+»</apellido>»);
out.println(«<latitud>»+e.getLatitud()+»</latitud>»);
out.println(«<longitud>»+e.getLongitud()+»</longitud>»);
out.println(«<foto>»+e.getFoto()+»</foto>»);
out.println(«</Estudiante>»);
}

out.println(«</Consulta>»);
out.close();
} finally {
out.close();
}

}

Categories: General Tags:

Api de Google

martes, 12 de enero de 2010 Sin comentarios

El API de Google Maps te permite insertar Google Maps en tus propias páginas web con JavaScript. El API proporciona diversas utilidades para manipular mapas (como la de la página http://maps.google.com) y añadir contenido al mapa mediante diversos servicios, permitiéndote crear sólidas aplicaciones de mapas en tu sitio web.

Visite este link

http://code.google.com/intl/es/apis/maps/

Categories: General Tags:

Uso de Hibernate en una Aplicación Web

martes, 12 de enero de 2010 Sin comentarios

Creamos una aplicación web en Netbeans 6.7.1. Luego al establecer el servidor escogemos Apache Tomcat 6.0.18. Después seleccionamos la casilla de Hibernate 3.2.5.


Después escogemos Finalizar.

Al crear un nuevo proyecto que utiliza el marco de hibernación, el IDE crea automáticamente el fichero de configuración hibernate.cfg.xml.

Después de escoger hibernate.current_session_context_class y valor thread nos aparece el siguiente archivo XML el cual debe ser modificado de acuerdo a nuestra Base de Datos.

<hibernate-configuration>
    <session-factory name="session1">
        <property name="hibernate.dialect">org.hibernate.dialect.MySQLDialect</property>
        <property name="hibernate.connection.driver_class">com.mysql.jdbc.Driver</property>
        <property name="hibernate.connection.url">jdbc:mysql://localhost:3306/sakila</property>
        <property name="hibernate.connection.username">root</property>
        <property name="hibernate.connection.password">######</property>
        <property name="hibernate.show_sql">true</property>
        <property name="hibernate.current_session_context_class">thread</property>
    </session-factory>
</hibernate-configuration>


Categories: General Tags:
Ir a la barra de herramientas