I can use the jQuery ajax function to grab all of the html from a remote page, and that's cool. What I would like to do is to grab only a particular element of the remote page, not the entire page. Is this possible? I've tried some variations of the ajax 'url' param, but I haven't gotten anything to work yet.
View 3 RepliesI created a page a set of tabs, each tab loads an external page. The problem is that when I click on each tab, the external page contains script jquery and will not run.How I can do to upload the script to each page there is external?
View 1 Replies View RelatedI have a site that is very jQuery and image heavy. The main sections of the site link to sections that are built with several Tabs, and as it loads, you briefly see all the content load and then it is hidden by the Tabs code.
The plan is to have a full window DIV that sits above all the content with a loading icon that plays until the entire page loads, and then it fades down.
After some hair pulling and research I have code in place that does exactly as I ask, however it does not seem to work in IE6+7. It works in all other browsers.
The current code is:
CSS for the loading DIV is:
A working link is [url]
I download the jquery library, when i include it as such:
It loads but i always get some sort of error in the functions in the page or something...as if the js is loaded but not correctly or as if it's missing, even though the download itself is correct
If i change the include path to (which is the exact same file i downloaded):
Everything works fine i am thinking maybe it could be something that has to do with encoding maybe? am not sure...any clue? it's only happening with the jquery JS files, the rest are working fine.
I'd like to save a single page automatically. The page uses javascript, and therefore I can't seem to use links, elinks, lynx, w3m or curl (I've tried them with spidermonkey but it keeps telling me to enable javascript) to do so properly, it always saves everything except the javascript rendered output.
So I think the only what to do it would be in a web browser. So, say for intstance, I want to save the the main page, [url] and have it automatically save to my C:google.htm. How would I do that? Is this possible?
I'd like to save a single page automatically. The page uses javascript, and therefore I can't seem to use links, elinks, lynx, w3m or curl (I've tried them with spidermonkey but it keeps telling me to enable javascript) to do so properly, it always saves everything except the javascript rendered output.
So I think the only what to do it would be in a web browser. So, say for intstance, I want to save the the main page, google dot com and have it automatically save to my C:google.htm. How would I do that? Is this possible?
I've used about everyone i've found online, with no success.The problem seems to be that these tooltips don't use the fully qualified domain to include pages just tip1.htm instead of somedomain.com/tip.htmTrying to create a "plugin" of script that people coming to the site can cut and paste into their own page and that code will show the content of my remote page.
View 5 Replies View RelatedI have a webpage which handle a time-consuming backend processing on the server side. I am hoping to use ajax and display the back-end processing process on the web-front(i.e. in a DIV). .ajaxStart and .ajaxStop sound to be OK if I want to display some fixed content. Is it possible that I grab partial server-side resultset and update a DIV at the front-end without having to wait for the server-side to finish all of the processing.
Below is my sample code which does NOT work for my purpose.
----
<span id="processing_status" class="blink"></span>
<div id="processing_log" style="display:none"></div>
<script type="text/javascript">
/* This is OK, but I want to display server-side processing records */
[Code].....
I'm working with a pretty large XML file, but I really only need to
display a few things that requires quite a few transforms. I already
limited to the transforms to the data i need to use, but I'd like to
speed things up by loading only the data I need.
I need to mention that this is for a local application that sometimes
will lookup updates on a server, but mostly, it is for local use
(offline)
I can use xmlHTTPrequest for both local or server data access. That
seems to work fine. Now I would like to be able to load only the data
I need.
I hear the Google suggest tool bar uses xmlHTTPrequest to look up a
list of known queries, so I am hoping they lookup "only" the necessary
data as one types. It's kinda what I want to do, but I'm not sure how
that would work, since the "url" parameter should be a destination
file name.
I have a lagre php page containing a lot of divs. Some functions take a lot of time in order to retrieve from db and then produce the html to be placed inside certain divs. So what i want is to first load the page without loading the html that requires time, and after the page is loaded then produce the html. Its all in the same page.
I know i have to deal with the:
But how can i first load some divs and then after this divs are loaded , afterwards load some other divs, all in the same page?
Is there a way to print (sending to printer) the partial contents within the HTML file
Ex: Can i print content of div2 only?.
I'm loading external div content into another page div based on the hash. It works fine but when you click the link, the page loads, but it's blank. If you refresh the page it appears.I'm looking for some way to refresh the content (once).
View 1 Replies View RelatedI have built a site that loads new content from a database when the user hits the end of the page. This works fine in all desktop browsers and on the iPad, but is not working on the iPhone. Have tried an iPhone 3g and 4.
Here is the code:
$(window).scroll(function(){
if($(window).scrollTop() == $(document).height() - $(window).height()){
$.ajax({
type: 'POST',
url: 'nextSet.php',
data: "?dummy=" + new Date().getTime(),
dataType: 'html',
cache: false,
beforeSend: function() {
$('#scrollLoading').show();
$('#scrollLoading').html('<p><img src="/images/ajax-loader.gif" alt="loading..." /></p>');
},
success: function(response){
$('#scrollLoading').hide();
$('#resultsPageSearch p').css('margin','0');
$('#sortDrop').show();
$('select.sortddl').selectmenu('destroy');
$('select.sortddl').selectmenu({style:'dropdown'});
$('#resultsSection').append(innerShiv(response));
},
error: function (request, status, error) {
alert(request.statusText);
}});}});
I've gotten .load to load content into a div but if the window is not at the top of the page it scrolls back to the top each time the new content is loaded but I wanted to avoid any sort of change on the page other than the content in the div. It seems pointless if the user has to scroll back down to the div where the content is each time? code...
Is there a way to keep the window in the same position? Also while I'm at it - is there a more efficient way to write this considering I have 9 pages or should I just write this code out for each instance?
I'm creating a section for a school website that will list over 9,000 book titles in four different categories (by Title, by Author, by Book Level, and by Points).
The content is shown in a div and called and loaded via Ajax.
Here is the test page: [URL] you click "Go" when the drop down menu is displaying By Book Title, the content loads in the div in a few moments.
Here is the content page that appears in the div after you click "Go": [URL]
If possible, I need a "page loading..." script that will appear only after you click "Go" while the list of books is being loaded.
I've been testing different ones I've found online, but can't get any to work. Of course, I'm not even sure if the script would be added to artest.html, 1112-QuistListByTitle.html, or a combination of both...
I've been ordered to prepare a simple website and I've found the following on some website to load some content into a div without reloading everything on the page.
HTML Code:
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script language="javascript">
function Load(div, link) {
$(div).load(link);
}
</script>
<a href="#" onclick="Load('#page-content','project.htm');">About the Project</a>
It works and loads project.htm into div id=page-content.
The problem is that it adds just the hash to the main html (default.html) in the website url. When I hit F5 I go back to the main page as even though the content of some div's is different, the url is still just default.html. When I click a link it should load some content into a div and alter the url so when someone refreshes the page or shares a link with someone he can see what he is meant to not the main page.
I have 3 tabs that call an external ASP page that has a rather intensive Database query and takes a while to execute and display. On my tab there's a link to another page. once that page is finished the user goes back to the tab. But my problem is it's going back to the database page (that takes a while to execute).Can the original page be cached and remembered so that I dont have to keep calling my database page?
View 1 Replies View Relatedery new to Jquery but really like what I'm seeing. Really improves the interface. Is this possible to achieve? Partial Page Update Without Having To Do An ASP Auto Post Back on a ASP control. I have <div id="documents"> An <asp:RadioButtonList id="selector" Class="tablecell"> When its checked, can I refresh the documents div only rather than the full page?
View 1 Replies View RelatedI'm looking for a solution where I can show hidden parts of a page when a person submits a successful captcha. Of course, the parts of the page that are hidden shouldn't be available for viewing via code. Is this possible to do? Are there any scripts available that enable me to do this without reloading the whole page or loading a new one?
View 3 Replies View RelatedI created a bookmarklet script to help me audit extremely large style sheets.Basically while on a site that you would like to audit, you click the bookmarklet and the document's body contents gets remove and replaced with an iframe that points to the current sites home page. From here you can choose what style sheet (the script finds) to begin reporting over. The more pages you browse (through the iframe) the more accurate the report gets.My problem however, is if the person is on the site's home page when first running the script, the iframe never loads up. I think it has to do with the fact that you are on the home page, and then the iframe tries to point to the home page as well and fails for some reason.You can test it by bookmarking this bookmarklet and running it on any site's home page where style sheets can be found:
Get The Bookmarklet on this page (http://tinyurl.com/3gx7fw5)
Again, it works great if you don't start the script from a sites home page.
Lets say i have a menu with elements "A", "B" and "C" on index.html (my homepage).So classically I should createa.htm, b.htm and c.htm.and link to menu. but rather, I want to have a single "home.htm" that would do all this purpose.My home.htm has all contents same for a,b & c except a "div element" whose content i want to load from different files, different for all the three pages.
View 1 Replies View RelatedI have a PHP script that displays my online status and shows a window
if I am online, or doesn't show anything if I am offline.
I'd like to include the content of this remote PHP file inside a web
page using JS. I have created an xmlHttpRequest script to do that but
it doesn't work as expected... It should work just like the status.php
file, but instead, the content doesn't show up in IE, and in Opera, it
it stuck in the upper-left corner...
Fairly new to the Jquery game and I must say it rocks. I am trying to load new contents of one page into the div of a current page. My test URL can be foundWhen the first url (contact) is clicked the contents are loaded into the div, however if you click on the next link (about) it takes you straight to the about page as the contents are not loaded . Can anyone assist on how I can make this happen? I think it has something to do with the dom already being loaded.Here is my code
$(document).ready(function() {
$('#content a').click(function(){
var toLoad = $(this).attr('href')+' #content';
[code]....
I have an ajax.php page that handles requests for other pages. I am using .load() function to request the content. my problem is, when I click for the first time on the link to retrieve content, it will not loaded until the secont click. This is my code, it use fancybox to display it.
$('.edit_res_form').click(function(){
var id=$(this).next().val();
$('#edit-res-hidden').load('ajax.php?do=load&form=edit_res_form&res_id='+id,function(){
[Code]....
I successfully loaded a list of links (e.g. <a href="info2.php">More info</a> into the #submenu div using the first part of the code below, and want these links, when clicked, to load their URL into the #content div.
$(function(){
$('#submenu').load('submenu.php');
$('#content').load('info.php');
$('#submenu a').click(function() {
$('#content').load(href);
});});
I can load content and update a <div> using the following code:
var auto_refresh = setInterval(
function()
{
$('#loaddiv').fadeOut('slow').load('mypage.html').fadeIn("slow");
}, 5000);
<div id="loaddiv"></div>
However what I would like to do is load the html into a variable and then append it to the <div>. Looking through the forums I see people have suggested using get instead of load. However when I use $.get there is nothing in the responseText or responseXML.
So how can I load my html into a variable, and then append the contents of the variable to my div?