Utilisateur:Rical/thisdropbox.js

Note : après avoir enregistré vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

Firefox / Safari : Maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou pressez Ctrl-F5 ou Ctrl-R (⌘-R sur un Mac) ;
Google Chrome : Appuyez sur Ctrl-Maj-R (⌘-Shift-R sur un Mac) ;
Internet Explorer : Maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5 ;
Opera : Allez dans Menu → Settings (Opera → Préférences sur un Mac) et ensuite à Confidentialité & sécurité → Effacer les données d'exploration → Images et fichiers en cache.

//	Version : Buid a new Utilisateur:Rical/this_drop 20180808 1504.js
//	Goal : Try to activate Utilisateur:Rical/thisdropbox.js to reuse it for function dropboxes.new(title, content)
//	Guideline : activate and update Utilisateur:Rical/this_drop.js until OK
//	w3schools : My First JavaScript https://www.w3schools.com/js/js_conventions.asp

//	Guideline script :
//	console.log("Hello world"); // aura donc exactement le même résultat en plus d'être compatible sur tous les environnements. 

//	Guideline button :
//	<button onclick="dropboxes.toggleDropBox">content</button>
//	<button onclick="dropboxes.toggleDropBox">""</button><br>

{ // Returns the alternate content to lua.
    this_content	: "content from lua";
    i				: 1;
    fullName : function( this_drop ) { // the fullName function use person as input
        this_drop.i = this_drop.i + 1
		if (this_drop.i = 1) { this_drop.res = this_drop.this_content }
		else { this_drop.res = "" }
	}
        return this_drop.res ; // Returns the alternate content to lua.
    }
};

/*
function dropboxes.Toggle(i, content) -- Alternates toggle in whole the pages
	local content = tostring(content)
	local res = "*"
	dropboxes.drop_box_i = tonumber(i) or 0 -- To alternate toggle in whole the page
--	local trc = "*" .. tostring(content) .. tostring( dropboxes.drop_box_i) ..tostring( dropboxes.drop_box_i / 2 )
--	if string.find( ( tonumber(dropboxes.drop_box_i) or 0)(dropboxes.drop_box_i / 2) ), ".", 1, true )
--	if math.floor( dropboxes.drop_box_i / 2 ) == dropboxes.drop_box_i
	if string.find( tostring(dropboxes.drop_box_i), ".", 1, true )
	then res = content
	else res = "-"
	end
	dropboxes.drop_box_i = dropboxes.drop_box_i + 1 -- To alternate toggle in whole the page
	return res
end -- function dropboxes.Toggle(i, content)

<!DOCTYPE html> // Begin of whole a page
<html>
<body>
<h2>The JavaScript <b>this</b> Keyword</h2>
<p>In this example, <b>this</b> represents the person object that "owns" the fullName method.</p>
<p id="demo"></p>
<script>
"use strict";
document.getElementById("demo").innerHTML = myFunction(); // Returns whole the result of the document. A bootstrap case.
function myFunction() {
    return this;
}
</script>
</body>
</html> // End of whole a page

// === Projet de Worker HTML5 pour integrer du JS à toute page de wiki ===
voir : http://www.w3schools.com/html/html5_webworkers.asp
Pour des modèles ou des fonctions controlables selon ou par l'utilisateur.
Usages : adaptation aux navigateurs, infos ponctuelles, statistiques à jour à chaque affichage, fonctions pour modèles, formatage complexe, numéroter des vers...
Risques : surcharger les serveurs, un worker unique pour coordonner tous les workers ?
//.
Ici le code HTML de base pour Worker, boutons et champ d'affichage
<!DOCTYPE html>
<html><body>
<p>Count numbers: <output id="result"></output></p>
<button onclick="startWorker()">Start Worker</button>
<button onclick="stopWorker()">Stop Worker</button><br>
<script>

// Wikipedia
2.1 Hello world
window.console.log("Hello world"); // console est une des méthodes de l'objet global window
// ou
global.console.log("Hello world"); // Dans d'autres applications hôtes comme Node.js, l'objet global est global13.
//Les méthodes de l'objet global étant accessibles sans préfixe, window et global sont facultatifs.
console.log("Hello world"); // aura donc exactement le même résultat en plus d'être compatible sur tous les environnements. 
// long comment // // comment

// W3schools : My First JavaScript
<!DOCTYPE html>
<html>
<body>
<h2>My First JavaScript</h2>
<button type="button"
onclick="document.getElementById('demo').innerHTML = Date()">
Click me to display Date and Time.</button>
<p id="demo"></p>
</body>
</html> 
*/