PUCPR > Bacharelado em Sistemas de Informação > 3o e 4o Períodos
Glimmer é uma ferramenta de geração de código jQuery / HTML / CSS que elimina a necessidade de um conhecimento mais profundo da biblioteca para que se consiga a criar menus, animações e efeitos mais simples.
O download do utilitário pode ser feito em:
http://visitmix.com/lab/glimmer
Pessoal,
Vai a seguir um exemplo sobre como você pode RECUPERAR os campos que preencheu anteriormente.
Esta dica será útil no momento que o usuário desejar modificar a sua proposta de velório.
Exemplo de projeto web
Na aula sobre drag e drop também apresentei exemplos de drag e drop em jQuery.
Veja o exemplo que coloquei na aula 13:
http://www.brunocampagnolo.com/2009tp/2009/04/02/aula-13-dicas-para-o-exercicio-f03-drag-drop/
Link direto para o exemplo:
http://www.brunocampagnolo.com/2009tp/wp-content/uploads/2009/04/exemplosdragedrop.zip
Observe que se for necessário clonar um objeto, será necessária a criação do draggable com esta opção:
$(".myDrag").draggable({helper: 'clone' });
A seguir, em anexo e no jsbin,
<!DOCTYPE html PUBLIC [...]
Para obter o valor de um <select> através da biblioteca jQuery é necessário descobrir qual é a opção selecionada.
No exemplo abaixo (e no link), ao trocar o item selecionado em uma caixa de seleção, o valor selecionado e o texto referente ao valor são exibidos.
<!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" xml:lang="en" [...]
Uma das exigências do Exercício F03 é a criação de uma interface Web e de uma interface Windows Forms que compartilhem do mesmo algoritmo para cálculo de custo.
Ao invés de repetirmos nossas classes responsáveis por este cálculo é recomendável o uso de uma Class Library (dll) para centralização de nossas classes compartilhadas.
Segue a seguir, um [...]
O exercício F03, parcial de nosso sistema de cemitério, tem uma interface bastante elaborada para simular um sistema de gerenciamento de velório.
A biblioteca jQuery UI é um complemento à biblioteca jQuery com componentes ricos de interface. Além destes componentes, a biblioteca também tem um alto poder de customização de interface via aplicação de temas e uma poderosa ferramenta de edição de tema.
Abaixo, apresentação referente a esta biblioteca.
Download e Visualização:
Versão Java
Versão Flash
Versão para Impressão
Versão FreeMind
Exemplos
Futuramente, trabalharemos com a idéia de framework MVC em nossa disciplina. Veremos como este pattern é útil e eficiente para a organização de nossos códigos.
Ontem (18/3/2009), foi lançada a versão final do framework MVC da Microsoft: o ASP.NET MVC.
Este framework é uma alternativa ao modelo tradicional de desenvolvimento em ASP.NET (Web Forms) e se encaixa [...]
Nesta exercício vamos treinar as funcionalidades Ajax do jQuery.
Entrega até o dia 13/03/2009!
Especificação do Exercício
Resposta aqui e aqui
Na aula de hoje vamos começar a trabalhar com algumas das funcionalidades Ajax do jQuery.
Dessa forma, poderemos carregar dinamicamente informações de uma página dentro da outra.
A aula é baseada nos exemplos em anexo.
Hoje, pela primeira vez, também teremos contato com código C#, executado diretament no servidor Web e como ele se comunicará com a [...]
Link para especificação
Responda aqui e aqui
Exercício opcional para resolução no dia 21/02/2009.
Exercícios opcionais podem (ou não) serem considerados na nota final.
Edite o arquivo do exercício e faça o que se pede
Se preferir, edite o arquivo no JS Bin.
Cada exercício é um comando individual e é independente do anterior.
Você deve resolver o exercício usando a biblioteca jQuery.
Exiba uma mensagem qualquer cada [...]
Turma,
Começaremos a trabalhar com a biblioteca jQuery. Tal biblioteca facilitará muito nosso trabalho com criação de interfaces ricas.
Hoje, nosso foco será:
Instalação da biblioteca
Funções básicas
Seletores CSS Avançados da jQuery
Abaixo, a apresentação referente à aula:
Versão JavaScript
Versão Java
Versão Flash
Além do meu material, recomendo também a leitura e exploração de:
Tradução do Guia Básico
Artigo sobre jQuery voltado à parte [...]
Abaixo, os exemplos mostrados na primeira aula sobre jQuery.
Exemplo de JavaScript intrusivo:
<a onclick="executeAlgumaCoisa()" href="#">Clique aqui</a>
Exemplo de JavaScript não-intrusivo:
<a href="pagina.html" id="meuLink">Clique Aqui</a>
…
// Associe o clique no link com id 'meuLink' à execução da função executeAlgumaCoisa
document.getElementsById("meuLink").onclick = executeAlgumaCoisa;
…
function executeAlgumaCoisa()
{
…
}
Exemplo básico em jQuery:
<!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>
<title>Exemplo basico jQuery</title>
[...]
Comentários