practica3_vallesquino

code format="javascript" // ==UserScript== // @name               practica3 // @namespace          http://geneura.org/projects/greasemonkey // @description        Aportación de referencias bibliográficas y contenido "multimedia" a la pagina principal de la asignatura,¡un toque pintoresco! // @include            http://geneura.ugr.es/~jmerelo/asignaturas/AAP/ // ==/UserScript==

GM_log('Entrando en la Practica 3');

//Si observamos el DOM de la pagina principal de la asignatura vemos que el contenido que insertaremos en la pagina se encontrará tras los //elementos "LI". Solo nos interesará los 4 primeros correspondientes a los 4 temas de la asignatura. var li = document.getElementsByTagName('li');

//Creamos los vectores que contendran la palabra clave de cada tema y el contenido HTML de las transparencias de www.slideshare.net var tematica=new Array(4);//Palabra clave en funcion de como se encuentra en la URL de la wikipedia para no tener problemas al acceder a ella var transp=new Array(4);//Contendrá el codigo HTML que nos ofrece slideshare.

//Inicializamos dichos vectores //Tema 1:Computacion Distribuida tematica[0]= "Computacion distribuida"; transp[0]='Transparencias de '+tematica[0]+' '; //Tema 2:JavaScript tematica[1]='Javascript'; transp[1] = 'Transparencias de '+tematica[1]+' '; //Tema 3:XML tematica[2]='XML'; transp[2] ='<div style="width:425px;text-align:left" id="__ss_683166">Transparencias de '+tematica[2]+'</a><object style="margin:0px" width="425" height="355"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=introductiontoxml-1224707217247785-9&rel=0&stripped_title=introduction-to-xml-presentation" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=introductiontoxml-1224707217247785-9&rel=0&stripped_title=introduction-to-xml-presentation" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"> '; //Tema 4:Servicios Web tematica[3]='Servicios Web'; transp[3] ='<div style="width:425px;text-align:left" id="__ss_84334">Transparencias de '+tematica[3]+'</a><object style="margin:0px" width="425" height="355"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=web-services936&rel=0&stripped_title=web-services-84334" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=web-services936&rel=0&stripped_title=web-services-84334" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"> '

//Iremos recorriendo los 4 temas de la asignatura en el índice de la pagina principal y tras cada LI insertaremos el contenido nuevo. for(tema=0;tema<4;tema++){ // Creamos un parrafo para cada elemento a mostar // Parrafo 1: Transparencias var p1 = document.createElement('p'); p1.innerHTML = transp[tema];//Le metemos todo el código HTML de slideshare.

// Parrafo 2: Google var p2 = document.createElement('p'); //Creamos un ancla dentro de este p2 con su referencia a google var text_a2 = document.createTextNode(tematica[tema]+" en Google"); var a2 = document.createElement("a"); a2.appendChild(text_a2); p2.appendChild(a2); //Transformamos la palabra clave tal que entre palabra y palabra ponemos un "+" (formato de Google) var trozos = tematica[tema].split (" "); // el separador es el espacio var texto=""; if(trozos.length>1) texto=trozos[0]+"+"+trozos[1];//Como maximo tenemos 2 palabras en la tematica else texto=tematica[tema]; // Asociamos el href con su correspondiente ancla. Al ponerle el atributo href se convierte en el origen de un enlace a2.setAttribute('href','http://www.google.es/search?hl=es&q='+texto+'&btnG=Buscar+con+Google&meta=');

//Parrafo 3: Wikipedia var p3 = document.createElement('p'); //Creamos un ancla dentro de este p3: var text_a3 = document.createTextNode(tematica[tema]+" en la Wikipedia"); var a3 = document.createElement("a"); a3.appendChild(text_a3); p3.appendChild(a3); //Para la wikipedia la palabra clave la tenemos que separar con un "_" (ver la URL) if(trozos.length>1) texto=trozos[0]+"_"+trozos[1]; else texto=tematica[tema]; a3.setAttribute('href','http://es.wikipedia.org/wiki/'+texto);

//Parrafo 4: Biblioteca UGR var p4 = document.createElement('p'); //Creamos un ancla dentro de este p4: var text_a4 = document.createTextNode(tematica[tema]+" en la biblioteca de la UGR"); var a4 = document.createElement("a"); a4.appendChild(text_a4); p4.appendChild(a4); //Idem que en google if(trozos.length>1) texto=trozos[0]+"+"+trozos[1];//Como maximo tenemos 2 palabras en la tematica else texto=tematica[tema]; a4.setAttribute('href','http://adrastea.ugr.es/search*spi/?searchtype=X&searcharg='+texto+'&searchscope=1&sortdropdown=-&SORT=DZ&extended=0&SUBMIT=Buscar&searchlimits=&searchorigarg=Xa');

// Insertamos cada parrafo dentro de los li. li[tema].appendChild(p1); li[tema].appendChild(p2); li[tema].appendChild(p3); li[tema].appendChild(p4); } code