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

Pjava

Responder

Posts

27/09/2012

Pjava

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 -->
Responder

27/09/2012

Pjava

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 -->
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>
Responder

Que tal ter acesso a um e-book gratuito que vai te ajudar muito nesse momento decisivo?

Ver ebook

Recomendado pra quem ainda não iniciou o estudos.

Eu quero
Ver ebook

Recomendado para quem está passando por dificuldades nessa etapa inicial

Eu quero

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar