html5 jquery bootstrap modal load No Jquery

Usually use jquery load url https://stackoverflow.com/questions/34503683/jquery-to-open-bootstrap-v3-modal-of-remote-url Only use html5 https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML https://stackoverflow.com/questions/17636528/how-do-i-load-an-html-page-in-a-div-using-javascript <a href="url ooxxooxx" data-toggle="modal" data-target="#myModal" onclick="myModal(this)"> click me </a> <div id="part3dviewModal" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> </div> <div class="modal-body"> <p>Loading...</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> <script> function myModal(o){ p = document.querySelector("#myModal .modal-body"); p.innerHTML = '<object type="text/html" data="' + o.href + '" ></object>'; } </script>

2020-11-19 · 1 min · 71 words · Me

font size conversion px em

https://websemantics.uk/tools/convert-pixel-point-em-rem-percent/ https://websemantics.uk/articles/font-size-conversion/ Point Pixel Em Percent Keyword Default sans-serif 6pt 8px 0.5em 50% Sample 7pt 9px 0.55em 55% Sample 7.5pt 10px 0.625em 62.5% x-small Sample 8pt 11px 0.7em 70% Sample 9pt 12px 0.75em 75% Sample 10pt 13px 0.8em 80% small Sample 10.5pt 14px 0.875em 87.5% Sample 11pt 15px 0.95em 95% Sample 12pt 16px 1em 100% medium Sample 13pt 17px 1.05em 105% Sample 13.5pt 18px 1.125em 112.5% large Sample 14pt 19px 1.2em 120% Sample 14.5pt 20px 1.25em 125% Sample 15pt 21px 1.3em 130% Sample 16pt 22px 1.4em 140% Sample 17pt 23px 1.45em 145% Sample 18pt 24px 1.5em 150% x-large Sample 20pt 26px 1.6em 160% Sample 22pt 29px 1.8em 180% Sample 24pt 32px 2em 200% xx-large Sample 26pt 35px 2.2em 220% Sample 27pt 36px 2.25em 225% Sample 28pt 37px 2.3em 230% Sample 29pt 38px 2.35em 235% Sample 30pt 40px 2.45em 245% Sample 32pt 42px 2.55em 255% Sample 34pt 45px 2.75em 275% Sample 36pt 48px 3em 300% Sample ...

2018-08-16 · 1 min · 155 words · Me

網站配色有demo

http://colorschemedesigner.com/

2009-09-06 · 1 min · word · Me

查很久才查到單引號

‘&’ (ampersand) becomes ‘&’ ‘"’ (double quote) becomes ‘"’ when ENT_NOQUOTES is not set. ’’’ (single quote) becomes ’’’ only when ENT_QUOTES is set. ‘<’ (less than) becomes ‘<’ ‘>’ (greater than) becomes ‘>’ http://www.w3schools.com/tags/ref_entities.asp " " " quotation mark (does not work in IE) apostrophe & & & ampersand < < < less-than > > > greater-than ISO 8859-1 Symbols Character Entity Number Entity Name Description non-breaking space ¡ ¡ ¡ inverted exclamation mark ¢ ¢ ¢ cent £ £ £ pound ¤ ¤ ¤ currency ¥ ¥ ¥ yen ¦ ¦ ¦ broken vertical bar § § § section ¨ ¨ ¨ spacing diaeresis © © © copyright ª ª ª feminine ordinal indicator « « « angle quotation mark (left) ¬ ¬ ¬ negation ­ ­ soft hyphen ® ® ® registered trademark ¯ ¯ ¯ spacing macron ° ° ° degree ± ± ± plus-or-minus ² ² ² superscript 2 ³ ³ ³ superscript 3 ´ ´ ´ spacing acute µ µ µ micro ¶ ¶ ¶ paragraph · · · middle dot ¸ ¸ ¸ spacing cedilla ¹ ¹ ¹ superscript 1 º º º masculine ordinal indicator » » » angle quotation mark (right) ¼ ¼ ¼ fraction 1/4 ½ ½ ½ fraction 1/2 ¾ ¾ ¾ fraction 3/4 ¿ ¿ ¿ inverted question mark × × × multiplication ÷ ÷ ÷ division ISO 8859-1 Characters ...

2009-09-06 · 4 min · 652 words · Me

[轉]html 4.0 Special Entities

http://htmlhelp.com/reference/html40/entities/special.html The following table gives the character entity reference, decimal character reference, and hexadecimal character reference for markup-significant and internationalization characters, as well as the rendering of each in your browser. Glyphs of the characters are available at the Unicode Consortium. With the exception of HTML 2.0’s “, &, <, and >, these entities are all new in HTML 4.0 and may not be supported by old browsers. Support in recent browsers is good. ...

2009-09-06 · 2 min · 363 words · Me