Annonce

>>> Bienvenue sur codelab! >>> Première visite ? >>> quelques mots sur codelab //// une carte des membres//// (apéros) codelab


#1 2015-07-07 18:08:26 JKP - divers trucs #HTML #bookmarlets #opendata

Carla Hoke
membre
Date d'inscription: 2014-02-26
Messages: 71

JKP - divers trucs #HTML #bookmarlets #opendata



ces derniers temps j'ai joué avec le html et les bookmarklets

JKP-Détruire ( www.)lemonde(.fr)

La vidéo
https://archive.org/details/JKP-DetruireLemonde

*************************************************************

JKP-Mettre Tout Dans ( www.)leboncoin(.fr)

javascript: (function () {
    document.title = "Mettre tout dans le (www.)leboncoin(.fr)";
    var i = 0;
    var elements = document.getElementsByTagName("*");
    setTimeout(coin,100);
    function coin() {
                if ( i == elements.length ) exit();
                else
                        {
                        i = i + 1;   
                elements[i].style.position = "fixed";
                elements[i].style.left = "0px";
                elements[i].style.top = "0px";
                        setTimeout(coin,100);
                        }
           }
})();

La vidéo
https://archive.org/details/JKP-MettreToutDansLeBonCoin

*************************************************************

JKP - Semer Le ( fr.wikipedia.org/Wiki)Chaos

javascript: (function () {

    document.title = "Semer le (fr.wikipedia.org/wiki/)Chaos";
    var elements = document.getElementsByTagName("*");
    var w = window.innerWidth;
    var h = window.innerHeight;
    function chaos () {
        for (var i = 0; i < elements.length; i++) {
        elements[i].style.position = "fixed";
        elements[i].style.left = (Math.floor(Math.random() * w) / 2) + "px";
        elements[i].style.top = Math.floor(Math.random() * h) + "px";
        }
               setTimeout(chaos, 10);
    }
    chaos();
})();

La vidéo
https://archive.org/details/JKP-SemerLe … gWikiChaos

*************************************************************

JKP - Tribute To Pollock

