Page 1 of 1

DivMasterJS

PostPosted: Mon May 27, 2024 8:20 am
by Otto
Hello friends,

DivMAsterJS

I am working on a component to replicate in mod harbour similar to my existing WINHOTEL MDI windows.

On the way from desktop to mod harbour I am always searching for conceptual similarities.

We can make an analogy between MDI (Multiple Document Interface) windows and HTML <div> elements inside other <div> elements, although they are used in different contexts and have distinct functionalities.

Containment: Both MDI windows and nested <div> elements involve a parent-child containment relationship. MDI windows have child windows within a parent window, while nested <div> elements have child <div> elements within a parent <div>.

Independent Content: Each MDI child window and nested <div> can contain independent content and can be manipulated separately within their respective containers.

Organizational Structure: Both MDI windows and nested <div> elements help organize content in a structured manner, making it easier to manage and interact with multiple sections or documents.

Best regards,
Otto


If you "harbourinoize" the source code, it becomes much easier to maintain and is much clearer.
HARBOURINO preprocessor and patcher simplify development.

Image



Image

Re: DivMasterJS

PostPosted: Mon May 27, 2024 9:01 am
by Silvio.Falconi

Re: DivMasterJS

PostPosted: Mon May 27, 2024 10:16 am
by Marc Venken
Thanks Silvio for the link :D . As hobby-kok ))

Re: DivMasterJS

PostPosted: Mon May 27, 2024 12:06 pm
by Otto
Silvio, Yours is a very beautiful WordPress site and it uses <article> </article>.
It is similar to <div></div>.

<div>: No special meaning, serves as a generic container.
<article>: Represents self-contained, standalone content.
<div>: Grouping of elements for styling and scripting.
<article>: Display of standalone content such as articles or blog posts.
But DivMasterJS has the purpose of working with the <div> elements.

I have only linked your image for demonstration. You see, I can move, zoom, and group the <div> elements.
It serves a slightly different purpose.

Best regards,
Otto


Image