Visualizzazione risultati 1 fino 3 di 3

Discussione: [Altersito] mettere nei form i pulsanti javascript al posto di quelli classici

  1. #1
    Guest

    Question [Altersito] mettere nei form i pulsanti javascript al posto di quelli classici

    Ciao, vorrei sapere come sostituire in xhtml i classici pulsanti di un form con quelli che ho preparato con i css.

    Il codice semplice, senza comando, del bottone è:
    Codice:
    <span class="art-button-wrapper">
    <span class="l"> </span>
    <span class="r"> </span>
    <a class="art-button" href="javascript:void(0)">Link</a>
    </span>
    ma vorrei dargli le funzioni del pulsante:

    Codice:
    <input value="Invia" type="submit">
    e
    Codice:
    <input value="Cancella" type="reset">
    Come posso fare?

  2. #2
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    Usando JavaScript, devi prima assegnare un nome al modulo che contiene i pulsanti (usando l'attributo NAME sul tag FORM). Poi, i due comandi da scrivere in HREF sono rispettivamente:
    - document.nomeModulo.submit() per inviare il modulo
    - document.nomeModulo.reset() per cancellare i dati inseriti

    Inconveniente: chi ha JavaScript disabilitato non sarà in grado di far funzionare quei pulsanti. Prova con questa soluzione: sostituire direttamente il link con il tag del pulsante, e assegnare ugualmente la classe art-button. Potrebbe servirti qualche modifica ai CSS, per esempio sui bordi, che per il pulsante sono preimpostati in automatico...

    Stammi bene...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

  3. #3
    Guest

    Talking Grazie!

    Non potevo non ringraziarti, sei stato provvidenziale!
    GRAZIE!
    Ho fatto diverse prove e c'ho sbattuto un po' prima di capire bene come fare, ma alla fine ho risolto, senza usare javascript.

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •