/wsr/ - Worksafe Requests » Thread #1247395

[13 / 8 / 6]

554KiB, 1280x975, sad_pepe.png

CSS, JavaScript Code Request

Anonymous Sun 14 Aug 2022 05:11:20 No.1247395 View View Reply Original Report

Quoted By:

On nudevista.com, when you hover on a video thumbnail or title, it extends the video description and shows a bunch of text. I want to prevent this from happening. How can I do it with Stylus (CSS) or Tampermonkey (JavaScript)? One thing to note is I want the thumbnails to be still clickable so it takes me to that video when I click on it.

Anonymous

Anonymous Sun 14 Aug 2022 05:21:03 No.1247399 Report

Quoted By:

find the element that that has the hover event listened for and clear its event handler

Anonymous

Anonymous Sun 14 Aug 2022 11:40:38 No.1247501 Report

Quoted By: >>1247915 >>1247917

Put this in Tampermonkey.

window.addEventListener("load", function(){
$ = undefined; window.onerror = function(){ return true; };
}, false);

Anonymous

Anonymous Mon 15 Aug 2022 12:04:39 No.1247915 Report

Quoted By: >>1247928

>>1247501
It gives the error "$ is not defined"

Anonymous

View Same Google ImgOps iqdb SauceNAO saaaa.jpg, 9KiB, 235x188

Anonymous Mon 15 Aug 2022 12:19:29 No.1247917 Report

Quoted By: >>1247928

>>1247501
"$ is not defined"
Not that anon but you need to add jquery in the beginning of the document like this
// @require http://code.jquery.com/jquery-3.4.1.min.js

>>1247501
what does this do exactly?
>waits for dom to load
>breaks the jquery functionality of the page
>ignores errors
is that it?

Anonymous

View Same Google ImgOps iqdb SauceNAO ahhhhh.jpg, 103KiB, 750x1000

Anonymous Mon 15 Aug 2022 13:43:36 No.1247928 Report

Quoted By: >>1247997 >>1248751

>>1247915
Whoops sorry, here you go:

(async() =>{ while(!window.jQuery)
await new Promise(resolve => setTimeout(resolve, 160));
$ = undefined; window.onerror = function(){ return true; };
})();

>>1247917
>>load
>>break jquery
>>ignore errors
Yup.

To avoid adding jQuery in Tampermonkey, it just needs to wait for the page to initialize it.
Correct code is:
>>on jquery defined by page, remove it
>>ignore errors

I didn't test my code before lol.

Anonymous

View Same Google ImgOps iqdb SauceNAO 1656717705648.jpg, 196KiB, 766x764

Anonymous Mon 15 Aug 2022 18:08:35 No.1247997 Report

Quoted By: >>1248077

>>1247928
okay im sorry for retardposting but im trying to get into javascript and this whole async/promises/callback shit is fucking me up. would you please help me understand the 3 lines you posted so i dont have to kms

(async()
>defines an asynchronous function running while other code is being executed not waiting for execution of each function in particular to finish?
=>{ while(!window.jQuery)
await new Promise(resolve => setTimeout(resolve, 160));
>waits for 160 ms until the new promise returns true, which is when the resolve happens?
$ = undefined; window.onerror = function(){ return true; };
})();
>why is it all in an IIFE? the tampermonkey already uses an IIFE to execute any code inside of it, does this go into the other one?
wtf happens if you have an IIFE inside of an IIFE?

Anonymous

View Same Google ImgOps iqdb SauceNAO promisb.png, 321KiB, 512x512

Anonymous Mon 15 Aug 2022 21:27:43 No.1248077 Report

Quoted By: >>1248266

>>1247997
That's okay :)

Think of promises as an "ON statement", like an IF statement but it can keep checking.
Like in CSS, when you have "on button hover, set background red".

>>wait for something to be true, and on it happening, continue executing code
It's like waiting for an order at Mcdonalds, and then after its ready, getting your food.
You have something to test if it's true (the order number), and you just keep checking to see if the foods ready.

>>async
Waits separately from the code after it, to avoid pausing everything.

>>resolve
You "resolve" the promise by checking on it every 160ms.
The promise is "window.jQuery".

>>wtf happens if you have an IIFE inside of an IIFE?
Nothing =)
You can nest code in JS greatly (I don't even know if there's a limit).

Anonymous

View Same Google ImgOps iqdb SauceNAO 1638531986122.jpg, 25KiB, 640x356

Anonymous Tue 16 Aug 2022 07:41:59 No.1248266 Report

Quoted By: >>1248315

>>1248077
big thanks anon. that's been a very helpful coment. it actually makes much more sense now. wish you all the best fren

Anonymous

View Same Google ImgOps iqdb SauceNAO fren.png, 13KiB, 657x527

Anonymous Tue 16 Aug 2022 12:26:39 No.1248315 Report

Quoted By:

>>1248266
you're welcome fren

Anonymous

Anonymous Wed 17 Aug 2022 14:57:20 No.1248751 Report

Quoted By: >>1248767

>>1247928
This is working but it's also preventing the thumbnail previews from being generated. I mean when you hover on a thumbnail, it no longer shows you a few more thumbnails from the video.

Anonymous

View Same Google ImgOps iqdb SauceNAO driving-toilet.gif, 79KiB, 128x128

Anonymous Wed 17 Aug 2022 15:43:46 No.1248767 Report

Quoted By: >>1248776

>>1248751
Yeah the site is a rough mess of CSS and JS for things that ought to just be CSS.
And it doesn't use thumbnail sheets lol.

Try this CSS (remove the Tampermonkey script):

#info{ display:none !important; }
[itemprop="name"]{ display:block !important; }
[itemprop="description"]{ display:block !important; }

Anonymous

Anonymous Wed 17 Aug 2022 16:26:37 No.1248776 Report

Quoted By:

>>1248767
thanks man

Capcode	All Only User Posts Only Verified Posts Only Moderator Posts Only Manager Posts Only Admin Posts Only Developer Posts Only Founder Posts
Show Posts	All Only With Images Only Without Images Only Spoiler Images Only Non-Spoiler Images
Deleted Posts	All Only Deleted Posts Only Non-Deleted Posts
Ghost Posts	All Only Ghost Posts Only Non-Ghost Posts
Post Type	All Only Sticky Threads Only Opening Posts Only Reply Posts
Results	All Grouped By Threads
Order	Latest Posts First Oldest Posts First

On these archives

Your latest searches

CSS, JavaScript Code Request