Hello,

J'aimerais savoir si il est possible (et comment faire) de crée un bouton poussoir en HTML (de ce style http://www.noelshack.com//2013-47-1385162431-lampe.jpg) et de lier se dernier à une variable PHP ($bouton1 p.ex).

Se bouton me servirais à contrôler une LED en activant une sortie GPIO.

Merci d'avance

Petite précision, quand je relâche le bouton j'aimerais bien que la variable retombe à false.

J'ai compris ce que tu veut faire. Mais je pense qu'il faudrais rajouter du javascript.

J'ai trouvé ça, ça pourrais t'aider http://www.startyourdev.com/html/evenement-html-onmousedown + http://www.w3schools.com/om/jsref/event_onmousedown.asp

(commence par le 2ème lien)

Il y a deux fonctions de faire un bouton :
<button>Cliquez ici !</button>
ou :
<input type="button"/>

Sur le premier tu ne pourras appliquer que du JS, donc utiliser par exemple ajax ou autres.
Pour le 2ème, comme tout input, il va dans un formulaire <form> mais je n'ai aucune idée de comment le récupérer en php
Donc je pense que tu devrais utiliser le premier, quand tu as le onmousedown, tu envoies une requête AJAX à ta page PHP qui va allumer la lumière, et avec onmouseup tu en envoies une autre qui éteint la lumière.
Parce que sinon pour définir une variable PHP, je vois pas comment c'est possible à moins que le code tourne en continue

Hello,

Merci pour vos conseils. J'ai peut être trouver un truc qui marche en suivant tes liens Salfai. Par contre, maintenant j'aimerais bien afficher la valeur de ma variable sur ma page pour vérifier que ça marche, en cherchant sur internet j'ai trouvé la commande "document.write" mais ça efface ma page et ensuite affiche l'état... Du coup ça me sert pas à grand chose.

Il faut que tu écrives dans un noeud, pas sur le document directement ;)

Merci beaucoup à vous. J'ai finalement réussi... Pas évident quand on connait pas les langages informatique.

Pour info j'ai fait:

<input type="button" onmousedown="displayResult()" onmouseup="displayResult1()" value="Lampe" id="button1">

Et deux petit scrypt:

<script>
function displayResult()
{
document.getElementById("myHeader").innerHTML="Lam
pe
allumee";
}
</script>

<script>
function displayResult1()
{
document.getElementById("myHeader").innerHTML="Lam
pe
eteinte";
}
</script>

<input type="button" onmousedown="displayResult(true)" onmouseup="displayResult(false)" value="Lampe" id="button1">

<script>
function displayResult(isMouseDown)
{
document.getElementById("myHeader").innerHTML="Lam
pe"
+ ( isMouseDown? "allumé" : "étiente");
}
</script>

http://www.css3create.com/Creer-un-bouton-en-CSS3-sans-images

Ici c'est fait sans js, que du css3