recentpopularlog in

rtopitt : ajax   71

kossnocorp/jquery.turbolinks - jQuery plugin for drop-in fix binded events problem caused by Turbolinks
Do you like Turbolinks? It's easy and fast way to improve user experience of surfing on your website.

But if you have a large codebase with lots of $(el).bind(...) Turbolinks will surprise you. Most part of your JavaScripts will stop working in usual way. It's because the nodes on which you bind events no longer exist.

I wrote jquery.turbolinks to solve this problem in my project. It's easy to use: just require it immediately after jquery.js. Your other scripts should be loaded after jquery.turbolinks.js, and turbolinks.js should be after your other scripts.
ajax  jquery  plugin  turbolinks  rails  compatibilidade  javascript 
march 2014 by rtopitt
Turbolinks Compatibility
A collection of tutorials for how to get your favorite javascript libraries, plug-ins, and snippets working with Turbolinks.
javascript  rails  turbolinks  ajax  plugin  compatibilidade  jquery  reference 
march 2014 by rtopitt
File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery. Supports cross-domain, chunked and resumable file uploads and client-side image resizing. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads.
jquery  javascript  ajax  upload  arquivo  biblioteca  drag_and_drop  html 
april 2012 by rtopitt
spinner animado via javascript
javascript  spinner  biblioteca  webdesign  ajax 
april 2012 by rtopitt
How to do click hijack right
When hijacking links to replace them with Ajax functionality, make sure you handle only left clicks with no keyboard modifiers
ajax  hijack  javascript  jquery  link  clique  html  teclado  tip 
april 2012 by rtopitt
Ajax Upload; A file upload script with progress-bar, drag-and-drop.
This plugin uses XHR for uploading multiple files with progress-bar in FF3.6+, Safari4+, Chrome and falls back to hidden iframe based upload in other browsers, providing good user experience everywhere.
javascript  plugin  upload  ajax  múltiplo  importante  webapp  iframe 
july 2010 by rtopitt
Adicionando um ‘Carregando…’ em todas as requisições Ajax com uma linha de código
Caso estejam trabalhando com jQuery e precisem de uma imagem/mensagem estilo “Carregando…” em todas suas requisições Ajax, o plugin jquery.loading fornece essa funcionalidade com somente um linha de código
jquery  plugin  ajax  mensagem  carregando  how-to  importante 
june 2010 by rtopitt
Loadig | Plugins | jQuery Plugins
Provides trivially easy way to notify users that a request is being loaded and processed in the background, so that they know their action was received and the page has not frozen. Just toggle the message (or image or any element) on or off with $.loading() or $('#foo').loading(). The plugin handles creation and positioning and "pulsing" of the message for you. It also provides a 'mask' option to block the UI (at the call level) while the loading message (or image or any element) is running. You can tell it to automatically toggle on ajaxStart/ajaxStop with the 'onAjax' option. You can tell it to automatically terminate after a specified time with the 'max' option. You can tell it to only show if the loading takes longer than a specified time with the 'delay' option. And so on... Think of this as a cleaner, more user-friendly $.blockUI, where the blocking part is optional.
jquery  plugin  ajax  carregando  mensagem  ui  interface  importante  webdesign 
june 2010 by rtopitt
Recipe: Ajax searching and filtering - GIANT ROBOTS SMASHING INTO OTHER GIANT ROBOTS
Exemplo de interface de busca ajax simples & avançada em Rails usando jQuery e Searchlogic.
busca  ajax  searchlogic  rails  how-to  screencast  inspiração  importante  interface  cucumber  jquery  ruby  tip 
may 2010 by rtopitt
Guacamole is an HTML5 + JavaScript (AJAX) viewer for VNC, which makes use of a server-side VNC-to-XML proxy written in Java. The current version is almost as responsive as native VNC and should work in any browser supporting the HTML5 canvas tag.
vnc  java  servlet  html5  ajax  acesso_remoto  software_livre 
may 2010 by rtopitt
UKI — Simple UI Kit for complex web apps
Uki is a fast and simple JavaScript user interface toolkit for desktop-like web applications. It comes with a rich view-component library ranging from Slider to List and SplitPane.
javascript  framework  interface  gui  ajax  layout  ui  desktop 
april 2010 by rtopitt
Jquery Full Calendar with Rails | Vinsol
“FullCalendar” provides a full-sized, drag & drop calendar. I decided to give it a try and utilize its hooks for user triggered events within our Rails application. This small effort resulted in a barebone Rails app that might provide a good base for your project which require calendar, scheduling or appointment features. I called it fullcalendar_rails and it is now available on github with a working demo.
ajax  javascript  jquery  plugin  rails  github  calendário  how-to  interface  importante  redmine  data 
april 2010 by rtopitt
FullCalendar - Full-sized Calendar jQuery Plugin
FullCalendar is a jQuery plugin that provides a full-sized, drag & drop calendar like the one below. It uses AJAX to fetch events on-the-fly for each month and is easily configured to use your own feed format (an extension is provided for Google Calendar). It is visually customizable and exposes hooks for user-triggered events (like clicking or dragging an event).
ajax  javascript  jquery  plugin  webdesign  calendário  importante  interface  redmine  callback  data 
april 2010 by rtopitt
jQuery 1.4 Released: The 15 New Features you Must Know | Nettuts+
jQuery 1.4 was recently released. This wasn't simply a maintenance release as some had speculated; there are many new features, enhancements and performance improvements included in 1.4! This post covers the new features and enhancements that you may find beneficial.
javascript  jquery  1.4  framework  ajax  top10  tip 
january 2010 by rtopitt
Robby on Rails : Tracking AJAX-driven events in Ruby on Rails for Google Analytics conversion goals
With this in place, we can sprinkle similar code for our various conversion points that are Ajax-driven and Google Analytics will pick it up.
rails  ajax  google  analytics  meta  objetivo  helper  javascript  importante  analysis  tip 
december 2009 by rtopitt
Jcrop - Deep Liquid
Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications.
jquery  javascript  plugin  webdesign  ajax  imagem  crop 
december 2009 by rtopitt
Ajax Autocomplete for jQuery
Ajax Autocomplete for jQuery allows you to easily create autocomplete / autosuggest boxes for text input fields. It is built with focus on performance. Results for every query are cached and pulled from local cache for the same repeating query. If there are no results for particular query it stops sending requests to the server for other queries with the same root.
plugin  javascript  ajax  jquery  autocomplete  importante 
november 2009 by rtopitt
Nginx & Comet: Low Latency Server Push -
Server push is the most efficient and low latency way to exchange data. If both the publisher and the receiver are publicly visible then a protocol such as PubSubHubbub or a simpler Webhook will do the job. However, if the receiver is hidden behind a firewall, a NAT, or is a web-browser which is designed to generated outbound requests, not handle incoming traffic, then the implementation gets harder. If you are adventurous, you could setup a ReverseHTTP server. If you are patient, you could wait for the WebSocket's API in HTML5. And if you need an immediate solution, you could compromise: instead of a fully asynchronous push model, you could use Comet, also known as Reverse Ajax, HTTP Server Push, or HTTP Streaming.
nginx  push  streaming  ajax  http  how-to  webserver  comet  ruby  chat  plugin  server  tip 
october 2009 by rtopitt
CodeRack: InlineUploader
Need inline uploads for files like the way GMail handles email attachements? InlineUploader makes it easy! InlineUploader provides a generic file upload endpoint and a way to attach uploaded files to subsequently submitted form data.
upload  inline  ajax  formulário  ruby  rack  middleware  gmail  rails  attachment 
october 2009 by rtopitt
Responds to Parent « Home Made
Plugin para fazer upload de arquivos pseudo-ajax, via iframe.
rails  plugin  upload  arquivo  ajax  iframe  importante 
july 2009 by rtopitt
In-place file upload with Ruby on Rails | Dmytro Shteflyuk's Home
My friends often asked me how to upload file using AJAX, and usually they got answer “in no way”. Correct answer, but what if I need to upload file without full page reloading? And, of course, I want to use RJS in this case. Here I’ll explain what to do to get effect very similar to AJAX file upload (btw, Gmail uses this technique).
rails  html  http  upload  ajax  iframe  how-to  plugin  formulário  gmail  rjs  arquivo  importante 
july 2009 by rtopitt
jQuery SuperBox!
jQuery Superbox! is a script which allows you display windows with the lightbox effect. jQuery Superbox! can display pictures, pictures galleries, external pages, a page element or even AJAX loaded content.
javascript  plugin  jquery  lightbox  ajax  modal 
july 2009 by rtopitt
SWFUpload jQuery Plugin : Adam Royle
This plugin makes working with SWFUpload easier!
plugin  jquery  upload  ajax  flash  javascript  swfupload 
july 2009 by rtopitt
Useful and Handy jQuery Tips and Tricks | Queness
I have a list of jQuery tips and tricks for my development project. Now, I want to share it to everyone. In this article, I will assemble all the jQuery tips and tricks and cheat sheets that I got it online in a single page.
ajax  javascript  jquery  top10  cheat_sheet  tip 
july 2009 by rtopitt
5 Tips for Better jQuery Code: jQuery, Tutorial
I've been coding using jQuery since shortly after it came out, and well -- I've been using it almost every work day. Here is a few tips that have saved me time.
jquery  javascript  top10  ajax  tip 
july 2009 by rtopitt
jQuery TOOLS - The missing UI library for the Web
jQuery Tools is a collection of the most important user-interface components for today's websites. This single JavaScript file weighs only 5.8 Kb
jquery  plugin  javascript  biblioteca  webdesign  interface  ajax  framework  lightbox 
june 2009 by rtopitt
jQuery on Rails: Why Bother? // RailsTips by John Nunemaker
A few people have suggested that I post about how to use jQuery with Rails. I thought about it and felt that others have already covered it quite well but why not collect their posts here for you to enjoy, right?
ajax  how-to  importante  javascript  jquery  plugin  rails  tip 
may 2009 by rtopitt
Ajatus - Distributed CRM: Ajatus CRM
Ajatus is a revolutionary CRM that runs as a local Ajax web application on your own computer. It uses the CouchDb object database for data storage and enjoys a wide range of plug-in and replication possibilities. With Ajatus you can keep track of your
ajax  couchdb  crm  exemplo  webapp 
may 2009 by rtopitt
The Ultra Rich Search Experience « Theresaneil’s Weblog
Ajax, Flex and Laszlo have provided us with away to replace the effort intensive, page based search with a simple, more responsive user interface. Why should we move away from the traditional search design? Because it is inefficient, cumbersome, and desig
ajax  artigo  busca  design  gui  importante  interface  padrão  webdesign 
may 2009 by rtopitt
Intridea - Using HTTP Status Codes for Rails AJAX Error Handling
A problem that often arises in AJAX-based web applications is how to handle it when things go wrong. The user should be informed of the problem in a descriptive manner, but obviously the internal workings of the application should not be revealed. A gener
ajax  erro  http  rails  status  tip 
may 2009 by rtopitt
Load Info - gif generator
Gerador de spinners para ajax loading, com várias opções inovadoras
ajax  gif  imagem  spinner  utilidade  webapp  webdesign 
may 2009 by rtopitt
AJAX Libraries API - Google Code
The AJAX Libraries API is a content distribution network and loading architecture for the most popular open source JavaScript libraries. By using the Google AJAX API Loader's google.load() method, your application has high speed, globaly available access
ajax  api  biblioteca  cache  google  javascript  performance  webapp  webservice 
may 2009 by rtopitt
60 More AJAX- and Javascript Solutions For Professional Coding | Developer's Toolbox | Smashing Magazine
Lista de 60 pedaços de código úteis para interfaces inovadoras em webdesign, a maioria com algum funcionamento Ajax assossiado
ajax  css  download  grátis  html  interface  javascript  top10  webdesign  compilation  tip 
may 2009 by rtopitt | AJAX snippet: Blank out a Div with a Spinner
Dica de spinner ajax que "tampa" / "ofusca" o div sendo atualizado enquando roda
ajax  div  html  javascript  spinner  tip 
may 2009 by rtopitt History Buttons with AJAX and Ruby on Rails
Fazendo o botão "Voltar" do browser funcionar em um site com ajax
ajax  how-to  navegador  plugin  rails  voltar 
may 2009 by rtopitt
Sign up — Crazy Egg
Inspiração de combinação de tabela com formulário
ajax  css  formulário  html  inspiração  tabela 
may 2009 by rtopitt
The jSkinny on jQuery — err.the_blog
Tudo que você sempre quis saber sobre jQuery (e jQuery com Rails) em um só lugar
ajax  how-to  javascript  jquery  rails  tip 
may 2009 by rtopitt
jRails - jQuery on Rails
jRails is a drop-in jQuery replacement for Prototype/ on Rails. Using jRails, you can get all of the same default Rails helpers for javascript functionality using the lighter jQuery library.
ajax  importante  javascript  jquery  plugin  rails 
may 2009 by rtopitt
WICK: Web Input Completion Kit
Biblioteca javascript para criar campos autocomplete como os usados na PiTTlândia, com loading local das opções, sugestão, realce de casamentos, escolha via teclas e separação por vírgulas
ajax  autocomplete  campo  formulário  javascript  tag 
may 2009 by rtopitt
Rails on the Run - Ajax Pagination in less than 5 minutes
Como usar unobtrusive javascript para transformar links comuns em links ajax via classe do link. Exemplo com paginação usando will_paginate.
ajax  javascript  link  lowpro  paginação  plugin  rails  ujs  will_paginate 
may 2009 by rtopitt
Old-skool Ajax zoop Box
CRUD em Rails com validação ajax e in-place editing, efeitos interessantes
ajax  código-fonte  crud  efeito  javascript  rails 
may 2009 by rtopitt
ActiveScaffold :: A Ruby on Rails plugin for dynamic, AJAX CRUD interfaces
Plugin para Rails para gerar interfaces CRUD simples porém completas
active_record  ajax  crud  plugin  rails 
may 2009 by rtopitt
Unspace - Endless Pageless: No More Next Page
Exemplo de como fazer paginação automática (via rolagem da tela) de itens, em Rails
ajax  how-to  inspiração  javascript  paginação  rails  web2.0 
may 2009 by rtopitt
Unspace - Open Says Me
Maneira de criar aplicações web (Rails) que degradem graciosamente caso os elementos de navegação avançados dos clientes não estejam ativos (flash, javascript, cookies)
ajax  cookie  flash  how-to  javascript  rails  webapp  webdesign 
may 2009 by rtopitt » jsProgressBarHandler (Dynamic Unobtrusive Javascript Progress/Percentage Bar)
jsProgressBarHandler is a rewrite of the AJAX Progress / Percentage Bar by Webappers. Improvements made were the change from a set of functions to a true Prototype.js Class, reduction in the number of functions, and making it unobtrusive (if javascript is
ajax  barra  biblioteca  css  how-to  html  javascript  porcentagem  webdesign 
may 2009 by rtopitt
Vitamin Features » 5 Ways to Optimize AJAX in Ruby on Rails
You’re understandably proud of your latest fancy AJAX interface, but is it wasting your app’s precious resources? In this article Shanti Braford shows you five ways to make sure your AJAX is optimized.
ajax  benchmark  javascript  otimização  rails  webapp  database  programming 
may 2009 by rtopitt
Ajax e filas de requisição - VarDump
Ao enviar uma requisição send para um objeto XMLHttpRequest que já está processando uma requisição era lançado o erro. A solução mais simples é implementar uma fila de requisições.
ajax  artigo  fila  javascript  webapp  tip 
may 2009 by rtopitt
Firebug - Web Development Evolved
Extensão do Firefox que permite debugar javascript, css, dom, ajax, etc
ajax  css  debug  extensão  firefox  javascript  plugin  webapp 
may 2009 by rtopitt
Dr. Dobb's | AJAX Debugging with Firebug | Janeiro 10, 2007
Como usar a extensão Firebug (para o Firefox) para debugar javascritp / ajax
ajax  artigo  extensão  firefox  javascript  programming 
may 2009 by rtopitt
Weebly - Website Creation Made Easy
Criador de páginas web, em uma página web. Web 2.0 ao quadrado!
ajax  javascript  utilidade  web2.0  webapp 
may 2009 by rtopitt
PHPit - Totally PHP » Ajax
Uma maneira de fazer Ajax sem usar o objeto XmlHttpRequest (com Javascript)
ajax  javascript  php  tip 
may 2009 by rtopitt
yui-ext Documentation Center
Extensão ao Yahoo UI kit, ajax, etc
ajax  css  javascript  webapp  yahoo 
may 2009 by rtopitt
Snippet: capturing outbound links with Prototype
Como rastrear os links de saídas em um site usando Javascript
ajax  javascript  prototype  programming 
may 2009 by rtopitt » CakePHP Livesearch
Como implementar livesearchs com CakePHP
ajax  cakephp  how-to  php  programming 
may 2009 by rtopitt
ThickBox 2.1
ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library.
ajax  javascript  web2.0  webapp 
may 2009 by rtopitt
24 ways
24 dicas sobre webdesign, css, xhtml e javascript
ajax  css  how-to  html  javascript  webdesign 
may 2009 by rtopitt

Copy this bookmark:

to read