Ruby on Rails jQuery Effet visuel

Je travaille sur une fonction de recherche sur RoR qui a simplement un effet visuel cool quand un utilisateur clique sur le bouton de recherche.Ruby on Rails jQuery Effet visuel

Voici le code à mon avis pour search.rhtml

<html> 
    <head> 
    <title>Tutor</title> 
    <%= javascript_include_tag :defaults %> 
    </head> 
    <body> 
    <h1></h1> 
     <%= form_remote_tag :url =>{ :action => :search_results }, :update => "results" %> 


        <fieldset> 
         <legend>Tutor Search.</legend> 
         <label for="searchItField">Keyword Search.</label> 

         <input class="tfield" type="text" value="FIND YOUR TUTOR HERE" name="searchItField" id="searchItField" /> 
         <span id="Submit_search"> 

          <span id="Submit_search_hover"><input type="submit" id="Submit" value="Search" /></span> 

         </span> 
        </fieldset> 
       </form> 

    <div id="results"> 

    </div> 
    </body> 
</html>

Voici le search_results.rhtml qui est ce qui est affiché dans les résultats div dans search.rhtml

<% for tutors in @tutors %> 
     <%= tutors.first_name %> <br/> 
    <% end %>

Et enfin voici mon contrôleur et mes actions.

class TutorsController < ApplicationController 

    def search 
    end 

    def search_results 
    @tutors = Tutors.find_by_sql('SELECT * FROM tutors') 
    end 

end

Ce que je veux faire est de créer essentiellement un effet que lorsque les résultats de la recherche sont chargés en raison de l'appel ajax qu'il glisser vers le haut. J'utilise des jrails. Exactement comment ce site le fait. http://keyonary.com/#/paste

Source

2010-07-28 Alex

Alors, quel est votre problème? Est-ce que vous ne comprenez pas le code Keyonary.com? – kikito

Mon problème est que j'essaye de reproduire cet effet de jquery sur les résultats de recherche. Quelqu'un a-t-il des idées à ce sujet? – Alex

En bref, pour vous lancer, vous devrez effectuer les opérations suivantes:

utilisation observe_field sur le champ d'entrée, qui récupère les données à partir d'un contrôleur méthode et mettra à jour un certain div les résultats
créer une méthode de commande correspondante qui permet de récupérer les éléments (utilisez votre search_results)
créer une vue de ce contrôleur méthode qui montrera les données avec les effets nécessaires et l'animation.

Source

2010-07-28 09:40:35 nathanvda

Comment est-ce que j'aurais un effet sur les résultats retournés? – Alex

Je vous suggère de regarder http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery#Animate_me:_Using_Effects pour vous aider à démarrer ... – nathanvda

Ruby on Rails jQuery Effet visuel

Répondre

Questions connexes