Auto-Resize Table with a dependence to a textfield

Question

i would like to get a resizeable textfield. You can see the Table and i have there a Input Text in HTML. The content depends on a calculation and i don't know how long the String would be. Is it possible to auto-resize the width of the input type "text" in a dependence to the represented content in the field?

Thanks for your help.

Here you can see my sample.

       <table class="returnTable" style="overflow: auto">
                <tr>
                    <td class="fett">Kalkulierter Hash-Wert:</td>
                </tr>
                <tr>
                    <td><input type="text" style="overflow: auto; resize: both" value="<?php if(isset($_POST['hashWert'])){echo $_POST['hashWert'];}  ?>"</td>
                </tr>
        </table>

score 1 · Accepted Answer · answered Jan 15 '15 at 14:05

1

You can try:

PHP

$size = strlen($_POST['hashWert']);

HTML

<input type="text" size="<?php echo $size; ?>" value="<?php echo $_POST['hashWert']; ?>">

P.S. perhaps you have to adjust the size a little bit, according to your font-size etc.

answered Jan 15 '15 at 14:05

empiric

7,825
7
37
48

score 0 · Answer 2 · edited May 23 '17 at 12:09

0

You need to calculate width of the text. This looks promising: Calculate text width with JavaScript

when you know text width, you can set width of your :

var el = document.getElementById("MyInputText");
el.syle.width=width;

Don't forget to give your input proper ID so it can be found by javascript.

edited May 23 '17 at 12:09

Community

1
1

answered Jan 15 '15 at 13:57

Ján Stibila

619
3
12

I have no idea about the width of the text. It must be completely responsive. Is there a way without JS ? – Lukas Hieronimus Adler Jan 20 '15 at 12:20

Auto-Resize Table with a dependence to a textfield

2 Answers2