pstein

Members
  • Content count

    41
  • Joined

  • Last visited

Community Reputation

1 Neutral

About pstein

  • Rank
    Newbie
  1. Assume I have 10 different "normal" web pages with an URL http:/www.foobar.com/..... Ok, I could setup 10 bookmarks for all these 10 URLs and click them step by step individually. However I am searching for a more convenient, faster way to view them in 1 (!) browser window. How can I setup a "wrapping" web page which contains (as IFRAMES ???) all these 10 other external web pages? They should be somehow embedded as a sub component. Peter
  2. Assume I have a web page which loocks pretty well for printing. Now when I really click File--->print menu in Firefox the whole page is printed but with big, fat margins around it. Furthermore some (logo) picture replacements take place. I don't want this! I want to print the page just as I can see it right now in browser. I guess there are some hidden "@media print" CSS statements but I cannot find them in Firebug. So is there a way to bypass all further CSS+Javascript modifications after call of window.print()? How do I find out where and why the currently visible layout is changed for print? Peter
  3. I want to insert the current URL at the bottom of a web page (before printing it). Therefore I coded: var address = document.URL; var pane = document.getElementsByTagName('body'); pane.innerHTML = pane.innerHTML + "<br/>" + address; But this doesn't work. The URL is NOT shown. How else can I achieve this? Peter
  4. Assume I have a webpage which has currently NO CSS stylesheet assigned. Instead font definitions are defined as HTML elements like <font size="6" face="Arial">foobar</font> How can I overwrite this definition e.g. by: font-size: 16px; line-height: 18px; font-family: Verdana; This new CSS definition should be assigned to all occurencies of exactly this element (but not e.g. <font size="2" ....>) How can I achieve this? Peter
  5. Assume I have a web page which contains multiple elements similar to <span style="font-size: medium;">....</span> How can I remove the "style=" attribute for all the elements? Overwriting with a neutral value and !important would be acceptable as well. The element <span> itself should still persist Peter
  6. Assume I have the following HTML source code: <img onload="..." ... someotherattr="..." ...> ... </img> How can I remove the two attributes "onload" and/or "someotherattr" but not all other (possibly existing) attributes? Can I put the remove command for the two attributes into one statement or do I have to setup two commands (for one attribute per command)? jQuery can be used if it is simpler Thank you Peter
  7. At first here is a (sample) web page in focus: http://www.giga.de/extra/gaming-pc/specials/arbeitsspeicher-auslesen-welchen-ram-habe-ich/ I want to get rid of the social community icons pretty much at the top. See the following snapshot: https://abload.de/img/elementnothideablevqsyj.png Therefore I tried to apply the following CSS instruction (e.g. with Firefox AddOn Greasemonkey) to the loaded page Yes, this hides the five social community buttons.....for about 3 seconds (in newest Firefox under 64bit Win 7). Then these 5 buttons re-appear. Why? I guess there is a delayed re-load/refresh mechanism embedded. How do I hide them permanently? Thank you
  8. Assume I have the following HTML code: < table ......... bgcolor="#334455"> .... < /table> Be aware that the bgcolor attribute is NOT placed in a separate CSS stylsheet but is embedded in the HTML code itself. Now I want to overwrite this bgcolor by another color. The following does NOT work: table { bgcolor: #ffffff !important; }; or table { bgcolor=#ffffff !important; }; How else can I overwrite the color? Peter
  9. Lets start with an example: <div class="aaa bbb" ...> <p class="ccc" ....> firsttext </p> </div> <div class="aaa ddd" ...> <p class="eee"> secondtext </p> </div> and the corresponding CSS rules: .ccc { font-size: 18px; line-height: 18px }; .eee { font-size: 25px; line-height: 25px }; As far as I understand more special CSS rules (inside an element) overwrite always the more general CSS rules of the enclosing element. So if I define .aaa { font-size: 14px; line-height: 14px; }; then the .ccc and .eee rules win. Is there a way to overcome this priority rule hierachy so that all more special CSS rules inside are overwritten anyway by the outer CSS rule? "!important" does not work since it overwrites only possibly existing rules for the same class. So .aaa { font-size: 12px !important; line-height: 12px !important; }; only overwrites only the old .aaa rule but not the rules inside. However I could imagine that there is an option to brutally overwrite all every more special rule inside an element. How can I achieve this? Peter
  10. Whenever I want to add something at the end inside an (the first) element which is identifiable by class name I can write: var div = document.getElementsByClassName("myclassname")[0]; div.innerHTML = div.innerHTML + "foobar"; This works fine. But what if there is no class name but only the element tag like in <cite> <span>01.07.2016</span> <span>sometext</span> </cite> How can I add "foobar" text at the end (after last span) but inside (!) the <cite> element? Is there a function similar to getElementByElementName(...) which means I could write: var div = document.getElementsByElementName("cite")[0]; div.innerHTML = div.innerHTML + "foobar"; Peter
  11. Lets start with a (german news) sample page: http://www.finanzen100.de/finanznachrichten/wirtschaft/ex-fed-chef-greenspan-warnt-das-ist-die-schlimmste-zeit-es-gibt-nichts-vergleichbares-die-inflation-kommt_H1413125076_293066/# When you click on the grey printer icon just below the headline and the teaser text the core arcticle will be printed (e.g. into pdf file). As you can see the printed article contains very wide/broad blank margins left and right of it. Where exactly are these margin widths specified. I searched now for a while for @media print or @page definitions - but without success. Where are the print page CSS statements exactly defined? Thank you Peter
  12. Maybe I am blind. I searched now for half an hour with Firebug for the background color definition for the following web page: http://www.giga.de/downloads/windows-10/tipps/windows-update-reparieren-und-zuruecksetzen-so-geht-s/ As you can see there is an article in the mid "column". Left and right of it there is a grey pane. Where exactly is this grey color defined? It drives my crazy. Peter
  13. At first the the sample page (of german ebay). But I guess its a problem of ALL ebay auctions which are not finished yet: http://www.ebay.de/itm/Huawei-E3372h-Mobile-150Mbps-Cat4-LTE-4G-3G-USB-Modem-Surfstick-SIM-Lock-FREI-/322073237147?hash=item4afd0f969b:g:INcAAOSwiylXBomt I want to get rid of the ad-strip in the mid with the label "Käufer haben sich auch folgende Artikel angesehen" The corresponding element looks like: < div id="merch_html_100005">....</div> I want to hide this stuff and setup a GreaseMonkey script with the following statement: GM_addStyle("#merch_html_100005 { display: none !important; }"); ,,,but it didn't work. The inserted advertising pane does not vanish. It seems to me that it is protected by javascript. Or loaded with delay of a couple of seconds. So how else can I remove it? With Javascript/jQuery or CSS?
  14. Assume I have an element like: <div class="aaa" myattribute="foobar1111" .....>....</a> The classname "aaa" is unique. 1.) How can I replace "foobar1111" completely (!) by "dummy2222" from javascript/jQuery? 2.) How can I replace ONLY "1111" inside the attribute by "2222" AND keep the remaining (possible unknown) text inside the attribute value whatever it is? If it is more comfortable jQuery could be used. Peter
  15. @dsonesuk: Hmm I don't understand your answer. I asked neither for the meaning of the data() function nor for the usage of "href". I asked why user "musicman" wrote $("#div1") and not $("div.aaa")