Jump to content

vmars316

Members
  • Content Count

    431
  • Joined

  • Last visited

Everything posted by vmars316

  1. Hello & Thanks ; In this example https://www.w3schools.com/cssref/tryit.asp?filename=trycss_grid-gap2 The "background-color: #2196F3;" is specified . But where did the <div> background color come from ? Thanks
  2. But I don't want them to stack . I am trying to prevent that .
  3. Hello & Thanks ; Here is my example code http://vmars.us/reads/vmTemplate-2Parallel-Tables-P-Editable-BEST.html Happily , I can select copy paste each column . But I have a problem when I resize browser window horizontally and make it smaller . Column 2 gets relocated under column 1 . What is the name of that behavior (that I want to stop) , so that I can research it . I want to keep cols parallel (not stacked) , if column 2 gets partially hidden , during resizing , that's ok , that's what I am after . Thanks
  4. Thanks Things are looking better http://vmars.us/reads/vmTemplate-2Parallel-Tables-P-Editable-BEST.html I can select copy paste each column . But I still have a problem when I resize browser window horizontally and make it smaller . Column 2 gets relocated under column 1 . I don't remember , what is the name of that behavior (that I want to stop) . I want to keep cols horz , if column 2 gets partially hidden , that's ok . Thanks
  5. Hello & Thanks : 1) How can I create parallel tables (ie. side by side) . 2) How can I select 1 column in a table (or table like structure) . 3) And I want Tables to be width-20% and width=80% respectively . 4) Also he rows need to line up . Because eventually the borders will be eliminatad . I am doing that here with fake Tables: http://vmars.us/reads/vmTemplate-2Parallel-Tables-P-Editable.html (It is contenteditable so you can see what I mean) But the problem comes in when I enter text that overflows , the tables get stacked on top
  6. Ah yes , <style type="text/css"> #video1{ object-fit: initial; width: 800px; height: 600px; } </style> Works great ! THANKS PS: Here's what I am working on: http://vmars.us/freeware/HtmlCodeAssist/Html-Color-Names-Tutorial.html A friend asked me to help with an Acrobat prob : There is apparently no pdf-editor 'known to mankind' that can convert 'highlighted .pdf TEXT' into 'highlighted .html TEXT' , properly . Most turn text into images . Anyways , my little program HtmlCodeAssist.exe makes that task easier
  7. Thanks Ingolme Sorry to hear that . I see you changed your avatar . I miss the old one . Do you draw these yourself ? Thanks
  8. Hello & Thanks ; When I issue Cntrl/F (this) in browser , the browser highlights all "this" occurences . If I saveas the webpage , all that highlighting is gone . How do I gain access to the area where this page is highlighted . Hopefully , I can capture the highlighted page . Thanks
  9. Hello & Thanks ; <video controls > <source src="./Html-Color-Names-Tutorial-Files/Html-Color-Names-Tutorial.html.mp4" type="video/mp4"> <source src="../Html-Color-Names-Tutorial-Files/Html-Color-Names-Tutorial.html.ogg" type="video/ogg"> Your browser does not support the video tag. </video> This video is so wide that I can not see it all without moving bottom bar . How can I specify width/height ? I see no such option in video controls . T
  10. Ah , at last , it works: Ok Funce , I finally see what you meant . Thanks All . <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta charset="utf-8" /> <title>FreshDraft.StrippedDown></title> <style> @media print { .pageBreak{ page-break-after: always; } } </style> </head> <body id="bodyId" > <div> <br> <textarea class="copyFrom" spellcheck="false" rows="4" cols="12">textarea 1 line 1 textarea 1 line 2 <
  11. Thanks; Corrected , but still no go: <script> var printBox = document.querySelector('#printBox'); var collectedTextareas ; function printAllThis() { collectedTextareas = ""; copyFrom = document.getElementsByClassName("copyFrom"); for (var i = 0; i < copyFrom.length; i++) { collectedTextareas = collectedTextareas + copyFrom[i].value + pageBreak.innerHTML; } printBox.style.border = "none"; printBox.innerH
  12. I got rid of the Border around printBox , but still no multiple pages: https://www.w3schools.com/code/tryit.asp?filename=G80SDRE1RQ1M <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta charset="utf-8" /> <title>FreshDraft.StrippedDown></title> <!-- https://www.freeformatter.com/html-validator.html The saveAs Button , saves only html , no Links to images , no images ! The Browser more 'Tools / savepage as' option save
  13. Hmm... Cant seem to get this puppy going , need help . <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta charset="utf-8" /> <title>FreshDraft.StrippedDown></title> <!-- https://www.freeformatter.com/html-validator.html The saveAs Button , saves only html , no Links to images , no images ! The Browser more 'Tools / savepage as' option saves Links to images . http://vmars.us/ShowMe/ShortStory-Color-VM.ht
  14. Hello & Thanks: I have several <textarea> s and I am using 'window.print();' to print them out as .pdf . So I dump them all into a <pre> area . Problem is , I want to print each as a 'new page' . In '.txt' files I can use a character sequence 'CRLF' to force a 'new line' . ? Is there a character sequence I can insert into <pre> to force a 'new page' for 'window.print();' ? That would surely make things a lot easier Thanks
  15. Hello & Thanks; Here is a ' mini-Tutorial: moving text to & from <textarea> & <pre> ' http://vmars.us/ShowMe/Tutorial-Textarea-Save-CopyTo-RestoreFrom-onLoad-Restore-RO-VM.html I'll also put code here for safekeeping : <!DOCTYPE html> <html> <head> <!-- https://www.freeformatter.com/html-validator.html http://vmars.us/ShowMe/Tutorial-Textarea-Save-CopyTo-RestoreFrom-onLoad-Restore-RO-VM.html --> <title id="titleId"></title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta ch
  16. Oops yes , the first console.log() works , then no more . I am running chrome . Is there a way to turn on/off console in all browsers ? I am guessing it's always running . Thanks
  17. Oops... The 1st and 2nd alert()s both work but no console.log()s work . And no errors show up on the console . Run code from here: http://vmars.us/ShowMe/changeImage-Drag-Create-Restore.html Thanks
  18. Thanks Ingolme dragElement(MyNewDiv); Works great . I have another problem , same program: in here: <script> var copyFromVar = "one"; function saveItAll() { alert("Hello from function saveItAll()"); console.log("Hello from function saveItAll()"); var blankVar = ""; var fromList = document.getElementsByClassName("copyFrom"); var intoList = document.getElementsByClassName("pasteInto"); alert("fromList.length = " + fromList.length); for (var i = 0; i < fromList.length; i++) { alert("for (var i = 0; i < fromList.length; i++)"); console.log("fromLis
  19. Hello & Thanks; I am making great progress on my project , thanks to you folks . But I do still have a problem with 'createElement' and 'appendChild' . They work fine but when I try to Drag the 'newly created div' it doesn't drag . If I saveAs the page and open the saved page , The created 'div' Drag works fine . So it seems that something is not getting updated dynamically . Pls , why does this happen , and how to fix it ? Run page here: http://vmars.us/ShowMe/changeImage-WIP-Try-Drag-Create.html Thanks
  20. Ah yes , I see , <script> should be placed just before </body> Thanks
  21. Hello & Thanks , Can't seem to get this going : targetBg.setAttribute('src', wholeUrl); <!DOCTYPE html> <html> <head> <title></title> </head> <style> body { font-family: Comic Sans MS; /* background-repeat: no-repeat ; background-size: cover ; backgroundImage: url(http://vmars.us/ShowMe/background-image-01-Ratio-600x476.jpg) ; */ } /* #spanBg { position: fixed; top: -50%; left: -50%; width: 200%; height: 200%; } */ /* #spanImg #spanBg{ posit
  22. Thanks , Yes there is : function changeImage() { That's what confounds me Sorry I forgot to post code: <!DOCTYPE html> <html> <head> <title></title> </head> <body> <h5>Changing Image</h5> <img src="background-image-01.jpg" id="myImage" /> <br> <input type="button" onclick="changeImage()" value="Change Image"> <script language="javascript"> var imageCount = 0 ; var nextImage = "" ; function changeImage() { imageCount = imageCount + 1 ; elem = document.getElementById("
×
×
  • Create New...