[Javascript] Cambiare record tabella...

crealatualista

Nuovo Utente
27 Feb 2017
19
0
1
25
Salve a tutti, ho realizzato un sito dove il visitatore (invitato) si registra, per partecipare all'evento, inserendo nome cognome email ecc, l'utente (che ha creato questo evento) inserendo "admin" in due input può vedere chi si è iscritto con una tabella! Tutto questo in PHP e MySql!
Ora arriva il problema.... (Che secondo me è di JavaScript)!
Dovrei far in modo che l'admin possa cambiare record degli invitati (questo con php e mysql) pero vorrei che quando visualizza la tabella e punta con il mouse su una riga possa comparire due pulsanti con "modifica" e "elimina" e questo per ogni riga (record registrato)!!

Spero di essermi spiegato! Se ci sono dubbi cercherò di chiarirli magari pubblicando il codice!

Grazie a tutti!
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, io metterei i pulsanti sempre visibili su ogni riga ma se vuoi l'effetto toggle() con jquery ti semplifichi la vita
HTML:
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script>
    $(document).ready(function () {
        $("tr.record").click(function () {
            $("span.actions").hide();
            $(this).find('.actions').show();
        });
    });
</script>
<style>
    .actions {display:none}
</style>
<table>
    <tr class="record">
        <td>aaaaaaaa</td>
        <td>
            <span class="actions">
                <input type="button" value="mod"/>
                <input type="button" value="del"/>
            </span>
        </td>
    </tr>
    <tr class="record">
        <td>bbbbbbbbb</td>
        <td>
            <span class="actions">
                <input type="button" value="mod"/>
                <input type="button" value="del"/>
            </span>
        </td>
    </tr>
    <tr class="record">
        <td>ccccccccc</td>
        <td>
            <span class="actions">
                <input type="button" value="mod"/>
                <input type="button" value="del"/>
            </span>
        </td>
    </tr>
</table>
 

crealatualista

Nuovo Utente
27 Feb 2017
19
0
1
25
Perfetto quindi l'effetto che voglio si chiama toggle:)

domanda forse banale...
Ma la parte dello script
$(document).ready....
va su head o body?
Grazie mille
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
quando il documento è pronto nel senso che tutti gli elementi sono stati caricati allora esegue il codice all'interno
 
Discussioni simili
Autore Titolo Forum Risposte Data
B [Javascript] Cambiare classe ed aggiornare relativi eventi Javascript 3
napuleone [Javascript] cambiare i parametri di stampa con js Javascript 2
V javascript - cambiare immagine di sfondo di un div Javascript 3
D [Javascript] Script che consenta di cambiare un'immagine in base all'ora del giorno della settimana Javascript 11
Jonn [Javascript] Cambiare colore sfondo div allo scroll del mouse Javascript 3
B Javascript: Cambiare valore Css Javascript 1
max_400 Cambiare le immagini con un click senza javascript HTML e CSS 4
P Problema con apici nelle stringhe [era:Cambiare grandezza carattere con JavaScript] Javascript 3
G Come cambiare un css con javascript ?? HTML e CSS 0
M Upload immagine con javascript problemi con FormData() Javascript 1
L countdown multiplo javascript Javascript 1
S Problemi Javascript + Aruba Javascript 2
M Inviare un file su un server remoto con JavaScript Javascript 0
T a href="javascript:;" Javascript 1
F Creare elementi html con javascript Javascript 4
A pulsante di update campo mysql con javascript Javascript 2
8 Javascript - PDF Form Javascript 0
B javascript per problemi con pdf e Safari Javascript 0
N informazione javascript Programmazione 0
I Eecuzione di javascript in ciclo foreach php. PHP 7
P javascript:document.forms Javascript 7
S Consiglio esercizio Javascript Javascript 2
MarcoGrazia Aggiungere o rimuovere classi in javascript Javascript 1
P Passaggio id php a javascript PHP 6
E lettura da un Database con Javascript jQuery 2
V TRIS in javascript Javascript 1
IClaude Funzione Javascript Javascript 8
Alex_70 Javascript date color Javascript 3
F Convertire JavaScript per la compatibilità nei browser obsoleti Javascript 0
I Passare dei parametri in javascript PHP 0
Shyson Meglio Javascript o HTML? Javascript 4
M Chiamare pagina php da javascript Javascript 8
M Errore JavaScript per php [objeto HTMLParagraphElement] PHP 0
D Javascript per il download dei dati Javascript 0
grgfede Problema javascript con aruba Javascript 1
webmachine [PHP] [JAVASCRIPT] Form strano in HTML PHP PHP 1
W Modificare il Type di un Input box in javascript ovunque si trovi Javascript 0
I javascript come caricare una pagina sopra quella corrente in automatico Javascript 2
L [Javascript] Problema salvataggio dati in db Javascript 1
max1974 [Javascript] Grafico chartjs con dati da J.ajax Javascript 3
G Quiz Javascript Javascript 4
A [Javascript] Scrittura su più campi contemporaneamente Javascript 19
F classic asp popolare combo box javascript Presentati al Forum 1
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
F [Javascript] comando innerHTML non funziona Javascript 5
alexice51 proggrammi per scrivere in javascript? Javascript 3
max1974 [Javascript] Accordion aria-exspanded Javascript 0
D [Javascript] salvare immagine canvas - paypal Javascript 0
O [Javascript] Conflitto Jquery: forse... Javascript 0
M [Javascript] Canvas js css Javascript 1

Discussioni simili