LazyWeb: necesita Javascript que elimina los elementos de LI basados ​​en la clase visitada de un elemento -- javascript campo con css campo con greasemonkey camp Relacionados El problema

Lazyweb: Need javascript that removes li elements based on visited class of a element


0
vote

problema

Español

Tengo esta página que tiene muchos datos que no necesito, ya que ya he hecho clic en él, pero se repite a menudo, así que tengo que buscar visualmente el azul. Me di cuenta de que esto podría ser más eficiente y le pregunté a un amigo de CSS si pudiera establecer el elemento a esconderse en función de si el enlace que contiene se ha visitado o no. Aparentemente necesitas JS para eso.

Árbol que resulta en la eliminación (o visibilidad: ninguna) del elemento LI.RESULT:

  li.result  div.avatar   a   

Estoy tratando de averiguar cómo hacer esto a través de Google, y obtuve algo en el cambio de sexo experto que no ayudó mucho. ¿Cómo lo harías?

Esto es para Greasemonkey, por lo que los consejos que implican agregar código a la página y la verificación de cookies son inútiles . Pido disculpas por no hacer esto más claro que simplemente etiquetar el post Greasemonkey antes.

Original en ingles

I've got this page which has a lot of data I don't need, as I've already clicked on it, but it repeats often so I have to visually look for blue. I realized this could be more efficient, and asked a CSS friend if I could set the element to hidden based on whether or not the containing link has been visited. Apparently you need js for that.

Tree that results in removal (or visibility:none) of the li.result element:

li.result  div.avatar   a 

I'm trying to figure out how to do this via googling, and got something on Expert Sex Change that didn't help much. How would you do it?

This is for Greasemonkey, so tips that involve adding code to the page and checking cookies are useless. I apologize for not making this clearer than just tagging the post greasemonkey before.

</div
        
 
 

Lista de respuestas

4
 
vote

1.Usted podría usar el selector CSS visitado.

  'm'3  

y ocultará los enlaces visitados (al menos en Firefox).

2. Si desea eliminar el DIV y Li por encima de eso, es probable que necesites usar una cookie y recordar qué enlaces se hace clic en el usuario.

Entonces:

Cuando un usuario hace clic en un enlace, ponga esa ID de enlace en la cookie. Luego, para cada ID de enlace en la cookie, podría hacerlo con jQuery algo así como:

  'm'4  

El HTML debería verse como:

  'm'5  

Esto no se prueba por ningún medio, pero debe darle una ideas sobre lo que tiene que hacer.

Para el manejo de cookies, puede usar la complemento de cookie jquery

 

1.You could use the a:visited css selector.

a:visited{    display:none; } 

And it will hide visited links (at least in firefox).

2.If you want to remove the div and li above that, you would probably need to use a cookie and remember what links the user clicked.

So :

when a user clicks a link, put that link Id in the cookie. Then , for every link id in the cookie, you could do with jQuery something like :

var ids = $.cookie("cookie_with_ids"); var split_ids = ids.split(','); // split by comma  for(var i= 0; i<split_ids.length; i++){     $("link_"+split_ids[i]).parent().parent().hide(); } 

The html should look something like :

<li class="result">  <div class="avatar">   <a href="#" id="unique_link_id_on_this_page"> .... 

This is not tested by any means, but it should give you an ideea about what you have to do.

For cookie handling you could use the jquery cookie plugin

</div
 
 
 
 
0
 
vote

Tenga en cuenta que no he usado Greasemonkey antes y mi conocimiento de JS es simplista en el mejor de los casos.

¿No podría agregar una declaración de estilo a la etiqueta printf616 existente o 'm'7 usando JavaScript?

Por ejemplo, agregue una regla que aplique colores diferentes a diferentes enlaces:

  'm'8  

Traverse a través de todos 'm'9 Elements classed printf0 , comprobando si el printf1 contenido tiene un color de printf2 o printf3 . En mi mente que crearía un verificador básico: visitado. Voy a tener que probarlo ahora (si solo para aprender algo), pero ¿es este tipo de cosas viables?

 

Please note that I haven't used Greasemonkey before and my JS knowledge is simplistic at best.

Couldn't you add a style declaration to either the existing <style> tag or the <head> using JavaScript?

For example, add a rule that applies different colours to different links:

