Skocz do zawartości

Przycisk w JavaScript


Nikoguj

Rekomendowane odpowiedzi

Pomoc jest darmowa, ale proszę rozważ przekazanie dotacji na utrzymanie serwisu: klik.

Mam taką stronkę i chciałbym uzyskać URL przycisku.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- saved from url=(0020)http://192.168.0.12/ -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
        <meta name="viewport" content="height = device-height, width = 420, user-scalable = no"> 
        <title>WebIOPi | Demo</title>
        <script type="text/javascript" src="./WebIOPi _ Demo_files/webiopi.js"></script>
        <script type="text/javascript">
        webiopi().ready(function() {
                var content, button;
                content = $("#content");
                        
                button = webiopi().createButton("sos2", "Wlacznik swiatla", outputSequence);
                content.append(button); // append button to content div

        });

        function outputSequence() {
                webiopi().callMacro("wlacz");
        }
        
        </script><script type="text/javascript" src="./WebIOPi _ Demo_files/jquery.js"></script><script type="text/javascript" src="./WebIOPi _ Demo_files/ga.js"></script><link rel="stylesheet" type="text/css" href="./WebIOPi _ Demo_files/webiopi.css">
        <style type="text/css">
                button {
                        display: block;
                        margin: 5px 5px 5px 5px;
                        width: 460px;
                        height: 45px;
                        font-size: 24pt;
                        font-weight: bold;
                        color: black;
                }
                
                input[type="range"] {
                        display: block;
                        width: 160px;
                        height: 45px;
                }
                
                #gpio7.LOW {
                        background-color: White;
                }
                
                #gpio7.HIGH {
                        background-color: Red;
                }
        </style>
</head>
<body>
        <div id="content" align="center"><button type="button" class="Default" id="sos2">Wlacznik swiatla</button></div>

</body></html>
Odnośnik do komentarza
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="height = device-height, width = 420, user-scalable = no">
        <title>WebIOPi | Demo</title>
        <script type="text/javascript" src="./WebIOPi _ Demo_files/webiopi.js"></script>
  <script type="text/javascript" src="./WebIOPi _ Demo_files/jquery.js"></script><script type="text/javascript" src="./WebIOPi _ Demo_files/ga.js"></script><link rel="stylesheet" type="text/css" href="./WebIOPi _ Demo_files/webiopi.css">
</head>
<body>
        <script type="text/javascript">
        function outputSequence() {
                webiopi().callMacro("wlacz");
        }
        outputSequence()
        </script>
</body>
</html>

Otwarcie tak spreparowanej strony powinno wywołać efekt jak przy naciśnięciu przycisku.

Nie mam tylko pewności czy trzeba wcześniej wywołać webiopi().ready ale możesz sobie sprawdzić.

 

pzdr

Odnośnik do komentarza

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...