971jmd Posté(e) le 21 juin 2017 Signaler Posté(e) le 21 juin 2017 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 ?
yoim Posté(e) le 22 juin 2017 Signaler Posté(e) le 22 juin 2017 (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. Modifié le 22 juin 2017 par yoim 1
971jmd Posté(e) le 22 juin 2017 Auteur Signaler Posté(e) le 22 juin 2017 Merci, je teste ça ce soir ou demain Merci encore Envoyé de mon iPad en utilisant Tapatalk
971jmd Posté(e) le 23 juin 2017 Auteur Signaler Posté(e) le 23 juin 2017 (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é le 23 juin 2017 par 971jmd
yoim Posté(e) le 23 juin 2017 Signaler Posté(e) le 23 juin 2017 (modifié) Ton serveur gere bien le php ? Est ce curl est activé sur ton serveur php ? Où fais tu tes tests. Chez quel hebergeur ? Modifié le 23 juin 2017 par yoim
971jmd Posté(e) le 23 juin 2017 Auteur Signaler Posté(e) le 23 juin 2017 Salut, je suis en local avec wampserveur Envoyé de mon iPhone en utilisant Tapatalk
971jmd Posté(e) le 23 juin 2017 Auteur Signaler Posté(e) le 23 juin 2017 J'ai les 3 fichier dans la racine(le html et les 2 Php )Envoyé de mon iPhone en utilisant Tapatalk
yoim Posté(e) le 23 juin 2017 Signaler Posté(e) le 23 juin 2017 ok ca vient de ton wampserver https://stackoverflow.com/questions/13021536/how-to-enable-curl-in-wamp-server Essaie ca.
Messages recommandés