Ejemplos de cómo insertar los datos de resultados y clasificación en una web

SVG

Un archivo con formato SVG es un documento XML que representa gráficos y que, como tal, puede ser insertado en una página web como una imagen. La anchura original es de 1000 píxeles, por lo que hay indicarle de alguna manera el tamaño que se desea. Al ser un gráfico escalable, se adapta perfectamente a cualquier anchura distinta. El aspecto del contenido ya viene dado.

<img src="http://www.avpsanroque.com/svg_resultados" alt="Imagen de resultados y clasificación" />
Imagen de resultados y clasificación

Javascript

Se inserta una etiqueta en la parte de la página donde se desea que aparezcan los resultados. Al hacer esto, el navegador carga un archivo Javascript que crea las tablas. El estilo será el de la página web residente. En el ejemplo que sigue intentamos imitar la apariencia de los PDFs de la Federación mediante CSS.

<script src="http://www.avpsanroque.com/js_resultados" type="text/javascript"></script>

HTML

Aquí lo que se inserta es una página dentro de otra a través de una etiqueta iframe. Ahí que sustituir las XXX por la altura (height) en píxeles que veamos más conveniente para mostrar todo el contenido. En este ejemplo sustituimos XXX por 900. El aspecto de momento no se puede cambiar aunque podría ser posible en el futuro. La anchura se adapta a la página que lo contiene.

<iframe src="http://www.avpsanroque.com/html_resultados" frameborder="0" scrolling="no" style="display: block; height: XXXpx; width: 100%" seamless></iframe>