Non-compounding list

ChicoState · Apr 24, 2024 · b175a95 · b175a95
1 parent 56923f0
commit b175a95
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 12 deletions.
diff --git a/Charcoal/Charcoal/Charcoal.cpp b/Charcoal/Charcoal/Charcoal.cpp
@@ -90,13 +90,13 @@ JSValueRef OnButtonClick(JSContextRef ctx, JSObjectRef function,
     const JSValueRef arguments[], JSValueRef* exception) { //LISTS BOOKS
 
     std::string bookList = ebooks.printall();
-    std::string str = "document.getElementById('bookList').innerHTML += ('";
-    //document.getElementById('theList').innerHTML += ('<li><span>'+ word + '</span></li>');
+    std::string str = "document.getElementById('bookList').innerHTML = ('";
+
     str += bookList;
     str += "');";
     const char* ct = str.c_str();
-    //ct = "document.getElementById('bookList').innerHTML += ('<li><span>'+ \"word\" + '</span></li><li><span>'+ \"word2\" + '</span></li><li><span>'+ \"word3\" + '</span></li>');";
-    MessageBoxA(NULL, ct, "Book List2", MB_OK);
+
+    //MessageBoxA(NULL, ct, "Book List2", MB_OK);
 
     // Create our list with JavaScript
     JSStringRef script = JSStringCreateWithUTF8CString(ct);

diff --git a/Charcoal/x64/Debug/Charcoal.exe b/Charcoal/x64/Debug/Charcoal.exe
diff --git a/Charcoal/x64/Debug/Charcoal.pdb b/Charcoal/x64/Debug/Charcoal.pdb
diff --git a/Charcoal/x64/Debug/assets/books.html b/Charcoal/x64/Debug/assets/books.html
@@ -69,8 +69,7 @@
         }
 
         h3 {
-            margin-left: 10px;
-            margin-top: 32px;
+            margin:auto
         }
 
         #contents {
@@ -96,7 +95,9 @@
                 top: 49%;
                 box-shadow: 0 8px 24px -6px #1a225a72;
             }
+
         ul {
+            text-align: left;
             list-style-position: inside;
         }
         .list ul li:hover {
@@ -113,26 +114,27 @@
     <div id="divider"></div>
     <div id="contents">
         <div id="message">
-
+            <h3 id="result">BOOKS: </h3>
+            <div class="list">
+                <ul id="bookList">
+                </ul>
+            </div>
             <button class="button-28" onclick="gscalebutton()">Grayscale</button>
             <script>
                 function gscalebutton() {
                     nameToGrayscale();
                 }
             </script>
             <button class="button-28" onclick="OnButtonClick();">Update Book List</button>
-            <p id="result">Here are your books: </p>
-            <div class="list">
-                <ul id="bookList">
-                </ul>
-            </div>
+
             <div id="bs"></div>
             <button class="button-28" onclick="rmbooksbutton()">Remove Books</button>
             <script>
                 function rmbooksbutton() {
                     //add rmbooks function hook here also above make sure to check out overflow-y for p
                 }
             </script>
+
         </div>
     </div>
 </body>