Jump to content

pstein

Members
  • Posts

    103
  • Joined

  • Last visited

Recent Profile Visitors

4,071 profile views

pstein's Achievements

Member

Member (2/7)

1

Reputation

  1. When I load certain webpage they contain occasionally CSS values starting with "-webkit....." e.g."-webkit-transition". How can I disable ALL -webkit" CSS-stuff inside such a webpage (after webpage loading by overwriting a central webkit node)?
  2. Sorry, it was a typo from me. I originally meant padding-bottom: 10px !important; ...but this does not help either. How can I remove all style="......" definitions for all div.foobar elements?
  3. Assume I have loaded a webpage which contains multiple <div> elements which contain inner style definitions like <div class="foobar" style="/*! padding-bottom:22% */">? 1.) Why is the inner style definition enclosed in /*!........*/ Never seen that before. 2.) How can I set the "padding-bottom" value to 10px for all <div> elements which contain a padding-bottom definition inside the tag itself (=NOT in separate CSS stylesheet)? 3.) How can I set the "padding-bottom" value to 10px for all <div> elements which have a class="foobar")? div.foobar { padding:bottom: 10px !important"; } seems not to help since the inner style="......" definition has always a higher priority than the outside CSS stylesheet definition even when it has an !important attribute. 4.) Alternatively: How can I remove the whole atyle="......" definition"?
  4. Assume I have a webpage loaded which contains some big pictures. When I print this webpage (into a pdf file) and a picture does not fit completely onto the current pdf page then automatically a page break is inserted and the picture is printed on the next pdf page. How can I avoid this? If the picture cannot be fully printed on the current page it should be cut. The remaining, lower part should be printed on the next pdf page. How can I achieve this with CSS? I guess it must have something to do with the "clear" attribute?
  5. Assume I have statement document.querySelectorAll("p") ........ Now I want to apply the full statement not only to <P> tags but also to <div> tags. Ok, I could write a second statement document.querySelectorAll("div") ........ but I want to avoid this. Is there a way to merge the two commands into ONE statement?
  6. Thank you for the suggestion. The problem is here that <P> could contain (only) <img> elements. And <img> are not text elements. So <p> <img src=".......>...</img> </p> would be deleted with your javascript. Thats not intended
  7. How can I (after loading of webpage) remove with JavaScript/jQuery ALL <P> elements which contain whitespaces only? The code should match for example the following elements: <P><br></P> <P><br><br></P> <P><br class="foobar">&nbsp;</P>
  8. Assume I load a web page which contains a CSS stylesheet. I have no access to the webserver and the original CSS stylesheet but want to modify it by applying another, own CSS stylesheet after loading. Normally this can be done by specifying an "!important" attribute. So .someclass { margin-left: 40px !important; width: 1280px !important; } overwrites the original .someclass { margin-left: 20px; width: 1024; } But what, if the original CSS already contains CSS rules with !important flag? What I need is something like a !moreimportant attribute: .someclass { margin-left: 40px !moreimportant; width: 1280px !moreimportant; } How can I achieve this? Related question: How can I disable an existing whole CSS rule (.someclass from above)?
  9. Ok, thank you. However if ((location.href).indexOf("foobar\") == -1) { alert(" not found"); } is not working Whats wrong?
  10. I am searching for a JavaScript function which let me check if the URL of the current webpage (e.g. "https:\\www.mydomain.com\foobar\blah\") contains a certain pattern (e.g. "foobar\")? If yes, further, following commands should be executed. Otherwise the processing should continue after If statement. Is there such a function?
  11. Assume I load a web page (from a web server where I have no access) and inspect CSS script files. Some of the CSS rules contain values declared as "!important". I want to overwrite a few of these values (after web page loading by my own user.js script) by other, customized values. Since my values should have priority I am search for a way to declare them "!moreimportant". How can I achieve this? Peter
  12. Assume I have web page which uses a CSS script with lots of rules. Some of them have properties like .foobar { display: grid; grid-template-columns: 1fr 300px; grid-column-gap: 70px; } I want to get rid of all these grid-related instructions in all CSS rules. How can I disable all grid layout stuff completely for all CSS rules of the current webpage? I have no access to the original web server (and the original CSS) but want to overwrite the CSS script in my browser after loading. Peter
  13. Normally a more specific CSS rule has priority over the more general rule e.g. <header class="foobar"> //width=1200px <div> <P> ....</P> //width=860px; </div> </header> But is there a way to let a parent element force to recursively overwrite all nested child CSS rules? In the sample above the header width instruction should overwrite the inner P width instruction. In general all nested width instructions should be overwritten. If a nested element has no width instruction nothing should happen. How can I write such a CSS (or javascript?) instruction? Advanced related question: How can I restrict the width instruction to only childs (=next lower hierarchy level)? Peter
  14. Lets take an example: https://www.makeuseof.com/tag/how-to-add-cool-effects-videos-android/ When I print this webpage (into a pdf file) then alla rticle pictures are printed in a big, fat dimension. Have a look at the three picture below the section title "1. Glitch Video Effects". They are placed in full format on a full pdf page. I want to get them shrinked down to 20% resp. a maximum width of 200px. Therefore I want to add a new CSS rule. But neither .article-gallery { max-width: 840px !important; } nor img { width: 200px !important; } help. How else can I shrink the pictures for printing? I don't have access to the original web server but want to apply the new CSS rules afterwards by script in browser. Peter
×
×
  • Create New...