Jump to content


  • Posts

  • Joined

  • Last visited

Recent Profile Visitors

4,130 profile views

pstein's Achievements


Member (2/7)



  1. In a webpage (from remote server where I have no access) I want to insert the page URL after a certain element and after loading of the webpage Therefore I use the following code: var address = document.URL; var pane = document.getElementsByClassName("heading--large")[0]; pane.after("<a href=\"" + address + "\">" + address + "<\\a>"); Yes, the page URL is inserted, but only as text and not as recognized element. The URL is NOT clickable (as the following other Links). Have a look at the following snapshot: Why is in the inserted element "a" not blue and "href" not red as in the others "a" elements below? Is ".after()" not the suitable function?
  2. Assume I have in an *.css file a CSS statement similar to the following: blahbla { font-size: 20px !important; line-height: 20px !important; /* added in August 2021 */ font-family: Verdana !important; } As you can see it contains a comment Now I want to comment out the whole CSS statement (without removing the inner comment!). The following does not work: /* blahbla { font-size: 20px !important; line-height: 20px !important; /* added in August 2021 */ font-family: Verdana !important; } */ ....since the closing comment tag of the inner comment closes the outer comment as well. How else can I comment out a CSS statement ignoring possible inner comments?
  3. 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)?
  4. 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?
  5. 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"?
  6. 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?
  7. 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?
  8. 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
  9. 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>
  10. 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)?
  11. Ok, thank you. However if ((location.href).indexOf("foobar\") == -1) { alert(" not found"); } is not working Whats wrong?
  12. 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?
  13. 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
  14. 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
  • Create New...