li.result div.avatar a {     color: #000; }  li.result div.avatar a:visited {     color: #111; } 

Then traverse through all li elements classed result, checking if the a contained within it has a colour of #000 or #111. In my mind that would create a basic :visited checker. I'm going to have to test it now (if only to learn something) but is this kind of thing viable?

</div
 
 
 
 
0
 
vote

Aquí está el que un amigo se puso a la que funciona perfectamente. Principalmente publicando en caso de que alguien más termine en encontrarlo útil.

  // ==UserScript== // @name           Twitter Search Seen // @namespace      http://ctho.org // @description    Hides tweets you've seen // @include        http://search.twitter.com/* // ==/UserScript==  for each (var i in document.links) {     if (i.parentNode.className == "msg" && i == i.parentNode.childNodes[1]) { //alert(getComputedStyle(i, null).color);break;         if (getComputedStyle(i, null).color == "rgb(147, 13, 133)") {             i.parentNode.parentNode.style.display="none";                }      } }   

Hackish, sí, podría usar teóricamente con estilo para configurar los enlaces visitados a un color conocido también.

 

Here's the one a friend whipped up for me that works perfectly. Mainly posting in case someone else ends up finding it useful.

// ==UserScript== // @name           Twitter Search Seen // @namespace      http://ctho.org // @description    Hides tweets you've seen // @include        http://search.twitter.com/* // ==/UserScript==  for each (var i in document.links) {     if (i.parentNode.className == "msg" && i == i.parentNode.childNodes[1]) { //alert(getComputedStyle(i, null).color);break;         if (getComputedStyle(i, null).color == "rgb(147, 13, 133)") {             i.parentNode.parentNode.style.display="none";                }      } } 

Hackish, yeah, you could theoretically use stylish to set visited links to a known color as well.

</div
 
 

Relacionados problema

1  Cambiar dinámicamente el valor de la forma en js  ( Dynamically change value of form in js ) 
aquí es un ejemplo JSFiddle. Tengo dos campos .. opp3 y opp4. El usuario puede modificar el texto en OPP4, pero quiero que el texto en OPP3 cambie dinámic...

3  Greasemonkey - Imagen que no muestra  ( Greasemonkey image not showing ) 
En Greasemonkey, estoy tratando de usar una copia local de una imagen encontrada en línea. La imagen se almacena temporalmente en C: TEMP. Esto no funcion...

1  ¿Usar Greasemonkey para modificar los resultados instantáneos de Google?  ( Use greasemonkey to modify google instant results ) 
Estoy tratando de escribir un script para que Greasemonkey modifique los resultados instantáneos de Google. No tengo ningún problema en la modificación de los...

1  Comenzar el script de usuario en Greasemonkey  ( Starting user script in greasemonkey ) 
¿Es posible ejecutar un script de usuario antes de la página y las cargas DOM? ...

0  LazyWeb: necesita Javascript que elimina los elementos de LI basados ​​en la clase visitada de un elemento  ( Lazyweb need javascript that removes li elements based on visited class of a el ) 
Tengo esta página que tiene muchos datos que no necesito, ya que ya he hecho clic en él, pero se repite a menudo, así que tengo que buscar visualmente el azul...

1  Greasemonkey y Gmail - Realización de mensajes de análisis  ( Greasemonkey and gmail parsing message contents ) 
Quiero leer los contenidos de los mensajes de Gmail y agregar algo de fantasía en los enlaces. Aquí hay algún código: unsafeWindow.gmonkey.load("1.0", func...

5  Cómo incrustar complementos de jQuery adicionales en Greasemonkey  ( How to embed additional jquery plugins into greasemonkey ) 
Así que he podido obtener Greasemonkey y Jquery 1.2.6 para trabajar juntos sin problemas, pero ahora me pregunto cómo incrustar a los complementos de jQuery a...

80  ¿Se espera que la página se cargue antes de ejecutar las técnicas de código?  ( Userscript to wait for page to load before executing code techniques ) 
Estoy escribiendo un script de usuario de Greasemonkey, y desea que el código específico se ejecute cuando la página termine completamente de carga, ya que de...

3  Greasemonkey: procesamiento de texto: ¿cuál es la mejor manera de encontrar ciertas palabras en un sitio web y tener una función de trabajo en ella?  ( Greasemonkey text processing whats the best way to find certain words in a w ) 
Quiero que Greasemonkey escanee a través de un sitio web y cambie ciertas palabras a otra cosa. ¿Hay alguna forma de hacerlo con REGEX o alguna otra función d...

-1  Greasemonkey & jquery ¿Cómo manipulo un elemento que acabo de crear?  ( Greasemonkey jquery how do i manipulate an element i just created ) 
Así que estoy tratando de hacer un pequeño usuarios para enviar datos a un servidor y reaccionar a la respuesta (manipulando el enlace que agregué al sitio) ...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos