| Autor | Zpráva | ||
|---|---|---|---|
| heli Profil * |
#1 · Zasláno: 12. 9. 2008, 09:51:18
Jak děláte grafiku pro buttony? Mám jeden obrázek pro button s kulatými rohy.
Asi bych obrázek měla vložit 2x - jednou pozicovat vlevo, podruhé vpravo. Jednou jako: .button { background: url (img/button.jpg) no-repeat 0% 0%; } ale kam mám vložit ten druhý? <input type="submit" class="button" value=""> děkuji za rady |
||
| Manq Profil |
#2 · Zasláno: 13. 9. 2008, 16:43:18
heli
Tlačítka a obecně formulářové prvky se špatně stylují, nedoporučuji ti to. Udělej to jako jeden obrázek. |
||
| Str4wberry Profil |
#3 · Zasláno: 13. 9. 2008, 16:47:34
Použij čistokrevný <button> (kam můžeš dát další HTML značky). Nebo <input type='image'> s celým obrázkem.
|
||
| Strajk Profil |
#4 · Zasláno: 13. 9. 2008, 17:05:25
Já používám v HTML zápisu <button>Text tlačítka</button> a JS si pak všechny projedu a vytvořím z nich:
<button><span class="left"></span><span class="content">Text tlačítka</span><span class="right"></span></button> Jiný způsob jak udělat tlačítka z obrázků s dynamickou šířkou neznám |
||
| Str4wberry Profil |
#5 · Zasláno: 13. 9. 2008, 17:13:06
Proč ten JavaScript, Strajku?
|
||
| Strajk Profil |
#6 · Zasláno: 13. 9. 2008, 17:16:59
Protože psát
<button><span class="left"></span><span class="content">Text tlačítka</span><span class="right"></span></button> místo <button>Text tlačítka</button> není moc zábavný a pokud jsou to jenom grafický prvky tak nevidím důvod proč si nevygenerovat místo datlování do klávesnice ;) |
||
| vertigo4 Profil |
#7 · Zasláno: 13. 9. 2008, 17:18:16
Strajk
„proč si nevygenerovat místo datlování do klávesnice“ A do toho JS to nakouzlíš, nebo jak? |
||
| Strajk Profil |
#8 · Zasláno: 13. 9. 2008, 17:39:48
v javascriptu napíšu 3 řádky který mi pak přepíšou vygenerujou stovky tlačítek takže myslím že jsem v plusu :)
|
||
| vertigo4 Profil |
#9 · Zasláno: 13. 9. 2008, 17:52:52
Strajk
My se zde ale nebavíme o stovkách tlačítek. |
||
| Strajk Profil |
#10 · Zasláno: 13. 9. 2008, 17:59:21
vertigo4 a proč by ne? Pokud je rozsáhlý web a tlačítka se nepoužívají jenom pro odesílání formulářů tak to naskáče hned...
Nicméně kdyby těch tlačítek bylo více než dejme tomu 5, už bych volil javascript |
||
| Strajk Profil |
#11 · Zasláno: 13. 9. 2008, 18:02:39
S prototypem nebo jinou js knihovnou práce na minutu
$$('button').each(function(item) {
item.update('<span class="left"></span><span class="right"></span><span class="content">'+item.innerHTML+'</span>');
});
|
||
| vertigo4 Profil |
#12 · Zasláno: 13. 9. 2008, 18:20:20
Strajk
No vskutku užitečné zatahovat kvůli 5 tlačítkům js knihovny... |
||
| Strajk Profil |
#13 · Zasláno: 13. 9. 2008, 18:52:32
Proč ne, prototype má 120KB, což u osobní stránky kde je pár návštěvníků denně na trafficu moc nepřidá a u webu s návštěvností vyšší je stejně většinou nějaký pokročilejší javascript a na ten je nějaká ta knihovna už "nutná"...
Navíc nesmíme myslel pouze na pohodlí návštěvníků ale taky na pohodlí nás, vývojářů ;) |
||
| joe Profil |
#14 · Zasláno: 13. 9. 2008, 19:28:39
Používám to nějak takhle:
<span><input type="submit" class="button" value=""></span> Není vhodné používat jeden celý obrázek, protože nikdo dopředu neví, jak dlouhý text bude na tlačítku. Strajk Zatahovat prototype kvůli tomuhle je naprosto zbytečný a není k tomu jakýkoli důvod. Navíc je tam plno funkcí, které se ani nevyužijou. A taky to jde udělat čistým JS a taky to je na pár řádků, takže těch dalších 1000 je zbytečných... |
||
| Str4wberry Profil |
#15 · Zasláno: 13. 9. 2008, 21:02:14 · Upravil/a: Str4wberry
Reakce na Strajka:
„S prototypem nebo jinou js knihovnou práce na minutu“ Úžasné, ale není lepší použít čistý JavaScript? btn = document.getElementsByTagName("button");
for (var j = 0; j <= (btn.length - 1); j++) {
btn[j].innerHTML = "<span class='left'></span><span class='content'>" + btn[j].innerHTML + "</span><span class='right'></span>";
}Reakce na joa: „Není vhodné používat jeden celý obrázek, protože nikdo dopředu neví, jak dlouhý text bude na tlačítku.“ Pokud není tlačítko obrázkem včetně popisku. |
||
| Strajk Profil |
#16 · Zasláno: 13. 9. 2008, 21:35:52
Str4wberry viz můj poslední příspěvek tady. Já jsem zvyklý používat js knihovny tak jsem nabídl toto řešení, je ale dobře, že napsals alternativu v čístém js takže si každý z toho může vzít každý to co bude potřebovat...
Ještě další důvod proč to udělat javascriptem: HTML je jazyk pro nějaký obsah, ne a vzhled... proto když něco nejde udělat přes css tak raději místo dopisování nějakých elementů čistě vzhledových (rohy, stíny, ...) do zdrojového kódu vytvořím si třebas style.js, ve kterém to všechno zaopatřím. |
||
| Str4wberry Profil |
#17 · Zasláno: 14. 9. 2008, 00:53:08 · Upravil/a: Str4wberry
Rozumím, jenže mně se moc tenhle („do zdrojového kódu vytvořím si třebas style.js“) postup nelíbí, vede to, řekl bych, k nepřehlednosti — takovéto generování kusů HTML JavaScriptem, potom nevím, kde a co vlastně generuji. Má to navíc dvě menší nevýhody.
1. V průběhu načítání najednou tlačítko změní styl. 2. Bude to zbytečně nefunkční bez JavaScriptu. Výhoda je v méně ukecaném HTML kódu, tedy jednodušší pro psaní autora webu. Otázkou je, zda se to vyplatí, nebo ne. |
||
| joe Profil |
#18 · Zasláno: 14. 9. 2008, 01:08:01
Str4wberry
„Pokud není tlačítko obrázkem včetně popisku.“ To jistě, ale o to je to horší, pokud je obrázek uložený i s popiskem. Pokud máš takových tlačítek 30, budeš dělat 30 obrázků a různě velkých? Možná, pokud nepůjdeš nikam přes oběd :-) |
||
| Str4wberry Profil |
#19 · Zasláno: 14. 9. 2008, 01:15:57
Případ od případu. Ale někdy je potřeba, aby to tlačítko mělo třeba i zvláštní font, takže je to nevyhnutelné.
„Pokud máš takových tlačítek 30 […]“ Navíc jich většinou tolik potřeba není. |
||
| Strajk Profil |
#20 · Zasláno: 15. 9. 2008, 15:03:44
btw
alert($$('button').size()); |
||
| Měsíček Profil |
#21 · Zasláno: 15. 9. 2008, 15:46:23
Myslím, že jste už docela daleko od břehu ;)
|
||
| Strajk Profil |
#22 · Zasláno: 15. 9. 2008, 16:20:54
Co? :D
|
||
| vertigo4 Profil |
#23 · Zasláno: 15. 9. 2008, 16:38:42
Strajk
„Co?“ Řešíš tu zbytečnosti... |
||
|
Časová prodleva: 16 let
|
|||
0