[Javascript] Cambiare record tabella...

crealatualista

Nuovo Utente
27 Feb 2017
19
0
1
28
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!
 
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>
 
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
 
quando il documento è pronto nel senso che tutti gli elementi sono stati caricati allora esegue il codice all'interno
 

Discussioni simili