Zuviel Werbung? - > Hier kostenlos beim SPS-Forum registrieren

Ergebnis 1 bis 1 von 1

Thema: s7 Webserver

  1. #1
    Registriert seit
    19.11.2005
    Ort
    Schweiz
    Beiträge
    47
    Danke
    18
    Erhielt 5 Danke für 5 Beiträge

    Standard


    Zuviel Werbung?
    -> Hier kostenlos registrieren
    Guten Tag,

    Ich habe einen schönen Schalter gefunden mit dem ich ein Merker ansteuern möchte und zur SPS senden, habe eine CPU 1212C, mit Buttons
    funktioniert alles bestens nun möchte ich den Schalter Benutzen. Aber wie? kann mir vielleicht jemand helfen.
    Code:
    <!-- AWP_In_Variable Name='"Start_4"' -->
    
                   <div class="onoffswitch">
       <input type="checkbox" name='"Start_4"' class="onoffswitch-checkbox" id="myonoffswitch" value="1">
        <label class="onoffswitch-label" for="myonoffswitch">
            <div class="onoffswitch-inner" ></div>
            <div class="onoffswitch-switch" ></div>
        </label>
            </div>
    
    
    CODE in CSS
    /*  SCHALTER BEGIN  */
     .onoffswitch {
        position: relative; width: 90px;
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }
    .onoffswitch-checkbox {
        display: block;
    
    
    }
    .onoffswitch-label {
        display: block; overflow: hidden; cursor: pointer;
        border: 2px solid #999999; border-radius: 20px;
    }
    .onoffswitch-inner {
        width: 200%; margin-left: -100%;
        -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
        -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
    }
    .onoffswitch-inner:before, .onoffswitch-inner:after {
        float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
        font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
        -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    }
    .onoffswitch-inner:before {
        content: "ON";
        padding-left: 10px;
        background-color: #2FCCFF; color: #FFFFFF;
    
    
    }
    .onoffswitch-inner:after {
        content: "OFF";
        padding-right: 10px;
        background-color: #EEEEEE; color: #999999;
        text-align: right;
    }
    .onoffswitch-switch {
        width: 18px; margin: 6px;
        background: #FFFFFF;
        border: 2px solid #999999; border-radius: 20px;
        position: absolute; top: 0; bottom: 0; right: 56px;
        -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
        margin-left: 0;
    
    
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
        right: 0px;
    
    
    }
     /*  SCHALTER END  */

    Danke im Voraus
    Geändert von Rechi (16.04.2014 um 13:52 Uhr)
    Zitieren Zitieren s7 Webserver  

Ähnliche Themen

  1. WebServer auf CX
    Von pezi179 im Forum CODESYS und IEC61131
    Antworten: 5
    Letzter Beitrag: 27.04.2016, 19:54
  2. S7 1200 - Webserver
    Von hank12 im Forum Simatic
    Antworten: 1
    Letzter Beitrag: 06.06.2013, 18:45
  3. Webserver S7 1200
    Von emilio20 im Forum Simatic
    Antworten: 4
    Letzter Beitrag: 06.01.2013, 12:05
  4. Befehle Webserver
    Von STgeronimo im Forum Simatic
    Antworten: 3
    Letzter Beitrag: 16.12.2012, 22:24
  5. CX9000 Webserver
    Von Timo_CX9000 im Forum CODESYS und IEC61131
    Antworten: 4
    Letzter Beitrag: 28.09.2011, 17:01

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •