The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> What are the meanings of a mode name and .maker?
bhs67
post Apr 17 2024, 10:20 AM
Post #1





Group: Members
Posts: 6
Joined: 17-April 24
Member No.: 29,168
Segments of index.html:
CODE

<body mode="maker">
...
<div class="maker">


Segments of index.css:
CODE

.maker {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  height: 460px;
  width: 400px;
}

.maker > div {
  display: flex;
  justify-content: space-between;
}


1) It appears that
CODE
<body mode="maker">
is the code to assign the name "maker" to the <body>? And "mode" is the way to assign that name?

2) It appears that
CODE
<div class="maker">
assigns that <div class> to the the <body> named "maker"?

3) Does adding the "." to the name "maker"
CODE
.maker
- tie this code to the body named "maker"?

4) It's not clear to me the difference between
CODE
.maker {...}
and
CODE
.maker > div {...}
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
 
 Reply to this topicStart new topic
Replies
coothead
post Apr 18 2024, 09:28 AM
Post #2


Advanced Member
****

Group: Members
Posts: 207
Joined: 12-January 23
From: chertsey, a small town 25 miles south west of london, england
Member No.: 28,743

As previousl pointed out, there is NO HTML attribute mode. IPB Image

Consequently, this...
CODE

document.body.setAttribute('mode', 'maker');

...is total nonsense and it's author really needs to learn correct
HTML coding before messing it around with JavaScript. IPB Image

coothead
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic
bhs67   What are the meanings of a mode name and .maker?   Apr 17 2024, 10:20 AM
coothead   [indent] Segments of index.html: [code] <body...   Apr 17 2024, 11:11 AM
Christian J   1) It appears that [code]<body mode="make...   Apr 17 2024, 02:13 PM
bhs67   Thanks for the clarifications! I inadvertent...   Apr 18 2024, 08:29 AM
Christian J   Does this explain the use of mode? The JS above ...   Apr 18 2024, 09:41 AM
coothead   [indent] The JS above adds the same MODE attribu...   Apr 18 2024, 10:22 AM
Christian J   As a matter of interest, the body element does no...   Apr 18 2024, 11:36 AM
coothead   [indent] There might be special cases, such as us...   Apr 18 2024, 11:56 AM
Christian J   [quote name='Christian J' post='147142' date='Apr...   Apr 18 2024, 12:49 PM
coothead   [indent] No, I meant if you have multiple HTML do...   Apr 18 2024, 05:07 PM
coothead   As previousl pointed out, there is [b]NO HTML at...   Apr 18 2024, 09:28 AM
bhs67   I received this response from a Blockly forum: --...   Apr 23 2024, 08:56 AM

« Next Oldest · Markup (HTML, XHTML, XML) · Next Newest »
 

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Switch to: Standard · Switch to: Linear+ · Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 2nd June 2024 - 11:10 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC