JavaScript - Loading Bar Help!

for some reason I can't get this code to load...

Code:

<script type="text/javascript">

alert("test");
windowBody = document.getElementById("windowBody");
windowBody.style.height = (frameHeight - 250) + "px";

</script>

that should load when it loads the file foot.php

foot.php should be included onto the bottom of all of my labs (and it is)

my labs are opened up with Ajax...

but the script its not loading at all...

someone help =[

the web site is
http://opentech.durhamcollege.ca/~in...rittains/labs/

sorry for the poor description I'm having a hard time describing this error lol

Is there a way to load up an external JS file outside of the head tag? I've got an "AJAX" web app that's loading several pages simply by changing the innerHTML property of a single div. The JS source is getting to be rather large, so I'd like to split it up into manageable, organized portions. Is there some way to, using javascript or PHP, load another javascript into the browser dynamically?

I have an entirely javascript page that once it is done it still looks like it is loading. This is more of an annoyance than anything harmful. The page can be viewed at http://mikedombrowski.com/mRNA.html
Thank you for your help in advance.

Is there a way to tell Javascript to load data or a php file the re-direct to that page?

Right now i have a script that will re-direct when a user comes to the page. It waits about 5 seconds to give it time. I wanted to know if there was a way to load it with JS or AJAX.

Thanks for any help.

I have nearly successfully implemented a gallery using Backbox:
http://www.javascriptkit.com/script/...ox/index.shtml

However, when I test it in IE (7 & 8), it looks like it's invoking the javascripts and loading the large image from the thumbnail link, but then it just hangs up on the loading waiting to get the image. Does anyone know how to fix this? Thanks.

hello,

I'm trying to load the ads on my site dynamically and have ran into an issue and was hoping for some help.

First - I can get the ads to load using vanilla javascript with the code below.

Code:

    var ifrm = document.createElement("iframe");
    ifrm.setAttribute("src", OAS_url + "adstream_sx.ads/" +sitePage + "/" + uniqid() + "@" + pos);
    var ifrmId = "ifrm_" + uniqid();
    ifrm.setAttribute("id", ifrmId);
    ifrm.setAttribute("marginwidth", 0);
    ifrm.setAttribute("marginheight", 0);
    ifrm.setAttribute("frameborder", 0);
    ifrm.setAttribute("scrolling", 0);
    ifrm.setAttribute("height", container.scrollHeight + (container.offsetHeight - container.clientHeight));
    ifrm.setAttribute("width", container.scrollWidth + (container.offsetWidth - container.clientWidth));
  

    container.appendChild(ifrm);

But since the site is using jquery I wanted to develop it out that way. So I have the following code,

Code:

iRandom = oas.uniqid();
sAdURL = opt.url + 'adstream_mjx.ads/' + opt.sitepage + '/1' + iRandom + '@' + sPos + '?' + opt.query;

						
$('<iframe />', {
  src: sAdURL,
  id:   sPos
}).appendTo(thisAd);

I figured the reason this isn't working is the difference between appendChild and appendTo and the fact that things are jquery objects.

So again the top code block renders the ads and the lower code block just shows the javascript code from the ad provider. Any help to get this to work in jquery would be grateful.

Thanks

I'm not sure where to put this question. I'mworking with something called OSClass which is a classified section php program. It has a plugin to make payments to paypal. but I need it to work in a new window, and the link won't do so. Don't suppose anybody sees an issue here? It seems to me that just adding target=_new to this would work. but it doesn't. Still opens the page in the same window.


Code:

<div class="buttons">
              <div class="right"><a id="button-confirm" class="button" onclick="$('#payment_<?php echo $r; ?>').submit();" target="_new"><span><img src='<?php echo paypal_path(); ?>paypal.gif' border='0' /></span></a></div>
            </div>

is there a way to after thye page load add an image. So maby loading it in the background and just showing it when you click a button?

Hey guys, I currently have a flash header .swf file as the header in my webpage. Problem is, it's 300 KB so it loads after everything else has already
loaded, leaving a huge blank space where the .swf is suppossed to be until it finishes downloading. Is there a way I can tell my page to pre-load the .swf before everything
else so that all elements in my page look like they load at the same? For example, with images I can do something like this:

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

then:

<body onload="MM_preloadImages('images/search.jpg','images/contact.jpg','images/home.jpg')">


Is there something like this for .swf?

Can someone please show me a working example of how to load a WebPage from an existing WebPage using Javascript! I have tried googling the syntax and not having any luck.

Thanks,

Blake

Hello! =)

I am using tinybox2 to make a modal window, which now I have loading correctly. =) thank you!
the modal window loads as an iframe, but I have two image links inside the modal window. One I'd like to open in a new window (i got that one!), the other image I'd like to be treated the same as the X button and have it close the modal window.

this is the body onload in the main document Code:

<body onload="TINY.box.show({iframe:'modal.html',boxid:'frameless',width:750,height:450,fixed:false,maskid:'bluemask',maskopacity:70,closejs:function(){closeJS()}})">
<script language="JavaScript1.2">mmLoadMenus();</script>

these are two lines for closing in the CSS file
Code:

.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}

Thanks once again in advance!

carrie

Hi,

I want to load an image when a user clicks a link on my page. The image is a tracking pixel for an affiliate network, so it doesn't need to be visible to the user (as it's not an image anyway but a php file).

I assume this would use the onclick event.

Can anyone help?

Hello everyone, I have implemented the following code into my website

Code:

alreadyloading = false;
nextpage = 2;
 
$(window).scroll(function() {
    if($(window).scrollTop() + $(window).height() == $(document).height()) {
        if (alreadyloading == false) {
            var url = "page"+nextpage+".html";
            alreadyloading = true;
            $.post(url, function(data) {
                $('#content').children().last().after(data);
                alreadyloading = false;
                nextpage++;
            });
        }
    }
});

The div 'content' holds already a few divs, when the user hits the bottom of the screen, the new page (page2.html) loads into the 'content' div, they all load below as is expected.

Unfortunately, the page3.html (Which has the same content as 'page2.html) then loads below the footer... (which is set to position:relative; ) below everything else...

is there any reason why the next page would load into a different location?

Thanks!

ok guys im going to be honest here, i know nothing about javascript.
ive been learning php and even that gets confusing at times.

my issue:

i bought a script off someone(php site) and it has a .php file that using .js files

he had no idea how to fix the issue so im hoping you guys can help me fix it.

this one .php page includes another .php file and 2 other .js files.


i dont want to go and post every single file as one of them is like 1200 lines (i have if you like to hunt for errors)

is there some code i can add in to make it show where its getting an error? i know you can in php and mysql

the page get stuck on Loading... on the .php file which is line

647: AJS.setHTML(AJS.$('load'), 'Loading...')

AJS.js
&
ocNewFixed.php (Starting page)


all files can be downloaded he

http://uppit.com/1233dylkbrfu/help.rar

(too long to fit into 20k characters)





Help would be appreciated.

I am using the following code for my iframes:

Code:

<iframe frameBorder="0" height="100%" width="100%" src="http://the.url.com"></iframe>

However, when you go to my Desktop sample and click on any of the icons it doesn't load the iframe at 100% height for some reason.

You can see that he
Code:

http://www.zazavi.com/desktop/desktop.html

If anyone could tell me what I am doing wrong, it would be greatly appreciated. Thanks for your time!