Problemas ao carregar função javascript
27/09/2012
0
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()
<%@ 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
Curtir tópico
+ 0
Responder
Posts
27/09/2012
Pjava
Fiz uma chamada externa assim e nada aconteceu
Declarei assim dentro da pasta Scripts
Declarei assim dentro da pasta Scripts
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)
}<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 -->
Responder
27/09/2012
Pjava
Mudei dessa forma sugerida por colega e nada aconteceu
Assim ficou a declaração no folder Scripts
Assim ficou a declaração no folder Scripts
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)
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 -->
Responder
30/09/2012
Pjava
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>
<%@ 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>
Responder
Clique aqui para fazer login e interagir na Comunidade :)
