Search jQuery

jQuery Forum

Screen name:
arvgta

arvgta's Profile

22 Posts

97 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Using replaceWith
[4Replies]
- 04-Dec-2018 08:40 AM
- Forum: Using jQuery
Hello all,

please consider this code snippet, which works fine:
1. ld: function ($t, $h) { //load HTML of target selection into DOM
2. var $c = $h.clone();
3. $c.find("script").remove(); //prevent double firing of scripts
4. $t.html($c.html()); //inject div into primary DOM
5. }
I would like to tranpose the last line to use replaceWith() instead of html()

Differences in similar remove() calls
[2Replies]
- 20-Nov-2018 02:23 AM
- Forum: Using jQuery
What's the difference in the following two lines?
1. $c.find("script").remove();
and
1. $c.remove("script");
...where $c is a jQuery object representing a large div

(there is a difference in behaviour)

Abstracting a jQuery selection / making it more flexible
[7Replies]
- 21-Jan-2018 09:37 AM
- Forum: Using jQuery
Hello all,

please consider the following code, which works fine:
1. function loadElements($t) { //load target selection into DOM
2. if ($.cache()) $t.each(function() { //iterate through elements
3. _ld($(this), $.cache().find("#" + $(this).attr("id"))); //load target element into DOM
4. });
5. }
7. function _ld ($t, $h) { //load HTML of target selection into DOM
8. var $c = $h.clone();
9. $c.find("script").remove(); //prevent double firing of scripts
10. $t.html($c.html()); //inject element into primary DOM
11. }
I would like to abstract this bit:
1. _ld($(this), $.cache().find("#" + $(this).attr("id"))); //load target element into DOM
...to copy any elements, not just those with an ID over to the target page

Just a guess - does this make any sense? :
1. _ld($(this), $.cache().find($(this))); //load target element into DOM
Just tested the latter approach - does not work at all...
Any other ideas?
Thanks in advance!

jQuery Ajaxify Plugin: https://4nf.org/

jQuery HTML parser corrupts script content that looks like HTML tags
[45Replies]
- 23-Oct-2017 09:31 AM
- Forum: Using jQuery
Hi,

my plugin below is suffering from the following known issue in jQuery:

jQuery HTML parser corrupts script content that looks like HTML tags

My first question is:

Has there been a fix in the meantime?

Thanks in advance!

jQuery Ajaxify Plugin: https://4nf.org/

How does .first() work?
[5Replies]
- 04-Nov-2016 11:08 AM
- Forum: Using jQuery
Hello all,

suppose, that I have two divs with IDs:

#nav and #content

...and #nav comes first in the DOM.

Which one is selected by:
1. $('#content, #nav').first()
?

i.e. is the first one in the DOM selected, or the first one in the selector?

Thanks in advance!

scrollTop moody - again
[17Replies]
- 24-Sep-2016 08:13 AM
- Forum: Using jQuery
Hello all,

here's an extensive description of the bug.
(Please excuse me linking to content, but the description is just too lengthy)

Bounty of €100 applies!

Edit: Just found this - I suspect something similar... (i.e a timing problem)
This seems similar, too.

Thanks in advance

Fetch complete page including head
[6Replies]
- 18-Nov-2015 08:46 AM
- Forum: Using jQuery
In the context of the plugin "Ajaxify ", I'm pre-processing the whole HTML, including the head of any target page, returned by an

$.ajax()

...request like this:
```
return String(h).replace(docType, "").replace(tagso, div12).replace(tagsc, "</div>")
```
...where:

- h is the HTML fetched by the Ajax request

- div12 = '<div class="ajy-$1"$2'

and the others are RegEx's:
```
docType = /<\!DOCTYPE[^>]*>/i,
tagso = /<(html|head|body|meta|script|link)([\s\>])/gi,
tagsc = /<\/(html|head|body|meta|script|link)\>/gi
```
...because older versions of jQuery required such pre-processing, before dumping the HTML into a jQuery selector.

Is this technique still needed?

(e.g. from jQuery 3.0)

I've researched this before, but it doesn't seem to be your everyday question?

Thanks in advance!

Idle plugin
[2Replies]
- 13-Oct-2015 11:14 AM
- Forum: Using jQuery Plugins
Hello all,

I'm using this plugin: https://github.com/kidh0/jquery.idle

...like this:
2. $(document).idle({
3. onIdle: function(){
4. if(timer + 1) return;
5. _slide();
6. },
7. onActive: function(){
8. if(currEl) currEl.removeClass(addclass);
9. if(timer + 1) clearInterval(timer);
10. timer = -1;
11. },
12. idle: idleTime
13. });
...and am quite happy with it.

