xxapi² für Anfänger

[vento66]

OK. dann hier mal was zum downloaden: http://service.knx-user-forum.de/?comm=download&id=100009

[Weinkeller1]

Danke!!!
Kann mich nun auf lange Nächte einstellen...

[TirochH]

Hallo Hans,

I solved the scrollTo and/or scrollBy commands !!
Thanks !!
made;

XXEXECUTE*scrollTo(500,500);

One question left, how do I change the values to variables?
I would like to use something like:

XXEXECUTE*scrollTo(hs.xxapi2.WindowScrollToX, hs.xxapi2.WindowScrollToY);

but the command does not see the iKO's

Grusse,


Ger

Ich selbst hab Deinen Ansatz nie benutzt und bin sehr skeptisch.

Das einzige das mir (theoretisch) dazu einfällt ist ein selbst gebastelter Logikbaustein, wo die Variablen über den Eingang an die Javacsript-Umgebung übergeben werden könnten. Mehr kann ich nicht dazu sagen. Nils würde sich da leichter tun als ich.

Hans

[TirochH]

Ich versuch es einmal: ....

Mein Versuch es zu erklären.

Schaut auf diese Seite: http://redaktion.knx-user-forum.de/lexikon/xxapi/ (ist gut bebildert)

und auch auf das Posting von Vento (Demoprojekt)

OK. dann hier mal was zum downloaden: http://service.knx-user-forum.de/?comm=download&id=100009

Sind ziemlich gut. Im Vergleich zu meiner obigen zitierten Anleitung werden dort eine hslib bzw. ein Demoprojekt importiert. Hier gibt es natürlich weniger Interpretationsspielraum als bei meiner - theoretischen - Anleitung.

Meine aber, dass meine Anleitung eine gute Ergänzung für das Verstehen des Gesamtzusammenhangs sein könnte.

HANS

PS: Schaut auch in diesem Forum (ganz nach oben scrollen) unter "Lexikon" Buchstabe "X" nach, dort findet ihr weitere Erlärungen zu xxAPI Bausteinen.

[Weinkeller1]

Allgemeine Frage bevor ich beginne....
In welcher Auflösung sollte ich das Projekt erstellen? Hab mehrere Devices mit 16:9 --> Visu in 1366x768/1920x1080 oder lieber gleich maxmax 3840x2160 und immer skalieren lassen?

[TBBW]

guten abend,

How do I implement the following piece of code and how do I call it using xxAPI?

[SIZE=10px][COLOR=#0000ff][FONT=Consolas][SIZE=10px][COLOR=#0000ff][FONT=Consolas][SIZE=10px][COLOR=#0000ff]function[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px] myFunction() {[/SIZE][/FONT][/SIZE][/FONT]
  [FONT=Consolas][SIZE=10px][COLOR=#0000ff][FONT=Consolas][SIZE=10px][COLOR=#0000ff][FONT=Consolas][SIZE=10px][COLOR=#0000ff]var[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px] btn = document.createElement([/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515]"INPUT"[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px]);[/SIZE][/FONT][/SIZE][/FONT]
  [FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px]btn.setAttribute([/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515]"type"[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px], [/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515]"button"[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px]);[/SIZE][/FONT][/SIZE][/FONT]
  [FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px]btn.style.position = [/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515]"fixed"[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px];[/SIZE][/FONT][/SIZE][/FONT]
  [FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px]btn.style.left = [/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515]"700px"[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px];[/SIZE][/FONT][/SIZE][/FONT]
  [FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px]btn.style.top = [/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515]"720px"[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px];[/SIZE][/FONT][/SIZE][/FONT]
  [FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px]btn.style.width = [/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515]"200px"[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px];[/SIZE][/FONT][/SIZE][/FONT]
  [FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px]btn.style.height = [/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515]"60px"[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px];[/SIZE][/FONT][/SIZE][/FONT]
  [FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px]btn.style.backgroundColor = [/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515]"red"[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px];[/SIZE][/FONT][/SIZE][/FONT]
  [FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px]btn.style.color = [/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515]"white"[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px];[/SIZE][/FONT][/SIZE][/FONT]
  [FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px]btn.value = [/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515]"Home Page"[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px];[/SIZE][/FONT][/SIZE][/FONT]
  [FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px]btn.style.fontSize = [/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515]"20px"[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px];[/SIZE][/FONT][/SIZE][/FONT]
  [FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px]btn.style.fontFamily = [/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515]"Arial"[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px];[/SIZE][/FONT][/SIZE][/FONT]
  [FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px]btn.style.borderRadius = [/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515]"10px"[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px];[/SIZE][/FONT][/SIZE][/FONT]
  [FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px]btn.onmouseover = [/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=10px][COLOR=#0000ff][FONT=Consolas][SIZE=10px][COLOR=#0000ff][FONT=Consolas][SIZE=10px][COLOR=#0000ff]function[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px] () { btn.style.cursor = [/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515]"hand"[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px] };[/SIZE][/FONT][/SIZE][/FONT]
  [FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px]btn.onclick = [/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=10px][COLOR=#0000ff][FONT=Consolas][SIZE=10px][COLOR=#0000ff][FONT=Consolas][SIZE=10px][COLOR=#0000ff]function[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px] () { window.location = [/SIZE][/FONT][/SIZE][/FONT][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515][FONT=Consolas][SIZE=10px][COLOR=#a31515]"index.html"[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px]};[/SIZE][/FONT][/SIZE][/FONT]
  [FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px]document.body.appendChild(btn);[/SIZE][/FONT][/SIZE][/FONT]
  [FONT=Consolas][SIZE=10px][FONT=Consolas][SIZE=10px]}[/SIZE][/FONT][/SIZE][/FONT]

I should use: XXEXECUTE or so
and I have to put the code in custom.js

I do not know how to do exactly....

danke/grusse,

Gerwin

[TBBW]

Hallo zusammen,

I Tried the following;

put two static text blocks on my visu page.
the first: XXSCRIPT*;
and
sec.: XXEXECUTE*xxapi.functions.XXMYBUTTON();

Also put the function in the custom.js file.
Do I have to make a ref to this file?
and
changed the myfunction name in XXMYBUTTON

still it is not working, where do I go wrong?

help is highly appreciated,

Danke/Gruße,

Gerwin