Lecciones Prácticas

Archive for the ‘javascript’ Category

¿Quieres aprender jQuery rápido, gratis y fácilmente? Si sabes ya algo de javascript, esto va a ser coser y cantar. Incluir la librería Siempre es recomendable delegar el hosting de la librería a google. ¿Por qué? lee esto. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> Acceder a un elemento del DOM Hay varias formas de acceder a los elementos [...]

We are developing a photographic website (with an SMF 2.0 RC3 forum) and most of our users have their photos hosted in Flickr. (Note: I have installed WYSIWYG Quick Reply v2 RC3 package) So I’d like to make their lifes easier when sharing their photos by adding a custom button (here in the post wysiwyg [...]

If you see a table in a client-side application, you’ll expect to be able to click on the headers and have the table sort, would you not? I know it always annoys me when you can’t. A fair few web applications do allow this; most of them, which are pulling this data by submitting a [...]

When I tried to validate the code for http://www.hyips.es (one of my freelance projects) the validator kept complaining: cannot generate system identifier for general entity langpair. This error is caused by the validator parsing the code inside of a <script> tag. Below are the lines which were producing the error (related to a function which [...]

In a perfect world, all the major browsers would co-exist happily together, supporting the same set of objects and features. But then again, in that world, I’d be on an island enjoying the sun. Before we reach that place, this tutorial looks at how to detect support for a particular JavaScript property or method before [...]

IMHO SEADragon should include some controls to go to next/previous image and not restrict the navigation between images to clicking the thumnails. So I decided to build these new custom buttons. Documentation Before you continue reading these post you should be familiar with SEADragon, DeepZoom and jCarousel. If you are not, please read the following [...]

These days we were talking about DeepZoom, SeaDragon and jCarousel. Refer to [1] DeepZoom & SEADragon part one and [2] DeepZoom & SEADragon part two. How to remove the SEADragon logo from the viewer? Well, that is REALLY simple indeed First, open your seadragon-branded.js (in my examples it is located under ajax/0.8/. Go to line [...]

In my previous DeepZoom & SeaDragon post I explained how to build a web gallery using SEADragon. Show thumbs in JCarousel I dont like the thumbs to be displayed all at once, so I decided to use a jCarousel instead. jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical [...]

There are plenty of times when you want to see something closer, to get a good look at the texture of a sculpture, or find out if that’s a reflection or a scratch on that used car you’re looking at. Seadragon, implemented as the Deep Zoom feature of Silverlight, allows you to do that. But [...]

El otro día os hablaba de cómo invocar servicios de nuestro propio servidor usando request’s de Ajax. Podéis ver un ejemplo de código que realiza peticiones Ajax [AQUI]. Como véis, NO FUNCIONA. Si utilizáis firebug veréis que la ejecución llega hasta la línea 27. 1 2 3 4 5 6 7 8 9 10 11 [...]