花式框使用javascript

Question

Hi this is my java script code inside jsp. I want a success alert using fancy box after submit, how do I do it.

<script type="text/javascript">
function translateData() {
    var word = $('#word').val();
    var lang = $('#lang').val();
    $("#result").html("loading...");
    $.post("translateAdmin.action", {
        word : word,lang:lang
    }, function(data) {
        $("#result").html(data);
    });
}

</script>

Answer 1

Try

function translateData() {
    var word = $('#word').val();
    var lang = $('#lang').val();
    $("#result").html("loading...");
    $.post("translateAdmin.action", {
        word: word,
        lang: lang
    }, function (data) {
        $("#result").html(data);
        $.fancybox("success message"); // display alert after data is in #result
    });
}

It's assumed that you have properly included the fancybox js and css files