Comment passer du prototype au jquery?

Question

Je veux convertir le prototype js suivant en jquery js.

Quelqu'un peut-il m'aider s'il vous plaît?

Merci d'avance.

window.onload = function() { 
    new Ajax.Autocompleter("function_name", "autocomplete_choices", 
    base_url+"application/ajaxsearch/", {}); 

    $('function_search_form').onsubmit = function() { 
     inline_results(); 
     return false; 
    } 
} 

function inline_results() { 
    new Ajax.Updater ('function_description', 
    base_url+'application/ajaxsearch', 
    {method:'post', postBody:'description=true&function_name='+$F('function_name')}); 
    new Effect.Appear('function_description'); 

} 

HTML est le suivant

<form id="function_search_form" method="post" 
action="http://127.0.0.1/ci_sample/index.php/application/search"> 
    <div> 
     <label for="function_name">Search by function name </label> 
     <input type="text" name="function_name" id="function_name" /> 
     <input type="submit" value="search" id="search_button" /> 

     <div id="autocomplete_choices" class="autocomplete"></div> 
    </div> 
    </form> 

Answer 1

Vous aurez besoin d'obtenir un Autocomplete Plugin pour la première partie, mais le reste suit:

$(function(){ 

    // without knowing the return data, I'm shooting in the dark here 
    $.post(base_url+"application/ajaxsearch/", function(results) { 
    // pass results (html?) into our 'autocomplete' DIV 
    $("#autocomplete_choices").html(results); 
    }); 

    // Handle the form submission 
    $("#function_search_form").submit(function(){ 
    inline_results(); 
    return false; 
    }); 

}); 

function inline_results() { 
    $.post(base_url+"application/ajaxsearch", {'description':true, 'function_name':$("#function_name").val()}, function(results){ 
    $("#function_description").html(results).fadeIn("slow"); 
    }); 
} 

Answer 2

probablement beaucoup d'autres façons, mais voici ce que j'ai.

Vous pourriez avoir besoin d'un plug-in pour l'autocomplétion comme ceci: http://docs.jquery.com/Plugins/Autocomplete

Le reste du code ressemblerait à quelque chose comme ceci:

$(document).ready(function(){ 
//auto completer code 

$('#function_search_form').submit(function(){ 
    inline_results(); 
    return false; 
}); 
}); 

function inline_results() { 
$("#function_description").load(base_url + 'application/ajaxsearch', 'description=true&function_name=' + $('#id-of-function_name-element').val()); 
$("#function_descritpion").show('normal'); 
} 

Vous devriez également envisager d'utiliser .serialize() pour la valeurs de formulaire.