GTIVIDEOAULAS | Seu portal de video aulas » Ajax http://gtivideoaulas.com Web, Zend Framework, PHP , Linux, mysql, css, javascript, design e muito mais Thu, 17 May 2012 02:48:14 +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 – 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     Ajax – Galeria de fotos Lightbox http://gtivideoaulas.com/ajax-galeria-de-fotos-lightbox http://gtivideoaulas.com/ajax-galeria-de-fotos-lightbox#comments Sun, 10 May 2009 06:13:08 +0000 Felipe Girotti http://gtivideoaulas.com/?p=161

    Beleza Galera, Felipe Girotti com a primeira video aula de ajax, hoje bem simples, pois é uma geleria fotos bem fácil de se configurar, a Lightbox, esta galeria é muito ultilizada em vários sites.

    Veja o preview

    Download dos arquivos

    ]]>     http://gtivideoaulas.com/ajax-galeria-de-fotos-lightbox/feed 10