Response title
This is preview!
- Screen name: pxsteiner
pxsteiner's Profile
72 Posts
48 Responses
0
Followers
Activity Trend
Last 30 days
Loading Chart...
Show:
- Expanded view
- List view
- 09-Mar-2021 12:34 AM
- Forum: Using jQuery
Assume a webpage contains Internet URLs as usual similar toBut some of them are NOT included in a wrapping- <a href="https://.....>.....</a>"
How can I (with jQuery) add this <a ...>....</a> tag?for all such https://...... strings?Of cause if the https://.... string is already wrapped no second <a> tag should be added.- 26-Dec-2020 05:30 AM
- Forum: Using jQuery
Lets start with a sample webpage (from a german newsmagazine):Immediately before and during loading of the web page leave the mouse INSIDE the (Firefox) browser window.Then after successful loading move the mouse to north over bookmark toolbar.As you can see a popup (inside the webpage and not as separate Windows window) appears.How can I prevent this popup?I tried- $('.sandiego-c-canvas.Campaign__canvas').hide();
but it didn't help.It seems to me that the code is only loaded when I move the mouse over bookmark toolbar.So I cannot hide it at loading since it does not exist at this time.Is there a jQuery hide() or .remove() independent from mouse movements?Thank you- 12-Dec-2020 03:51 AM
- Forum: Using jQuery
Assume I have a code like- <div ..... style=".... width: 780px;">...</div>
- <rect ...... width="780px" ....">...</rect>
So the width values are NOT retrieved from separate CSS stylesheet (file) but are part of a HTML code.How can I identify these elements by jQuery and change/overwrite the values to e.g. a width of lets say 400px?- 04-Nov-2020 12:19 PM
- Forum: Using jQuery
Assume the following html code:- <table class="foobar">...</table>
- <script>....</script>
- <script>....</script>
- <script>....</script>
- <p>.....</p>
Now I want to insert some stuff AFTER table which can be identified by its class.The two methods I considered do not work:1. $(".foobar").append("......");appends something INSIDE the <table>...</table> element but I want it outside2. $("......").prependTo($(".foobar").next());does not work either. a pre-grouping of $(".foobar").next() in an enclosing bracket is not correctly recognized.Or the stuff is inserted into <script> element. But I want it in the next VISIBLE elementIs there another solution?- 26-Oct-2020 03:40 AM
- Forum: Using jQuery
In recent months I experienced more and more webpages which embed pictures not as simple images any more but as a nested element combination with a code like:- <div>
- <figure>
- <picture>
- <source>...</source>
- <source>....</source>
- </picture>
- </figure>
- </div>
Have a look at the sample web pageRight click in chapter 1 on the big picture and select "Inspect element"The nested code above results in further problems in my scripts.Can the code somehow be simplified to just the good ol' flat <img> tag?Removing all the <source> elements does not help. This would delete the image.I want to keep the image visible but remove the "framing" stuff.How can I achieve this?Thank youPeter- 08-Oct-2020 09:59 AM
- Forum: Using jQuery
Assume the following code:- <div class="foobar">.....</div>
with CSS:- .foobar { background: blue !important; }
Now when I assign a new color with a jQuery statement like- $(".foobar").css({'background-color' : 'red'});
then the previous color is NOT overwritten since it has an "!important" flag.
In order to overwrite it anyway I have to assign the new value as inline style just as if would have written- <div class="foobar" style="background:red">.....</div>
This coding has higher priority as "!important".
BUT:
How do I assign such an inline style with jQuery and not as a value on "normal" CSS level?
Thank you- 05-Oct-2020 04:16 AM
- Forum: Using jQuery
- <div class="one">....
- ....
- <div class="two">....
- ...
- <div class="three">.....
- <p>
- <strong>
- blah foobar other text
- </strong>
- ....
- </p>
- </div>
- ....</div>
- ....</div>
I am searching for a shorter (!) way to delete (resp.refer to) the innermost, nested <div> element which contains directly or indirectly in (sub)child elements the string "foobar".It the sample above only <div> element with class="three" should be removed.Currently I am using the following command:$("div:contains('foobar')").eq(($("div:contains('foobar')").length) - 1).remove();It works. However it looks plump and artificial.I can imagine that there is a smarter,shorter way in jQuery.The command should be applied to all occurencies in a web page.So if "foobar" appears somewhere else (below) the removal should be applied as well.Peter- 12-Sep-2020 05:55 AM
- Forum: Using jQuery
Assume I identified a certain element.Now I want to remove ALL following elements. I can do this with- $(".foobar"):nextAll().remove();
The problem is, that this removes only elements on the same hierarchy level (=brothers).Ok, I could go one step upwards:- $(".foobar"):parent().nextAll().remove();
But maybe there a many (unknown) parents() of parents().I want to get rid of all the stuff which follows the referred element regardless of the hierarchy level.How can I achieve this?Peter- This is the original source
- <video .....>
- ....
- </video>
How can I replace all such <video> elements by a picture from remote server- <img href="https://www.foobar.com/pics/mypic.png" ........</img>
Peter- Normally I would write a pure Javascript statement like:var pane = document.getElementsByClassName("myclassname222")[0];But what if jQuery offers a shorter way of identification? How can I assign an element from jQuery to Javascript variable?The following does NOT work:var pane = $("td:contains('sometext inside element')");How else?Peter
- 30-Aug-2020 03:21 AM
- Forum: Using jQuery
Starting with- <hr>
- <div class="aaa">...</div>
- ...
- <p>
- <div class="aaa">...</div>
I want to remove the previous element of <div class="aaa"> elements but ONLY if it is a <hr> element$("div.aaa").prev().remove();removes them all.How can specify only <hr>-removals?- At first the code:
- <table>
- <tbody>
- <tr>
- <td >
- <div class="foobar">....</div>
- ...</td>
- </tr>
- </tbody>
- </table>
When a table contains a certain class the whole table should be removed.The following does NOT work:$("table .foobar").remove();How else?- 30-Aug-2020 01:45 AM
- Forum: Using jQuery
Assume the following code- <p class="firstclass">.....</p>
- foobar some text
- <p class="secondclass">.....</p>
- some other text
Now when I apply$(".firstclass").nextAll().remove();then the text following the <p>firstclass element is NOT removed since it is not enclosed in an element.As I learned nextAll() fetches only elements.How can I otherwise remove ALL following stuff after <p> firstclass?Peter- 13-Aug-2020 03:29 AM
- Forum: Using jQuery
Oftentimes web pages include a separate *.css file and put separate special CSS instructions inside for printing the article.How can I delete with jQuery this@media print { ............. }rule / instruction?Peter- Assume the following code:
- <div class="foobar">
- "whitespace"
- <p>....</p>
- </div>
"whitespace" is not the text but a whitespace as indicated in Firefox WebDeveloper.
How can I get rid of every whitespace inside after a <div class=foobar"> and the first <p> with jQuery?- Lets start with an example webpage (german online magazin):As you can see in the mid column pretty much at the end there is a section with picture and headline "LESEN SIE AUCH".I want to get rid of it all (after loading of webpage).Therefore I applied a script containing the following jQuery instruction:$("a-collapse").remove();However it does not work.How else can I remove elements with own unique element names?As another approach I coded:$(".perl-articlebox").remove();It doesn't work neither.Why?The <a-collapse> element refers to a class ".perl-articlebox"Thank youPeter
- 22-May-2020 07:15 AM
- Forum: Using jQuery
Assume I have a CSS background key similar to.logo { background: url(/static/foobar/mylogo.jpg) 0px -no-repeat; }Is there a way to convert this background property into a foreground image by jQuery?All other configurations (margin, padding, background-position-x, background-position-,....) should remain untouched or converted accordingly.Thank youPeter- 26-Apr-2020 01:59 AM
- Forum: Using jQuery
How can I remove all <div> elements which contain only whitespaces and nested empty elements?
Example. The following <div> elements with class="foobar" should be found and removed:- <div class="foobar">
- <div>
- "blank"<br>"blank"<br><br>
- </div>
-
- <p>
- </div>
"blank" in the example above should obviously not mean the text "blank" but the correspondig char- Start with a sample:
- <body>
- <div style="max-width: 900px; .....">....</div>
- <div style="max-width: 1020px; margin-left: auto; margin-right: auto; .....">
- ...
- </div>
- ....
- </body>
div panes with other (or no) max-width values should remain untouched.
Furthermore only those div panes should be considered which are immediately below (=child) of <body> (=no deeper childs elements)
How can I code this in jQuery?
Thank you
Peter- 25-Jun-2019 04:35 PM
- Forum: Using jQuery
Occasionally I want to add/modify CSS statements of the currently loaded webpage.
Lets say I want to add/overwrite the current CSS values with the following new CSS values:
#container article > p { font-size: 16px !important; line-height: 16px !important; font-family: Verdana !important; width: 98% !important; }
As far as I know users have to write therefore in jQuery a difficult, non-intuitive, multiple tags command similar to
$('#container article > p').css({ "font-size" : "16px", "line-height" : "16px", "font-family" : "Verdana", "width" : "98%" });
This is rather uncomfortable. It is e.g. likely to forget a double quote when writing this command.
Isn't there a smarter way to declare the new values in jQuery just as if users would write them originally in CSS script similar to
$('#container article > p').cssadd({ font-size: 16px !important; line-height: 16px !important; font-family: Verdana !important; width: 98% !important; });
?
cssadd(...) is a plcaeholder for the unknown, necessary searched jquery function
Beside this how do I add the !important flag in css() commands?
Thank you
Peter- 13-May-2019 06:13 AM
- Forum: Using jQuery
Assume I load a web page which is occasionally updated on the server (=not under my control).
To get the updated information I always have to click refresh in my browser.
This is unhandy.
How can I automatize that?
I can imagine that there is a jQuery/javascript/CSS code which I can insert and which tells the browser to
automatically update the loaded webpage every e.g. 120 seconds.
How does that work in detail?
Thank you
Peter- 26-Apr-2019 03:41 AM
- Forum: Using jQuery
Lets start with a sample code:- <h3>title line</h3>
- <figure .....>
- <img ....>....</img>
- <div>...</div>
- </figure>
- <div>...</div>
When I print a webpage into a pdf file then it happens occasionally that the image is visually appended right of the h3 headline. I don't want this.
Such an image should ALWAYS be placed immediately BELOW a <h3> headline.
So I would like to insert (from a jQuery script) something like a hard line break after each <h3>....</h3> element.
How can I achieve this?
A <br/> seems not sufficient.- 07-Mar-2019 02:03 AM
- Forum: Using jQuery
Assume I have (simplified) the following code:
<div ...>
other text to keep
<div ...>
<p>
<em>
<a ....>
.....foobar....
</a>
</em>
</p>
::after
</div>
</div>
How do I remove all (ONLY !) innermost <div> which contain the pattern "foobar"?
Since ::after comes after the target elements it should not be relevant.
correct?
$("div:contains('foobar')").eq(($("div:contains('foobar')").length) - 1).css("display", "none");
does not work- Assume I want to addres all ids which match the following pattern:
#advert-*
e.g.:
#advert-43256
#advert-54
#advert-888
How can I achieve this with jQuery?
The following does not work:
$("#advert-*")......- 26-Nov-2018 03:37 AM
- Forum: Using jQuery
Lets start with a sample page:As you can see pretty much at the end there is a line starting "Now you" in bold face.I want to remove the wrapping <p> element (on this and all similar ghacks webpages) after loading of webpage.I tried so far:$("strong:contains('Now Vou')").parent().remove();$("p:contains('Now Vou')").remove();$("strong:contains('Now Vou')").parent().css("display", "none");$("p:contains('Now Vou')").css("display", "none");None of these are working. "Now you" remains visible.How else can I achieve this?Peter
© 2013 jQuery Foundation
Sponsored by
and others.