I would now like to trigger an event programmatically to invoke this handler:
1. onIdle()
Tried lots of combinations like:
1. $(window).trigger('idle');
How is it done properly?
Thanks in advance!

jQuery Ajaxify Plugin: http://4nf.org/

Synchronous loading causing warning
[28Replies]
- 18-Jul-2015 12:05 PM
- Forum: Using jQuery
I am developing the jQuery plugin below, and this issue at GitHub was raised by a user .

The plugin is responsible for "throwing" a warning in the console:
```
Synchronous XMLHttpRequest on the main thread is deprecated because of 
its detrimental effects to the end user's experience.
```
I attempted to research the possible cause and have ruled out that it is due to a missing
1. async: true
in the central $.ajax() call.

Next, I've ruled out, that it is due to attaching script tags, as described in here...

I'm now clueless, and wondering what else might be a classic reason for this warning message?

Thanks in advance!

jQuery Ajaxify Plugin: http://4nf.org/

Animation gets interrupted when user clicks multiple times and fast
[0Replies]
- 09-Nov-2014 08:57 AM
- Forum: Using jQuery UI
Hello all,

I'm quite happy with an effect on http://4nf.org/ I called "squeeze".

I've currently set the time for the animation to 500 for illustration purposes.

What the algorithm in pseudo-code looks like is as follows:

For every valid click:

- animate the width of the #content div to 0, increasing the margin reciprocally.

- swap the #content div with Ajax

- animate the width of the #content div back to original value, decreasing the margin reciprocally.

Everything works fine, if the user operates slowly.

However, if he clicks too fast, especially when initiating the back button, the animation gets stuck and the width of the #content div decreases, yielding an unacceptable user-experience...

How is that handled correctly? Do I need a
1. stop()
somewhere?

Any help is greatly appreciated

Thanks in advance!
EDIT: Behaviour is much better when the following code is placed before the animation:
1. $gthis.stop(true, true);
where $gthis holds the content div(s).
However, the problem persists, when rapidly hitting the back button!

Any ideas?

Selecting forms in divs
[2Replies]
- 08-Oct-2014 02:22 AM
- Forum: Using jQuery
Hello all,

given a selection of divs:
1. $divs
..can I do this:
1. $divs.find("form").submit(function (q) {...});
?

Thanks in advance!

jQuery Ajaxify Plugin: http://4nf.org/

Can getResponseHeader get the server-side location header?
[2Replies]
- 26-Nov-2013 02:27 AM
- Forum: Using jQuery
Hello all,

have the following issue with my jQuery plugin (see below):

https://github.com/arvgta/ajaxify/issues/10

I would like to be able to fetch the location header from the server-side with getResponseHeader somehow in a first step

I don't want to modify it or do anything dodgy with it, but merely update the currentURL of the plugin dynamically after the return of e.g. an Ajax POST.

Is it possible to read that header attribute?

EDIT:

Think I've found something similar:

http://stackoverflow.com/questions/11223946/how-to-get-response-header-location-from-jquery-get

Wondering what the situation is in case of a POST?

Thanks in advance and
Kind regards

jQuery Ajaxify Plugin: http://4nf.org/

How to check whether a link is within a selection
[2Replies]
- 25-Nov-2013 12:20 PM
- Forum: Getting Started
Hello all,

how do you do that in jQuery?

(I've briefly researched and only found "is()" which does something different)

EDIT: Maybe closest() ?

Thanks in advance!

jQuery Ajaxify Plugin: http://4nf.org/

Detect whether a link is within a div
[3Replies]
- 06-Nov-2013 09:37 AM
- Forum: Using jQuery
Hello all,

Is there an easier way in jQuery of detecting whether a link selected is within a div than this:

http://stackoverflow.com/questions/8993259/how-to-check-with-javascript-jquery-if-i-clicked-inside-divi-did-research-in-h

?

Does jQuery have a "hasParent" method?

If not, maybe it would be the most elegant solution to code something like this:

http://stackoverflow.com/questions/2389540/jquery-hasparent

Found a good working demonstration here:

http://jsfiddle.net/jonathansampson/6GMN5/

But is there a built-in method "hasParent()" by now?

Thanks in advance!

jQuery Ajaxify Plugin: http://4nf.org/

jQuery and the mid-tier - PHP vs. Python
[5Replies]
- 28-Oct-2013 01:26 PM
- Forum: Using jQuery
Hello all,

I love jQuery and according to Google Trends:

http://www.google.com/trends/topcharts#vm=chart&cid=programming_languages&geo=US&date=201309

its popularity is still rising, which is great!

I've been using Wordpress + PHP in conjunction with jQuery plugins.
According to Google Trends, Wordpress is still rising in popularity, whereas PHP - I don't know - am a bit worried. To make things worse, two top-notch developers I know say Python is the most modern and powerful language around and the way to go.

I've basically got two or three main questions (they should be interesting for lot's of people):

1) Is it worth switching from PHP to Python? (I'm currently only married to Wordpress with little own stuff in PHP, but it would be a bit of a migration. My webhost supports both PHP and Python for free)

2) Is there something like "Wordpress for Python"? Or even a better CMS in the Python world?

3) Is jQuery biased in its communications to either PHP/Python? Maybe someone could briefly illustrate, what an Ajax handshake with Python looks like. (With PHP and thanks to the beauty of jQuery it's really easy)

You might be asking - what about Java, which is the top-notch programming language worldwide?
There's three reasons I'm not inclined to Java:

- Google itself seems to prefer Python over Java in the long run (I saw so in recruiting ads)
- Java is sort-of now "owned" by Oracle whereas I understand that Python and PHP are not at all proprietary and thus free to evolve with higher dynamics
- Python and PHP are geared more at the web-frontend (which is my current inclination), whereas Java is geared at everything imaginable.

Thanks in advance!

jQuery Ajaxify Plugin: http://4nf.org/

Double versions at plugins.jquery.com
[1Reply]
- 26-Oct-2013 02:04 PM
- Forum: Developing jQuery Plugins
I'm worried a bit, why my versions are being displayed double:

http://plugins.jquery.com/ajaxify/

Any ideas?

Here, too, it doesn't seem to be just me ;-) ->

http://plugins.jquery.com/pronto/

jQuery Ajaxify Plugin: http://4nf.org/

jQuery "selector" property deprecated?
[8Replies]
- 26-Jun-2013 08:20 AM
- Forum: Using jQuery
Hello all,

I understand that this property has been deprecated in 1.7. and still is?

It's still widely used, very powerful and generic.

I'm contemplating, whether to use it in my plugin... (at the moment, I don't depend on it)

Obviously, if jQuery is serious about dropping it soon, there's no point in that, right?

Or is there going to be a substitute / recommended workaround?

Thanks in advance and kind regards

Executing script inside a dynamically loaded div
[2Replies]
- 28-May-2013 03:30 PM
- Forum: Getting Started
Hello all,

I'm extracting a div from some large HTML that contains normal HTML and scripts.

If I use e.g.
1. $div.replaceWith($newDiv);
...the scripts don't get executed. Same with html($newDiv.html())

How can I get the scripts to execute?

Thanks in advance and kind regards

Removing a div from a variable
[2Replies]
- 28-May-2013 10:59 AM
- Forum: Getting Started
Hello all,

I've been researching the web and fiddling around for hours now.

All I want to do in pseudo-code terms is the above.

Suppose $page holds a variable that holds a cached page,
and divid holds the textual ID of a div within $page.

I've tried lot's of variants including the straight-forward one:
1. $page.find(divid).remove();
Nothing works.

Any ideas?

Thanks in advance and kind regards

Image lazy loading - programmatical pre-run?
[11Replies]
- 07-May-2013 04:09 AM
- Forum: Getting Started
Hello all,

https://plugins.jquery.com/lazyload/

This excellent plugin has severe advantages for page load times.

I'm wondering whether it's possible to perform a programmatic pre-run with jQuery over the DOM, substituting any image links outside of the viewport with the required HTML?

If so, I would try to include it as an option in my plugin:

http://4nf.org/change-content-div/

Thanks in advance and kind regards

Increase PageRank with this jQuery plugin
[0Replies]
- 14-Jan-2013 08:21 AM
- Forum: Getting Started
Hello all,

Increase PageRank with text-links

with the above plugin you can define anchor links differently, keeping PageRank on the site and thus increasing site PageRank.

What do you think?

New plugin
[15Replies]
- 25-Jul-2012 10:27 AM
- Forum: Getting Started
Hello all,
I've been developing a piece of JavaScript for quite a while now and have been recommended to turn it into a jQuery plugin.
What's the procedure for doing that - what's the first step?
Do you write the code on your own site first, as a jQuery plugin or do you submit the conventional JavaScript somewhere?

Thanks in advance,
Kind regards

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend