Array
(
)

Problemas ao carregar função javascript

Pjava
   - 27 set 2012

Pessoal, tenho uma página index que preciso carregar uma função javascript. Acontece que ela não carrega no body da página e nem consigo carregar nas páginas herdadas de uma master. Abaixo o código da index. A função se chama mudaBanner()
#Código<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Index.aspx.cs" Inherits="Index" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Minha Empresa Material Escolar Ltda</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="Styles/style.css" rel="stylesheet" type="text/css" />
<script language="javascript">
matFigura = new Array(4)
matFigura[0] = "images/header_1.jpg"
matFigura[1] = "images/movel1.jpg"
matFigura[2] = "images/movel2.jpg"
matFigura[3] = "images/movel3.jpg"
numFigura = 0
totalFigura = 4
function mudaBanner() {
document.imgBanner.src = matFigura[numFigura]
numFigura += 1
if (numFigura == totalFigura) { numFigura = 0 }
setTimeout("mudaBanner()", 6000)
}
</script>
</head>
<body bgcolor=WHITE>
<%--<IMG NAME="imgBanner" WIDTH=744 HEIGHT=198>--%>

<div id="wrapper">
<div id="inner">
<div id="header">
<h1><img src="images/logo.gif" width="519" height="63" alt="Minha empresa Material Escolar Ltda /></h1>

</div><!-- end header -->
<nav id="menu_horizontal">
<ul>
<li><a href="Index.aspx">Home</a></li>
<li><a href="#">Empresa</a></li>
<li><a href="#">Produtos</a></li>
<li><a href="#">Parceiros</a></li>
<li><a href="#">Missão</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Contato</a></li>
<li><a href="#">Cadastro</a></li>
</ul>
</nav>
<dl id="browse">
<dt>Produtos Minha Empresa</dt>
<dd><a href="frmPlayground.aspx">Playground</a></dd>
<dd><a href="frm_MovEsc.aspx">Móveis de Escritório</a></dd>
<dd><a href="frmMovEsco.aspx">Móveis Escolares</a></dd>
<dd><a href="frmBrinquedos.aspx">Brinquedos</a></dd>
<dd><a href="#">Monta-Montas</a></dd>
<dd><a href="#">Lazer</a></dd>
<dd><a href="#">Tatames</a></dd>
<dd><a href="#">Fantoches</a></dd>

<dt>Encontre o seu produto</dt>
<dd class="searchform">
<form action="?" method="get">
<div><select name="cat">
<option value="-" selected="selected">CATEGORIAS</option>
<option value="-" >Cadeiras</option>
<option value="-" >Mesas</option>
<option value="-">Carteiras</option>
</select></div>
<div><input name="q" type="text" value="DVD TITLE" class="text" /></div>
<div class="softright"><input type="image" src="images/btn_search.gif" /></div>

</form>
</dd>
</dl>

<div id="body">
<div class="inner" onload="mudaBanner();">
<IMG NAME="imgBanner" WIDTH=544 HEIGHT=198>
<div class="clear"></div>

