jQuery UI Position

Test page for positioning a div next to a text element.

by karim79

HTML

<br /><br />
<div align="center">
    <input type="text" id="autocomplete"/>
</div>

JavaScript

var $div = $("<div id=\"float\">Test!</div>");

$("body").append($div);
$div.position({
    my: 'left left',
    at: 'right right',
    offset: "10 0",
    of: $("#autocomplete"),
    // or $("#otherdiv)
    collision: "none"
});

$("input").keyup(function() {
    $("#float").html(this.value);
});