elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: ¿Eres nuevo? ¿Tienes dudas acerca del funcionamiento de la comunidad? Lee las Reglas Generales


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  [GreaseMonkey] Busco tutorial en español o ayuda		0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: [GreaseMonkey] Busco tutorial en español o ayuda  (Leído 2,917 veces)
MilorES

Desconectado Desconectado

Mensajes: 5


Ver Perfil
[GreaseMonkey] Busco tutorial en español o ayuda
« en: 30 Septiembre 2012, 18:44 pm »
En principio quería hacer algo sencillo, tengo un web que tiene varios css pero solo muestra uno dependiendo de como te registras (no se puede cambiar).

Me gustaría cambiárselo, el problema es que la etiquet <link> no contiene el id.

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="es" xml:lang="es" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Asgard</title>
<link href="favicon.ico" rel="shortcut icon">
<link href="/estilos/3.css" type="text/css" rel="STYLESHEET">

Me interesa cambiar la ultima linia (luego aprendiendo como hacer eso seguro que sabría hacer el cambio de imagenes) quiero poner en vez de un 3 un 5.

Esto se debería hacer con un script para greasemonkey de lado del cliente. (No puedo tocar nada del servidor, como es normal)
« Última modificación: 1 Octubre 2012, 00:15 am por MilorES » En línea
~ Yoya ~
Wiki

Desconectado Desconectado

Mensajes: 1.125



Ver Perfil
Re: [GreaseMonkey] Busco tutorial en español o ayuda
« Respuesta #1 en: 30 Septiembre 2012, 21:18 pm »
DOM

Para este tipo de cosas, es necesario utilizar javascript. Aprende las cosas básicas, que ya es algo genérico en todos los lenguajes, imprimir en pantalla, toma de decisiones, etc..

Luego lee sobre DOM, y te recomiendo que en ese momento comiences a utilizar algun framework para javascript, como puede ser la famosa librería Jquery. La razon, es que todavia no hay un estandar y para ahorrarte tiempo de escribir lineas y lineas, para que funcione en todos los navegadores, mejor utiliza un Framework para que no te preocupes por la compatibilidad en los diferentes navegadores.

Bueno, la solucion aqui, cuando aplicas todos los conocimientos mencionados.
Código
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html lang="es" xml:lang="es" xmlns="http://www.w3.org/1999/xhtml">
  4. <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
  6. $(document).ready(function() {
  7. 	$('html head link:eq(1)').attr('href','/estilos/5.css');
  8. });
  9.  
  11.  
  12.  
  13.  
  14. <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
  15. <title>Asgard</title>
  16. <link href="favicon.ico" rel="shortcut icon">
  17. <link href="/estilos/3.css" type="text/css" rel="STYLESHEET">

Saludos.
En línea
Mi madre me dijo que estoy destinado a ser pobre toda la vida.
Engineering is the art of balancing the benefits and drawbacks of any approach.
MilorES

Desconectado Desconectado

Mensajes: 5


Ver Perfil
Re: [GreaseMonkey] Busco tutorial en español o ayuda
« Respuesta #2 en: 30 Septiembre 2012, 23:34 pm »
Si tengo pensado aprender como funciona el DOM de una vez y luego algo de javascript (y siempre tirar de un framework)

Pero yo necesito usar greasemonkey crear un script para él, no puedo cambiarle el código fuente a la web.

Deduzco que eso no me vale.
En línea
~ Yoya ~
Wiki

Desconectado Desconectado

Mensajes: 1.125



Ver Perfil
Re: [GreaseMonkey] Busco tutorial en español o ayuda
« Respuesta #3 en: 1 Octubre 2012, 00:45 am »
Como que no, solo tienes que agregar Jquery en el UserScript. y Agregar esto:
Código
  1. $(document).ready(function() {	$('html head link:eq(1)').attr('href','/estilos/5.css');});

Primero que nada, lee la documentación de Greasemonkey para que sepas como agregar archivos javascript. Hasta hay llego, yo no te creare el UserScript.
En línea
Mi madre me dijo que estoy destinado a ser pobre toda la vida.
Engineering is the art of balancing the benefits and drawbacks of any approach.
MilorES

Desconectado Desconectado

Mensajes: 5


Ver Perfil
Re: [GreaseMonkey] Busco tutorial en español o ayuda
« Respuesta #4 en: 1 Octubre 2012, 05:49 am »
Gracias, aunque no funciona del todo bien, si cambia el css (lo veo en el código fuente), pero se queda cargando :O

Añadiendo a la cabecera del script:
// @grant       GM_getValue
// @grant       GM_setValue

después del:

// @require     http://code.jquery.com/jquery-1.8.2.min.js

parece que perfecto.

Ahora a mirar el tema de la imágenes, supongo que solo debo redactar esa función :D

Gracias.
« Última modificación: 1 Octubre 2012, 05:56 am por MilorES » En línea
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Busco tutorial para phyton
Scripting 		Alchemist 6 4,393 Último mensaje 8 Octubre 2005, 12:59 pm
por -sagitari-
Busco OCR mas tutorial
Software 		Di~OsK 3 2,365 Último mensaje 2 Octubre 2010, 21:13 pm
por Di~OsK
Ayuda con GreaseMonkey
Desarrollo Web 		mastercss 1 1,698 Último mensaje 1 Julio 2011, 19:19 pm
por Nakp
busco tutorial de Tkinter en español
Scripting 		Yodakun 0 2,363 Último mensaje 13 Octubre 2011, 06:18 am
por Yodakun
[Busco] Wordlist en Español
Seguridad 		MK-Ultra 1 15,756 Último mensaje 7 Julio 2014, 12:21 pm
por el-brujo
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines