Ottobre 2014 – Programmare con Javascript

Data valida? 2°

13 Giugno 202027 Ottobre 2014 di admin

Si ottiene una data passando i parametri giorno, mese e anno al costruttore Date() Il costruttore produce una data, che appare in una casella di dialogo, eventualmente con degli aggiustamenti (prova con 31/02/2000). GIORNO MESE ANNO

function controlla5()

{

var g=document.form_data5.giorno.value;

var m=document.form_data5.mese.value;

var a=document.form_data5.anno.value;

var msg="Selezionati: " + g + " " + m + " " + a;

m--;

var d=new Date(a,m,g);

msg += "\nInseriti: " + g + " " + m + " " + a;

var dg=d.getDate();

var dm=d.getMonth();

var da=d.getFullYear();

msg += "\n\nIn Date(): " + dg + " " + dm + " " + da +

"\nDate: " + d +

"\nLocale: " + d.toLocaleString();

alert(msg);

}

</script>

Se la data generata da JavaScript coincide con quella inserita dall’utente allora è legale, altrimenti… GIORNO MESE ANNO … Leggi tutto

Finestra > Ridimensionare

11 Giugno 202027 Ottobre 2014 di admin

Nel momento in cui la finestra si apre, con l’evento onload() è possibile intervenire e settare, per esempio, la sua dimensione rispetto allo schermo

1	<body onload="javascript:window.resizeTo(window.screen.availWidth/2,window.screen.availHeight/2);">

…

Finestra > Aprire

4 Gennaio 202127 Ottobre 2014 di admin

Per aprire una pagina in una nuova finestra standard è sufficiente il codice

1	<a href="https://www.valcon.it/" target="_blank" rel="noopener noreferrer">LINK A...</a>

dove il lavoro è svolto dal parametro target=”_blank” Open JavaScript permette di aprire la nuova finestra aggiungendo possibilità di scelta insospettabili: posizione, dimensioni, barre, ridimensionabilità… Si tratta del metodo

1	window.open()

La versione più semplice del suo uso è la seguente

1	nuova_finestra=window.open("https://www.valcon.it", "NomeFinestra");

Conversioni di temperature

31 Luglio 202323 Ottobre 2014 di admin

Input Output

function converti1(modo)

{

var risposta="???";

x=parseFloat(document.form_conversione1.txt_input.value);

if(isNaN(x)) document.form_conversione1.txt_output.value="Valore non corretto";

else if(modo=="cf") risposta=(9*x+160)/5;

else if(modo=="ck") risposta=x+273.15;

else if(modo=="fc") risposta=(x-32)*5/9;

else if(modo=="fk") { x=(x-32)*5/9; risposta=x+273.15; }

else if(modo=="kc") risposta=x-273.15;

else if(modo=="kf") { x=x-273.15; risposta=(9*x+160)/5; }

else risposta="Opzione non prevista";

document.form_conversione1.txt_output.value=risposta;

}

</script>

<table>

<tbody>

<tr>

<td>Input<br/><input type="text" name="txt_input" value="0" /></td>

<td>Output<br/><input type="text" name="txt_output" value="?" readonly /></td>

</tr>

</tbody>

</table>

</form>

Generatore di password

18 Giugno 202023 Ottobre 2014 di admin

Genera una password con formato predefinito, cvcvcvcv, cioè con 4 sillabe casuali consecutive della forma cv (consonante+vocale)

</form>

function genera()

{

var consonanti=String("bcdfglmnprstvz");

var vocali =String("aeiou");

var nc=consonanti.length;

var nv=vocali.length;

var str="";

for(var i=1; i <= 4; i++)

{

x1=Math.floor(nc*Math.random());

x2=Math.floor(nv*Math.random());

c1=consonanti.charAt(x1);

c2=vocali.charAt(x2);

str=str+c1+c2;

}

document.form_password.password.value=str;

}

</script>

Osserva: dell’alfabeto di 26 lettere utilizzo 14 consonanti (bcdfglmnprstvz) 5 vocali (aeiou) con un potenziale di 144 * 54 = 24.010.000 password diverse.

Ricerca di parole

23 Ottobre 2014 di admin

Scrivi una parola nella prima cella Se nelle celle sottostanti compare una parola di senso compiuto allora hai scoperto una nuova proprietà! Se compare una parola di senso quasi compiuto puoi farla passare al primo posto con un clic. Spostamento di estremo Scambio di estremi Scarto iniziale Scarto finale Scarto di estremi Bifronte, palindromo Antipodo, … Leggi tutto

Copia testo

2 Maggio 202223 Ottobre 2014 di admin

Scrivi nella prima casella di testo. Tramite il pulsante, copia il testo nella seconda.

function copia1()

{

document.form_copia1.destinazione.value=document.form_copia1.origine.value;

}

</script>

</form>

Scrivi qualcosa nella prima casella di testo. Se c’è stato un cambiamento nel contenuto della prima casella allora verrà copiato nella seconda.

function copia2()

{

document.form_copia2.destinazione.value=document.form_copia2.origine.value;

}

</script>

</form>

Animazione > Con Array

31 Luglio 202323 Ottobre 2014 di admin

È possibile precaricare le immagini in un array e poi recuperarle con un indice.

var PATH="https://www.valcon.it/javascript/wp-content/uploads/a";

var EXT =".gif";

var FRAME=12;

var frame=0;

var codice=0;

var immagine=document.getElementById("animazione");

var immagini=new Array(FRAME);

for(i=0; i < FRAME; i++)

{

immagini[i]=new Image();

immagini[i].src=PATH+i+EXT;

}

function cambia()

{

frame++;

if(frame == FRAME)

frame=0;

immagine.src=immagini[frame].src;

}

function play()

{

if(codice == 0)

codice=setInterval("cambia()", 200);

}

function stop()

{

clearInterval(codice);

codice=0;

}

window.onload=cambia();

</script>

Animazione > Play/Stop

31 Luglio 202323 Ottobre 2014 di admin

Le 12 immagini, tratte da Processing.org, realizzano un’animazione se visualizzate una dopo l’altra. Agisci sui comandi di play e stop.

</div>

var PATH ="https://www.valcon.it/javascript/wp-content/uploads/a";

var EXT =".gif";

var FRAME =12;

var frame =0;

var codice =0;

var immagine=document.getElementById("animazione");

function cambia()

{

frame=frame+1;

if(frame == FRAME)

frame=0;

immagine.src=PATH+frame+EXT;

}

function funPlay()

{

if(codice == 0)

codice=setInterval("cambia()", 200);

}

function funStop()

{

clearInterval(codice);

codice=0;

}

cambia();

</script>

Animazione > Roll over

31 Luglio 202323 Ottobre 2014 di admin

Passa con il mouse sull’immagine

var PATH="https://www.valcon.it/www/wp-content/uploads/"

var frame=0;

function cambia()

{

frame++;

if(frame == 10) frame=0;

document.animazione.src=PATH+frame+".gif"

}

function play() { id=setInterval("cambia()", 500) }

function stop() { clearInterval(id) }

cambia()

</script>