Окно параметров AJAX при нажатии на слово? - PullRequest
Новая
       9

Окно параметров AJAX при нажатии на слово?

0 голосов
/ 21 июля 2011

Возможно ли это?как у меня есть эта фраза в текстовом поле:

«Я пошел домой»

тогда, когда я нажимаю «домой», появляется окно параметров, например: 

"I entered home"
         |garden|
         | motel|
         |______|

извините за мой уродливый способ показать это, не мог придумать ничего лучшего lol

1 Ответ

0 голосов
/ 21 июля 2011 
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){
    $("#fieldName").focus(function(){
        var el = $(this);
        var coords = el.offset();
        var div = $("<div>").addClass("dropdown").html("<span>garden</span><span>motel</span>").css({"top":coords.top+18+"px","left":coords.left+45+"px"});
        el.after(div);
        $(".dropdown span").click(function(){
            var newText = "I entered the " + $(this).text();
            $("#fieldName").val(newText);
            $("div.dropdown").remove();
        });
    });
});
</script>
<style>
    .text {width:120px;}
    .dropdown {width:75px; text-align:right; position:absolute; padding:2px; background:#eee; border:1px solid #aaa;}
    .dropdown span {display:block; cursor:pointer;}
</style>
</head>
<body>
<input type="text" class="text" name="fieldName" id="fieldName" value="I entered the home" />
</body>
</html>

Вам понадобится копия jquery (или укажите ее CDN от Google), чтобы это работало.Этот пример довольно примитивен, но, надеюсь, он приведет вас туда, куда вы хотите.

...