largura do texto

[mauee 0]

Eu quero saber se existe alguma forma de capturar a lagura ocupada pelo texto, por exemplo, em uma tag div:

<div id="campoA">texto dentro da tag DIV</div>

daí, tipo, quando a largura deste texto ultrapassar 50px (largura sem quebra de linha), eu preciso colocar reticências (...) no final, ficando +/- assim:

<div id="campoA">texto dentro da ...</div>

Mas não sei como pegar a largura deste texto.

Se alguém tiver qualquer solução, mesmo que não utilize DIV, estarei grato.

[hinom 5]

você pode obter a quantidade de caracteres e à partir daí aplicar as suas regras

 

para obter o texto chame a propriedade innerHTML ou innerText

 

nomeDoObjeto.innerText

 

no seu caso

campoA.innerText

 

o correto e padronizado é o uso do método DOM, mas por enquanto faça usando innerHTML pra você entender e depois você faz outras adaptações e melhoras com o tempo

[mauee 0]

ok, mas eu preciso de uma solução que envolva a largura do campo, e não qtde de caracteres..

até porque um texto, que não seja mono-espaçado, com 5 i não tem a mesma largura de um texto com 5 m

 

iiiii -> 5 caracteres, ocupa 10px de largura.

mmmmm -> 5 caracteres, ocupa 15px de largura.

 

alguma propriedade do tipo

objeto.innerWidth ou objeto.clientWidth

tipo, pra pegar em tempo real a largura do campo...

[mauee 0]

deu um erro de proxy no imasters quando eu postava, daí duplicou este post...

[mauee 0]

algém se habilita a me ajudar, por favor??

[berkowitz 2]

Fala velho! Firme?

 

Eu já vi um esquema do CSS que faz isso sem precisar de JS, porém faz um bom tempo e eu não lembro nem o nome! huahuaahuahua...

To caçando por aqui e se encontrar te aviso.

 

ABRAX!

[mauee 0]

Fala velho! Firme?

 

Eu já vi um esquema do CSS que faz isso sem precisar de JS, porém faz um bom tempo e eu não lembro nem o nome! huahuaahuahua...

To caçando por aqui e se encontrar te aviso.

 

ABRAX!

Vlw pela ajuda kra, eu já tava ficando triste... http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

[berkowitz 2]

Velho... não querendo te desanimar, mas eu vi isso há muito tempo em uma palestra e NUNCA MAIS encontrei! aHAHAhuaAhuauh...

[mauee 0]

Mas será que não tem alguma propriedade da tabela, por exemplo, ou de outro objeto onde o javascript pega a lagura em tempo real?

 

não é possível que ninguém saiba fazer isso! é o básico em javascript mas eu não to conseguindo solução!

[hinom 5]

mauee,

 

não somos suporte técnico

 

tenha ciência disso e respeite a comunidade imasters

 

 

 

quanto a sua dúvida. o que você quer fazer é tecnicamente futil por isso nao existe um método adequado para fazer.

 

sem mais.

[mauee 0]

Se liga, tá pegando pesado meu...

sites bem organizados usam esta técnica que eu estou procurando...

se eu nao achar, vou apelar pro flash, mas por enquanto prefiro tentar achar algo em javascript/css.

[berkowitz 2]

apelar pro flash como? Dependendo da tua solução usa a idéia pra fazer em JS!

 

E outra coisa mano... c pegou pesado primeiro hein!

não é possível que ninguém saiba fazer isso! é o básico em javascript mas eu não to conseguindo solução! foi osso...

Se é tão básico assim você também deveria saber, mas sei lá... minha opinião! ^_^