Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 13
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2005
    Messaggi
    684

    button con stile css che passa query

    Vorrei passare un valore ma usando il classico: <input type="submit" ..... class="stilecss">
    Mi appare sovrapposta all'immagine la sritta contenuta nel 'value'.

    Usando invece: <button type="submit" class="stilecss"></button>
    Non passo alcun valore.

    Ho letto che potrei associare un evento javascript usando:
    <input type="button" value="..">

    Premendo su quel pulsante passo una query post che do in pasto ad ASP.
    Infatti cliccando quel pulsante, l'utente decide di eliminare un record dal database.

    Ma con il button non riesco a rivelare la query visto che il name=".." value=".." non si può utilizzare.

  2. #2
    Utente di HTML.it
    Registrato dal
    Jul 2005
    Messaggi
    684
    ho fatto una cosa del genere:
    codice:
    <button type="button" onclick="return confirm('Sei sicuro di voler eliminare questo utente?');" class="pulsanteEliminaUtente"></button>
    Visto che non conosco javascript in modo approfondito, vorrei chiedervi come posso passare tramite l'evento onclick al refresh della pagina una query da dare ad un linguaggio lato server, ASP per la precisione.

    Se avete qualke altra idea fatemi sapere.

  3. #3
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    onclick="rv=confirm('Sei sicuro di voler eliminare questo utente?');
    if(rv){
    this.form.action+='?nuovaAzione=cancella';
    this.form.submit()}"

    Spero che l'esempio si capisca

    Attenzione!!! io l'ho scritto su piu' righe per comprensibilita', tu non andare a capo; sul server dovrai recuperare la coppia nome/valore tramite querystring

    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

  4. #4
    Utente di HTML.it
    Registrato dal
    Jul 2005
    Messaggi
    684
    Si una volta recuperata la query, al refresh della pagina, il tutto funziona.
    Ho notato che mi passa la query tramite 'get' quindi visibile nella barra degli indirizzi.
    Vorrei che me la passasse in method 'post' nascosta, per sicurezza.

  5. #5
    Utente di HTML.it
    Registrato dal
    Jul 2005
    Messaggi
    684
    ALtra cosa, se clicco su annulla compie lo stesso il refresh!!! e mi passa la query!!!

  6. #6
    Utente di HTML.it
    Registrato dal
    Jul 2005
    Messaggi
    684
    Sto provando questo, ovviamente c'è qualke errore dovuto alla mia imperizia nella conoscenza del javascript:
    codice:
    function eliminaUtente(queryElimina){
    var elimina = queryElimina.elimina;
    
    if(!elimina.checked){
    	alert("Per eliminare l\'utente devi selezionare il box accanto!");
    	return false;
    	}
    	else {
    	return this.form.submit()
    	}
    }
    
    <form method="post">
    <button type="submit" onclick="return eliminaUtente(this);" class="pulsanteEliminaUtente"></button>
    <input type="checkbox" name="elimina" value="si">
    </form>

  7. #7
    Utente di HTML.it
    Registrato dal
    Jul 2005
    Messaggi
    684
    Ho dimenticato, che non mi appare il messaggio di Alert!!!

  8. #8
    Utente di HTML.it
    Registrato dal
    Jul 2005
    Messaggi
    684
    Risolto!

    codice:
    function eliminaUtente(query){
    var elimina = query.elimina;
    
    if(!elimina.checked){
    	alert("Per eliminare l\'utente devi selezionare il box accanto!");
    	return false;
    	}
    	else {
    		var rv
    		rv = confirm('Cliccando su OK elimini l\'utente definitivamente!');
    		if (rv) this.form.submit();
    		return rv;
    		}
    }
    nel form invece:
    codice:
    <form id="n.utente" method="post" onsubmit="return eliminaUtente(this);">
    ...
    <button type="submit" class="pulsanteEliminaUtente"></button>
    <input type="checkbox" name="elimina" value="si">
    <input type="hidden" name="codiceUtente" value="...">
    </form>
    Non capisco perchè il controllo del checkbox e degli altri input type, non possa essere assegnato all'evento onclick.

  9. #9
    Utente di HTML.it
    Registrato dal
    Jul 2005
    Messaggi
    684


    ora assegnado all'evento onsubmit il controllo del campo checkbox è sorto un altro problema!!!

    All'interno del form ho un altro <button type="submit"> che mi porta ad un'altra pagina,
    la scheda dettagliata dell'utente.
    Ovviamente quando cliccko sopra, mi restituisce l'alert che il checkbox non è checcato!!!

    il codice del 'submit' per andare in un'altra pagina è questo:
    codice:
    <button type="submit" onclick="this.form.action=('schedaUtente.asp');"
    class="pulsanteScheda"></button>

  10. #10
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Perdona se te lo faccio notare, ma ricostruire l'attuale situazione della pagina inserendo i vari pezzetti non e' agevole... posta un link.

    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

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.