Eliminare elementi da pagina html tramite pulsante

Domenico2013

Utente Attivo
6 Ago 2013
178
0
16
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

Nuovo Utente
8 Ago 2013
6
0
0
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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, un'altra soluzione in puro javascript : elimina anche il tag p
HTML:
<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

Utente Attivo
6 Ago 2013
178
0
16
Ciao, un'altra soluzione in puro javascript : elimina anche il tag p
HTML:
<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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
prova con questo
HTML:
<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

Utente Attivo
6 Ago 2013
178
0
16
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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
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
 
Discussioni simili
Autore Titolo Forum Risposte Data
C [PHP] RISOLTO - Eliminare elementi duplicati da array multidimensionale PHP 1
felino Array: eliminare gli elementi che soddisfano una condizione PHP 5
S [VB 17]: Eliminare doppioni in listbox Visual Basic 1
spider81man Eliminare primo ed ultimo carattere di una colonna MySQL 0
G Eliminare l'effetto refresh di una pagina internet PHP 8
M eliminare padding logo sito HTML e CSS 2
A eliminare caratteri speciali mettendo uno spazio PHP 0
A eliminare caratteri diacritici con codice ascii PHP 4
MarcoGrazia Eliminare in automatico i caratteri spuri all'inizio e alla fine di una stringa Snippet PHP 0
L Eliminare estensione .html HTML e CSS 9
L [RISOLTO] Eliminare una discussione creata PHP 3
S Eliminare spazio iniziale PHP 2
S [PHP] Eliminare doppioni array e rinumerare le posizioni PHP 2
maxnegri Eliminare url index.php con variabili e reindirizzare alla home del sito PHP 7
D [ASP] Eliminare gli zeri che nn servono Classic ASP 1
K Come eliminare attributi regex per validazione con javascript Javascript 0
maxnegri [PHP] Eliminare risultati duplicati da ciclo foreach ottenuti da una select php mysqli PHP 18
P [HTML] Eliminare doppio menu in wordpress WordPress 2
P [WordPress] Eliminare scritta Categories da post WordPress 4
C [PHP] eliminare elemento da un array multidimensionale PHP 9
L Mi trovo nell'impossibilità di eliminare un record nella tabella Database 1
A [WordPress] Eliminare riga codice HTML WordPress 6
loois come eliminare una discussione fata in questo forum ? Discussioni Varie 1
trattorino [PHP] Eliminare piu frasi PHP 1
L [HTML] versione mobile eliminare stile menu da nav HTML e CSS 0
T Come eliminare canonical url da blogger SEO e Posizionamento 0
dany81 [Photoshop] Eliminare più sfondo possibile... Photoshop 3
Monital [PHP] Eliminare la Barra di caricamento file alla fine dell'esecuzione PHP 11
asevenx [PHP] Eliminare record automaticamente dopo una certa data PHP 12
L Eliminare suono da iframe HTML e CSS 3
G Eliminare scrollbar laterale di visuallightbox jQuery 0
H Eliminare div creato da javascript Javascript 1
9 eliminare righe di una tabella con form html PHP 6
M Eliminare un cookie PHP 1
elpirata Eliminare dati selezionati da una form di select PHP 6
Marco_88 Eliminare una colonna da una LEFT JOIN MySQL 4
A come eliminare i suggerimenti della barra degli indirizzi su google chrome? Windows e Software 3
M Eliminare immagini da directory / *dal database fatto! PHP 2
K eliminare il carriage return Javascript 4
S Problema nell'eliminare un'immagine PHP 2
felino Eliminare stringa compresa tra due tags PHP 4
Creatt Eliminare macchine in centos Linux e Software 2
filippino Eliminare lo sfondo di una foto Photoshop 1
D [VB.NET] Eliminare Cartella e sottocartelle TRAMITE FTP .NET Framework 1
D Eliminare voce da campo db Classic ASP 5
filippino Eliminare le barre scorrimento HTML e CSS 1
A come eliminare Awesomehp Sicurezza e Virus 1
L eliminare un prodotto dal carrello tramite l'id della sessione PHP 1
A Eliminare bordo blu al click di un'immagine mappata HTML e CSS 3
L Eliminare Tag in runtime... jQuery 1

Discussioni simili