Solved

issue with jquery load functionality

Posted on 2012-04-04
4
303 Views
Last Modified: 2012-04-20
i am in a problem where my page does not become editable unless and untill its all images and everthing does not appear. so to make that, i tried the image in one scenario to be load my an ajax call.

i just mad a small call like this

$("#refresh").html('<img src="/dummy.gif"'>');
$("#refresh").load('abc.cfm?id=#id#');
<div id="refresh"></div>

now the case is what i am trying page should separately and initially the dummy.gif should be shown and then a ajax call will be made immediately after it to load the actual image from the server which is taking time to show and display in the div.

just trying to separate the load taking image from actual page call so page should become editable while image could keep loading later.


but this approach is not working, as initially i load a page, it does not eve show an image nor it load the file

then i tried adding the setInterval function to the load method like this:

setInterval(function() {
           $("#refresh").load('abc.cfm?id=#id#');
},1000);

so by this it makes call every 1 sec and then it keeps on executing that specific code every one second. this approach works, but i am not sure if this is a feasible solution and it is making a call again and again, it will hit performance, so anyone can guide better

Thanks
0
Comment
  • 2
  • 2
4 Comments
 
LVL 40

Expert Comment

by:gurvinder372
ID: 37805653
did you tried this approach?

<script>
$(document).ready(function(){
    $("#refresh").load('abc.cfm?id=#id#');
});
</script>

<div id="refresh"><img src="/dummy.gif"'></div>
0
 
LVL 15

Author Comment

by:Gurpreet Singh Randhawa
ID: 37805687
btw document.ready is already defined at the top of the Page but that is for another jquery function, so do i need to declare again
0
 
LVL 40

Accepted Solution

by:
gurvinder372 earned 500 total points
ID: 37805696
you don't have to declare it again, but simply call this jquery line in that document.ready() event

("#refresh").load('abc.cfm?id=#id#');

Idea is to make sure that element with id 'refresh' is loaded into the document before this jquery statement is executed
0
 
LVL 15

Author Comment

by:Gurpreet Singh Randhawa
ID: 37806056
well i have noticed few the document.ready is opening for some jquery functions and then it is closed, like in a page which is like a set of included page , some included pages have jquery, that has already declared document.ready but that closed it too

but also my concern is if i have 100 records the document.ready will run 100 times
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
jQuery AJAX Redirects Without Response/Error 10 46
Form with Modals 16 44
PHP - AJAX and MySQL it works only if the value is a number 12 36
How can i get the length? 7 14
The Confluence of Individual Knowledge and the Collective Intelligence At this writing (summer 2013) the term API (http://dictionary.reference.com/browse/API?s=t) has made its way into the popular lexicon of the English language.  A few years ago, …
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

920 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now