das problem dabei: automatischer zeilenumbruch
wenn ich nur irgendwie die höhen zweier divs vergleichen könnte....
also div 1 (höhe unbekannt) ist höher / niedriger als div 2 (höhe unbekannt)
höhe von div langsam ändern
-
also so langsam wirds arg eng für dein vorhaben
-
dein optmismus ist bemerkenswert
poste mal entsprechenden code bitte
-
HTML
Alles anzeigen<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>checking</title> <script type="text/javascript"> /* <![CDATA[ */ function textit(zahl){ var text1 ='äiheüfiohWÜEIOFGHAÜIGR OHAÜHÜAIROHG ÜAIRHEGÜIRHEGÜOI AHERÜGOIHAERGNAÜÄ EIRHBÜEÄB HÜEHEIRHGÜIHÜEÄIH *IROEGHÜOIRAHE GÜOIJAERÜGOIJEAÜROIGJÜAEIJR GÜAIREJGÜIJAERÜIGEÜI ROGJÜAEIROJGÜOIRAEGÜ *OIRAHE*ABGIOER*BAIHERHRÜOIB HÜAEIRHIAERIEGJÜAEROJGHAERJGHE *PJROH*PAEJRO HAEIJRHAIJR EH*PAJROEH*PJROEHB'P EIJROHB'PEORJBH'POJAEHPRO EJHPAEJROAH'EPJOH* PAERJOHPAFJROHAFLÖJHLAFJHPA JROH'PAEJROH'EDROH'; var text2 ='blubb'; var target = document.getElementById('datdiv'); if(zahl==1){target.innerHTML=text2;} else{target.innerHTML=text1;} } function getheight(){ var target = document.getElementById('datdiv'); alert('height: '+target.style.height +' - minheight: '+ target.style.minHeight); } /* ]]> */ </script> </head> <body> <div id="header"></div> <div id="wrapper"> <div id="navi"></div> <div id="content" style="width:80%;"> <input type="button" value="blubb" onclick="textit('1');"><input type="button" value="mehr text" onclick="textit();"><input type="button" value="getheight" onclick="getheight();"> <br /> <p id="datdiv" style="min-height:50px; background:yellow; width:50%;"> </p> </div> <div id="footer"></div> </div> </body> </html>das hab ich grad mal auf doof gemacht um zu testen.. fucked gut ab dein prob..^^ wollt eigentlich zocken und mich mal wat entspannen, aber beim lesen deines anfrage hats mich gepackt -.-
der entsprechende code wäre dein problemcode gewesen...
hast du ne fixe breite für dein div oder ne dynamische?
denn eine idee hab ich noch -
So, hier hab ich mal was schnell hingezaubert, damit ihr seht, wie das geht
http://phpdave.com/whyjqueryownssomuch.htm
Aber vorsicht! Lasst euch nicht von der enormen Codemenge erschlagen -
ich hab die Idee
1) Du benutzt eine Schriftart, in der jedes Zeichen gleich breit ist.
2) Du schaust nach, nach wie vielen Zeichen ein Umbruch kommt.
3) Eine einfache Division sagt dir die anzahl der Zeilen
4) Darüber kann man mit der Schriftgröße auf die neue Contenthöhe rückschließen.
5) Mit dem vorher gespeicherten wert für den Content, kann man das langsam öndern@NoOoB:
Ich denke du hast das Problem noch nicht verstanden.
Das problem ist nicht das umändern der größe, sondern das herausfinden der Größe, damit man die Größe überhaupt ändern kann, damit der Text hineinpasst(!) -
dann bleibe denke ich nur noch 3 möglichkeiten
1) du gibst für jeden text eine eigene größe dazu, auf die geändert wird
2) du misst für deine Schriftart zeichen für Zeichen.
3) Du lässt einen gewissen Fehlerbereich zu, und nimmst einen Mittelwert für jedes Zeichen. -
ich stell mir grad die frage, wie du auf nen scrollbalken prüfen willst.. ich hab dafür bis dato noch keine möglichkeit gesehen.. ich kann zwar bei nem mit js erzeugten fenster den balken direkt ausschalten, aber des is window.scrollbars und nich object.scrollbars!
evtl musste da tatsächlich von hinten durch die brust ins auge um an deine eierlegende wollmilchsau zu kommen.
ich hab auch bis dato nie so ne faxe versucht.. ob man da mit offset rankommt? ich weiß es nicht..
du könntest mit faux columns arbeiten dann sieht man generell nich wie hoch des div is sondern imitiert auch da noch nen div, wo es eigentlich schon zu ende ist... -
also mir fiel bis jetzt nichts ein, wie das realisierbar wäre..
also nicht unter den genannten gesichtspunkten.
wenn du deinen text selber formatieren würdest könnte man anhand der <br> und der lineheight an nen wert kommen, aber so......!no chance! denke ich
-
Da hilft übrigens auch ein kleiner Blick im FireBug, manchmal sind so Hilfsmittel eben schon praktisch, gibt übrigens auch offsetLeft und offsetTop für die Position.