JQuery UI प्लगइन का उपयोग कर HTML टेक्स्ट बॉक्स को खींचने योग्य और आकार बदलने योग्य कैसे करें?

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>

लेकिन, jQuery का उपयोग करके इसे आकार बदलने योग्य कैसे करें?

पहले ही, आपका बहुत धन्यवाद।

गोरान

0
जोड़ा संपादित
विचारों: 1
जिस फ़ंक्शन की आपको आवश्यकता है उसका आकार बदलना है() इस लिंक को कैसे उपयोग करें इस पर देखें: api.jquery.com/resize</एक>
जोड़ा लेखक cpoDesign, स्रोत
jQuery ड्रैग का उपयोग कैसे कर सकता हूं और टेक्स्टबॉक्स पर ड्रॉप करें "> 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

HTML:

<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
जोड़ा