HTML CSS
Trabalho Universitário: HTML CSS. Pesquise 862.000+ trabalhos acadêmicosPor: thamyres_viana • 19/3/2015 • 489 Palavras (2 Páginas) • 383 Visualizações
-----------------------------------------------------------------*
FUNÇÃO setTimeOut()
jQuery(document).ready(function () {
//hide a div after 3 seconds
setTimeout( "jQuery('#sucesso').hide();",2000 );
});
*-----------------------------------------------------------------------------------------------*
FUNÇÃO NAV()
jQuery("document").ready(function($){
var nav = $('.nav-container');
$(window).scroll(function () {
if ($(this).scrollTop() > 136) {
nav.addClass("f-nav");
} else {
nav.removeClass("f-nav");
}
});
});
*------------------------------------------------------------------------------*
JAVASCRIPT
*------------------------------------------------------------------------------*
function confirmaDelete(){
var confirma = confirm('Deseja realmente excluir o pedido '+"<?=$pedido?>"+' ?')
if(confirma == true){
window.open('editaPedido.php?act=d&p=<?=$pedido?>','','scrollbars=yes,width=20,height=20');
}
else{
window.close();
}
}
function confirmaForm(){
var confirma = confirm('Deseja formalizar o pedido'+ " <?=$pedido?>"+' ?')
if(confirma == true){
window.open('editaPedido.php?act=f&p=<?=$pedido?>','','scrollbars=yes,width=20,height=20');
}
else{
window.close();
}
}
-----------------------------------------------------------------------------------
ScrollTop Voltar no topo da tela
<!-- INSERIR ID NO BODY -->
<body id="voltarTopo">
<script type="text/javascript"> src="colocar o caminho do arquivo js1.8" </script>
<script type="text/javascript">
// Use jQuery com a variavel $j(...)
var $j = jQuery.noConflict();
$j(document).ready(function() {
$j(".voltarTopo").hide();
$j(function () {
$j(window).scroll(function () {
if ($j(this).scrollTop() > 300) {
$j('.voltarTopo').fadeIn();
} else {
$j('.voltarTopo').fadeOut();
}
});
$j('.voltarTopo').click(function() {
$j('body,html').animate({scrollTop:0},600);
});
});});
</script>
no arquivo do html inserir o botão
<input type="button" class="voltarTopo" onclick="$j('html,body').animate({scrollTop: $j('#voltarTopo').offset().top}, 2000);" value="Voltar ao topo" >
CSS BAsico do botão
.voltarTopo {
background: none repeat scroll 0 0 #000000 !important;
bottom: 20px !important;
color: #FFFFFF;
display: block;
font-size: 10px;
font-weight: bold;
height: 20px;
line-height: 100px;
position: fixed;
right: 30px;
text-transform: uppercase;
width: 120px;
}
http://quebrandoacabeca.com/criar-botao-voltar-ao-topo-com-jquery/
LIMITADOR E CONTADOR DE CARACTERES JQUERY
<?php
/**
/** inserir contador e limitador de caracteres no textarea com jQuery.
* @Author Quebrando a Cabeça
* @Author URL http://quebrandoacabeca.com
* @Post URL http://quebrandoacabeca.com/contador-e-limitador-de-caracteres-no-textarea-jquery/
*/?>
...