Aller au contenu

Messages recommandés

Posté(e)

salut a tous

 

j'ai un petit soucie : comment faire pour crée un bouton ou un lien sans pour autant sortir de la page ?

 

j'ai crée un page html très simple avec On et OFF d'une lampe avec le lien suivant ' http://xxx:xxxx@192.168.0.xxx/api/callAction?deviceID=451&name=turnOn ' et http://xxx:xxxx@192.168.0.xxx/api/callAction?deviceID=451&name=turnOff '

 

mai quand le clique sur mon lien allumer lampe ou éteindre j'ai une page qui s'ouvre avec :( : 

{"id":0,"jsonrpc":"2.0","result":{"result":0}}

 

comment faire pour crée un bouton ou un lien sans pour autant sortir de la page ?

 

 

Posté(e) (modifié)

Pour te creer une page Html avec des executions sur les boutons. J'utiliserais du php.

 

Tu te fais ta page html :

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Welcome!</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="shortcut icon" href="/favicon.ico" />
    <meta name="robots" content="noindex" />
</head>
<body>
	<style>
		#start {
			background: url(images/start.jpg) no-repeat left center;
			padding: 25px 0 25px 80px;
			display: block;
			margin-bottom: 20px;
			text-decoration: none;
			color: #000;
			font-size: 16px;
			font-family: arial;
			font-weight: bold;
		}

		#stop {
			background: url(images/stop.jpg) no-repeat left center;
			padding: 25px 0 25px 80px;
			display: block;
			text-decoration: none;
			color: #000;
			font-size: 16px;
			font-family: arial;
			font-weight: bold;
		}
	</style>
    <div id="contener">
       <a id="start" href="start.php">Allumer la lumiere</a>
       <a id="stop" href="stop.php">Eteindre la lumiere</a>
	 </div><br>
</body>
</html>

Avec 2 pages php, une pour l'allumage et l'autre pour l'arret.

 

J'ai utilisé Curl pour allumer et eteindre la lumiere sans changer de page et sans avoir un code de retour. 

 

start.php

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Welcome!</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="shortcut icon" href="/favicon.ico" />
    <meta name="robots" content="noindex" />
</head>
<body>
	<style>
		#start {
			background: url(images/start.jpg) no-repeat left center;
			padding: 25px 0 25px 80px;
			display: block;
			margin-bottom: 20px;
			text-decoration: none;
			color: #000;
			font-size: 16px;
			font-family: arial;
			font-weight: bold;
		}

		#stop {
			background: url(images/stop.jpg) no-repeat left center;
			padding: 25px 0 25px 80px;
			display: block;
			text-decoration: none;
			color: #000;
			font-size: 16px;
			font-family: arial;
			font-weight: bold;
		}
	</style>
    <div id="contener">
      <a id="start" href="start.php">Allumer la lumiere</a>
      <a id="stop" href="stop.php">Eteindre la lumiere</a>
	   
      <?php
$ch = curl_init("http://xxx:xxxx@192.168.0.xxx/api/callAction?deviceID=451&name=turnOn");

curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); 

curl_exec($ch);
curl_close($ch);

		?>
    </div>
</body>
</html>

 

stop.php pour eteindre

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Welcome!</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="shortcut icon" href="/favicon.ico" />
    <meta name="robots" content="noindex" />
</head>
<body>
	<style>
		#start {
			background: url(images/start.jpg) no-repeat left center;
			padding: 25px 0 25px 80px;
			display: block;
			margin-bottom: 20px;
			text-decoration: none;
			color: #000;
			font-size: 16px;
			font-family: arial;
			font-weight: bold;
		}

		#stop {
			background: url(images/stop.jpg) no-repeat left center;
			padding: 25px 0 25px 80px;
			display: block;
			text-decoration: none;
			color: #000;
			font-size: 16px;
			font-family: arial;
			font-weight: bold;
		}
	</style>
    <div id="contener">
      <a id="start" href="start.php">Allumer la lumiere</a>
      <a id="stop" href="stop.php">Eteindre la lumiere</a>
	   
      <?php
$ch = curl_init("http://xxx:xxxx@192.168.0.xxx/api/callAction?deviceID=451&name=turnOff");

curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); 

curl_exec($ch);
curl_close($ch);

		?>
    </div>
</body>
</html>

 

Ca fonctionne très bien chez moi.

 

Je te mets les images ON et OFF si tu veux les utiliser.

 

;)

 

stop.jpgstart.jpg

Modifié par yoim
  • Upvote 1
Posté(e) (modifié)

j'ai tester mai ça ne fonction pas 

 

quand je clique sur Allumer la lumiere, explorateur tourne tourne et la meme chose pour off

 

j'ai tester les raquette Fibaro directement elle fonctionne bien

 

j'ai meme tester 

start.php et stop.php et rien 

Modifié par 971jmd
Posté(e) (modifié)

Ton serveur gere bien le php ? Est ce curl est activé sur ton serveur php ?

 

Où fais tu tes tests. Chez quel hebergeur ?

 

hc2html.thumb.gif.c0934f21010da9c7a0cdf550f69a83b0.gif

Modifié par yoim
×
×
  • Créer...