Problemas ao carregar função javascript
27/09/2012
0
<%@ 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
Posts
27/09/2012
Pjava
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 -->
27/09/2012
Pjava
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 -->
30/09/2012
Pjava
<%@ 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>
Clique aqui para fazer login e interagir na Comunidade :)