Arquivo da tag: AJAX

Colocar link “Leia mais” usando jQuery

O Plugin jQuery Expander é um script para mostrar/recolher o conteúdo de um texto grande.

Aqui está uma maneira simples de usar este plug-in seu HTML ou páginas ASP.NET

1. Declare uma Div ou ASP.NET Painel.

<div class="readmore">
   The Div Text Comes Here
</div>

Continue lendo Colocar link “Leia mais” usando jQuery

Pegar informações dentro de uma TAG com Javascript

O código abaixo mostra como selecionar o valor de uma Tag, com javascript. O exemplo abaixo utiliza-se da tag span

Valor do Span aquiou
  alert(document.getElementById('creditototal').firstChild.data);

ou

 alert(document.getElementById('creditototal').innerHTML);

Outro exemplo:

function mostra(){
var altura = document.getElementById("img").height;
var largura = document.getElementById("img").width;
alert("Altura: "+altura+"nLargura: "+largura);
}
window.onload = mostra;

Como forçar os usuários a atualizar seu IE6

IE6 Update

Se os usuários de forma consciente não atualizam o IE6 para uma versão mais recente, por que não agora tentarmos alguma maneira não ortodoxa para que eles atualizem? Uma maneira que pode funcionar muito bem é simulando aquela barra de atualização que aparece no browser dizendo que o mesmo precisa ser atualizado para que o site seja melhor visualizado. Se você ainda tem IE6 no seu PC, então aproveite e visite essa página teste criada para simular o update. Continue lendo Como forçar os usuários a atualizar seu IE6

10 extensões para Magento

# 1. Direct ResizeGive a possibilidade de redimensionar imagens sem distorcê-las. Você pode especificar uma largura e um valor Altura, bem como uma relação. Todos lidar com imagens em Magento irão apreciar este, com certeza.
http://www.magentocommerce.com/extension/153/direct-resize

# 2. Magento lightbox Easy Esta pequena extensão ajudará a instalar o widget Lightbox. Instalação e configuração levará aproximadamente 5 minutos.
http://www.magentocommerce.com/extension/1487/magento-easy-lightbox

# 3. Menu explodiu Substitui a queda de coluna padrão único para baixo com uma lista suspensa com várias colunas com 2 e 3 itens de menu de nível.
http://www.magentocommerce.com/magento-connect/Raptor+Commerce+ 29/extension/1345/raptor_explodedmenu% 28toby%

# 4. Magento Easy Tabs Esta pequena extensão irá ajudar a adicionar guias informativos sobre a página do produto. Não há arquivos são substituídos e nenhuma experiência codding necessários para instalar.
http://www.magentocommerce.com/magento-connect/TemplatesMaster/extension/1725/magento-easytabs

# 5. Canonical URL Esta extensão adiciona novas ligações canônicas para a cabeça de suas páginas Magento. http://www.magentocommerce.com/magento-connect/Yoast/extension/906/canonical-url-s-for-magento

# 6. Fooman Google Analytics além de recursos adicionais para o padrão GooglePágina módulo. Track cada página individual – incluindo seções via AJAX recuperados durante uma página checkout-

Digite DomainName para acompanhar através do back-end Magento / clique aqui se você deve usá-lo. Acompanhe o real digitado em palavras-chave no AdWords, em vez de apenas o termo que você lance (esta ainda não pôde funcionar devido a um bug no Magento em si). Opcionalmente, acompanhar conversões Adwords para compras.
http://www.magentocommerce.com/magento-connect/FOOMAN/extension/171/fooman-google-analytics-plus

# 7. Permite excluir as ordens que você exclua testes ordens a partir do menu drop-down no painel de Admin. http://www.magentocommerce.com/magento-connect/Boutik+Circus/extension/873/delete-orders
# 8. uGiftCert Permita que seus clientes a compra e utilização Gift Certificates.
http://www.magentocommerce.com/magento-connect/Unirgy/extension/751/unirgy_giftcert

# 9.Featured Esta extensão dá a sua capacidade de Magento para fácil gerenciamento de produtos apresentados. Frontend características incluem interface separada para listagem de todos os produtos em destaque e um bloco de uso para a colocação mais fácil para as interfaces de sua escolha.
http://www.magentocommerce.com/magento-connect/Inchoo/extension/2513/featured-products

# 10. Enhanced Admin Produtos Grid Adiciona algumas características emocionantes personalizável para a grade de produtos como: Full Product Search, Grid Row Highlighter, catálogo Grid Thumbnails / Imagens Massa Produto Atualizar etc
http://www.magentocommerce.com/magento-connect/WDCA/ extension/748/enhanced-product-grid

Traduzido de: magentonews.co.uk

Checker de Disponibilidade de Usuário em jQuery, PHP e MySQL

Checa o banco de dados para verificar se um usuário existe ou não e retorna verdadeiro ou falso.

username

O JavaScript

  1. Então, para começar temos o nosso jQuery em função documento pronto, dentro deste temos um ouvinte de evento. Keyup função que quando acionada corre a função ‘username_check “.
  2. Dentro da função ‘username_check’, em primeiro lugar atribuir ‘username’ a variável com o valor do campo de entrada com o nome ID #.
  3. Vamos agora executar algumas verificações que o campo de entrada de nome de usuário não é vazia e que os seus 4 ou mais caracteres de comprimento. Se tudo estiver ok ea variável nome de usuário é de 4 caracteres podemos ir em frente e fazer a solicitação ajax. Continue lendo Checker de Disponibilidade de Usuário em jQuery, PHP e MySQL

jQuery PHP Ajax Autocomplete

Existem duas funções no bloco de código abaixo. o primeiro uma ‘sugerir’ executa a solicitação ajax com base na entrada usuários no campo de texto que é passado para a função quando a função for executada. Nós referenciar a entrada com “inputString” a variável.

a primeira secção do código é uma simples se instrução para verificar se o comprimento da entrada de utilizadores na caixa de texto é mais do que 0. Se for, corremos o pedido ajax para obter a lista de sugestões do banco de dados. #country refere-se à ID da entrada de texto em nosso formulário. Você pode ver que estamos adicionando “carga” a classe para a entrada de texto. Isso é para mostrar um gif animado de carga para mostrar ao usuário que está recebendo dados do banco de dados. Continue lendo jQuery PHP Ajax Autocomplete

Delete com jQuery Ajax

Removendo conteúdo com o Ajax é uma ferramenta útil para ter em qualquer kit de web designers. Usando algumas linhas de jQuery podemos remover um div e, simultaneamente, remover um registro do banco de dados com Ajax. No download e demonstração você verá uma pequena cruz vermelha à direita de cada comentário. Clicar na cruz irá remover o comentário div com um slide up de animação que irá remover a div. clique na imagem abaixo para conferir o demo.

jquery-delete

Continue lendo Delete com jQuery Ajax

Drag & Drop com PHP e jQuery

JQuery
JQuery (Photo credit: Wikipedia)

A capacidade de arrastar e soltar conteúdo de uma página e ter que salvar a ordem de usuário, é realmente grande e relativamente fácil de executar com algumas linhas de jQuery. Você precisa incluir a biblioteca de jQuery, que você pode encontrar aqui: jQuery API do Google. Todos os arquivos necessários para obter a instalação e funcionamento estão no final deste post.

Neste tutorial vamos olhar para 2 páginas principais do PHP. a página index.php, que contém o conteúdo e funcionalidades para executar a arrastar e soltar o arquivo e updateList.php que é um simples pedaço de código para atualizar a coluna listOrder no banco de dados usando PHP e MySQL. Além disso, você terá que adicionar os seus dados de banco de dados para o arquivo connect.php que está no final do post. Continue lendo Drag & Drop com PHP e jQuery

Os 55 melhores Plugins jQuery

jquery carrossel

Em web design um carrossel jQuery é um elemento dando aos visitantes fácil acesso a vários itens de conteúdo. É normalmente uma lista de rolagem dinâmica de itens na ordem horizontal onde os itens anteriores e posteriores são parcialmente visíveis. Os itens, que podem ser de conteúdo HTML estático ou carregado com (ou sem) AJAX, pode ser rolada para trás e para frente (com ou sem animação). Usando deslizantes painéis horizontais, conhecidos como carrosséis e Sliders, para apresentar conteúdos de topo é uma das tendências mais fortes de web design ao longo do último par de anos. É um método muito eficaz para aumentar a usabilidade do site web e envolver o usuário. A razão para esta tendência se deve principalmente a chegada do jQuery que tornaram quase “passeio no parque” a adicionar um carrossel jQuery ou deslizante jQuery imagem plugin para um web site.Hoje em dia existem muitos excelentes plugins jQuery Carousel livres disponíveis e torna-se difícil escolher o melhor. Este artigo foi criado especificamente para ajudar você a começar a usar Carrosséis jQuery mas você também pode querer verificar para fora alguns Slider jQuery plugins.Este artigo foi recentemente atualizado com novos plugins jQuery carrossel e todos os links onde verificada. Continue lendo Os 55 melhores Plugins jQuery

Como optimizar o seu site e aumentar a velocidade de carregamento

Como já devem de saber, o Google passou a utilizar a velocidade de carregamento das páginas como factor de rankeamento. Apesar de ser apenas mais um factor no meio de tantos outros nunca é de mais optimizar os nossos sites mesmo que não estejamos interessados nos motores de pesquisa.

O tempo de carregamento das páginas é uma coisa a ter em consideração pois um site lento pode aumentar a taxa de rejeição dos seus visitantes, principalmente os que vêm de sites de pesquisa. Essas pessoas estão a procura de informação e normalmente não têm muita paciência para esperar para a página abrir.

Neste artigo vou abordar alguns pontos que levam os nossos sites a serem lentos e soluções para esses problemas. Continue lendo Como optimizar o seu site e aumentar a velocidade de carregamento