Banner rotativo na Loja Virtual (erro no JAVASCRIPT)
23/12/2014
0
Boa tarde a todos
Já assisti todas as aulas mas não consigo fazer o seguinte:
Quero colocar um banner rotativo, escrevo ele na view, ele chama só a imagem, mas não funciona o jquery, que está na pasta assets/js/
. Logicamente que estou colocando a Url via PHP (base_url) corretamente, assim ele só chama a imagem mas não chama a função do JS que faz tudo funcionar. Podem me dar a dica de como faço isso funcionar, li na internet que devo chamar de outra forma, em controler ou em helpers, mas ainda não entendi muito bem como esta chamada funciona na prática, meus testes deram errado.
Se alguém puder dar uma luz nesta instrução, principalmente com relação à chamadas de arquivos em outras pastas. Que com JS não está funcionando...
Obrigado
Já assisti todas as aulas mas não consigo fazer o seguinte:
Quero colocar um banner rotativo, escrevo ele na view, ele chama só a imagem, mas não funciona o jquery, que está na pasta assets/js/
. Logicamente que estou colocando a Url via PHP (base_url) corretamente, assim ele só chama a imagem mas não chama a função do JS que faz tudo funcionar. Podem me dar a dica de como faço isso funcionar, li na internet que devo chamar de outra forma, em controler ou em helpers, mas ainda não entendi muito bem como esta chamada funciona na prática, meus testes deram errado.
Se alguém puder dar uma luz nesta instrução, principalmente com relação à chamadas de arquivos em outras pastas. Que com JS não está funcionando...
Obrigado
Tavor
Curtir tópico
+ 0
Responder
Posts
23/12/2014
Marcio Araujo
Video aula de qual curso?(poste link do curso).
Pode postar seu código, assim fica mais facil de alguem te ajudar.
Pode postar seu código, assim fica mais facil de alguem te ajudar.
Responder
23/12/2014
Tavor
Boa tarde Marcio.
Me refiro ao curso de CodeIgniter.
Tenho controlers, que dão load nas views e quando chamo a view, el não roda o JS que faz o banner ser rotativo, segue o código da view:
<!-- código da view inicial.php -->
<html>
<head>
<script type="text/javascript" src="<?php echo base_url('assets/js/jquery10.js')?>"></script>
</head>
<body>
<div class="cont-slide-index">
<div id="da-slider" class="da-slider">
<div class="da-slide">
<h2>Easy management</h2>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
<a href="#" class="da-link">Read more</a>
<div class="da-img"><img src="images/2.png" alt="image01" /></div>
</div>
<div class="da-slide">
<h2>Quality Control</h2>
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</p>
<a href="#" class="da-link">Read more</a>
<div class="da-img"><img src="images/4.png" alt="image01" /></div>
</div>
<nav class="da-arrows">
<span class="da-arrows-prev"></span>
<span class="da-arrows-next"></span>
</nav>
</div>
</div>
<section class="cont-pagina-incial">
<aside class="barra-lateral">
<nav class="menu-categorias">
<ul class="lista-categorias">
<li><a href=""></a>
<ul class="sublista-categorias">
<img src="<?php echo base_url('assets/img/seta-menu-categoria-index.png'); ?>">
<li><a href=""></a></li>
</ul>
{/BLC_DEPARTAMENTOSFILHOS}
</li>
{/BLC_DEPARTAMENTOS}
</ul>
</nav>
</aside>
<section class="cont-lista-produtos">
<h2 class="titulo-pagina-index"><span>Destaques</span></h2>
<div class="span10">
<div class="cont-filtros-organizacao">
<p>
<span class="contador-produtos-exibidos">Exibindo de produtos</span>
<span class="filtros-organizacao">
Ordenar por: <a href="&oc=nome&to=asc">De A-Z</a> |
<a href="&oc=nome&to=desc">De Z-A</a> |
<a href="&oc=valor&to=asc">Menor Preço</a> |
<a href="&oc=valor&to=desc">Maior Preço</a>
</span>
<div class="clear"></div>
</p>
</div>
{/BLC_ORDENACAO}
<div class="controle-paginas">
<ul>
<li><a href=""></a></li>
{/BLC_PAGINA}
</ul>
</div>
{/BLC_PAGINACAO}
</div>
</section>
<div class="clear"></div>
</section>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo base_url('js/jquery.cslider.js')?>"></script>
<script type="text/javascript">
$(function() {
$('#da-slider').cslider({
autoplay : true,
bgincrement : 450
});
});
</script>
</body>
</html>
<!-- FIM do código -->
Desculpe se não está bem identado, já adiantando, os arquivos js estão nas pastas corretas mas mesmo assim ele não roda, ele chama as imagens especificas e os textos só que não "mascara" com o jquery, exibindo um banner de cada vez e rodando, ele deixa um em cima do outro e o caminho do CSS e do JS estão perfeitos
Sabe me dizer se tenho que fazer algum load no controler responsável pela view, para que ele leia os js ?? Ou algo em Helpers?
Abs
Me refiro ao curso de CodeIgniter.
Tenho controlers, que dão load nas views e quando chamo a view, el não roda o JS que faz o banner ser rotativo, segue o código da view:
<!-- código da view inicial.php -->
<html>
<head>
<script type="text/javascript" src="<?php echo base_url('assets/js/jquery10.js')?>"></script>
</head>
<body>
<div class="cont-slide-index">
<div id="da-slider" class="da-slider">
<div class="da-slide">
<h2>Easy management</h2>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
<a href="#" class="da-link">Read more</a>
<div class="da-img"><img src="images/2.png" alt="image01" /></div>
</div>
<div class="da-slide">
<h2>Quality Control</h2>
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</p>
<a href="#" class="da-link">Read more</a>
<div class="da-img"><img src="images/4.png" alt="image01" /></div>
</div>
<nav class="da-arrows">
<span class="da-arrows-prev"></span>
<span class="da-arrows-next"></span>
</nav>
</div>
</div>
<section class="cont-pagina-incial">
<aside class="barra-lateral">
<nav class="menu-categorias">
<ul class="lista-categorias">
<li><a href=""></a>
<ul class="sublista-categorias">
<img src="<?php echo base_url('assets/img/seta-menu-categoria-index.png'); ?>">
<li><a href=""></a></li>
</ul>
{/BLC_DEPARTAMENTOSFILHOS}
</li>
{/BLC_DEPARTAMENTOS}
</ul>
</nav>
</aside>
<section class="cont-lista-produtos">
<h2 class="titulo-pagina-index"><span>Destaques</span></h2>
<div class="span10">
<div class="cont-filtros-organizacao">
<p>
<span class="contador-produtos-exibidos">Exibindo de produtos</span>
<span class="filtros-organizacao">
Ordenar por: <a href="&oc=nome&to=asc">De A-Z</a> |
<a href="&oc=nome&to=desc">De Z-A</a> |
<a href="&oc=valor&to=asc">Menor Preço</a> |
<a href="&oc=valor&to=desc">Maior Preço</a>
</span>
<div class="clear"></div>
</p>
</div>
{/BLC_ORDENACAO}
<div class="controle-paginas">
<ul>
<li><a href=""></a></li>
{/BLC_PAGINA}
</ul>
</div>
{/BLC_PAGINACAO}
</div>
</section>
<div class="clear"></div>
</section>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo base_url('js/jquery.cslider.js')?>"></script>
<script type="text/javascript">
$(function() {
$('#da-slider').cslider({
autoplay : true,
bgincrement : 450
});
});
</script>
</body>
</html>
<!-- FIM do código -->
Desculpe se não está bem identado, já adiantando, os arquivos js estão nas pastas corretas mas mesmo assim ele não roda, ele chama as imagens especificas e os textos só que não "mascara" com o jquery, exibindo um banner de cada vez e rodando, ele deixa um em cima do outro e o caminho do CSS e do JS estão perfeitos
Sabe me dizer se tenho que fazer algum load no controler responsável pela view, para que ele leia os js ?? Ou algo em Helpers?
Abs
Responder
23/12/2014
Joel Rodrigues
Olá.
Verifique se no Console do browser aparece algum erro.
E no próximo post, utilize as tags CODE para formatar o código. Aqui no espaço onde digitamos a mensagem de uma barra com alguns botões, o primeiro é para inserir código.
Verifique se no Console do browser aparece algum erro.
E no próximo post, utilize as tags CODE para formatar o código. Aqui no espaço onde digitamos a mensagem de uma barra com alguns botões, o primeiro é para inserir código.
Responder
Clique aqui para fazer login e interagir na Comunidade :)