</div><!-- end .inner -->
</div><!-- end body -->
<div class="end-footer">
</div>
<%--<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-10071031-4']);
_gaq.push(['_trackPageview']);
(function () {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>--%>

<div class="clear"></div>
<div id="footer">
Web design by <a href="#">Teste</a>

 
<div id="footnav">
<a href="#">Legal</a> | <a href="#">Privacy Policy</a>
</div><!-- end footnav -->

</div><!-- end footer -->
</div><!-- end inner -->
</div><!-- end wrapper -->
</body>
</html>

Pjava
   - 27 set 2012

Fiz uma chamada externa assim e nada aconteceu

Declarei assim dentro da pasta Scripts

#CódigomatFigura = new Array(4)
matFigura[0] = "images/header_1.jpg"
matFigura[1] = "images/movel1.jpg"
matFigura[2] = "images/movel2.jpg"
matFigura[3] = "images/movel3.jpg"
numFigura = 0
totalFigura = 4

function mudaBanner() {
document.imgBanner.src = matFigura[numFigura]
numFigura += 1
if (numFigura == totalFigura) { numFigura = 0 }
setTimeout("mudaBanner()", 6000)
}


#Código<div id="body">
<div class="inner">

<script type="text/javascript" src="../Scripts/mudaBanner.js"></script>

<IMG NAME="imgBanner" WIDTH=544 HEIGHT=198>

<div class="clear"></div>

</div><!-- end .inner -->

Pjava
   - 27 set 2012

Mudei dessa forma sugerida por colega e nada aconteceu

Assim ficou a declaração no folder Scripts

#CódigomatFigura = new Array(4)
matFigura[0] = "../images/header_1.jpg"
matFigura[1] = "../images/movel1.jpg"
matFigura[2] = "../images/movel2.jpg"
matFigura[3] = "../images/movel3.jpg"
numFigura = 0
totalFigura = 4

function mudaBanner() {
// document.imgBanner.src = matFigura[numFigura]
// numFigura += 1
// if (numFigura == totalFigura) { numFigura = 0 }
// setTimeout("mudaBanner()", 6000)

document.getElementById("imgBanner").src = matFigura[numFigura];
numFigura += 1;
if (numFigura == totalFigura) { numFigura = 0; }
setTimeout("mudaBanner()", 6000);

}

<div id="body">
<div class="inner">

<img id="imgBanner" width="544" height="198" src="" />
<div class="clear"></div>
<!--Dispara evento do banner-->
<script type="text/javascript">
../Scripts/mudaBanner();
</script>

<div class="clear"></div>

</div><!-- end .inner -->
</div><!-- end body -->

Pjava
   - 30 set 2012

Mudei o form para esse abaixo, mas mesmo assim não consigo carregar a função mudaBanner().
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Index.aspx.cs" Inherits="Index" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Minha Empresa Material Escolar Ltda</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="Styles/style.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
matFigura = new Array(4)
matFigura[0] = "images/windowsLive.png"
matFigura[1] = "images/twitter.png"
matFigura[2] = "images/facebook.png"
matFigura[3] = "images/NuGetGallery.png"
numFigura = 0
totalFigura = 4

//Chama o evento mudaBanner;

function mudaBanner() {

//alert("entrou");
document.getElementById("imgBanner").src = matFigura[numFigura];
numFigura += 1;
if (numFigura == totalFigura) { numFigura = 0; }
setTimeout("mudaBanner()", 6000);
}

</script>

</head>

<body bgcolor="WHITE">
<div id="wrapper">
<div id="inner">
<div id="header">
<h1>
<img src="images/logo.gif" width="519" height="63" alt="Minha empresa Material Escolar Ltda" /></h1>

</div>
<!-- end header -->

<nav id="menu_horizontal">
<ul>
<li><a href="Index.aspx">Home</a></li>
<li><a href="#">Empresa</a></li>
<li><a href="#">Produtos</a></li>
<li><a href="#">Parceiros</a></li>
<li><a href="#">Missão</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Contato</a></li>
<li><a href="#">Cadastro</a></li>
</ul>
</nav>

<dl id="browse">
<dt>Produtos Minha Empresa</dt>
<dd><a href="frmPlayground.aspx">Playground</a></dd>
<dd><a href="frm_MovEsc.aspx">Móveis de Escritório</a></dd>
<dd><a href="frmMovEsco.aspx">Móveis Escolares</a></dd>
<dd><a href="frmBrinquedos.aspx">Brinquedos</a></dd>
<dd><a href="#">Monta-Montas</a></dd>
<dd><a href="#">Lazer</a></dd>
<dd><a href="#">Tatames</a></dd>
<dd><a href="#">Fantoches</a></dd>

<dt>Encontre o seu produto</dt>
<dd class="searchform">
<form action="?" method="get">
<div>
<select name="cat">
<option value="-" selected="selected">CATEGORIAS</option>
<option value="-">Cadeiras</option>
<option value="-">Mesas</option>
<option value="-">Carteiras</option>
</select>
</div>
<div>
<input name="q" type="text" value="DVD TITLE" class="text" />
</div>
<div class="softright">
<input type="image" src="images/btn_search.gif" />
</div>

</form>
</dd>
</dl>

<div id="body">
<div class="inner">
<img id="imgBanner" width="544" height="198" />
<div class="clear"></div>
<!--Dispara evento do banner-->
<script type="text/javascript">
mudaBanner();
</script>

</div>
<!-- end .inner -->
</div>
<!-- end body -->

<div class="end-footer">
</div>

<%--<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-10071031-4']);
_gaq.push(['_trackPageview']);

(function () {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>--%>

<div class="clear"></div>
<div id="footer">
Web design by <a href="#">Teste</a>

 
<div id="footnav">
<a href="#">Legal</a> | <a href="#">Privacy Policy</a>
</div>
<!-- end footnav -->

</div>
<!-- end footer -->
</div>
<!-- end inner -->
</div>
<!-- end wrapper -->
</body>