Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    297

    Pulsante form submit immagine ?!?!?

    Ciao a tutti,
    in un thread ho trovato come rendere con il js un'immagine un pulsante submit.

    Es:

    <form name="formCerca" method="post" action="" onSubmit="return validaCerca();">

    <input name="cerca" type="text" size="21">
    [img]images/immagine.gif[/img]

    </form>

    Il problema, però è che rendendo un'immagine pulsante e non usando il solito button la funzione validaCerca() che ho posizionato in alto e che fa un controllo se nell'input text c'è almeno una parola non mi funziona più (cosa che invece con un button normale fa).

    Come posso fare? Devo aggiungere la funzione da qualche parte dentro l'href?

    Grazie 1000

  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Quando non si utilizza il normale pulsante submit ed e' presente una funzione di controllo che consente o nega l'invio del form occorre modificare un pelo la chiamata...:

    <form name="formCerca" method="post" action="">

    <input name="cerca" type="text" size="21">
    <a href="#" onclick="if(validaCerca()) document.formCerca.submit();return false;"
    onFocus="this.blur()">

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    297
    Ciao,
    ho provato ad inserire la tua chiamata però ora mi da un problema la funzione che non mi riconosce più il nome del campo input text ...

    Te le posto:

    function validaCerca() {

    frm=document.formCerca;
    lunghezza=frm.cerca.value.length;

    if (frm.cerca.value ==''){
    alert ("Attenzione! Inserire almeno una chiave di ricerca");
    return false;
    }
    else if (lunghezza<3)
    {
    alert("Attenzione! Inserire una chiave di ricerca di almeno 3 caratteri");
    return false;
    }
    else
    frm.submit()
    }


    Il nome del form combacia come anche il nome del campo text ... cosa può essere.

    L'unica cosa di "diverso" è che questa funzione l'ho messa in un file esterno che ho chiamato script.js e che allego normalmente nell'index.asp del mio sito

    Ah, dimenticavo, l'errore è il seguente "frm.cerca è nullo o non è un oggetto"

    Boh ... grazie

  4. #4
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Il nome del form combacia come anche il nome del campo text
    Sono indeciso sull'interpretazione di questo passo... nel form postato prima il nome del campo era proprio "cerca"... stai dicendo che l'hai cambiato? non possono coesistere nella stessa pagina due oggetti (campi, funzioni, variabili, ecc.) con lo stesso name...

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    297
    Scusa, mi sono espressa malissimo ... volevo solo dire ... che se il form si chiama formCerca l'ho chiamato così anche nella funzione e che se l'input text l'ho chiamato cerca anche nella funziona si chiama così ... quindi non riesco a capire l'errore che mi da (frm.cerca è nullo o non è un oggetto) i quanto i nomi dei campi sono corretti ...

    Dovrebbe essere spiegato un pò meglio ... scusa ancora ...

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    297
    Per br1 --> non mi ero accorta di avere copiato-incollato 2 volte la stessa funzione validaCerca() nel file script.js, quindi il sistema faceva del casino non riuscendo a capire quale doveva prendere ...

    Ora tutto ok
    Grazie 1000

    Franz

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.