GTIVIDEOAULAS | Seu portal de video aulas » javascript http://gtivideoaulas.com Web, Zend Framework, PHP , Linux, mysql, css, javascript, design e muito mais Mon, 16 Jan 2012 01:06:37 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Jquery – Clonando objetos http://gtivideoaulas.com/jquery-clonando-objetos http://gtivideoaulas.com/jquery-clonando-objetos#comments Sun, 05 Jun 2011 19:47:18 +0000 Felipe Girotti http://gtivideoaulas.com/?p=561

Beleza galera, hoje vamos falar sobre Jquey, o fantástico framework javascript. Vamos ver como clonar objetos. Comentem!

Clonando objetos – Jquery from Felipe Girotti on Vimeo.

<?php
	if(isset($_POST['sub'])){
		var_dump($_POST);
	}
?>

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jquery Clone</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript">
	$(function(){
		$('a#additem').click(function(evt){
			evt.preventDefault();
			var clone = $('.clone:first').clone();
			$('fieldset').append(clone);
			$('.clone:last').find('a').remove().end()
			.find('input').each(function(){
				$(this).val('');
			}).end().append('<a href="#" class="removeitem">remover item</a>')
		});
		$('.removeitem').live('click', function(evt){
			evt.preventDefault();
			$(this).parents('.clone').remove();
		})
	})
</script>
<style type="text/css">
	fieldset{border:none}
</style>
</head>

<body>
	<form action="<?php echo  $_SERVER['PHP_SELF']?>" method="post">
    	<fieldset>
        	<div class="clone">
        	<label for="item">Item:</label>
            <input type="text" name="item[]" class="item" /> <a href="#" id="additem">Add itens</a>
            <br />
            <label for="qtd">Quantidade:</label>
            <input type="text" name="qtd[]" class="qtd" />
            <br />
            <label for="valor">Valor:</label>
            <input type="text" name="valor[]" class="valor" />
            </div>
        </fieldset>
    	<input type="submit" name="sub" id="sub" value="Envia" />
    </form>
</body>
</html>
]]> http://gtivideoaulas.com/jquery-clonando-objetos/feed 2 Evitando dupla submissão de formulários http://gtivideoaulas.com/evitando-dupla-submicao-de-formularios http://gtivideoaulas.com/evitando-dupla-submicao-de-formularios#comments Tue, 04 May 2010 12:08:14 +0000 Felipe Girotti http://gtivideoaulas.com/?p=456

Beleza galera, depois de um tempo ocioso no site estamos de volta, veremos como evitar dupla submissão de formulários, registros duplos.

Evitando dupla submição de formulários from Felipe Girotti

]]> http://gtivideoaulas.com/evitando-dupla-submicao-de-formularios/feed 4 Jquery – SlideShow com paginação http://gtivideoaulas.com/jquery-slideshow-com-paginacao http://gtivideoaulas.com/jquery-slideshow-com-paginacao#comments Wed, 27 Jan 2010 14:08:00 +0000 Felipe Girotti http://gtivideoaulas.com/?p=420

jquery-logo Beleza Galera, vamos aprender como fazer um slideshow com paginação igual da WEBGTI. Boa aula.

  • Download Jquery

  • Jquery- SlideShow com paginação from Felipe Girotti on Vimeo.

    ]]> http://gtivideoaulas.com/jquery-slideshow-com-paginacao/feed 9 JQUERY – Animações Sumir Aparecer http://gtivideoaulas.com/jquery-animacoes-sumir-aparecer http://gtivideoaulas.com/jquery-animacoes-sumir-aparecer#comments Sat, 02 Jan 2010 14:53:55 +0000 Felipe Girotti http://gtivideoaulas.com/?p=415 Continue reading →]]>

    jquery-logo Belza galera, depois de muito tempo sem postar video aulas minhas estou de volta. Hoje mostrando mais sobre esta fatastica biblioteca javascript a jquery, os comandos hide, show, fadeIn, fadeOut e toggle, e como aplicalas no projeto. Pessoal pode comentar a vontatde, sugestões, dúvidas são bem vindas.

    Download Firebug

    ]]>     http://gtivideoaulas.com/jquery-animacoes-sumir-aparecer/feed 0     JQUERY – Tabela Zebrada http://gtivideoaulas.com/jquery-tabela-zebrada http://gtivideoaulas.com/jquery-tabela-zebrada#comments Tue, 20 Oct 2009 00:56:46 +0000 Felipe Girotti http://gtivideoaulas.com/?p=376

    ajax beleza galera, Felipe Girotti de volta, com uma video aula de jquery, uma biblioteca javascript exelente, poucas linhas de código conseguinhos fazer a tabela zebrada.

    Jquery Download

    ]]>     http://gtivideoaulas.com/jquery-tabela-zebrada/feed 4     AJAX – Spry Data Set http://gtivideoaulas.com/ajax-spry-data-set http://gtivideoaulas.com/ajax-spry-data-set#comments Sun, 27 Sep 2009 02:01:03 +0000 Felipe Girotti http://gtivideoaulas.com/?p=313

    ajax Beleza galera, vamos ver como configurar o Spry Data Set do dreamweaver, e melhor que isto vamos fazer uma aplição em ajax, sem mexer no código e o melhor tudo dinamicamente!

    ]]>     http://gtivideoaulas.com/ajax-spry-data-set/feed 1     Javascript – Comfirmação de exclusão http://gtivideoaulas.com/javascript-comfirmacao-de-exclusao http://gtivideoaulas.com/javascript-comfirmacao-de-exclusao#comments Sun, 06 Sep 2009 20:12:25 +0000 Felipe Girotti http://gtivideoaulas.com/?p=303

    Beleza galera, apos um tempo sem postar novas video aulas, estou voltando, hoje mostrarei como fazer aparecer uma janela popup de comfirmação se deseja realmente a exclusão ou não.
    Link para a jquery:


    ]]>     http://gtivideoaulas.com/javascript-comfirmacao-de-exclusao/feed 7     DREAMWEAVER-borda arredondada com css e javascript http://gtivideoaulas.com/dreamweaver-borda-arredondada-com-css-e-javascript http://gtivideoaulas.com/dreamweaver-borda-arredondada-com-css-e-javascript#comments Sat, 21 Feb 2009 00:14:48 +0000 Felipe Girotti http://gtivideoaulas.com/?p=93

    dreamweaverBeleza galéra aqui é Felipe Girotti com mais uma video aula.Mostrarei como fazer os cantos ficarem arredondadas sem imagens, somente com css e javascript.É uma criação de Alessandro Fulciniti a técnica se chama Nifty Corners

    ]]>     http://gtivideoaulas.com/dreamweaver-borda-arredondada-com-css-e-javascript/feed 4