Problemas ao carregar função javascript

.NET

27/09/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()

<%@ 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

Pjava

Curtidas 0

Respostas

Pjava

Pjava

27/09/2012

Fiz uma chamada externa assim e nada aconteceu

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 -->
GOSTEI 0
Pjava

Pjava

27/09/2012

Mudei dessa forma sugerida por colega e nada aconteceu

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 -->
GOSTEI 0
Pjava

Pjava

27/09/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>
GOSTEI 0
POSTAR