Textläng, -höhe im DIV Tag dynamisch ändern
Thomas S.
- css
Hallo Gemeinde
ich habe folgendes Problem.
Ein User hat ein Feld, in das er einen Text eingeben kann (nur eine Zeile). Diese Information wird via ASP zum Server geschickt, der den Text auf einer neuen Seite wieder zum Client schickt. Der Text soll auf der neuen Seite in einem DIV Tag stehen, damit man den Text mit der Maus auf der Browseroberfläche verschieben kann (siehe DHTML).
Da die Textlänge jetzt von der Eingabe des Benutzers abhängt kann ich in CSS nicht die länge das DIV Tags (fest) angeben da sie sich ja mit der Eingabe des Textes ändert. Um aber mit der Maus den Text verschieben zu können muß ich doch einen DIV Bereich (länge, höhe) definieren, sonst reagiert mein mouseevent nicht. Wie bekomme ich die Länge und die Höhe meines Textes, um ein entsprechenden DIV Bereich zu definieren oder gibt es noch andere Lsg.
Der DIV Bereich sollte auf keinen Fall länger und höher sein als der Text.
Hier noch ein Stück vom HTML Code
...
<style type="text/css">
<!--
#square {position:absolute;left:100px; top:120px; width:20px; height:20px; background-color:red....
-->
</style>
</head>
<body ...>
<div id="square">Variabler Text</div>
</body>
....
Das Javascript zum verschieben des Div habe ich nicht mit abgebildet.
Die Angaben width und height sollen jetzt immer der Textlänge angepaßt sein, da diese unterschiedlich lang ist.
Vielen Dank für Eure Hilfe
Viele Grüße
Thomas S.
Hi
di folgende Funktion benutze ich damit Netscape bei nem
grossen Zentralen Layer mir auch Scrollbalken anzeigt ,
das müsste abgewandelt auch bei dir helfen denke ich
mal :
function calcHeight() {
if (document.layers['Tab01']) {
h=document.layers['Tab01'].document.height +160;
if (h > document.height) {document.height = h;}
}
}
also dem layer erst gar keine Grösse geben , danach die
Grösse abfragen und nochmal zuweisen
also :
x=document.layers['Tab01'].document.height;
document.layers['Tab01'].document.height=x;
ebenso mit der Breite und das denn halt noch in der
IE-Variante .. :)
gruss
Jens