|
Тема
|
Autoresize button (HTML + Javascript)
|
|
Автор |
zapper (непознат
) |
Публикувано | 06.03.06 16:38 |
|
Най общо :
Имам два бутона.При OnClick() на единия присвоявам някакъв String като стойност на втория.Проблемът се състои в това, че искам бутоните да са с фиксирани размери, а ако подадения String е прекалено голям размерите на бутона се променят автоматично.Искам ако е нужно част от текстът да не е видим но размерите на бутона да останат непроменени.
| |
Тема
|
Re: Autoresize button (HTML + Javascript)
[re: zapper]
|
|
Автор |
Flamm () |
Публикувано | 06.03.06 17:07 |
|
Примерно, ако искаш бутонът ти да е 100 пиксела широк:
<input type="button" ...и др... style="width:100px;" />.
| |
Тема
|
Re: Autoresize button (HTML + Javascript)
[re: Flamm]
|
|
Автор |
zapper (непознат
) |
Публикувано | 06.03.06 17:27 |
|
Благодаря!
Сега пробвах да му добавя и height:200 да речем.Иска ми се да ползвам цялата височина за изобразяване на текста.Ако може да го разделя на два или три реда.Как би станало това?
| |
|
не бих слагал много текст върху бутон - не е прегледно, по-добре си задели някакво текстово поле за целта, като по някакъв начин визуално ги отделиш от останалите за да е ясно за кво иде реч.
There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.
| |
|
Ще има два панела горен с 20-30 плътно долепени бутони и долен с 30-40 бутона :).Място за текст няма да има.С ajax ще се взимат values на долните бутони от едно php през MySQL.Нещо като система за маркиране в ресторант :)
<input type="button" style="width:150px;height:150px" value="НЕ ТОЛКОВА ГОЛЯМ ТЕКСТ" >
Поне това искам да се вижда.
| |
Тема
|
Re: На твое място...
[re: zapper]
|
|
Автор |
Flamm () |
Публикувано | 07.03.06 12:35 |
|
Вариантът, за който се сещам, и с който можеш да покажеш целия текст на бутона и той да се "излива" спокойно в полето, определено за него, е да замениш бутоните с обикновени линкове, които да изглеждат като бутони. Може и да ти свърши работа:
css:
.button {display: block;width: 150px; height: 150px;padding: 2px; border-width:1px; border-style:solid; border-color:#ccc #666 #666 #ccc; background:#eee;color:#000; text-decoration:none;}
html:
<a href="#" onclick="" class="button">mnogo dalag text mnogo dalag text mnogo dalag text mnogo dalag text</a>
| |
|
|
|
|