কিভাবে এইচটিএমএল টেক্সট বক্স draggable এবং resizable jQuery UI প্লাগইন ব্যবহার করে?

jQuery ui draggable প্লাগইন ব্যবহার করে, আমি এইভাবে HTML টেক্সট বক্সকে টেনে এনে দিয়েছি:

<script type="text/javascript" language="javascript">
    $(document).ready(function() {
        $("#Text1").draggable({
            containment: "parent",
            cancel: null
        });
    });
</script>

<form id="form1" runat="server">
<div>

    <div id="dialog" title="Dialog Box" style="border: solid 1px black;">
        <input id="Text1" type="text" style="width: 200px; height: 20px;" value="Text1" />
    </div>

</div>
</form>

কিন্তু, এটি কিভাবে resizable কিভাবে jQuery ব্যবহার করে?

তুমাকে অগ্রিম ধন্যবাদ.

গোড়ান

0
আপনার প্রয়োজনীয় ফাংশনটি পুনরায় আকার দিন() কিভাবে ব্যবহার করতে হয় তা এই লিঙ্কটি দেখুন: api.jquery.com/resize</একটি>
যোগ লেখক cpoDesign, উৎস
stackoverflow.com/questions/8575637/… আপনি যে উত্তরটি খুঁজছেন সেটি এখানে আছে। বাতিল: বাতিল করুন
যোগ লেখক Chris, উৎস

2 উত্তর

By using jQuery UI.
HTML FILE
<input type="text" id="resizable" />
JavaScript File reference all needed jQuery files in script tag i.e

<script src="*all needed .js files*"></script>

<script>
    $(function() {      
    $( "#resizable" ).resizable();
});
</script>

যেহেতু আপনাকে টেক্সটবাক্সের আকার পরিবর্তন করার প্রয়োজন হবে

0
যোগ

Here is the DEMO to make the HTML textbox resizable and draggable using jquery-ui

এ এইচটিএমএল:

<div id="container" class="ui-widget-content">

Containment

*  
<input type="text "id="resizable" class="ui-state-active" value="This is input box">

</div>

এ জাতীয়:

$(function() {
     $( "#resizable" ).resizable({
containment: "#container"
});
     $( "#draggable" ).draggable({containment: "#container"});
});
0
যোগ