Hace un tiempo, en mi blog personal, hice una lista de todas las películas postapocalípticas. Es solo una guía de referencia para mí para hacer un seguimiento de cuáles he visto y cuáles no, pero la página podría ser útil para otros que también están en el subgénero. Para que la lista sea realmente útil, es necesario que haya algunos enlaces para realizar acciones en las películas. Pensé que tres sería bueno:
- Amazonas: para comprar la pelicula
- Netflix: para agregarlo a tu cola
- IMDB: para aprender más sobre la película
Una forma de agregar estos enlaces a cada película de la lista habría sido ir a esos sitios web, buscar la película y copiar y pegar el enlace. Pero eso es mucho trabajo duro para docenas y docenas de películas. Debe haber una mejor manera.
Afortunadamente para nosotros, cada uno de estos sitios web ofrece una página de búsqueda que acepta parámetros de URL. Simplemente podemos insertar el nombre de la película en una URL con formato especial y luego agregar enlaces a nuestra página con JavaScript.
Los formatos son así:
http://www.amazon.com/s/ref=nb_ss_d?tag=chriscoyier-20&url=search-alias%3Ddvd&field-keywords=MOVIE-TITLE-HEREhttp://www.netflix.com/Search?lnkctr=srchrd-ips&v1=MOVIE-TITLE-HEREhttp://www.imdb.com/find?s=tt&q=MOVIE-TITLE-HEREObserve que el de Amazon tiene mi ID de afiliado allí. ¿También podría eh?
Inserción automática
En mi artículo, utilicé una tabla para diseñar la lista de películas. Después de todo, son datos tabulares. En mi mesa dejé la última mesa de cada fila vacía. Con JavaScript vamos a
- Recorre cada fila
- Encuentra el título de la película
- Construya las URL basadas en el título de la película.
- Crea los enlaces
- Añade los enlaces a la última fila de la tabla vacía
<script type="text/javascript" charset="utf-8">
var movieText="";
$(function() {
$("#movie-list tr td:first-child").each(function() {
movieText = $(this).find("strong").text();
netflixURL = "http://www.netflix.com/Search?lnkctr=srchrd-ips&v1=" + movieText;
amazonURL = "http://www.amazon.com/s/ref=nb_ss_d?tag=chriscoyier-20&url=search-alias%3Ddvd&field-keywords=" + movieText;
imdbURL = "http://www.imdb.com/find?s=tt&q=" + movieText;
$(this).parent().find("td:last-child").empty().append("<a class="out-link netflix-link" href=""+netflixURL+"">Netflix Link</a><a class="out-link amazon-link" href=""+amazonURL+"">Amazon Link</a><a class="out-link imdb-link" href=""+imdbURL+"">IMDb Link</a>");
});
});
</script>