javascript: (function() {
    var largeur = window.innerWidth;
    var hauteur = window.innerHeight;
    var changementcouleur = 0;
    var x = 0;
    var y = 0;
    var rint = "";
    var choix = new Array("A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "Y", "Z", "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "y", "z", "x", "1", "2", "3", "4", "5", "6", "7", "8", "9", "/", "*", "+", "-", ".", "(", ")", "%", "#", "&", ";", ":", "<", ">", "?", "@");

    function randomlargeur() {
        return Math.random() * largeur;
    }

    function randomhauteur() {
        return Math.random() * hauteur;
    }

    function randomwidth() {
        return (x += (Math.random() * 50) - 25) % largeur;
    }

    function randomfont() {
        return Math.random() * 100;
    }

    function randomheight() {
        changementcouleur += 1;
        if (changementcouleur % 100 === 0) {
            x = randomlargeur();
            y = randomhauteur();
        }
        return (y += (Math.random() * 20)) % hauteur;
    }

    function randomcolor() {
        if (changementcouleur % 100 === 0) {
            rint = Math.round(0xffffff * Math.random());
        }
        return ('#0' + rint.toString(16)).replace(/^#0([0-9a-f]{6})$/i, '#$1');
    }

    function addelement() {
        var elemDiv = document.createElement('div');
        elemDiv.className = "bollock";
        elemDiv.innerHTML = choix[Math.floor(Math.random() * choix.length)];
        elemDiv.style.cssText = 'position:absolute;top:' + randomheight() + 'px;left:' + randomwidth() + 'px;font-size:' + randomfont() + 'px;color:' + randomcolor();
        document.body.appendChild(elemDiv);
     
    }
    function addcolonne() {
    for (i = 0; i < 100; i++) {
         addelement();
    }
    setTimeout(addcolonne, 1000);
    }
    var newStyle = document.createElement('style');
    newStyle.appendChild(document.createTextNode("@font-face {font-family: Averia ;   src: url(http://jkp.antisocial.be/Bookmarklet/Font/fnt.php?f=WC_Rhesus_A_Bta.ttf);} .bollock { font-family: Averia ;}"));
    document.head.appendChild(newStyle);
    setTimeout(addcolonne, 1000);
})();

La vidéo
https://archive.org/details/JKP-TributeToPollock

*************************************************************

JKP - Tribute To Buren

javascript: (function() {
    var buren = function() {
        for (var b = document.images, a = 0; a < b.length; a++) {
            var c = b[a].width,
                d = b[a].height;
            if (c && d) b[a].src = 'http://www.antisocial.be/Buren-Image/' + c + '/' + d
        }
        return false
    };
    buren();
})()

http://www.antisocial.be/Buren-Image/ est un dérivé de dummy-image.com

La vidéo
https://archive.org/details/JKP-TributeToBuren

*************************************************************

JKP - Tribute to Hip Hop

javascript: (function() {
    function addelement(position) {
        var elemDiv = document.createElement('div');
        elemDiv.className = "bollock"+position;
        elemDiv.innerHTML = "";
        elemDiv.style.cssText = "position:absolute;z-index:100;top:" + position + "px;left:40px;font-size:180px;color:red;font-family: Averia;";
    var x = document.getElementById('slideshow');
    x.appendChild(elemDiv);
    }
    function changeelement(key,position) {
        var text = document.getElementsByClassName("bollock"+position)[0].innerHTML;
    text += key;
    document.getElementsByClassName("bollock"+position)[0].innerHTML = text;
    }
   
    var newStyle = document.createElement('style');
    newStyle.appendChild(document.createTextNode("@font-face {font-family: Averia ;   src: url(http://jkp.antisocial.be/Bookmarklet/Font/fnt.php?f=adrip1.ttf);}"));
    document.head.appendChild(newStyle);
    position = 200;
    addelement(position);
    document.onkeydown = function(event) {
    console.log(event.keyCode);
    if (event.keyCode == '49')
    {
        changeelement(" ",position);
    }
    else if (event.keyCode == '50')
    {
        position = 320;       
        addelement(position);
    }         
    else
    {
    key_press = String.fromCharCode(event.keyCode);
    changeelement(key_press,position);
    }   
    }
})();

La vidéo
https://archive.org/details/JKP-TributetoHipHop

*************************************************************

http://radio.antisocial.be/
mon lecteur random avec des jingles recodée en bootstrap, html5, jplayer
le code source est ici
https://github.com/j-k-p/Radio

*************************************************************
et de la data ...
Nouveau
Programmation de Voltage - Février 2015
https://www.data.gouv.fr/fr/datasets/pr … rier-2015/

Programmation de Skyrock - Février 2015
https://www.data.gouv.fr/fr/datasets/pr … rier-2015/

Programmation de Virgin Radio - Mars 2015
https://www.data.gouv.fr/fr/datasets/pr … mars-2015/-
Programmation de LeMouv - Juin 2015
https://www.data.gouv.fr/fr/datasets/pr … juin-2015/-
Programmation de FIP - Juin 2015
https://www.data.gouv.fr/fr/datasets/pr … juin-2015/

et des Mises à jour

Programmation de France Inter 01-02-2014/28-06-2015
https://www.data.gouv.fr/fr/datasets/pr … 8-06-2015/-
Programmation de Europe1 01-05-2014 / 31-10-2014 et 01-01-2015 / 06-07-2015
https://www.data.gouv.fr/fr/datasets/pr … 6-07-2015/
-
Programmation de Sud Radio 01-05-2014 / 06-07-2015
https://www.data.gouv.fr/fr/datasets/pr … 6-07-2015/

Programmation RTL 01-01-2014/06-07-2015
https://www.data.gouv.fr/fr/datasets/pr … 6-07-2015/

A bientôt
#backtopuredata

Dernière modification par Carla Hoke (2015-07-07 18:11:43)

Hors ligne

 

#2 2015-07-07 20:12:57 Re : JKP - divers trucs #HTML #bookmarlets #opendata

Olivier
N°4
Lieu: Chalon sur la Saône
Date d'inscription: 2009-04-07
Messages: 1471
Site web

Re: JKP - divers trucs #HTML #bookmarlets #opendata



smilesmilesmilesmilesmilesmilesmilesmilesmile


L'Amour au Peuple !

Hors ligne

 

#3 2015-07-12 08:22:53 Re : JKP - divers trucs #HTML #bookmarlets #opendata

Carla Hoke
membre
Date d'inscription: 2014-02-26
Messages: 71

Re: JKP - divers trucs #HTML #bookmarlets #opendata



Merci Olivier

Hors ligne

 

#4 2015-07-13 11:38:49 Re : JKP - divers trucs #HTML #bookmarlets #opendata

sakramh
membre
Lieu: clichy-sous-bois
Date d'inscription: 2008-12-02
Messages: 829
Site web

Re: JKP - divers trucs #HTML #bookmarlets #opendata



RADIO ZOZO . Moi j'aime bien "zozo" lol

Dernière modification par sakramh (2015-07-13 11:39:02)


le code est l'alchimie de l'âge du silicium

Hors ligne

 

fil rss de cette discussion : rss

Pied de page des forums

Powered by FluxBB

codelab, graphisme & code : emoc / 2008-2024