Avete mai pensato di cambiare il mondo? Bhe Google chiede a tutti noi se abbiamo un’idea che possa in qualche modo cambiare il mondo, e perchè no aiutare di conseguenza il maggior numero possibile di persone.
Chiunque può dire la sua, e saranno gli utenti online a scegliere l’idea migliore: il vincitore non riceverà nessuna ricompensa monetaria.
Questa si che è una bella iniziativa!!! Complimenti.
Google ha a disposizione 10 milioni di dollari per dar vita alle idee migliori e le categorie sono:
- Opportunità: come possiamo aiutare le persone a provvedere meglio a se stesse e alle proprie famiglie?
- Energia: come possiamo aiutare a promuovere l’utilizzo di energia sicura, pulita ed economica per il pianeta?
- Ambiente: come possiamo aiutare a promuovere un ecosistema globale più pulito e sostenibile?
- Salute: come possiamo aiutare le persone a vivere più a lungo e in salute?
- Istruzione: come possiamo aiutare più persone ad avere accesso a un’istruzione migliore?
- Casa: come possiamo aiutare a garantire che tutti abbiano un luogo sicuro in cui vivere?
- Altro: a volte le idee migliori non rientrano in alcuna categoria specifica
La data ultima per inviare le proprie idee è il 20 di ottobre: tramite questo link, è possibile farsi inviare via mail, un promemoria per la votazione.
Questa iniziativa mi ha portato alla mente un film “Un sogno per domani” , la trama è questa:
Trevor è un ragazzino generoso che prende le cose sul serio. E seriamente decide di cambiare il mondo, prendendo spunto da un compito in classe. Decide di fare tre buone azioni ad altrettante persone che a loro volta devono ricambiare ad altre tre persone che poi lo ricambieranno ad altre persone, e così via
Di seguito viene mostrato come eseguire una funzione javascript dopo x secondi dal caricamento della pagina.
<html>
<head>
<script type="text/javascript">
function timer()
{
alert('ciao')
}
setTimeout("timer()", 3000);
</script>
</head>
<body>
Fra 3 secondi accadrà qualcosa
</body>
</html>ESEMPIO
Questo codice permette di creare una spece di tendina visibile/invisibile. I file sono due: animatedcollapse.js e index.html.
animatedcollapse.js
//Animated Collapsible DIV- Author: Dynamic Drive (http://www.dynamicdrive.com)
//Last updated June 27th, 07'. Added ability for a DIV to be initially expanded.
var uniquepageid=window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, "") //get current page path and name, used to uniquely identify this page for persistence feature
function animatedcollapse(divId, animatetime, persistexpand, initstate){
this.divId=divId
this.divObj=document.getElementById(divId)
this.divObj.style.overflow="hidden"
this.timelength=animatetime
this.initstate=(typeof initstate!="undefined" && initstate=="block")? "block" : "contract"
this.isExpanded=animatedcollapse.getCookie(uniquepageid+"-"+divId) //"yes" or "no", based on cookie value
this.contentheight=parseInt(this.divObj.style.height)
var thisobj=this
if (isNaN(this.contentheight)){ //if no CSS "height" attribute explicitly defined, get DIV's height on window.load
animatedcollapse.dotask(window, function(){thisobj._getheight(persistexpand)}, "load")
if (!persistexpand && this.initstate=="contract" || persistexpand && this.isExpanded!="yes") //Hide DIV (unless div should be expanded by default, OR persistence is enabled and this DIV should be expanded)
this.divObj.style.visibility="hidden" //hide content (versus collapse) until we can get its height
}
else if (!persistexpand && this.initstate=="contract" || persistexpand && this.isExpanded!="yes") //Hide DIV (unless div should be expanded by default, OR persistence is enabled and this DIV should be expanded)
this.divObj.style.height=0 //just collapse content if CSS "height" attribute available
if (persistexpand)
animatedcollapse.dotask(window, function(){animatedcollapse.setCookie(uniquepageid+"-"+thisobj.divId, thisobj.isExpanded)}, "unload")
}
animatedcollapse.prototype._getheight=function(persistexpand){
this.contentheight=this.divObj.offsetHeight
if (!persistexpand && this.initstate=="contract" || persistexpand && this.isExpanded!="yes"){ //Hide DIV (unless div should be expanded by default, OR persistence is enabled and this DIV should be expanded)
this.divObj.style.height=0 //collapse content
this.divObj.style.visibility="visible"
}
else //else if persistence is enabled AND this content should be expanded, define its CSS height value so slideup() has something to work with
this.divObj.style.height=this.contentheight+"px"
}
animatedcollapse.prototype._slideengine=function(direction){
var elapsed=new Date().getTime()-this.startTime //get time animation has run
var thisobj=this
if (elapsed<this.timelength){ //if time run is less than specified length
var distancepercent=(direction=="down")? animatedcollapse.curveincrement(elapsed/this.timelength) : 1-animatedcollapse.curveincrement(elapsed/this.timelength)
this.divObj.style.height=distancepercent * this.contentheight +"px"
this.runtimer=setTimeout(function(){thisobj._slideengine(direction)}, 10)
}
else{ //if animation finished
this.divObj.style.height=(direction=="down")? this.contentheight+"px" : 0
this.isExpanded=(direction=="down")? "yes" : "no" //remember whether content is expanded or not
this.runtimer=null
}
}
animatedcollapse.prototype.slidedown=function(){
if (typeof this.runtimer=="undefined" || this.runtimer==null){ //if animation isn't already running or has stopped running
if (isNaN(this.contentheight)) //if content height not available yet (until window.onload)
alert("Please wait until document has fully loaded then click again")
else if (parseInt(this.divObj.style.height)==0){ //if content is collapsed
this.startTime=new Date().getTime() //Set animation start time
this._slideengine("down")
}
}
}
animatedcollapse.prototype.slideup=function(){
if (typeof this.runtimer=="undefined" || this.runtimer==null){ //if animation isn't already running or has stopped running
if (isNaN(this.contentheight)) //if content height not available yet (until window.onload)
alert("Please wait until document has fully loaded then click again")
else if (parseInt(this.divObj.style.height)==this.contentheight){ //if content is expanded
this.startTime=new Date().getTime()
this._slideengine("up")
}
}
}
animatedcollapse.prototype.slideit=function(){
if (isNaN(this.contentheight)) //if content height not available yet (until window.onload)
alert("Please wait until document has fully loaded then click again")
else if (parseInt(this.divObj.style.height)==0)
this.slidedown()
else if (parseInt(this.divObj.style.height)==this.contentheight)
this.slideup()
}
// -------------------------------------------------------------------
// A few utility functions below:
// -------------------------------------------------------------------
animatedcollapse.curveincrement=function(percent){
return (1-Math.cos(percent*Math.PI)) / 2 //return cos curve based value from a percentage input
}
animatedcollapse.dotask=function(target, functionref, tasktype){ //assign a function to execute to an event handler (ie: onunload)
var tasktype=(window.addEventListener)? tasktype : "on"+tasktype
if (target.addEventListener)
target.addEventListener(tasktype, functionref, false)
else if (target.attachEvent)
target.attachEvent(tasktype, functionref)
}
animatedcollapse.getCookie=function(Name){
var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
if (document.cookie.match(re)) //if cookie found
return document.cookie.match(re)[0].split("=")[1] //return its value
return ""
}
animatedcollapse.setCookie=function(name, value, days){
if (typeof days!="undefined"){ //if set persistent cookie
var expireDate = new Date()
var expstring=expireDate.setDate(expireDate.getDate()+days)
document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()
}
else //else if this is a session only cookie
document.cookie = name+"="+value
}File esterno:
index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html >
<head>
<script type="text/javascript" src="animatedcollapse.js"></script>
<style type="text/css">
<!--
.Stile1 {font-size: 36px}
-->
</style>
<title>Animate Colspan Div in JavaScript </title>
</head>
<body>
<a href="javascript:collapse2.slideit()">Visibile/Invisibile</a>
<div id="cat" style="background-color: #99E0FB;">
<div style="padding: 0 5px">
<p align="center" class="Stile1">QUESTO DIV PRENDE LE DIMENSIONI <br />
A SECONDA DEL CONTENUTO DEL DIV </p>
</div>
</div>
<script type="text/javascript">
var collapse2=new animatedcollapse("cat", 500, true)
</script>
</body>
</html>
Fonte: juliusdesign
Di seguito c’è uno script per visualizzare la data nel formato gg/mm/aaaa. Ovviamente modificando lo script si puo’ formattare la data come si desidera.
function ProponiData()
{
// recupero formato data gg/mm/aaaa ------------------
var oggi = new Date();
var G = oggi.getDate();
var M = (oggi.getMonth() + 1);
if (G < 10) { var gg = "0" + oggi.getDate(); }
else { var gg = oggi.getDate(); }
if (M < 10) { var mm = "0" + (oggi.getMonth() + 1); }
else { var mm = (oggi.getMonth() + 1); }
var aa = oggi.getFullYear();
var data = gg + "/" + mm + "/" + aa;
// recupero formato data gg/mm/aaaa ------------------
}Nella variabile data c’è la data in formato gg/mm/aaaa.
Questo script visualizza a schermo il contetnuto di una cartella stile elenco.
test.php
// FUNZIONE: LETTURA DIRECTORY
// $pagina_destinazine = pagina di arrivo della funzione
// $directory = directory dalla quale prendere i file
function leggi_cartella($pagina_destinazione,$directory)
{
$dir=$directory;
if ($handle = opendir($dir))
{
while (false !== ($file = readdir($handle)))
{
$percorso="$dir/$file";
$size_file=filesize($percorso)/1000;
$size_file=round($size_file,1);
$size_file=" ( ".$size_file." Kb )";
// "." ".." = servono per non far viualiazzare i caratteri per tornare indietro
if ( ($file<> ".") & ($file<> "..") )
{
echo "
<li><a href="$percorso">$file$size_file</a></li>";
}
}
}
else
{
echo "Cartella inesistente. Contattare l'AMMINISTRATORE";
}
}Per vedere il risultato richiamare la funzione
leggi_cartella('test.php','download');Nell’esempio viene richiesto di vedere il contenuto della cartella ‘download’.
