HTML-Class > Value verändern?

SirBuddy97

Moin Moin!

Ich hab n Problem, ich hab in meinem GUI ein Obj erstellet, welches die Datei "rechnung.html" in das GUI einbindet und sichtbar macht.

Nun, habe ich Inputs, welche ausgelesen werden sollen und dann verschiedene Class-Variablen im HTML dem Wert nach verändern sollen.

Sprich:
$Input = "Max Mustermann"
HTML-Class = "Nutzername"
Und jetzt soll im HTML "Max Mustermann" stehen.

Dann hab ich einen Button, der die Funktion dann ausführen soll.

Hat jemand ne Ahnung?

*Ich will direkt das HTML-Dokument verändern, nicht nur das Objekt*

Danke für eure Hilfe

**alpines**

Am besten nimmst du als Objekt einen embedded IE. Da gibt es viele Befehle womit du das machen kannst.
Du musst allerdings im HTML-Dokument id="vorname" hinzufügen.

[autoit]

#include <IE.au3>
$oIE = _IECreateEmbedded()
$oObj = GUICtrlCreateObj($oIE, ...)

[/autoit][autoit][/autoit][autoit]

$oVorname = _IEGetObjById($oIE, "vorname")
$sVorname = _IEFormElementGetValue($oVorname)

[/autoit]

KloMeister

Im Prinzip ist eine .html Datei einfach nur eine Text-Datei. Wenn du willst das deine Eingaben dauerhaft in die Datei eingebettet werden, musst du einfach dein .html File mit FileReadLine bis zum Ende einlesen (Array). Anschließend wenn du deinen Button drückst, musst du wissen wo welche Änderung geschieht und dann mit StringInstr, StringReplace, StringRegExpReplace etc. (Gibt mehrere Varianten) die Stelle finden und deine Änderungen einfügen. Anschließend das File mit FileWriteLine (Array), wieder abspeichern.

Wenn das File auf einem Server gelagert ist, brauchst du ein Upload Script oder FTP Daten. Wenn es lokal ist, kannst du es direkt wie oben gesagt mit FileWrite / FileRead einlesen. Andernfalls müsstest du über _IEDocReadHTML den Quellcode holen, replacen, abspeichern, hochladen.

Ich hoffe ich habe das so richtig verstanden mit dem "Ich will direkt das HTML-Dokument verändern, nicht nur das Objekt"

SirBuddy97

Danke erstmal ..

Habe jetzt die id in die HTML Datei eingefügt, aber es wird mir in der Ausgabe nur 0 angezeigt...

Also:
Mein Code:

[autoit]

$oIE = _IECreateEmbedded()
$oObj = GUICtrlCreateObj($oIE, 336, 56, 649, 449)
_IENavigate($oIE, "rechnung.html")
$oVorname = _IEGetObjById($oIE, "vorname")
$sVorname = _IEFormElementGetValue($oVorname)

[/autoit]

$MSG = MsgBox(0, "", $sVorname)
Aber es wird mir nix angezeigt

**alpines**

Das liegt daran weil der Pfad falsch ist. Versuch mal folgendes.

[autoit]

_IENavigate($oIE, "file://rechnung.html")

[/autoit]

So gehts auf jeden Fall.

[autoit]

#include <IE.au3>

[/autoit][autoit][/autoit][autoit]

$oIE = _IECreateEmbedded()
$Form1 = GUICreate("Form1", 615, 437, 192, 124)
GUICtrlCreateObj($oIE, 0, 0, 611, 433)
GUISetState(@SW_SHOW)

[/autoit][autoit][/autoit][autoit]

_IENavigate($oIE, "file://C:\Users\DeinUserName\Desktop\index.html")

[/autoit][autoit][/autoit][autoit]

While 1
$nMsg = GUIGetMsg()
Switch $nMsg
Case -3
Exit

[/autoit][autoit][/autoit][autoit]

EndSwitch
WEnd

[/autoit]

Und in der index.html steht folgendes

HTML

<html><body><h1>Ich bin in einem embedded Browsercontrol!</h1></body></html>

.

SirBuddy97

Aaah habs, man kann nur form elemente wie <input> auslesen und ändern.

Geht das ganze mit <p id="vorname">Vorname</p> nicht?

**alpines**

Geht anscheinend nicht, kriege auch eine 0 raus. Dann musst du wohl inputs verwenden.

**Kanashius**

Das geht auch mittels <p id="ThisId">
Beim klcik auf den Button musst du nur

[autoit]

_IENavigate($oIE,"javascript:setPText('"&$ItemID&"','"&$DeinText&"')")

[/autoit]

Und dann in der HTML-Datei dementsprechend den js-code:

Code

<script>function setPText(id,text){
    document.getElementById(id).innerHTML = text;
}</script>

**alpines**

Kenne mich mit Javascript kaum aus, hab mich nur auf die IE Befehle verlassen.

**Kanashius**

Jo. mittels href (link-verweis) kann man ja javascript ausführen (z.B. bei Buttons). Wenn man dann mittels Autoit so einen "Link" aufruft wird auch der Code ausgeführt. In diesem Fall die Funktion mit den beiden Parametern Im Prinzip könnte man auch das mit dem document... hinter das javascript: schreiben. Dann wirds nur unübersichtlich (finde ich).
Mittels JS kann man ja fast alle styles (css), ... ändern (u.v.m.). Hab das früher auch öfter benutzt um divs ein und auszublenden :).