Andreas Nagel: Textfeld immer an die verfügbare Größe anpassen

Beitrag lesen

Jo Hallo Matthias

bei mir gibt es aber leider keine Online-Seite. Aber ok dann zeige ich hier mal die betreffenden Zeilen:

  
.Marker { background-image: url("Pictures/Button.jpg"); background-repeat: repeat-x; background-color:#ccc; width:40px; height:40px; margin:0; font-weight:bold; font-size:16pt; border-top:0; float:left}  

<tr id="TRFunction" style="display:none;">  
<td id="TDFunction" style="border:5px solid #00ee00; border-bottom:0px; background: url('Pictures/VerlaufAuswahl.jpg') repeat-x #eee; background-position:top; padding:0; " onselectstart="return false">  
<div id="FrameMenue" style="background-color:#000; display:none; height:40px; float:left">  
<button type='button' id='Marker' value="&gt;" class='Marker' onclick="FrameMarkierungen()" title="Aller Eintrage markieren" onfocus='this.blur()'>></button>  
<button type="button" id="Eigenschaften" onclick="LinkEigenschaften()" title="Eigenschaften markierter Links" style="background: url('Pictures/ButtonMenue.jpg'); height:40px; width:70px; border-top:0; float:left" onfocus="this.blur()">  
<img src="Pictures\project-open.ico" width="32" height="32" align="middle" alt="Denker">  
</button>  
<button type="button" id="LinksSenden" onclick="Email()" title="Markierte Links per Email senden" style="background: url('Pictures/ButtonMenue.jpg'); height:40px; width:70px; border-top:0; float:left" onfocus="this.blur()">  
<img src="Pictures\Email.gif" width="23" height="24" align="middle" alt="Denker">  
</button>  
<button type="button" id="AddLinks" onclick="" title="Markierte Links hinzufügen" style="display:none; background: url('Pictures/ButtonMenue.jpg'); height:40px; width:70px; border-top:0; float:left" onfocus="this.blur()">  
<img src="Pictures\Sunny.ico" width="32" height="32" align="middle" alt="Denker">  
</button>  
<button type="button" id="DelLinks" onclick="" title="Markierte Links löschen" style="display:none; background: url('Pictures/ButtonMenue.jpg'); height:40px; width:70px; border-top:0; float:left" onfocus="this.blur()">  
<img src="Pictures\Delete.png" width="32" height="32" align="middle" alt="Denker">  
</button>  
<button type="button" id="SubLinks" onclick="HideAllSubLinks()" title="Alle Sublinks ausblenden" style="display:none; background: url('Pictures/ButtonMenue.jpg'); height:40px; width:70px; border-top:0; float:left" onfocus="this.blur()">  
<img src="Pictures\SubUp.png" width="30" height="30" align="middle" alt="Denker">  
</button>  
<button type="button" id="SuchenCtl" onclick="SuchfeldAnzeigen()" title="Suchfeld ein-/ausblenden (F2)" style="background: url('Pictures/ButtonMenue.jpg'); height:40px; width:70px; border-top:0; float:left" onfocus="this.blur()">  
<img src="Pictures\suchen2.ico" width="32" height="32" align="middle" alt="Denker">  
</button>  
</div>  
<div id="Suchbereich" style="margin:0; width:100%; visibility:visible; background-color:#000; clear:none; white-space:nowrap; ">  
<button id="SuchfeldSelect" type='Button' value="&gt;" class='Marker' onclick="document.getElementById('Suchfeld').select()" title="Text markieren" onfocus='this.blur()'>></button>  
<input type="text" Id="Suchfeld" onFocus="SuchfeldFocus(); " tabindex="1" style="margin-top:5px; border:2px solid #000; height:24px; min-width:100%; display:block; color:#000; font-size:16px; font-family:Arial; line-height:24px; clear:none; float:right " onBlur="SuchfeldBlur()" autocomplete="off" value="Suchtext" />  
</div>  
</td><td></td>  
</tr>  
<tr>  
<td id="DatenFrameBereich" style="">  
<iframe id='DatenFrame' width="100%"  name='DatenFrame' onload="$(document.getElementById('dunkel')).fadeTo(300,0.0, function () {CloseDialog(); document.getElementById('dunkel').style.backgroundColor = '#000'; document.getElementById('DatenFrame').onload=null});" frameborder="0"></iframe>  
</td>  
<td id="SideMenue" name="SideMenue" style="background:transparent; vertical-align:top; padding:0; border:0" rowspan="3">  
<div style="position:absolute; z-index:1; margin-top:3px; opacity:0.15; filter:alpha(opacity=15); background-color:#000; height:150px; width:53px"></div>  
<div id="SideMenue" name="SideMenue" style="position:relative; height:150px; width:50px; z-index:8 ">  
	<input id="ScrollTop" type="Button" onclick="frames['DatenFrame'].ScrollIntoTop()" onfocus="this.blur()" style="width:50px; height:50px; background: url('Pictures/top.png') no-repeat #eee; background-position:center" title="zum Seitenanfang scrollen"><br>  
	<input id="ScrollBottom" type="Button" onclick="frames['DatenFrame'].ScrollIntoBottom()" style="width:50px; height:50px; background: url('Pictures/bottom.png') no-repeat #eee; background-position:center" onfocus="this.blur()" title="zum Seitenende scrollen"><br>  
	<input id="SortCtl" type="Button" oncontextmenu = "SortMenueBereichPositionieren(); PageMenuesShow('SortMenueBereich'); return false" onclick="SortDB(((top.SortIndex >= 3) * -4) + Number(top.SortIndex) + 1)" onfocus="this.blur()" style="background: url('Pictures/10.png') no-repeat #eee; background-position:center; height:50px; width:50px" value="">  
</div>  
</td>  
</tr>  
<tr><td></td></tr>  

was ja schon fast die ganze Tabelle zeigt. Fehlen will hier nur die Zeile mit der Kennung, zur Beschriftung und Erkennung des gezeigten Inhaltes.

Also würde ich mich freuen wenn es auch sow reichen würde etwas damit anfangen zu können. Und Hilfe-ratschläge kann ich kaum erwarten. Also schon jetzt vielen Dank für jede Bemühungen und ich wurde mich über Erfolge sehr freuen.

Also schonmal Danke und mit Grüße Andreas Nagel