Exemplo de tarefa rotativa (Webview) com tempo configurado para troca entre slids, usando BootStrap

Citação de Kindrazki em 9 de junho de 2016, 09:46Exemplo de tarefa rotativa (Webview) com tempo configurado para troca entre slids, usando BootStrap
http://getbootstrap.com/javascript/#carousel-options
No Script de Notificação adicionar:
[code]<script>
setTimeout(function(){
window.location = window.location
},60000)
</script><link rel="stylesheet" href="js/bootstrap-3.2.0/css/bootstrap.min.css"/>
<script src="js/jquery-2.1.0.min.js" type="text/javascript" language="javascript"></script>
<script src="js/bootstrap-3.2.0/js/bootstrap.min.js" type="text/javascript" language="javascript"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script src="js/odwdashboards.js" type="text/javascript" language="javascript"></script>
<link href="js/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" /><div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="30000">
<!-- Indicators -->
<!-- Wrapper for slides --><div class="carousel-inner" role="listbox">
<div class="item active">
<div style="font-size: 1.2em;">
@table -> Usuário -> $c{usuarioatual[a]} l;
Cliente -> $c{clienteatual[a]} l;
Caso -> $c{summaryatual[a]} l;
Inicio -> $c{horainicial[a]"time:HH:mm:ss"} r;
Horas <br> Atual -> $c{tempototalcasoatual[a]} r;
Tempo <br> Total -> $c{tempototalcaso[a]} r;
table@
</div>
</div>
</div><!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>[/code]
Exemplo de tarefa rotativa (Webview) com tempo configurado para troca entre slids, usando BootStrap
http://getbootstrap.com/javascript/#carousel-options
No Script de Notificação adicionar:
[code]
<script>
setTimeout(function(){
window.location = window.location
},60000)
</script>
<link rel="stylesheet" href="js/bootstrap-3.2.0/css/bootstrap.min.css"/>
<script src="js/jquery-2.1.0.min.js" type="text/javascript" language="javascript"></script>
<script src="js/bootstrap-3.2.0/js/bootstrap.min.js" type="text/javascript" language="javascript"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script src="js/odwdashboards.js" type="text/javascript" language="javascript"></script>
<link href="js/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="30000">
<!-- Indicators -->
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<div style="font-size: 1.2em;">
@table -> Usuário -> $c{usuarioatual[a]} l;
Cliente -> $c{clienteatual[a]} l;
Caso -> $c{summaryatual[a]} l;
Inicio -> $c{horainicial[a]"time:HH:mm:ss"} r;
Horas <br> Atual -> $c{tempototalcasoatual[a]} r;
Tempo <br> Total -> $c{tempototalcaso[a]} r;
table@
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
[/code]