I'm loading content with the .load() method. How do i only allow oneclick to the link. I don't want future clicks to keep loading the samecontent.
$(document).ready(function(){
$("#FAQ").click(function(){
$('<div id="faqcontent" />').load("content.htm #faqs" , function(){
[code]....
I want add loading image before load content in bellow template.but I do not know what to do!
View 5 Replies View RelatedWhy after several times click on buttons, is hang website? i use of function .load() for loading content(html). i use of firebug for solution this problem but did not succeed.
My purpose is this buttons:
You yourself can see my site : [url]
And can see this js code to address: [url]
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 am trying to create portlets that dynamically load their content (usinq jQuery). My first approach was to leave the header + footer + decorations of the portlet OUTSIDE of the dynamically loadable content. It worked just fine but I had to abandon that approach so that I could use the same code both for statically- and dynamically-loaded content (e.g. when no AJAX support was available). So far so good.
Now to my problem: I use the following code for loading my dynamic content
The loading works fine, but after the dynamic content has been loaded I can not seem to get access to it using jQuery!
Short description: Line 3 clears the content (I know! There are better solutions!) Line 4 loads the content Line 6 dumps the data on the console; this is for debuging only, so that I can establish that the correct content is loaded
After the data is properly loaded I did expect to be able to find it by traversing the DOM tree in traditional jQuery fashion (like in Line 10). However, dumping the contents of the 'tag' shows it containing no content at all; it is empty even though the browser renders the expected new result. I thought: Well! The browser holds two copies of the DOM tree; one that is the original page and one that is the modified content used for rendering". Therefore I attempted to manipulate the loaded content within the function (Line 8). The content is visible there, that I have established in Line 6. But I do not know how to access it jQuery-style.
(Why am I trying to modify the loaded content? I want to inject a title row with various decorations and clickable content.)
I'm using a function to load a page into a div. When I add the class of the element I want to show (.contentpaneopen) Chrome and Safari show no content. It works OK in IE and FF.When I ommit the class it works on all browsers.
function loadContent(elementSelector, sourceUrl) {
//Works in Chrome en Safari:
$(""+elementSelector+"").load(""+sourceUrl+"");
[code]....
I 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.
I 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]
The code is supposed to generate this: PS: This is generated by a PHP Function that the Ajax Load Method Calls.
[Code]...
I've been noticing a lot of problems when loading these stuff, Sometimes I have to remake the HTML Tags because its not showing anything. Is there any option? I want it to load EXACTLY how it is, I don't know if this is some kind of protection for bad code, but if it is I would like to disable. But also, this code is really clean. no problem, I don't know.
Is it faster/more beneficial to have two snippets of code be generated by php at 2 different urls and then have a load function for each url? Or have the two snippets on one page, surrounded by id's and then load them that way?
View 1 Replies View RelatedAs part of an experiment I have run into another interesting item that I have tested and seems to work, but just because it seems to work may not mean that it is best practice. I am looping through source paths contained in links for the images and using this; It does seem to have the desired effect, photos loaded into a lightweight lightbox style modal window properly center themselves in the screen. When I remove this it is hit or miss on whether the image will center properly.
When I remove the css method the images should show up in the page, right? Because they don't. The display property seems not to be needed and I cannot see the image tags in Firebug.
[Code]...
The first method sure does take a lot less code and seems functional for the purposes of opening the full-sized image centered on the page in a modal window but something about it strikes me as fishy - like it wouldn't be best practice. Anyone have any insight on this?
I have a question about load(). I created a php script that simply returns <img src="something.jpg" class="myimage">
To test I created this code, the image loads fine and the mouseover works fine showing the alert dialog :
However, my trouble seems to be that if I bind mouseover to the class "myimage" nothing happens, like so :
Seems that the document would load the html first then the mouseover bound to the class (myimage) would fire off.
I am having a little trouble with the "src" attribute method.
I am trying to use a click event to play a specific movie using the following:
A link to an example (the link is at the bottom):[url]
It's the Coda Slider script on here: [url]
If you scroll to the bottom, and click: "See what our users have to say" and you can see the sliders.
It's working in all browsers but Safari, the script just doesn't seem to be loading, I get the loading scroller bars but they don't fully load. What is the best way to debug JS - is that the right term?
in this example: $(el).load('/data_url', function() { alert('loaded') } );
will the alert be called after the html fragment has been loaded into el and all its elements are available to access or is the callback just after the ajax call has finished ?
I have hidden div, that i want to show by sliding it in from topborder.The problem is that i don't know how to make it "slide in" instead of"wipe in".I want it all to move with it's content instead of showing more andmore of it.
View 1 Replies View RelatedI'm trying to use the ajax load() method to load a file from a parent directory, e.g.
$("#divTests").load("../tests.htm");
But that doesn't work. I can load a simple html file from the same directory as my html file or a descendant directory, but not an ancestor directory. Nor can I load from an external server.
I'm doing my testing on my PC and I'm not running a server (apache or otherwise). Just using it as a simple client. Is that possibly the problem? Or is there something else I'm missing? If that is the problem, is there a workaround?
I use $().load() to place an HTML snippet from the server into a dialog box which i then need to position relative to the size of the element which has just had the HTML loaded into it. When the main HTML page DOM is ready, I hide() the dialog box, and then use fadeIn() to show with various click() events. I have managed to position the dialog box in the centre of the screen given that there is no content loaded.
However, it seems that when I load the new content into the dialog box the new dimensions aren't taken into account untill the next time load() is called.
Is there a way to get the new dimensions of the element before the dialog is shown in order to position it centre screen?
Here is my code:
function showDialogBox(sender) {
var width = $(document).width();
var height = $(document).height();
[Code].....
Got the following code, which loads some html into a div, then set's the focus to a textbox:
This works fine with 1.4.2, but with 1.4.3 I get an error in jquery-1.4.3.js using Firebug: handler is undefined Line 1797
This happens on line 2 of the code
To me it looks as if the wrong .load method is being called, from the jQuery docs:[url]
Note: The event handling suite also has a method named .load(). Which one is fired depends on the set of arguments passed.
I think the event .load method is being called because line 1797 in jquery-1.4.3.js
if ( handler.handler ) {and comments around it talk about binding events to objects etc.
Can anyone confirm this is the case, or something else is causing the error with 1.4.3
I have a single webpage that contains information on all 50 U.S. states. There are 50 links at the top to jump down to the state you want, and at the bottom of the information for each state a Back to Top link.
I'm making the Back to Top link into something more complex, and it will require three or four lines of code.
So that I don't have to repeat the code 50 times, and create a burden when I need to edit it, I want to place it in a .js file and call it x. Then below the information for each state I'll simply have:
Does calling code from a .js file 50 times slow down the page load? Which method would load faster?
I have a page with links that use jQuery to load individual pages of content into a main content area. On one of these pages, I want to be able to link to a specific anchor. (ie, when you click the link named "exec" on the main page, it loads the "services" page and then scrolls to the "exec" div.
[Code]...
Everything works beautifully in FF and Opera but in IE, I get an error message saying "top is null or not an object". It's referencing the line where "target_offset.top" is called, but this is legitimate syntax, so I don't understand the problem.
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 a couple of questions regarding the loading of .js files for
the browser and would like anyone to point me wher to find the answer
(or if you know the answer and tell me will do just fine ;) )
- If I have several pages all using 'somejs.js' file this file is
shared on disk and is downloaded only once... but how about in memory,
is it also shared and just loaded once?
-Also, when are the .js files unloaded from memory?
-Can I unload at any given time a .js file from memory?
I tried load method super as smartupdater orPeriodicalUpdater (Prototype). Now the problem is that I have to build a cycle (loop) and each time I have to change the time (that I take from database) so how method (function) can I use to load external code (example load()) modifying continuosly the timeout?
View 1 Replies View RelatedI 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);
});});