 What are the meanings of a mode name and .maker? |
| bhs67 |
 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 {...} |
  |
 
|
  |
Replies
| bhs67 |
Apr 18 2024, 08:29 AM
Post
#2
|
|
Group: Members Posts: 6 Joined: 17-April 24 Member No.: 29,168 |
Thanks for the clarifications!
I inadvertently deleted my first sentence -> "I downloaded HTML / CSS / JS code from a Blockly website which I do not fully understand". I should have included a segment of the JS code. The JS code contains: CODE // Called by a "mouse click" via an EventListener function enableMakerMode() { document.body.setAttribute('mode', 'maker'); document.querySelectorAll('.button').forEach(btn => { btn.addEventListener('click', handlePlay); btn.removeEventListener('click', enableBlocklyMode); }); } Does this explain the use of mode? CODE <body mode="maker"> |
|
|
|
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
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 |
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:
|
Lo-Fi Version | Time is now: 4th June 2024 - 02:50 AM |
Invision Power Board
© 2024 IPS, Inc.
Licensed to: HTMLHelp.com, LLC