Eigene HTML-Codes

Die <div>-Komponente ermöglicht die Nutzung eigener HTML-Codes. Wenn Sie im Configurator eine <div>-Komponente hinzufügen, wird im Webinterface ein echtes HTML-DIV-Element mit vordefinierter Position und vordefinierter Größe erzeugt. Der Inhalt ist leer, kann aber über die setInnerHTML-Methode geändert werden.
Weitere Eigenschaften des HTML-DIV-Elements können über ein Javascript-DOM-Objekt, das mit der getDOMObject-Methode erzeugt wird, geändert werden.

Beispiel 1: Bild anzeigen

In diesem Beispiel wird das Google-Logo angezeigt.

var RU=rimacon._userform;
RU.div1.setInnerHTML("<img src='http://www.google.com/intl/en_com/images/srpr/logo1w.png'>");

Beispiel 2: Über DOM-Objekt die Position ändern

Dieses Beispiel zeigt das Google-Logo an und verschiebt das <div>-Element auf Position (20,20).

var RU=rimacon._userform;
RU.div1.setInnerHTML("<img src='http://www.google.com/intl/en_com/images/srpr/logo1w.png'>");

var objDOM=RU.div1.getDOMObject();
objDOM.style.left=20;
objDOM.style.top=20;