[Javascript] Cambiare record tabella...

crealatualista

Nuovo Utente
27 Feb 2017
19
0
1
24
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
24
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