473,666 Members | 2,337 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Adding onload event to AJAX loaded div

25 New Member
Hi, I'm trying to integrate a photo gallery into a site where the content section of the page is loaded using AJAX. I'm using Lightbox for the gallery and although the gallery works fine as a separate page, I now need to add the following events to the <div> containing the gallery:
Expand|Select|Wrap|Line Numbers
  1. onload="focus_first_input(); initLightbox();"
Does anyone know how I can add these to the <div> whenever it is loaded?

Currently the code is as follows on the top page:
Expand|Select|Wrap|Line Numbers
  1. <ul id="nav">
  2. <li id="navLineup"><a href="javascript:ajaxpage('lineup.php', 'content_right');">Lineup</a></li>
  3.     <li id="navStages"><a href="javascript:ajaxpage('retrostages.php', 'content_right');">Stages</a></li>
  4.     <li id="navGallery"><a href="javascript:ajaxpage('gallery_index.php?level=album&id=1', 'content_right');" onclick="focus_first_input(); initLightbox();">Gallery</a></li>
  5.     <li id="navRetrospective"><a href="javascript:ajaxpage('retrospective.php', 'content_right');">Gallery</a></li>
  6. </ul>
  7.  
the placeholder div....
Expand|Select|Wrap|Line Numbers
  1. <div id="content_right"></div>
and the loaded gallery...
Expand|Select|Wrap|Line Numbers
  1. <div id="content_right">
  2. <h1 id="retrovision">Retro vision</h1>
  3. <div id="subcontent">
  4. <?php
  5. require("gallery.php"); 
  6. the_gallery(); 
  7. ?>
  8. </div>
  9. </div>
Grateful for any help!
Feb 11 '08 #1
1 5818
acoder
16,027 Recognized Expert Moderator MVP
onload for an Ajax loaded div would be when the readyState is 4. Add this code to the callback function which is called when the response is complete.
Feb 12 '08 #2

Sign in to post your reply or Sign up for a free account.

Similar topics

3
3807
by: Stuart | last post by:
I am very new to javaScript, and I am hoping someone can explain the differance between the following two browsers and how to deal with thier differant approach to firing the onLoad event. The following web page is for my own use only, therefor I am uninterested in the Netscape platform. At home I have the following browser "Microsoft Internet Explorer4.0 (compatible; MSIE 5.0; Windows 98; DigExt)" and my web page loads as planned....
6
4560
by: Brian | last post by:
Hi everyone, I'm writing a function (in javascript) that needs to do one thing if the page has not loaded, and another (different) thing if the page has already loaded. I'm looking for a way to tell if the window.onload event has already fired. I cannot edit the onload event handler itself, and my function can only exist in an external js file, sourced from the document's head section. Any ideas?
10
9390
by: berg | last post by:
I'm trying to use the onload event to load a series of urls. What I find is that the onload function is only called one time no matter how large the array. Here is the onload function. var next_win = 0; var win = window.open("", "", ""); function nextWin() { if (next_win < urls.length) { win.onload = nextWin;
1
10198
by: Adam Ratcliffe | last post by:
I'm trying to come up with a solution for detecting when an image, loaded by a script, has completely loaded. The Image.onload event is fired after the image has loaded in Firefox but before loading has completed in Internet Explorer. The function where I assign the onload event handler looks like this: var newImage = new Image(); function getImage(url) { var image = document.getElementById("theImg");
2
7671
by: laredotornado | last post by:
Hello, I am looking for a cross-browser way (Firefox 1+, IE 5.5+) to have my Javascript function execute from the BODY's "onload" method, but if there is already an onload method defined, I would like mine to run immediately after it. So in the code below, what JS would i need to add to my "myfile.inc" page so that I could guarantee this behavior? <!-- main page --> <html> <head> <script type="text/javascript">
4
13309
by: UJ | last post by:
I have some javascript code that I need to run based on a value I know at the server when I load a page. How can I do an onload event call with a condition value from the server. (The reason is depending on how the page is loading - with pre-loaded values or just the defaults) So in a sense what I want to do is something like: if me.DataType = 0 then <body onload="LoadRoutine(0)"> else <body onload="LoadRoutine(1)">
9
2201
by: Donius | last post by:
Hey everyone, i am doing some stuff where i'd like to pop up a little confirmation before a user clicks on a 'delete' link. Just trying to keep the markup clean, i added an attribute pre_act="confirm" to all of the links that i wanted to do this to and am trying to add an onclick event that will cancel the click action if they fail. I've got a test page at http://randomwebspace.net/testing/testpage.html. It has no unintentional XHTML...
5
6155
by: steve.chambers | last post by:
I'm sure this q must have been asked before but I'm really struggling to find the answer anywhere so have finally given up and will consult the usenet community - hopefully there's someone out there who's seen it all before and can help me out! I have a webpage which needs to make some function calls after the page has loaded - won't go into details surfice to say here is a code fragment: function addLoadEvent(func) { var oldonload =...
0
8440
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
8352
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
8780
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
0
8636
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
7378
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
5661
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4192
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
1
2765
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
1763
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.