Bonsoir à tous ._.
Je vous explique mon soucis, en fait j'ai installer sur mon site un FlockDraw ( le truc de dessin en ligne )
Bref, ça se met tout simplement avec un :
<div id = "wb-JeunePoire"></div><script type = "text/javascript" src =
"http://flockdraw.com/embed/JeunePoire"></script>

Mais j'aimerais faire en sorte qu'il sois invisible quand la page s'ouvre, et si on clique sur un bouton ou un texte du genre : "Cliquer pour afficher le FlockDraw"
Il apparaisse par magie !
Je connait pas le javascript alors ._.
Mais si vous aviez un petit truc à rentrer histoire de faire ça, ça sera gentil !
Lien : http://justacube.o-n.com/
Merci !

Le lien pardon : http://justacube.*lympe-network.com/

Remplacez l'étoile par un o

<button id="toggleFlockDraw">Cliquer pour afficher le FlockDraw</button>
<script type="text/javascript">
var flockDraw = document.getElementById('wb-JeunePoire');
flockDraw.style.display = 'none';
var button = document.getElementById('toggleFlockDraw');
button.state = 'off';
button.addEventListener('click', function() {
flockDraw.style.display = this.state == 'off' ? '' : 'none';
this.state = 'on';
});
</script>

Normalement ça marche

Et j'ouvre le script au début ?

Ah non rien !
Je test :P

J'ai l'impression que ça marche !
Mais comment on fait pour qu'il se faire après :O ?

J'ai tester, c'est pas fonctionnel

@[lol] : il faut tester sur le site en question, tout seul ça marche pas hein et il faut bien sûr que le flockDraw ait l'identifiant "wb-JeunePoire".

Je modifie légèrement le script, j'avais un petit bug :

Dans l'exemple j'ai aussi rajouter un <div id="wb-JeunePoire"></div> qui permet de tester sur un bloc pour voir le fonctionnement
Il suffit de le remplacer par le div du flockDraw après

<button id="toggleFlockDraw">Cliquer pour afficher le FlockDraw</button>
<div id="wb-JeunePoire"
style="width:500px;height:500px;background-color:r
ed;"></div>
<script type="text/javascript">
var flockDraw = document.getElementById('wb-JeunePoire');
flockDraw.style.display = 'none';
var button = document.getElementById('toggleFlockDraw');
button.state = 'off';
button.addEventListener('click', function() {
flockDraw.style.display = this.state == 'off' ? '' : 'none';
this.textContent = this.state == 'off' ? 'Cliquer pour afficher le FlockDraw' : 'Cliquer pour masquer le FlockDraw';
this.state = this.state == 'off' ? 'on' : 'off';
});
</script>

Je suis Mistick, pardon x)

Bref euh je vais essayer ton code la

Omg ça marche
Merci beaucoup !