Tag <button> místo <input>

daliborcaja

Jak změnit u formu aby se submit tlačítko vykreslovalo s tagem <button> místo <input>. Ptřebuji to kvů možnosti změny grafiky tlačítka pomocí jquery.

<script type="text/javascript">
$(document).ready(function() {
    $('.button-cart').button({
        icons: {primary: 'ui-icon-cart'},
        text: false
    });
});
</script>

bojovyletoun

FormContainer::addButton()

daliborcaja

bojovyletoun napsal(a):

FormContainer::addButton()

To není to co jsem myslel. Vráti to tohle:

<input type="button" class="button" name="addToCartSubmit" id="frmaddToCartWK410-addToCartSubmit" value="Koupit" />

Já potřebuji tohle:

<button type="submit" class="button" name="addToCartSubmit" id="frmaddToCartWK410-addToCartSubmit">Koupit</button>

Editoval daliborcaja (15. 3. 2011 0:38)

22

API → https://api.nette.org/…eButton.html

daliborcaja

22 napsal(a):

API → https://api.nette.org/…eButton.html

Já chtěl k tomu vytvoření tlačítka použít jquery, takže tohle taky nevyhovuje mým požadavkům, nicméně je to taky pěkná feature.

Nakonec jsem na to přišel zase sám:

<?php
$form->addSubmit('addToCartSubmit', 'Koupit');
$button = $form['addToCartSubmit']->getControlPrototype();
$button->setName('button');
$button->setText('Koupit');
$button->class[] = 'button-cart';
?>

Spolu s výše uvedeným JS kódem to dělá pěkné tlačítko.

22

hmm, asi to nějak nechápu, ale když to dělá, co chceš.

hrach

daliborcaja napsal(a):

Spolu s výše uvedeným JS kódem to dělá pěkné tlačítko.

Byl tam imho nejaky problem s tim, ze prohlizece u button odesilaji neco jineho, jeden value, druhy obsah mezi tagy… Takze si to hlavne otestuj mezi prohlizeci, ze ti to funguje.

daliborcaja

22 napsal(a):

hmm, asi to nějak nechápu, ale když to dělá, co chceš.

Ono jde v zásadě o to že input je nepárový a button párový, uvnitr buttonu se pak pomoci js (jquery) nahradi text obrazkem. Ten mnou script dela pouze jen to ze zmeni neparovy input na parovy button.

daliborcaja

hrach napsal(a):

daliborcaja napsal(a):

Spolu s výše uvedeným JS kódem to dělá pěkné tlačítko.

Byl tam imho nejaky problem s tim, ze prohlizece u button odesilaji neco jineho, jeden value, druhy obsah mezi tagy… Takze si to hlavne otestuj mezi prohlizeci, ze ti to funguje.

Testováno IE, FF, Opera – OK