Eliminare elementi da pagina html tramite pulsante

[Domenico2013]

Buongiorno a tutti del forum..vorrei sapere per favore: avendo una pagina html con contenuto ad esempio <P>Ciao come stai</P> ci sarebbe un modo da cliccare un pulsante che cancelli il contenuto all'interno di <p></p> facendolo diventare vuoto, oppure oltra al contenuto cancellare anche i contenitori <p></p>. PS: il codice per cancellare andrebbe bene anche in php. Grazie in anticipo...

 

[multibyte85]

Una soluzione molto veloce è utilizzare jquery per gestire l'evento click sul bottone in modo da sostituire il contenuto del tag <p> con del contenuto html vuoto:

<button id='svuota'>SVUOTA</button>

$(document).ready(function() {

$('#svuota').click(function() {

$('p').html('');​

})​

});

Ciao!

 

[criric]

Ciao, un'altra soluzione in puro javascript : elimina anche il tag p

<script type="text/javascript">
    function cancella(elemento) {
        document.getElementById(elemento).style.display = "none";
    }
</script>
<p id="paragrafo">Ciao come stai</p>
<input type="button" onclick="cancella('paragrafo')" value="Cancella"/>

 

[Domenico2013]

Ciao, un'altra soluzione in puro javascript : elimina anche il tag p

<script type="text/javascript">
    function cancella(elemento) {
        document.getElementById(elemento).style.display = "none";
    }
</script>
<p id="paragrafo">Ciao come stai</p>
<input type="button" onclick="cancella('paragrafo')" value="Cancella"/>

Ciao il codice che mi hai postato funziona solo per <p id="paragrafo">....mi servirebbe un codice che elimini tutti i <p></p>...anche se cancella tutta la pagina lasciandola vuota va benissimo. Grazie.

 

[criric]

prova con questo

<script type="text/javascript">
    function cancella() {        
        var p = document.getElementsByTagName("p");
        for(var i = 0; i < p.length; i ++) {
            p[i].style.display = "none";
        }
    }
</script>
<p>Ciao come stai?</p>
<p>Bene e tu?</p>
<p>Ma insomma</p>
<p>Su con la vita</p>

<input type="button" onclick="cancella()" value="Cancella"/>

 

[Domenico2013]

Ciao criric...grazie mille lo script funziona benissimo. Solo una piccola domanda: quando premo cancello si ripulisce lo schermo come serve a me...però non cancella gli elementi in modo definitivo perchè al riaprire della pagina
compare nuovamente ciò che è stato nascosto..è normale? grazie e scusami per un'altra domanda

 

[criric]

si è normale. non puoi modificare la struttura della pagina con solo html e javascript
al massimo con un linguaggio dinamico puoi memorizzare il contenuto della pagina in un database ed al click andare a modificarlo tramite query ma chiediti prima se ne vale la pena

 

[Domenico2013]

Ciao criric. Sei stato molto preciso... Grazie mille per la risposta. Alla prossima. :hammer: