Seite 1 von 1

SpiderBasic mit eigenem Html?

Verfasst: 21.03.2019 18:38
von dige
Hallo,

da sich die von SpiderBasic generierten Textboxen (StringGadgets) ziemlich zickig verhalten und Fred sich dazu bisher nicht geäußert hat,
(https://forums.spiderbasic.com/viewtopi ... 55&start=0)
würde ich gern das GUI mit Html selber bauen. Zumal mir das alles auch kompatibler erscheint, da der Browser native Elemente verwenden
kann und auf Smartphones die Systemfunktionen nutzt. Bspw. bei einem Datepicker:

Code: Alles auswählen

<input type="date" size="10" id="date" name="date" required pattern="[0-9]{2}\.[0-9]{2}\.[0-9]{4}" />
Jetzt die eigentliche Frage: kann man das mit SpiderBasic kombinieren? So das man mit JavaScript
auf die Inhalte der Form Elemente zugreifen kann?

Ciao Dige

Re: SpiderBasic mit eigenem Html?

Verfasst: 21.03.2019 18:58
von Kiffi
ja, das geht. Ist allerdings Fleißarbeit. Und setzt auch voraus, dass Du Dich mit HTML, JS und CSS einigermaßen auskennst.

Und die UI von SpiderBasic (die Du dann eigentlich nicht mehr benötigst) würdest Du dann nach wie vor an Board haben.

Grüße ... Peter

Re: SpiderBasic mit eigenem Html?

Verfasst: 21.03.2019 19:14
von dige
Hi Peter,

das klingt ja schon mal vielversprechend :-) und ein bischen kenne ich mich schonmit Html, Css und Js aus.
Wie wäre denn ein Ansatz, um mit Spiderbasic das Datumsfeld aus folgendem Html auszulesen?

Code: Alles auswählen

<html>
	<body>
		<form action="/cgi-bin/myexe.exe" method="get">
			<input type="date" size="10" id="date" name="date" required pattern="[0-9]{2}\.[0-9]{2}\.[0-9]{4}" />
		</form>
	</body>
</html>


Re: SpiderBasic mit eigenem Html?

Verfasst: 21.03.2019 19:34
von Kiffi

Code: Alles auswählen

Html.s = "<form action='/cgi-bin/myexe.exe' method='get'>" + 
         " <input type='date' size='10' id='date' name='date' required pattern='[0-9]{2}\.[0-9]{2}\.[0-9]{4}' />" + 
         "</form>"

! $("body").append(v_html);

Procedure.s GetHtmlGadgetText(ID.s)
  ! return $("#" + v_id).val();
EndProcedure

Procedure SetHtmlGadgetText(ID.s, Value.s)
  ! $("#" + v_id).val(v_value);
EndProcedure

SetHtmlGadgetText("date", "2019-03-21")

Debug GetHtmlGadgetText("date")

Re: SpiderBasic mit eigenem Html?

Verfasst: 22.03.2019 09:52
von dige
Oha! :allright: Danke Peter! :D