Codes JavaScript

Voici une petite collection de codes JavaScript pour diverses utilisations. De nouveaux codes seront ajoutés fréquemment.

wCloud.js

wCloud.js vous permet d'utiliser notre service d'hébergement de fichiers sur votre propre site. Les fichiers sont hébergés de manière sécurisée sur nos serveurs, et la mise en place de ce système ne prend que quelques lignes de code HTML/JavaScript.

Exemple d'utilisation

Vous devez définir vous-même une fonction wCloudGetFile prenant un paramètre, elle sera appelée à la fin de l'envoi du fichier et le paramètre contiendra l'URL du fichier envoyé.
Exemple de code (HTML/JavaScript)

<iframe src="https://walter.tw/cloud/?embed" style="border:0;width:100%;height:300px;" onload="javascript:wCloudInit(this, false);"></iframe><br />
<a href="" target="_blank" id="file-name"></a>

<input type="button" id="reload-button" value="Envoyer un autre fichier" style="display:none;" onclick="javascript:this.style.display='none';wCloudReload();" />

<script type="text/javascript">

// Cette fonction est appelée lorsque l'envoi est terminé

function wCloudGetFile(file) {

    document.getElementById("file-name").innerHTML = "Mon fichier"; // Affiche le lien

    document.getElementById("file-name").href = file; // Affiche le lien

    document.getElementById("reload-button").style.display = "inline"; // Affiche un bouton pour envoyer un autre fichier

}

</script>

Attention : Il faut impérativement appeller la fonction wCloudInit avec une référence vers l'iframe et un booléen (true pour forcer le téléchargement du fichier envoyé, false pour l'afficher)
Exemple de code (HTML)

onload="javascript:wCloudInit(this, false);"

Vous pouvez demander l'envoi d'un nouveau fichier via l'appel de cette fonction

wCloudReload();

Utiliser sur votre site (serveur sécurisé)

<script type="text/javascript" src="https://walter.tw/js/wCloudMin.js"></script>

integerKeyboard.js

integerKeyboard.js est un script permettant d'afficher sur la page un clavier numérique dont la position des chiffres est aléatoire dans le but d'éviter les enregistreurs de frappes (keylogger). Il n'est possible d'utiliser le clavier que pour un seul input dans la page.

Exemple d'utilisation

Exemple de code (HTML)

<input type="text" id="input-id" readonly="readonly" onfocus="javascript:integerKeyboard(this);" />

<input type="button" value="Effacer" onclick="javascript:document.getElementById('input-id').value='';" />

Le code qui affiche le clavier lors de la selection de l'input est l'attribut suivant

onfocus="javascript:integerKeyboard(this);"

Utiliser sur votre site (serveur sécurisé)

<script type="text/javascript" src="https://walter.tw/js/integerKeyboardMin.js"></script>

simplePopup.js

simplePopup.js permet d'afficher simplement une popup sur la page actuelle, le contenu de la popup est une autre page donnée en paramètre.

Exemple de code

simplePopup("https://walter.tw/js/popup.html");

Pour fermer la popup depuis la page affichée à l'intérieur, utilisez le code javascript suivant

parent.postMessage('closeMe','*');

Utiliser sur votre site (serveur sécurisé)

<script type="text/javascript" src="https://walter.tw/js/simplePopupMin.js"></script>

wololo.js

wololo.js permet d'activer un bâton magique de coloration en homage au jeu Age of Empire.
Attention : Il faudra recharger la page pour annuler les modifications !

Exemple de code

wololo_init();

Utiliser sur votre site (serveur sécurisé)

<script type="text/javascript" src="https://walter.tw/js/wololoMin.js"></script>