Använda javascriptvärde i php

Permalänk
Medlem

Använda javascriptvärde i php

Hej!

Jag gör en hemsida där man genom webbinterface ska kunna styra en webbkamera och robot. Jag har gjort knappar i php till robotstyrningen som ska skickas med sockets.
Webbkameran har vi satt servo på och idén är att man ska kunna styra den genom två scrollbars i x och y-led.
Scrollbars'en har jag gjort i javascript

<script type="text/javascript">
var infoY;
var infoX;

function OnScrollDivV (div) {
infoY = document.getElementById ("verti");
infoY.innerHTML = "Vertical: " + div.scrollTop + "px";
}

function OnScrollDivH (div) {
infoX = document.getElementById ("horiz");
infoX.innerHTML = "Horizontal: " + div.scrollLeft
+ "px";
}

function CenterWebcam() {
div.scrollLeft = 128;
div.scrollTop = 64;
}

</script>

<div style="width:17px;height:480px; overflow:scroll;" onscroll="OnScrollDivV (this)" class="scrollbarHorizontal">
<div style="height:607px; width:20px; background-color:#a08080;"></div>
</div>

<div style="width:640px;height:17px; overflow:scroll;" onscroll="OnScrollDivH (this)" class="scrollbarVertical">
<div style="height:17px; width:895px; background-color:#a08080;"></div>

</div>

<p>Current scroll amounts:</p>
<div id="verti" class="scrollvarde"></div> //visar värdet i y-led
<div id="horiz" class="scrollvarde"></div> //visar värdet i x-led
<input type="submit" value="Centrera kameran" onclick="CenterWebcam()"/>

Dold text

Jag är inte bra på varken php eller javascript, utan det jag har gjort är suttit och läst och försökt para ihop två och två.. Nu skulle jag alltså försöka få det värdet (som visas i <div id="verti">) att skickas som signal genom socket, hur ska jag då gå tillväga?
Samt hur skriver jag för att kunna sätta startvärden på scrollbarsen (så dom blir "centrerade")?

Ytterliggare en fråga är, hur kopplar jag tangentsiffrorna (pilarna) till en hemsida?

Mvh.

Permalänk
Medlem

Jag skulle göra det hela AJAX-baserat. Jag tror även det är ett måste annars kommer varje submit av ett formulär att generera en ny sida eller omladdning av sidan. Det skulle inte kännas speciellt trevligt om man sitter och styr något, speciellt om det är så att webcam-strömmen visas i ett fönster på sidan.

För att lyssna av tangentbordet på en webbsida så är det javascript som gäller. Jag antar att du ska styra roboten i X och Y led med att röra sig framåt bakåt, svänga? Lyssna på KeyDown för att skicka kommandot att röra på sig, KeyUp för att stoppa.

jQuery hade hjälpt dig mycket med allt det du vill göra men det tar lite tid att lära sig jQuery också.

Jag börjar med detta så får andra skriva eller så får du komma med fler frågor.

Visa signatur

ηλί, ηλί, λαμά σαβαχθανί!?

Permalänk
Skrivet av Leedow:

Jag skulle göra det hela AJAX-baserat. Jag tror även det är ett måste annars kommer varje submit av ett formulär att generera en ny sida eller omladdning av sidan. Det skulle inte kännas speciellt trevligt om man sitter och styr något, speciellt om det är så att webcam-strömmen visas i ett fönster på sidan.

För att lyssna av tangentbordet på en webbsida så är det javascript som gäller. Jag antar att du ska styra roboten i X och Y led med att röra sig framåt bakåt, svänga? Lyssna på KeyDown för att skicka kommandot att röra på sig, KeyUp för att stoppa.

jQuery hade hjälpt dig mycket med allt det du vill göra men det tar lite tid att lära sig jQuery också.

Jag börjar med detta så får andra skriva eller så får du komma med fler frågor.

Japp någon form av AJA* är nog det bästa alternativet här..
AJAJ kanske? Samma som AJAX fast använder sig av JSON för att skicka data vilket kan vara lite lättare att handskas med.

Visa signatur
Permalänk
Medlem
Skrivet av StefanSwe:

Japp någon form av AJA* är nog det bästa alternativet här..
AJAJ kanske? Samma som AJAX fast använder sig av JSON för att skicka data vilket kan vara lite lättare att handskas med.

Du behöver ju inte skicka XML eller JSON. Du kan göra den enklaste formen, att anropa en php-sida med GET-variabler. Men JSON är nog enklare att hantera om det är mer än några kommandon som skall skickas, nu eller senare i projektet.

Kul projekt. Hör av dig om hur det går i tråden.

Visa signatur

ηλί, ηλί, λαμά σαβαχθανί!?