Ajax + lightbox

[jscheuer1]

I see now. This is different than what we had earlier in this thread because this AJAX script rewrites the link's attributes. You could probably get away with something like so:

<li><a href="test.htm" rel="ajaxcontentarea"><span onclick="pollContent('test1');">External content</span></a></li>

But, more work may be needed.

[waynep]

I see now. This is different than what we had earlier in this thread because this AJAX script rewrites the link's attributes. You could probably get away with something like so:

<li><a href="test.htm" rel="ajaxcontentarea"><span onclick="pollContent('test1');">External content</span></a></li>

But, more work may be needed.

i could kisss you ! BUT that problem where occurs when you return to the tab a second time it doesnt execute

first time loads ok upon return it just opens in new window

http://www.mediapixel.co.uk/portfolio.htm

external content 2 tab ^^^

[jscheuer1]

I see why that is happening, it is similar to a problem we had with the other AJAX script. If you go back to internal and then to external, it will work. The problem only arises when you are replacing the external with the same external. To fix that we need to prevent our poll from firing too soon when identical content is loaded, try changing the pollContent() function like so:

function pollContent(id){
if(document.getElementById(id)){
initLightbox();
document.getElementById(id).id="";
}
else
setTimeout("pollContent('"+id+"')", 60)
}

That should take care of it.

Added:

In case you don't already known, you have to use a different (unique) id for each external page's test span, especially not one in use on the 'top' page. With the above change to pollContent, we probably could get away with the same test span id for all external content pages but, best to be on the safe side.

[waynep]

I see why that is happening, it is similar to a problem we had with the other AJAX script. If you go back to internal and then to external, it will work. The problem only arises when you are replacing the external with the same external. To fix that we need to prevent our poll from firing too soon when identical content is loaded, try changing the pollContent() function like so:

function pollContent(id){
if(document.getElementById(id)){
initLightbox();
document.getElementById(id).id="";
}
else
setTimeout("pollContent('"+id+"')", 60)
}

That should take care of it.

Added:

In case you don't already known, you have to use a different (unique) id for each external page's test span, especially not one in use on the 'top' page. With the above change to pollContent, we probably could get away with the same test span id for all external content pages but, best to be on the safe side.

works like a dream, i cant thank you enough, have a good weekend

[willymonster]

hi,

i think i'm having the same problem as waynep. when i followed the instructions you have him, it opens a new page instead of running through the ajax script. can you look at it and tell me what i did wrong please?

66mott.com and then click on gallery.

thanks,

[jscheuer1]

Works here.

[willymonster]

hi John,

it works now because i bypassed it by pointing gallery to the index.php page. i noticed that the only page capable of playing the lightbox is the index.php page so i had to do that in the meantime. i'll change it back to linking gallery to its own gallery.html page and you will see the problem.

thanks!

[willymonster]

here is the ajax code i have currently.
<script type="text/javascript">
function pollContent(id){
if(document.getElementById(id)){
initLightbox();
document.getElementById(id).id="";
}
else
setTimeout("pollContent('"+id+"')", 60)
}
</script>

<li><a href="javascript:ajaxpage('../menufolder/gallery.html', 'contentarea');">Gallery</a></li>
<li><a href="javascript:ajaxpage('../menufolder/press.html', 'contentarea');">Press Review</a></li>
</ul>


i tried changing it to the following like how you advised waynep.


<li><a href="test.htm" rel="ajaxcontentarea"><span onclick="pollContent('test1');">External content</span></a></li>

but this still doesnt work.

[jscheuer1]

This thread was one of several developmental threads. A more complete how to and why is found here:

http://www.dynamicdrive.com/forums/s...ad.php?t=13003

[willymonster]

hi John,

after reading the development thread, i still can't figure out how to resolve the problem. when i click on an link to an image, it still shows up on a new page. i cant get lightbox to work on it. is there some changes that i need to make on it?

thanks,