Visualizzazione post con etichetta javascript. Mostra tutti i post
Visualizzazione post con etichetta javascript. Mostra tutti i post

venerdì 14 luglio 2017

Leggi il post

Come estrapolare parte di una frase in Javascript

Tra le varie funzioni sulle stringe disponibili nel potentissimo linguaggio per il web Javascript, c'è quella chiamata substring.

Se provieni da altri linguaggi di programmazione probabilmente già conoscerai questa funzione, o quantomeno l'avrai già sentita nominare.
Nel caso però tu non sappia a cosa serve, eccoti servito: la funzione javascritp substring consente di estrapolare parti di una testo.

Mi spiego meglio.
Se vuoi prendere solo le prime cinque lettere di una parola, puoi farlo con la funzione substring.
Lo stesso se vuoi ottenere solo le ultime due lettere, oppure le tre lettere centrali.
Ma vediamo più nel dettaglio come funziona questa funzione (gioco di parole).


Come estrapolare parte di una frase in Javascript


Ecco la sintassi ufficiale da utilizzare per la funzione substring javascript:

stringa.substring(posizione);
stringa.substring(posizione,lunghezza);

In buona sostanza, si applica la funzione substring ad una variabile che contiene una parola, un testo, una frase (una stringa insomma), e gli si dice da che posizione numerica partire a mostrare il testo.
Se invece si vuole indicare un range entro il quale mostrare il testo, basta indicare la posizione di partenza (zero se si vuol partire dall'inizio della frase) e la lunghezza.

Ecco un paio di esempi pratici della funzione substring di javascript.

Alert a video dalla terza lettera della frase:

<script type="text/javascript">
var frase = "Ciao mondo";
alert(frase.substring(2));
</script>


Alert a video dalla posizione 2 alla posizione 3 (range di una sola lettera insomma):

<script type="text/javascript">
var frase = "Ciao mondo";
alert(frase.substring(2,3));
</script>


E se ad esempio volessimo stampare a video solo la parola mondo presente nella frase "ciao mondo bello"?
Bisogna prima individuare la posizione della parola con la funzione indexof, poi ricavare la sua lunghezza con la funzione length, infine sottrarre questo valore alla lunghezza complessiva della frase, così:

<script type="text/javascript">
var frase="Ciao mondo bello";
var parola="mondo";
alert(frase.substring(frase.indexOf(parola),(frase.length-parola.length)));
</script>


Facile, no? :)
Buona estrapolazione con il js

giovedì 13 luglio 2017

Leggi il post

Trovare posizione parola dentro frase (Javascript)

Sempre sul tema funzioni sulle stringhe con javascript, oggi vi parlerò della famosa funzione che consente di individuare la posizione di una parola all'interno di una frase.

I motivi per il quale possa interessare conoscere la posizione numerica di una lettera, una parola o una frase, all'interno di un testo più ampio, possono essere molteplici.
Si va dal replace di uno specifico termine, all'estrapolazione di specifici parti di testo all'interno di una frase.

Vediamo dunque come ottenere questo semplice numero con il js.


Come trovare la posizione di una parola dentro una frase con il Javascript


La sintassi da utilizzare per ottenere il numero esatto corrispondente alla posizione di una stringa all'interno di un testo, è la seguente:

frase.indexOf(parola);

La funzione javascript indexof infatti, restituisce il numero corrispondente a la prima occorrenza della stringa cercata.

Esempio pratico di come trovare la posizione della parola gionni dentro la frase "ciao gionni il bello":

<script type="text/javascript">
var frase="Ciao gionni il bello";
var parola="gionni";
alert(frase.indexOf(parola));
</script>


Attenzione però, indexof è case sensitive, ovvero è sensibile alle minuscole ed alle maiuscole.
Infatti, se si prova questo script:

<script type="text/javascript">
var frase="Ciao gionni il bello";
var parola="Gionni";
alert(frase.indexOf(parola));
</script>


il risultato è -1, che equivale a "parola non trovata".

E se invece volessimo trovare la posizione dell'ultima occorrenza di una parola ripetuta in una frase?
Semplice, basta utilizzare questa sintassi:

<script type="text/javascript">
var frase="Ciao gionni il bello ciao gionni ciao";
var parola="gionni";
alert(frase.lastIndexOf(parola));
</script>


La funzione javascript lastIndexOf infatti, restituisce il numero della posizione dell'ultima parola trovata.
Alternativa molto utile quando si hanno più parole chiave ripetute e si vuole pescare solo l'ultima.

mercoledì 12 luglio 2017

Leggi il post

Contare lunghezza testo in Javascript

Hai un testo in una pagina html e vorresti sapere quanto è lungo?
Poter contare i caratteri presenti in una frase o in un testo non è mai stato così facile grazie al sacro javascript.

Vediamo come compiere questa semplice operazione col js, e con che funzione farlo.
Saper contare la lunghezza di un testo in javascript può tornare sempre utile, e sicuramente prima o poi ti capiterà di doverlo fare, quindi tanto vale imparare subito come farlo, ti bastano davvero 5 minuti del tuo tempo.


Contare lunghezza testo in Javascript


Per poter misurare la lunghezza di una stringa con javascript, il metodo migliore è quello di memorizzare prima il testo in una variabile, e poi utilizzare un'apposita funzione che dice quanto è lungo il testo contenuto in una variabile.

Qui di seguito la sintassi da utilizzare, in un semplice esempio:

<script type="text/javascript">
var testo="quanto è lunga questa frase?";
alert(testo.length);
</script>


La funzione javascript length infatti, serve per ricavare la lunghezza di una stringa.
La sintassi ufficiale è:
nomevariabile.length

Bene, ed anche per questa lezione js è tutto.
Ora sai come calcolare la lunghezza di una stringa in javascript, fanne buon uso.
Buon coding :)

martedì 11 luglio 2017

Leggi il post

GetURL Javascript: ricavare indirizzo pagina

Tra le varie cose che si possono fare tramite l'utilizzo del javascript, c'è anche la possibilità ricavare l'indirizzo di una pagina web.
Con questo intendo dire che, tramite l'ausilio di un apposito script, è possibile ottenere in una variabile, l'url della pagina corrente, ovvero la pagina internet dove risiede il javascript stesso.

Detta così non sembra una cosa poco utile, lo so.
Ma immaginiamo il caso in cui si vogliano passare parametri tramite tramite url per poi intercettarli in una pagina web che non ha a disposizione alcun linguaggio di scripting (es. php, asp), come si potrebbe fare?
Semplice, con il javascript e la funzionalità che andrò ad illustrare a breve. Sarà infatti possibile ricavare l'intero indirizzo di una pagina web, compresa di parametri passati con il metodo GET, ovvero via url.


Come ricavare l'indirizzo completo di una pagina con il Javascript (GetURL)


Ho usato il termine GetUrl per venire in contro a chi proviene da altri linguaggi per il web, ma la funzione per poter ricavare l'url di una pagina tramite javascript è la seguente:

<script type="text/javascript">
alert(window.location.href);
</script>


Utilizzando infatti window.location.href, potremo stampare a video l'intero indirizzo web della pagina html che contiene il nostro javascript.

Se poi vogliamo ricavare i parametri passati nell'url, le variabili insomma, ci basterà salvare il risultato dentro una variabile e parsare il tutto.
Ad esempio, se volessi avere un alert per tutte le variabili passate via url, comprese di valore, potrei fare uno script del genere:

<script type="text/javascript">
indirizzo=window.location.href;
par=indirizzo.substring(indirizzo.indexOf("?")+1);
parametri=par.split("&");
for(i=parametri.length;i>0;i--)
{
    variabili=parametri[i-1].split("=");
    alert("Variabile "+variabili[0]+"="+variabili[1]);
}
</script>


Dove nell'url potreste fare una prova scrivendo una cosa del genere
pagina.html?var1=4&var2=23&var3=cc

E per il js di oggi è tutto, buon coding :)

lunedì 3 luglio 2017

Leggi il post

Come usare il ciclo WHILE in Javascript

A differenza del ciclo for, il ciclo while in javascript è un loop potenzialmente infinito, all'inizio del quale viene indicata la condizione affinchè continui a girare.
Se quindi un ciclo for viene inizializzato tramite una variabile che viene incrementata o decrementata fino a raggiungere un determinato parametro, il ciclo while invece, non si ferma fino a che non viene raggiunta la condizione specificata all'inizio.
Eventuali incrementazioni e variazioni di parametri della variabile specificata nella condizione iniziale, vengono infatti specificati all'interno del loop stesso.

Vediamo dunque come funziona questo famoso ciclo del javascript.


Come usare il ciclo WHILE in Javascript


Ecco la sintassi javascript da usare per poter utilizzare un ciclo while:

while (condizione) 
{
    // istruzioni da eseguire
}


Vediamo subito un esempio pratico:

<script type="text/javascript">
i=0;
while (i<5)
{
    i++;
    alert(i);
}
</script>


Lo script sopra indicato, valorizza una variabile chiamata i ad 1, poi inizia un loop while javascript fino a che questa variabile, che ad ogni giro viene incrementata di 1, non raggiunge il valore di 5.

Ma come si fa per interrompere un ciclo while con il javascript?
Semplice, ancora una volta con la potentissima istruzione:
break;

Ecco un esempio pratico su come uscire da un ciclo while:
<script type="text/javascript">
i=0;
while (i<5)
{
    i++;
    alert(i);
    if(i==3) break;
}
</script>


E con il while js è tutto.
Leggi il post

Come fare un ciclo FOR in Javascript

Breve lezione su come fare un ciclo for in javascript, il linguaggio di programmazione per il web.
Saper usare i cicli è sicuramente una nozione basilare da dover imparare per poter sviluppare pagine internet interattive.

Vediamo dunque come utilizzare il javascript per creare un loop con durata prestabilita da noi, ed anche come interrompere prima un ciclo.


Come fare un ciclo FOR in Javascript


Per poter utilizzare i cicli in javascript, ed in particolare il ciclo for, basta utilizzare la seguente sintassi:

for (i=numero; i<numero; i++)
{
    // istruzioni da eseguire;
}

Dove i è una variabile a cui viene associato un numero iniziale, che poi andrà valorizzata in automatico di un unità ad ogni giro del ciclo, fino al compimento della condizione, che in questo caso equivale al controllo che la variabile i sia minore di uno specifico numero.

Ecco un esempio funzionante per farvi capire come funziona il ciclo for in javascript:

<script type="text/javascript">
for (i=1; i<=10; i++)
{
   alert(i);
}
</script>


Mettendo questo breve script in una pagina html ed aprendola, riceverete 10 alert a video, che vanno da 1 a 10.

E se volessimo uscire da un ciclo for prima della sua fine?
Semplice, o si forza la valorizzazione della variabile i al valore massimo consentito dal ciclo, magari al raggiungimento di un'altra condizione, così:
if(condizione2=='soddisfatta') i=10;

Oppure, si può utilizzare il comando:
break;

Ecco un esempio pratico in cui faccio uscire dal ciclo dopo l'alert numero 5:

<script type="text/javascript">
for (i=1; i<=10; i++)
{
   alert(i);
   if(i==5) break;
}
</script>


E con i cicli for javascript, passo e chiudo!

martedì 16 maggio 2017

Messaggio di conferma Javascript su una pagina web

Se hai un sito internet e vuoi fare una domanda ad un visitatore che capita su una pagina specifica del tuo sito, puoi gestire la cosa tramite il javascript.
In questo breve articolo ti spiegherò come far apparire sul browser del navigatore, un messaggio di conferma javascript, con la possibilità di gestire la scelta effettuata dall'utente.


Come creare un messaggio di conferma Javascript su una pagina web


Per poter far apparire a video sul client browser dell'utente, una finestra di dialogo con un messaggio in cui l'utente è obbligato dare una conferma con un si o con un no, utilizza la seguente sintassi:

<script type="text/javascript">
confirm("Vuoi andare nella home page del sito?");

</script>

Questa è la sintassi javascript (da inserire all'interno del tag html head) per porre la domanda, che apparirà a video con un messaggio specifico da te indicato all'interno del comando confirm();

Messaggio di conferma Javascript su una pagina web

Le possibilità di risposta saranno OK o Annulla.

Bene, ora che sai come porre la domanda, devi sapere come intercettare la risposta, e per farlo basta una semplice variabile javascript.
Nell'esempio che riporto qui sotto, se si da l'ok, si finisce reindirizzati su un'altra pagina internet, altrimenti si rimane nella pagina corrente:

<script type="text/javascript">
var conferma=confirm("Vuoi andare nella home page del sito?");
if(conferma) window.location.href = 'http://www.oggieunaltropost.it';
</script>

Se vuoi testare questo script clicca qui.

Imparare ad usare il confirm javascript è importante per poter realizzare delle pagine internet interattive, semplicemente usando del codice inseribile in una normale pagina html.