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

Ergebnis 1 bis 5 von 5

Thema: S7 1200 Webserver mit jquery mobile

  1. #1
    Registriert seit
    04.09.2012
    Beiträge
    3
    Danke
    0
    Erhielt 0 Danke für 0 Beiträge

    Standard


    Zuviel Werbung?
    -> Hier kostenlos registrieren
    Hallo, ich bin gerade dabei mein Haus mit einer 1214er CPU und dem integrierten Webserver mittels jquery zu visualisieren. Nur habe ich da ein Problem mit dem schreiben von Variablen. Wenn ich nämlich jquery Nutze werden keine Variablen auf die CPU geschrieben. Ich mache das mittels Submit Button POST aber hier mal ein Code ausschnitt.

    Code:
    </form>
    
    <!DOCTYPE html> 
    <html>
    <head>
    <meta charset="utf-8">
    <title>jQuery Mobile-Webanwendung</title>
    <link href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" rel="stylesheet" type="text/css"/>
    <script src="http://code.jquery.com/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js" type="text/javascript"></script>
    
    
    </head> 
    
    
    
    
     
    <body> 
    
    
    <div data-role="page" id="page">
        <div data-role="header">
            <h1 style="">Haussteuerung</h1>
        </div>
        <div data-role="content">    
            <ul data-role="listview">
                <li><a href="#wohnzimmer">Wohnzimmer</a></li>
                <li><a href="#kuchl">Küche</a></li>
                <li><a href="#ess">Esszimmer</a></li>
                <li><a href="#schlaf">Schlafzimmer</a></li>
                <li><a href="#badwc">Bad/WC</a></li>
                <li><a href="#elena">Elena Kinderzimmer</a></li>
                <li><a href="#marvin">Marvin Kinderzimmer</a></li>
                <li><a href="#lese">Lesezimmer</a></li>
                <li><a href="#badwcog">Bad/WC OG</a></li>
                <li><a href="#buero">Büro</a></li>
            </ul>        
        </div>
        <div data-role="footer">
            <h4>Fußzeile</h4>
        </div>
    </div>
    
    
    <div data-role="page" id="wohnzimmer">
        <div data-role="header">
            <h1>Wohnzimmer</h1>
        </div>
        
    <form method="post" action="">
    <input type="submit" value="Rollo Nord Rechts Auf" data-icon="arrow-u" data-theme="a" >
    <input type="hidden" name='"W_Rollo_Nord_Rechts_Auf"' value="1">
    <input type="hidden" name='"W_Rollo_Nord_Rechts_Zu"' value="0">
    </form>
    
    
    <form method="post" action="">
    <input type="submit" value="Rollo Nord Rechts Zu" data-icon="arrow-d" data-theme="a" >
    <input type="hidden" name='"W_Rollo_Nord_Rechts_Auf"' value="0">  
    <input type="hidden" name='"W_Rollo_Nord_Rechts_Zu"' value="1">
    </form>
    Ich hoffe das ihr mir weiterhelfen könnt, vielen Dank im Voraus lg
    Zitieren Zitieren S7 1200 Webserver mit jquery mobile  

  2. #2
    Registriert seit
    29.03.2004
    Beiträge
    5.739
    Danke
    143
    Erhielt 1.686 Danke für 1.225 Beiträge

    Standard

    Hast du dich vorher angemeldet? Für Schreibzugriff musst du angemeldet sein, lesen geht auch so.

    Und die Variablen auf die du schreiben willst, müssen mit der speziellen AWP-Syntax bekanntgegeben werden.

  3. #3
    1c3M@sT3r ist offline Neuer Benutzer
    Themenstarter
    Registriert seit
    04.09.2012
    Beiträge
    3
    Danke
    0
    Erhielt 0 Danke für 0 Beiträge

    Standard

    Ja ich bin dabei angemeldet, es funktioniert auch solange ich jquery nicht nutze. Sobald ich aber wieder die Zeile für die Einbindung von jquery nutze bekomme ich nichts mehr von den buttons zur CPU, ausser wenn ich anstatt buttons die Slider benutze. Die Slider funktionieren, nur Rollläden mit einen Slider zu steuern erscheint mir etwas umständlich. Oder gibt es eine Möglichkeit einen Button als Taster auszuführen der solange 1 ist wie ich ihn drücke und beim loslassen wieder 0 wird? Lg

  4. #4
    Registriert seit
    29.03.2004
    Beiträge
    5.739
    Danke
    143
    Erhielt 1.686 Danke für 1.225 Beiträge

    Standard

    Ist schon eine Weile her als ich etwas mit jquery mobile gemacht habe, aber bei dir fehlt mir die data-role="..." Definition für den Typ des Elements.

    Du kannst ein passendes onclick-Event an dein Eingabeelement anhängen, sonst muss ein Formular immer erst abgeschickt werden. Wenn du einen Slider verschiebst, kannst du z.B. beim Verschieben auf "Auf" eine 1, und beim Verschieben auf "Zu" eine 0 an die SPS schicken.

    Um nachzusehen was dein Webbrowser an die SPS schickt, sind die Entwicklertools im Firefox oder im aktuellen IE ganz nützlich. Am Besten schaust du dir das bei einem Element an welches funktioniert, damit du weißt wie ein korrekter Http-Post zum Schreiben von Variablen auszusehen hat. Leider gibt die SPS dir keine Rückmeldung wenn der Befehl z.B. aufgrund einer fehlenden Anmeldung oder einer fehlenden AWP-Anweisung nicht ausgeführt werden konnte.

  5. #5
    1c3M@sT3r ist offline Neuer Benutzer
    Themenstarter
    Registriert seit
    04.09.2012
    Beiträge
    3
    Danke
    0
    Erhielt 0 Danke für 0 Beiträge

    Standard


    Zuviel Werbung?
    -> Hier kostenlos registrieren
    Vielen Danke habe es jetzt so geschrieben:
    Code:
    <!-- AWP_In_Variable Name='"W_Rollo_Nord_Rechts_Auf"' -->
    <!-- AWP_In_Variable Name='"W_Rollo_Nord_Rechts_Zu"' -->
    <!-- AWP_In_Variable Name='"W_Rollo_Nord_Links_Auf"' -->
    <!-- AWP_In_Variable Name='"W_Rollo_Nord_Links_Zu"' -->
    <!-- AWP_In_Variable Name='"W_Rollo_West_Rechts_Links_Auf"' -->
    <!-- AWP_In_Variable Name='"W_Rollo_West_Rechts_Links_Zu"' -->
    <!-- AWP_In_Variable Name='"W_Rollo_Sued_Auf"' -->
    <!-- AWP_In_Variable Name='"W_Rollo_Sued_Zu"' -->
    
    
    <!-- AWP_In_Variable Name='"W_S_Rollo_Nord_Auf"' -->
    <!-- AWP_In_Variable Name='"W_S_Rollo_Nord_Zu"' -->
    <!-- AWP_In_Variable Name='"W_S_Rollo_West_Links_Auf"' -->
    <!-- AWP_In_Variable Name='"W_S_Rollo_West_Links_Zu"' -->
    <!-- AWP_In_Variable Name='"W_S_Rollo_West_Balkontuer_Auf"' -->
    <!-- AWP_In_Variable Name='"W_S_Rollo_West_Balkontuer_Zu"' -->
    <!-- AWP_In_Variable Name='"W_S_Rollo_Ost_Auf"' -->
    <!-- AWP_In_Variable Name='"W_S_Rollo_Ost_Zu"' -->
    <!-- AWP_In_Variable Name='"W_S_Rollo_Ost_Schrankraum_Auf"' -->
    <!-- AWP_In_Variable Name='"W_S_Rollo_Ost_Schrankraum_Zu"' -->
    
    <!-- AWP_In_Variable Name='"W_E_Rollo_Nord_Rechts_Auf"' -->
    <!-- AWP_In_Variable Name='"W_E_Rollo_Nord_Rechts_Zu"' -->
    <!-- AWP_In_Variable Name='"W_E_Rollo_Nord_Links_Auf"' -->
    <!-- AWP_In_Variable Name='"W_E_Rollo_Nord_Links_Zu"' -->
    
    <!-- AWP_In_Variable Name='"W_B_Rollo_Ost_Auf"' -->
    <!-- AWP_In_Variable Name='"W_B_Rollo_Ost_Zu"' -->
    <!-- AWP_In_Variable Name='"W_B_Rollo_WC_Auf"' -->
    <!-- AWP_In_Variable Name='"W_B_Rollo_WC_Zu"' -->
    
    <!-- AWP_In_Variable Name='"W_K_Rollo_Sued_Auf"' -->
    <!-- AWP_In_Variable Name='"W_K_Rollo_Sued_Zu"' -->
    <!-- AWP_In_Variable Name='"W_K_Rollo_Ost_Balkontuer_Auf"' -->
    <!-- AWP_In_Variable Name='"W_K_Rollo_Ost_Balkontuer_Zu"' -->
    <!-- AWP_In_Variable Name='"W_K_Rollo_Speis_Auf"' -->
    <!-- AWP_In_Variable Name='"W_K_Rollo_Speis_Zu"' -->
    
    <!-- AWP_In_Variable Name='"W_Eg_Alles_Zu"' -->
    <!-- AWP_In_Variable Name='"W_Eg_Alles_Auf"' -->
    
    <!-- AWP_In_Variable Name='"W_Marvin_Rollo_West_Balkon_Auf"' -->
    <!-- AWP_In_Variable Name='"W_Marvin_Rollo_West_Balkon_Zu"' -->
    <!-- AWP_In_Variable Name='"W_Marvin_Rollo_West_Rechts_Auf"' -->
    <!-- AWP_In_Variable Name='"W_Marvin_Rollo_West_Rechts_Zu"' -->
    <!-- AWP_In_Variable Name='"W_Marvin_Rollo_Sued_Auf"' -->
    <!-- AWP_In_Variable Name='"W_Marvin_Rollo_Sued_Zu"' -->
    
    <!-- AWP_In_Variable Name='"W_Elena_Rollo_West_Balkon_Auf"' -->
    <!-- AWP_In_Variable Name='"W_Elena_Rollo_West_Balkon_Zu"' -->
    <!-- AWP_In_Variable Name='"W_Elena_Rollo_West_Rechts_Auf"' -->
    <!-- AWP_In_Variable Name='"W_Elena_Rollo_West_Rechts_Zu"' -->
    <!-- AWP_In_Variable Name='"W_Elena_Rollo_Nord_Auf"' -->
    <!-- AWP_In_Variable Name='"W_Elena_Rollo_Nord_Zu"' -->
    
    <!-- AWP_In_Variable Name='"W_Lese_Rollo_Nord_Balkon_Auf"' -->
    <!-- AWP_In_Variable Name='"W_Lese_Rollo_Nord_Balkon_Zu"' -->
    <!-- AWP_In_Variable Name='"W_Lese_Rollo_Nord_Rechts_Auf"' -->
    <!-- AWP_In_Variable Name='"W_Lese_Rollo_Nord_Rechts_Zu"' -->
    
    <!-- AWP_In_Variable Name='"W_B_OG_Rollo_Ost_Auf"' -->
    <!-- AWP_In_Variable Name='"W_B_OG_Rollo_Ost_Zu"' -->
    
    <!-- AWP_In_Variable Name='"W_Buero_Rollo_Nord_Rechts_Auf"' -->
    <!-- AWP_In_Variable Name='"W_Buero_Rollo_Nord_Rechts_Zu"' -->
    <!-- AWP_In_Variable Name='"W_Buero_Rollo_Ost_Auf"' -->
    <!-- AWP_In_Variable Name='"W_Buero_Rollo_Ost_Zu"' -->
    <!-- AWP_In_Variable Name='"W_Buero_Rollo_Nord_Links_Auf"' -->
    <!-- AWP_In_Variable Name='"W_Buero_Rollo_Nord_Links_Zu"' -->
    
    <!-- AWP_In_Variable Name='"webserver_DB".Web_ON' -->
    <!-- AWP_In_Variable Name='"webserver_DB".Web_OFF' -->
    
    
    <!DOCTYPE html> 
    <html>
    <head>
    <meta charset="utf-8">
    <title>jQuery Mobile-Webanwendung</title>
    <link href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" rel="stylesheet" type="text/css"/>
    <script src="http://code.jquery.com/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js" type="text/javascript"></script>
    
    </head> 
    
    
     
    <body> 
    
    <div data-role="page" id="page">
        <div data-role="header">
            <h1 style="">Haussteuerung</h1>
        </div>
        <div data-role="content">    
            <ul data-role="listview">
                <li><a href="#wohnzimmer">Wohnzimmer</a></li>
                <li><a href="#kuchl">Küche</a></li>
                <li><a href="#ess">Esszimmer</a></li>
                <li><a href="#schlaf">Schlafzimmer</a></li>
                <li><a href="#badwc">Bad/WC</a></li>
                <li><a href="#elena">Elena Kinderzimmer</a></li>
                <li><a href="#marvin">Marvin Kinderzimmer</a></li>
                <li><a href="#lese">Lesezimmer</a></li>
                <li><a href="#badwcog">Bad/WC OG</a></li>
                <li><a href="#buero">Büro</a></li>
            </ul>        
        </div>
        <div data-role="footer">
            <h4>Fußzeile</h4>
        </div>
    </div>
    
    <div data-role="page" id="wohnzimmer">
        <div data-role="header">
            <h1>Wohnzimmer</h1>
        </div>
    
    <div data-role="content">
    
    
    
    
    
    </form>
        
    <form method="post"  action="" data-ajax="false">
    <input type="submit" data-role= "button" class= "button"  data-icon="arrow-u" data-theme="a" value="Rollo Nord Rechts Auf" >
    <input type="hidden" name='"W_Rollo_Nord_Rechts_Auf"' value="1">
    <input type="hidden" name='"W_Rollo_Nord_Rechts_Zu"' value="0">
    
    </form>
    
    <form method="post"  action=""data-ajax="false">
    <input type="submit" data-role"button" class= "button" value="Rollo Nord Rechts Zu" data-icon="arrow-d" data-theme="a">
    <input type="hidden" name='"W_Rollo_Nord_Rechts_Auf"' value="0">  
    <input type="hidden" name='"W_Rollo_Nord_Rechts_Zu"' value="1">
    
    </form>
    Damit funktioniert das Senden auch mit jquery, nur bekomm ich es eben nicht als Taster hin habe es mit diesen beispiel versucht:
    Code:
    <!DOCTYPE html>
    <html>
    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
        $("div").mouseup(function(){
            $(this).after("<p style='color:green;'>Mouse button released.</p>");
        });
        $("div").mousedown(function(){
            $(this).after("<p style='color:purple;'>Mouse button pressed down.</p>");
        });
    });
    </script>
    </head>
    <body>
    
    <div>Press down and release the mouse button over this div element.</div>
    
    </body>
    </html>
    Nur weiss ich nicht genau wo ich hier meine Variable eintrage die an die SPS gesendet werden soll. Vlt hat hier ja noch einer eine Idee ob das möglich ist.

    Vielen Lieben Dank hast mir sehr geholfen!

    lg

Ähnliche Themen

  1. Antworten: 5
    Letzter Beitrag: 14.09.2015, 09:45
  2. TIA Webserver mit S7 1200
    Von asdf95 im Forum Simatic
    Antworten: 1
    Letzter Beitrag: 14.01.2014, 10:10
  3. TIA Webserver S7 1200
    Von golfsiew im Forum Simatic
    Antworten: 3
    Letzter Beitrag: 03.05.2013, 11:23
  4. Webserver s7-1200
    Von Oeder im Forum Simatic
    Antworten: 4
    Letzter Beitrag: 17.10.2012, 08:53
  5. Problem mit Webserver S7-1200
    Von S7trainee im Forum Simatic
    Antworten: 0
    Letzter Beitrag: 30.06.2012, 18:30

Lesezeichen

Berechtigungen

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