Discussion :

[Youpsy]

Bonjour le forum !!

Etant technicien en automation j'ai quelques notions de programmation mais en python et... ça s'arrêt la.. je n'ai aucune compétence pour le langage HTML..
La je suis sur un petit projet perso qui consiste simplement à actionner 2 contacts électrique avec un bouton dédié pour chaqu'uns de ces contacts.
Alors sur Word j'ai créer 2 boutons avec qui redirige vers un lien URL car pour commander ces contact j'envoi une requête http genre https://192.etc,control? bla bla bla sauvgarder au format web, ça marche ! Nickel ! Bonne soirée !!!

Non plus sérieusement ça fonctionne mais c'est pas joli joli Donc j'ai fouillé un peu sur le net et j'ai trouver le site layoutit qui m'a permis de faire un visuel qui me conviens par contre aucune idée de comment faire pour que ça fonctionne.
Ce que j'aurai voulu c'est que quand j'appui sur un des boutons test que ça enclenche la progressbar pour 7 secondes (durer de mon impulsion électrique) qui est en dessous du bouton Test et à la fin de ces 7 secondes un texte qui dit que le test a réussi..

Voilà.. donc si quelqu'un pourrai m'aider ce serai vraiment super !!

Je vais commencer..
Donc je suppose que je dois remplacer "#" par mon URL ??

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
	<p>
	 <a class="btn btn-primary btn-large" href="#">Configuration ESP TEST APM</a>
	</p>

par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
	<p>
	 <a class="btn btn-primary btn-large" href="http://192.168.etc...">Configuration ESP TEST APM</a>
	</p>

??


Pour les images..

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img alt="Bootstrap Image Preview" src="https://www.layoutit.com/img/sports-q-c-140-140-3.jpg">

est ce que je peux récupérer une image local genre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img alt="Bootstrap Image Preview" src="file://n'importe ou.jpg">

Et c'est la que je sais pas comment faire.. Comment je rentre mon url ???

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<button type="button" class="btn btn-success btn-block">
TEST_APM_N0
</button>

Et pour les progressbar comment je mets un timer de 7 secondes ?? et qui rend visible les texte du dessous ??

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div class="progress">
<div class="progress-bar w-75 progress-bar-animated progress-bar-striped">
</div>

En tous cas merci pour le temps que vous consacré à mon soucis

Bonne soirée !!

[mathieu]

quand vous allez aux url de commande avec un navigateur, qu'est ce que cela génère comme réponse ?

[Youpsy]

Tous ce que je fais c'est que j’envoie une commande comme celle-ci http://<monip>/control?cmd=LongPulse,15,1,7 qui en commande une carte de développement avec plusieurs GPIO (dans cette exemple je demande à la carte de mettre le GPIO15 en position fermé pour 7 secondes mais je n'ai pas de réponse en retour..

Mais c'est n'est pas grave pour moi de savoir si réellement cela à fonctionner pour déclencher le texte en dessous de la progressbar car je reçois un sms si cela marche donc c'est pour ça que je voulais juste lié la progressbar à 7 secondes..
Je voudrais juste rester au plus simple.. J’appuie sur un des boutons TEST -> Déclenche la progressbar pour 7 secondes -> Rend visible le Texte "Test réussi !" -> Réinitialisation de tous si je appui à nouveau

[mathieu]

si les requêtes ne génèrent rien, vous pouvez utiliser ajax pour lancer les requêtes et rester sur la page en cours :
https://javascript.developpez.com/fa...ipt/?page=Ajax

et ensuite vous aurez aussi besoin de javascript pour faire des effets comme l'affichage d'un texte pendant quelques secondes.

[Youpsy]

Bon ben je vais essayer de comprendre tous ça mais j'avoue la pour l'instant que tu m'a complètement perdu
Cette partie java s’intègre dans le fichier html ou je dois créer un fichier spécifique pour le rappeler ??

[NoSmoking]

Bonjour,
ton problème reste des plus trivial attendu que justement tu n'attends pas de réponse, Ajax est effectivement tout indiqué avec un objet XMLHttpRequest ou avec l'API Fetch.
Concerant l'animation de ta « progress bar » tu pourrais te contenter de l'utilisation de CSS avec les transition ou les animation.

Cette partie java s’intègre dans le fichier html ou je dois créer un fichier spécifique pour le rappeler ??

Si tu n'as que cela tu peux mettre ton script en fin de document avant la balise </body>.