[Javascript] FAR sparire campo dopo top caratteri

trattorino

Utente Attivo
23 Lug 2016
174
2
18
39
Ciao sto usando questo semplicissimo script, funziona, permette di tagliare il testo e di far apparire il campo (continua per leggere tutto il testo), mah c'è un però, non ha senso lasciare quel continua se il testo e minore di 50 caratteri, se nel testo scrivo ciao mi visualizza il continua e se cliccato logicamente non apare nullA, ecco il codice:
HTML:
<div id="anteprima">Questa è la frase completa che, in fase di anteprima, verrà mostrata troncata con i "puntini" ed il link da cliccare per continuare a leggere!</div>

<script type="text/javascript">
var salva = document.getElementById("anteprima").innerHTML;

document.getElementById("anteprima").innerHTML = salva.substring(0, 15) + "..." + " (<a href=\'javascript:continua()\'>continua</a>)";
function continua()
{
    document.getElementById("anteprima").innerHTML = salva;
}
</script>
come faccio a far comparire il campo (continua) solo se il testo è maggiore a 50? se è minore farlo scomparire, dovrei usare una condizione? se si come? in javascript sono una frana
 

Sevenjeak

Utente Attivo
27 Nov 2012
80
2
8
32
sevenjeak.altervista.org
Io aggiungerei una if che controlli la lunghezza del testo, modificherei lo script cosi:
HTML:
var salva = document.getElementById("anteprima").innerHTML;

if (salva.length < 15) {
document.getElementById("anteprima").innerHTML = salva
}else {
 document.getElementById("anteprima").innerHTML = salva.substring(0, 15) + "..." + " (<a href=\'javascript:continua()\'>continua</a>)";
}

function continua()
{
    document.getElementById("anteprima").innerHTML = salva;
}
</script>
 
  • Like
Reactions: trattorino
Discussioni simili
Autore Titolo Forum Risposte Data
T [Javascript] Far partire script al raggiungimento del div/section Javascript 0
M [Javascript] far scomparire il menu al click Javascript 0
M Far partire una funzione/codice php con javascript Javascript 1
U Far partire una funzione JavaScript premendo bottone in html Javascript 7
S come far parlare javascript e php Ajax 1
S far convivere menu e galleria in javascript Javascript 7
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 0
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
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
G [Javascript] Errore inserimento dati Backend Node.js e workbench Javascript 1
A Creare con Javascript un percorso all'interno di uno spazio Javascript 0
D [Javascript] inserire uno script in un file php Javascript 6

Discussioni simili