MedPopWiki | Snippets / Java

Java Script Ë un linguaggio di programmazione che permette di rendere delle pagine "statiche" in .html pi˜ dinamiche:

si puÚ scrivere pezzetti di programma in JavaScript p.es. per organizzare password, formulari, modifiche di elementi sulla pagina
infilati nel programma .html tra i marcatori <script language=(JavaScript)> ... </script> eseguono "dinamicamente" (a scelta o a obbligo) queste funzioni.

Di seguito si trovano degli esempi utili per i nostri scopi.

Una parte funziona bene anche su scritti .php (p.es. infilato in PmWiki con l'istruzione (:includeurl http://wwww.URLdellaPaginaJavaScript:)), altri bisogna piazzare nella pagina originale .html.

Esempi propri si trovano su questa pagina e sotto http://www.pforster.ch/Snippets/JS/, centinaia di altri si trovano facilmente sul Web.

Su questa pagina ... (sopprimi)

1. JavaScript direttamente in PmWiki
2. Data e ora
1. 2.1 Station clock
2. 2.2 Ace Date Display
3. 2.3 SimpleClock2
4. 2.4 Button Time
5. 2.5 Daily Greeting
6. 2.6 Data, ora, copyright
3. Utilitý
1. 3.1 PopUp Calendar
2. 3.2 Caratteri ASCII
3. 3.3 Calcolatrici
4. 3.4 Calcolatrice BMI
4. Dettagli pagine
1. 4.1 Page Printer
2. 4.2 PopUp linkato
3. 4.3 iFrame Popup linkato
4. 4.4 Copyright Update
5. 4.5 Date, Time, Copyright
6. 4.6 Born Date
7. 4.7 URL Title
8. 4.8 Title, URL, Browser
5. Navigazione
1. 5.1 DropDown Domini
2. 5.2 Avanti / dietro
6. Giocattoli
1. 6.1 Colore fondo pagine
2. 6.2 Image Button MedPop
3. 6.3 Clock Dash
4. 6.4 Basic Slide Show
7. Utilities

cliccare per demo

JavaScript Ë un linguaggio di programmazione che permette di implementare in .html delle funzioni "dinamiche". » molto pratico per creare "bottoni", moduli, data, ora, ... .

Di includere JavaScript direttamente in una pagina PmWiki Ë possibile ma sconsigliato, perchÈ si puÚ danneggiare parecchio, modificando il programmino in JavaScript.

Indirettamente si puÚ invece includere senza preoccupazioni un programmino JavaScript giý integrato in un programma .html con la semplice funzione (:includeurl http:// ... .html:).

I seguenti esempi possono essere usate tutte, anche se certi non funzionano perfettamente in PmWiki (sono marcati).

1. JavaScript direttamente in PmWiki

Ho integrato una funzione che permette di cambiare dal linguaggio di programmazione PmWiki in .html e JavaScript. Le relative istruzioni sono (:html:) e (:htmlend:) e al loro interno <script language="JavaScript"> e </script>.

(:html:)
<em> Si infila al solito <a
href="http://de.selfhtml.org/html/grafiken/einbinden.htm#referenz">src-funzioni</a></em>

<script language="JavaScript"> 
// qui va piazzato il programmino JavaScript.  
</script>

(:htmlend:)

Si infila al solito src-funzioni

Esempio: AceDateItaliano

(:html:)
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var now = new Date();
var days = new Array('Dom','Lun','Mar','Mer','Gio','Ven','Sab');
var months = new
Array('gen','feb','mar','apr','mag','giu','lug','ago','set','ott','nov','dic');
var date = ((now.getDate()<10) ? "0" : "")+ now.getDate();

function fourdigits(number)	{
	return (number < 1000) ? number + 1900 : number;
								}
today =  days[now.getDay()] + ", " + 
               date + " " +
               months[now.getMonth()] + ", " +
                (fourdigits(now.getYear())) ;

document.write("" +today+ "");
//  End -->
</script>
(:htmlend:)

2. Data e ora

2.1 Station clock

vedi

script originale oppure
il PopUp

(:includeurl
http://www.pforster.ch/JavaApplets/StationClock/StationClockPopUp.html:)

2.2 Ace Date Display

(:includeurl http://www.pforster.ch/Snippets/JS/AceDateDisp.html:)

2.3 SimpleClock2

(:includeurl
http://www.pforster.ch/Snippets/JS/SimpleClock2.html:)

2.4 Button Time

Implementato in .html fornisce nel tasto l'ora del Suo ordinatore (in PmWiki, cliccando sul tasto si riceve la quantitý di millisecondi percorsi da una data nel 1970)

Vedi script originale ButtonTime

2.5 Daily Greeting

Vedi script originale DailyGreetingJS

oppure richiami il PopUp:

(:includeurl http://www.pforster.ch/Snippets/JS/PopUpDailyGreeting.html:).

2.6 Data, ora, copyright

Viene segnalato la data e l'ora di entrata sulla pagina.

(:includeurl http://www.pforster.ch/Snippets/JS/CalDateTime.html:)

(:includeurl
http://www.pforster.ch/Snippets/JS/CcCopyrightUpdateHtml.html:)

(:includeurl
http://www.pforster.ch/Snippets/JS/DateTimeCcCopyrightUpdateHtml.html:)

3. Utilitý

3.1 PopUp Calendar

(:includeurl http://www.pforster.ch/Snippets/JS/PopUpCalendar.html:)

Lo script per inserire in un documento .html si trova sotto Calendario08.js

3.2 Caratteri ASCII

(:includeurl http://www.pforster.ch/Snippets/JS/PopUpASCII.html:)

3.3 Calcolatrici

Calcolatrice basilare

(:includeurl http://www.pforster.ch/Snippets/JS/BasicCalculator.html:)

La versione PopUp Ë la seguente:

(:includeurl http://www.pforster.ch/Snippets/JS/PopUpBasicCalc.html:)

Si puÚ anche chiamarla semplicemente sotto l'indirizzo: http://www.pforster.ch/Snippets/JS/BasicCalculator.html

Calcolatrice scientifica / chimica

Un'ottima calcolatrice, che Ë stata ultimamente programmata in JavaScript da Eni Generalic. L'ho adattato per i nostri scopi.

(:includeurl
http://www.pforster.ch/Snippets/JS/Calcolatrici/calc4chem.html:)

La versione PopUp Ë la seguente:

(:includeurl http://www.pforster.ch/Snippets/JS/PopUpCalc4Chem.html:)

Potete anche chiamarla semplicemente sotto l'indirizzo: http://www.pforster.ch/Snippets/JS/PopUpCalc4Chem.html

3.4 Calcolatrice BMI

Una calcolatrice per calcolare l'indice di massa corporea programmato di John Scott che ho adattato ai nostri scopi:

(:includeurl http://www.pforster.ch/Snippets/BMIcalculator.html:)

La versione PopUp Ë la seguente:

(:includeurl http://www.pforster.ch/Snippets/PopUpBMIcalculator.html:)

E potete anche chiamarla semplicemente sotto l'indirizzo: http://www.pforster.ch/Snippets/BMIcalculator.html

4. Dettagli pagine

4.1 Page Printer

(:includeurl http://www.pforster.ch/Snippets/JS/PagePrinter.html:)

4.2 PopUp linkato

Serve per delle utilitý come si trovano p.es. sotto Utilities. Apre una finestra separata autonoma e liberamente dimensionabile.

(:includeurl http://www.pforster.ch/Snippets/JS/iFrame/PopUp.html:)

4.3 iFrame Popup linkato

Fa la funzione di un semplice PopUp sceglibile ma sulla pagina stessa (iFrame) e chiudibile. Non serve questa funzione in PmWiki (e non funziona neanche bene), ma in certi file originali .html puÚ servire, p.es. per un link immediato ma anche chiudibile a altre pagine sul Web.

%newwin%[[http://www.pforster.ch/Snippets/JS/iFrame/PopUpiFrame.html |
Enciclopedia MedPop]]

Enciclopedia MedPop

4.4 Copyright Update

(:includeurl
http://www.pforster.ch/Snippets/JS/CcCopyrightUpdateHtml.html:)

4.5 Date, Time, Copyright

(:includeurl
http://www.pforster.ch/Snippets/JS/DateTimeCcCopyrightUpdateHtml.html:)

4.6 Born Date

Questo "etichetta" marca dopo il titolo della pagina la data della creazione e dell'ultima modifica della pagina, tutto automaticamente e per qualsiasi pagina.

(:includeurl http://www.pforster.ch/Snippets/JS/BornOnDate.html :)

4.7 URL Title

(:includeurl http://www.pforster.ch/Snippets/JS/UrlTitleJS.html:)

4.8 Title, URL, Browser

(:includeurl http://www.pforster.ch/Snippets/JS/UrlTitleUrlBrowserJS.html:)

5. Navigazione

5.1 DropDown Domini

(:includeurl http://www.pforster.ch/Snippets/JS/DropDown2Domini.html:)

5.2 Avanti / dietro

(:includeurl http://www.pforster.ch/Snippets/NavigMailGenerMedPop.html:)

"avanti" e "indietro" funzionano al solito il menu solo saltuariamente in .php.

Vedi script originale NavigMailGenerMedPop

6. Giocattoli

6.1 Colore fondo pagine

Malauguratamente funziona solo su pagine .htm e non in .php

(:includeurl http://www.pforster.ch/Snippets/JS/BgColorHtml.html:)

Vedi script originale BgColor

6.2 Image Button MedPop

(:includeurl http://www.pforster.ch/Snippets/JS/ImageButtonMedPop.html:)

6.3 Clock Dash

Impiantato in .html dimostra una casella contenente l'ora locale di 8 cittý in tutto il mondo. Nello script si puÚ modificare le cittý e le loro ore.

(:includeurl http://www.pforster.ch/Snippets/JS/ClockDash.html:)

Vedi script originale ClockDash

6.4 Basic Slide Show

Per ritornare alla condizione iniziale: cliccare sul bottone "ricarica" (refresh) del browser.

(:includeurl http://www.pforster.ch/Snippets/JS/BasicSlideshow.html:)

7. Utilities

PopUp: