Sign In
Create Account
auto-sizing font
Last Updated: Oct 08 2010 11:32, Started by
Krsty
, Sep 13 2010 18:57
·
0
0
#1
Posted 13 September 2010 - 18:57
|
Salut. Am intilnit o problema care imi da bataie de cap. Elaborez un blog , si box-ul unde apare numele autorului are o anumita lungime , ex. 100px , si doresc ca numele autorului sa nu treaca de aceasta lungime , sa-si schimba proprietate "font-size" in dependenta de lungimea cuvintului. De exemplu "max-size" sa fie 20px si daca lungimea textului ajunge 100px , atunci "font-size" sa scada . Am vazut la mai multe bloguri dar nu inteleg principiul de functionare. Am gasit un plugin asemanator , dar nu-l pot implementa : http://www.dreaminco...nippet4235.htm\
Multtumesc mult. |
Back to top
#2
Posted 08 October 2010 - 11:32
|
pai eu cred ca ai putea face alta chestie ..... si anume
<input type="text" name="autor" maxlength="100" style="width:100px;" />aici definesti un camp de 100px care poate contine 100 de caractere.. daca lungimea stringului introdus este peste 100px atunci o sa'ti defileze campul - ai putea face o alta chestie, dar cred ca'ti trebuie un font tip monospace .. sa stii exact latimea unui caracter pt anumite marime a fontului si folosind
<input type="text" name="autor" maxlength="100" style="width:100px;" onkeyup="functie(this);" />
<script type="text/javascript">
var actualsize = 14;
function functie(x) {
var el = document.getElementById(x);
if ( el.value.length * { latime caracter } => 95 ) {
actualsize -= actualsize;
el.style.fontSize = actualsize;
} else if (actualsize<14) { // presupunem ca 14 este marimea maxima a fontului
actualsize += actualsize;
el.style.fontSize = actualsize;
}
}
</script>
ceva de genul vad eu. singura treaba este ca trebuie sa calculezi "latimea caracterului" pt fiecare inaltime a fontului. si sa folosest fonturi cu latime fixa indiferent daca scrii un . (punct), i sau Q Edited by oSerX, 08 October 2010 - 11:34. |
Anunturi
Bun venit pe Forumul Softpedia!
▶ 0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users
-
- Change Theme
- English
- Mark Community Read
- Termene & conditii
- Confidentialitate
- Consimtamant
- Cookies
- Help
© 2001-2024 Softpedia. All rights reserved. Softpedia® and the Softpedia logo are registered trademarks of SoftNews Net SRL.
Ora implicita a Forumului Softpedia este ora standard a Romaniei (GMT+2). Mai multe informatii →
⚠ Postarile afisate pe Forumul Softpedia reprezinta o opinie subiectiva a membrilor care le-au publicat si nu a SoftNews Net SRL.