Visualizzazione dei risultati da 1 a 9 su 9
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2005
    Messaggi
    55

    Form senza il tasto submit

    Ciao a tutti.
    Vorrei fare una form che ha al suo interno una select, e ogni volta che seleziono un valore dal menu a tendina, vorrei che mi indirizzasse automaticamente ad una nuova pagina senza il bisogno di un submit.
    Vorrei anche che con questo reindirizzamento venissero passati i valori presenti nella form, ovvero il value del campo "option" e un valore "hidden".
    Se non sbaglio dovrei usare "onChange" all'interno della select, ma no so come fare...

    in pratica, il mio codice è così:
    <form action="nuovo.php" method="post" encode="multipart/form-data">
    <select name="select" onchange="voglio che mi indirizzi a nuovo.php">
    <option value="3">option1
    ...
    ...
    </select>
    <input name="es" type="hidden" value="4">
    </form>

    Vi ringrazio!

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    onchange = "this.parentNode.submit()"

    Questo esegue un submit senza dover cliccare su alcun bottone

    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Dai una letta qui:

    - http://webaccessibile.org/argomenti/...to.asp?cat=295

    Quando al punto 2.6 si parla di evitare azioni automatiche in javascript ci si riferisce al fatto che persone con disabilità motorie (quindi prevalentemente portate a navigare una pagina tramite il tasto TAB della tastiera) non avranno possibilità di scelta, in quanto appena il focus cambia verranno direttamente indirizzati alla pagina. Ecco perchè occorre sempre lasciare un pulsante di submit, che permette invece di scorrere tranquillamente la select e poi dare l'invio per la voce desiderata:

    - http://www.webstandards.org/learn/tu...ble-forms.html

    Un po' come ha fatto Michele Diodati nel suo forum accessibile:

    - http://forum.diodati.org


  4. #4
    Utente di HTML.it
    Registrato dal
    Jun 2005
    Messaggi
    55
    Ti ringrazio!
    Però ora mi è sorto un problema...
    Mi sono accorto che in realtà ho bisogno di indirizzare la pagina al valore presente nel "value" del tag option... e fare in modo che quel valore e il campo hidden siano inviati tramite la post.
    Spero di essere stato chiaro.

  5. #5
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Se ho interpretato bene ...

    codice:
    onchange = "this.parentNode.action = this.value; this.parentNode.submit()"
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  6. #6
    Se qualche persona con qualche problema legato alla disabilità non potrà accedere alle informazioni del tuo sito non ti fa riflettere?

    Ma sai perchè quella persona rimarrebbe tagliata fuori? Non perchè non ci siano le possibilità di aiutare anche lei, quanto forse perchè il submit, a tuo avviso, rovina l'impaginazione.

    Dico bene?

  7. #7
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    magari lui ha previsto già una sezione del sito accessibile ai disabili...
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  8. #8
    Originariamente inviato da fcaldera
    magari lui ha previsto già una sezione del sito accessibile ai disabili...
    E' vero, possibilissimo, ma in casi come questi - ovvero quando il documento può essere benissimo reso accessibile con un piccolo accorgimento - può risparmiarsi un bel po' di lavoro: ricordiamo che ad ogni aggiunta o modifica vanno aggiornate ENTRAMBE le sezioni.

  9. #9
    Utente di HTML.it
    Registrato dal
    Jun 2005
    Messaggi
    55
    pierofix, ho letto dopo il tuo post
    non sapevo di questo problema... grazie!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.