TIA S7 1200 Webserver mit jquery mobile

1

1c3M@sT3r

Level-1
Beiträge
3
Reaktionspunkte
0
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
 
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.
 
Zuviel Werbung?
-> Hier kostenlos registrieren
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
 
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.
 
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
 

Similar threads

R
TIA S7-1200 WebServer String Darstellung in HTML Seite
Antworten
1
Aufrufe
2K
Thomas_v2.1
T
M
Sonstiges S7-1200 Webserver
Antworten
5
Aufrufe
3K
Thomas_v2.1
T
B
Sonstiges Steueroberfläche mit Siemens 1200 (Webserver)
Antworten
5
Aufrufe
5K
Thomas_v2.1
T
B
TIA S7 1200 angemeldeten Admi User ermitteln
Antworten
1
Aufrufe
1K
biti
B
J
TIA Web für S7-1200
Antworten
5
Aufrufe
2K
UniMog
UniMog
Zurück
Oben