Help adding code block on my blog?

aheight · 2016-08-10T15:31:59+00:00

I was wondering if you guys could help me design (code) a slick code block in my blog like the one here that the reader could scroll? I'm very new to HTML and Java but if I could get just a little help, I would work on it. I really don't have a clue how to add the following to my HTML file but I did get several HTML references. Perhaps someone could direct me to a particular HTML topic?ringNum = 1 mnum = 1 baseRoot = 0; wOffset = 0 nmax = 15; {rmin, rmax, wstart, wend} = theInitialValues[[ringNum]]; loopmax = 2 \[Pi] totalSheets; theorder = manifoldOrders[[ringNum, mnum, 2]]; Print["Order is: ", theorder]; rangemin = theInitialValues[[ringNum, 1]]; rangemax = theInitialValues[[ringNum, 2]]; rd = (rmax - rmin)/10; rstart = rmin + rd; rend = rmax - rd; rnorm = (rmin + rmax)/2; z0 = 0; tval = thetStart; wSheet = theFunctionRoots[[manifoldOrders[[ringNum, mnum, 1]]]]; wSheet = theFunctionRoots[[11]]; myRadialTable = {\[Psi][\[Rho]] /. NDSolve[{theRhoDeriv /. \[Theta] -> tval, \[Psi][ rnorm] == (wSheet /. z -> rnorm Exp[I tval])}, \[Psi], {\[Rho], rnorm, rstart}], \[Psi][\[Rho]] /. NDSolve[{theRhoDeriv /. \[Theta] -> tval, \[Psi][ rnorm] == (wSheet /. z -> rnorm Exp[I tval])}, \[Psi], {\[Rho], rnorm, rend}]}; Print["testa"]; Clear[xcod, xdcod, ycod, ydcod]; rnum = rnorm; xcod[t_] := rnum Cos[t]; xdcod[t_] = \!\( \*SubscriptBox[\(\[PartialD]\), \({t}\)]\(xcod[t]\)\); ycod[t_] := rnum Sin[t]; ydcod[t_] = \!\( \*SubscriptBox[\(\[PartialD]\), \({t}\)]\(ycod[t]\)\); tstart = tval; tend = tval + 2 theorder \[Pi]; Clear[mysol, myw]; Print["tset1"]; mysol = First[ NDSolve[{theThetaDeriv /. \[Rho] -> rnum, \[Psi][tstart] == First[(myRadialTable[[2]] /. \[Rho] -> rnum)]}, \[Psi], {\[Theta], tstart, tend}, MaxStepSize -> 0.001, MaxSteps -> 500000]]; myw[t_] := Evaluate[\[Psi][t] /. mysol]; myVarw[t_] := Piecewise[{{myw[t], t 2 theorder \[Pi]}}]; Print["test3"]; If[theorder > 1, { baseSol = NDSolve[{f'[t] == (-rnum Sin[t] + I rnum Cos[t])/( theorder f[t]^(theorder - 1)) , f[tstart] == Exp[(2 \[Pi] I baseRoot)/theorder] Power[rnum Exp[tstart I], 1/theorder]}, f, {t, tstart, tend}]; theBaseM[t_] := Evaluate[f[t] /. baseSol]; } , theBaseM[t_] := rnum Exp[I t]; ]; thealist1 = Table[ n1 = NIntegrate[(xdcod[t] + I ydcod[t])/(theBaseM[t])^((j + theorder)) myw[ wOffset + t], {t, tstart, tend}, MaxRecursion -> 20]; If[Length[n1] == 1, {j, First[N[1/(2 theorder \[Pi] I) (n1)]]}, {j, N[1/(2 theorder \[Pi] I) (n1)]} ], {j, -nmax, nmax}] Sent from Mail for Windows 10

Thread starter aheight
Start date Aug 10, 2016
Tags

Block Blog Code

Click For Summary

Discussion Overview

The discussion revolves around how to create a scrollable code block for a blog using HTML and JavaScript. Participants share their experiences and suggestions for implementing this feature, addressing both basic and more complex requirements.

Discussion Character

Exploratory
Technical explanation
Homework-related

Main Points Raised

One participant seeks help to design a scrollable code block for their blog, expressing a lack of experience with HTML and JavaScript.
Another participant suggests that creating a scrollable window can be achieved with JavaScript, indicating that the original code provided may not be necessary for this task.
A participant clarifies that they only intended to provide an example of a long code snippet to illustrate the need for scrolling, not to seek help with that specific code.
Suggestions are made to use a simple HTML tag, specifically an , as a solution for creating a scrollable area.</li> <li>One participant shares a code snippet using a <div> element with specific styles to create a scrollable box, indicating they found it through a Google search.</li> <li>Discussion includes the complexity of creating a scrollable table with a non-scrolling header, with references to JavaScript solutions for this requirement.</li> <li>Questions arise about how to view the source code of a webpage to learn from existing examples, with participants providing guidance on how to do this.</li> <li>A participant expresses satisfaction with the <iframe> and <div> solutions, noting the need to manually add line breaks in the <div> example.</li> </ul> <h3>Areas of Agreement / Disagreement</h3> <p>Participants generally agree on the need for a scrollable code block, but there are multiple approaches suggested, including the use of <iframe> and <div> elements, as well as JavaScript solutions. The discussion remains unresolved regarding the best method to implement a non-scrolling header with a scrollable table.</p> <h3>Contextual Notes</h3> <p>Some participants mention the need for additional tutorials or resources to better understand HTML and JavaScript, indicating varying levels of familiarity with web development.</p> </div> </details> </div> </div> <div class="block block--messages" data-xf-init="" data-type="post" data-href="/inline-mod/" data-search-target="*"> <span class="u-anchorTarget" id="posts"></span> <div class="block-outer"></div> <div class="block-outer js-threadStatusField"></div> <div class="block-container lbContainer" data-xf-init="lightbox select-to-quote" data-message-selector=".js-post" data-lb-id="thread-881570" data-lb-universal=""> <div class="block-body js-replyNewMessageContainer">  <article class="message message--post js-post js-inlineModContainer " data-author="aheight" data-content="post-5540370" id="js-post-5540370" > <span class="u-anchorTarget" id="post-5540370"></span> <div class="message-header"> <header class="message-attribution message-attribution--split"> <ul class="message-attribution-main listInline "> <li class="u-concealed"> <time class="u-dt" dir="auto" datetime="2016-08-10T10:31:59-0500" data-timestamp="1470843119" data-date="Aug 10, 2016" data-time="10:31 AM" data-short="Aug '16" title="Aug 10, 2016 at 10:31 AM">Aug 10, 2016</time> </li> </ul> <ul class="message-attribution-opposite message-attribution-opposite--list "> <li> <span style="cursor:pointer;" class="message-attribution-gadget" data-xf-init="share-tooltip" data-href="/posts/5540370/share" aria-label="Share" role="button" rel="nofollow"> <i class="fa--xf fal fa-share-alt "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#share-alt"></use></svg></i> </span> </li> <li class="u-hidden js-embedCopy"> <a href="javascript:" data-xf-init="copy-to-clipboard" data-copy-text="<div class="js-xf-embed" data-url="https://www.physicsforums.com" data-content="post-5540370"></div><script defer src="https://www.physicsforums.com/js/xf/external_embed.js?_v=ec60f626"></script>" data-success="Embed code HTML copied to clipboard." class=""> <i class="fa--xf fal fa-code "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#code"></use></svg></i> </a> </li> <li> #1 </li> </ul> </header> </div> <div class="message-inner"> <div class="message-cell message-cell--user"> <section class="message-user" > <div class="message-userDetails"> <span class="message-name"><span class="username " dir="auto" data-user-id="600309">aheight</span></span> <span class="threadstarter" data-xf-init="tooltip" title="Thread Starter"><i class="fa--xf fal fa-user-edit "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#user-edit"></use></svg></i></span>   </div> <div class="message-userExtras"> <dl class="pairs pairs--justified"> <dt><i class="fa--xf fal fa-comments fa-fw "><svg xmlns="http://www.w3.org/2000/svg" role="img" data-xf-init="tooltip"><title>Messages</title><use href="/data/local/icons/light.svg?v=1776459805#comments"></use></svg></i></dt> <dd>318</dd> </dl> <dl class="pairs pairs--justified"> <dt><i class="fa--xf fal fa-thumbs-up fa-fw "><svg xmlns="http://www.w3.org/2000/svg" role="img" data-xf-init="tooltip"><title>Reaction score</title><use href="/data/local/icons/light.svg?v=1776459805#thumbs-up"></use></svg></i></dt> <dd>108</dd> </dl> </div> <span class="message-userArrow"></span> </section> </div> <div class="message-cell message-cell--main"> <div class="message-main js-quickEditTarget"> <div class="message-content js-messageContent"> <div class="message-userContent lbContainer js-lbContainer " data-lb-id="post-5540370" data-lb-caption-desc="aheight · Aug 10, 2016 at 10:31 AM"> <article class="message-body js-selectToQuote"> <div > <div class="bbWrapper">I was wondering if you guys could help me design (code) a slick code block in my blog like the one here that the reader could scroll? I'm very new to HTML and Java but if I could get just a little help, I would work on it. I really don't have a clue how to add the following to my HTML file but I did get several HTML references. Perhaps someone could direct me to a particular HTML topic? <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code"> <div class="bbCodeBlock-title"> <i class="fa--xf fal fa-code "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#code"></use></svg></i> Code: </div> <div class="bbCodeBlock-content" dir="ltr"> <pre class="bbCodeCode" dir="ltr" data-xf-init="code-block" data-lang=""><code>ringNum = 1 mnum = 1 baseRoot = 0; wOffset = 0 nmax = 15; {rmin, rmax, wstart, wend} = theInitialValues[[ringNum]]; loopmax = 2 \[Pi] totalSheets; theorder = manifoldOrders[[ringNum, mnum, 2]]; Print["Order is: ", theorder]; rangemin = theInitialValues[[ringNum, 1]]; rangemax = theInitialValues[[ringNum, 2]]; rd = (rmax - rmin)/10; rstart = rmin + rd; rend = rmax - rd; rnorm = (rmin + rmax)/2; z0 = 0; tval = thetStart; wSheet = theFunctionRoots[[manifoldOrders[[ringNum, mnum, 1]]]]; wSheet = theFunctionRoots[[11]]; myRadialTable = {\[Psi][\[Rho]] /. NDSolve[{theRhoDeriv /. \[Theta] -> tval, \[Psi][ rnorm] == (wSheet /. z -> rnorm Exp[I tval])}, \[Psi], {\[Rho], rnorm, rstart}], \[Psi][\[Rho]] /. NDSolve[{theRhoDeriv /. \[Theta] -> tval, \[Psi][ rnorm] == (wSheet /. z -> rnorm Exp[I tval])}, \[Psi], {\[Rho], rnorm, rend}]}; Print["testa"]; Clear[xcod, xdcod, ycod, ydcod]; rnum = rnorm; xcod[t_] := rnum Cos[t]; xdcod[t_] = \!\( \*SubscriptBox[\(\[PartialD]\), \({t}\)]\(xcod[t]\)\); ycod[t_] := rnum Sin[t]; ydcod[t_] = \!\( \*SubscriptBox[\(\[PartialD]\), \({t}\)]\(ycod[t]\)\); tstart = tval; tend = tval + 2 theorder \[Pi]; Clear[mysol, myw]; Print["tset1"]; mysol = First[ NDSolve[{theThetaDeriv /. \[Rho] -> rnum, \[Psi][tstart] == First[(myRadialTable[[2]] /. \[Rho] -> rnum)]}, \[Psi], {\[Theta], tstart, tend}, MaxStepSize -> 0.001, MaxSteps -> 500000]]; myw[t_] := Evaluate[\[Psi][t] /. mysol]; myVarw[t_] := Piecewise[{{myw[t], t <= 2 theorder \[Pi]}, {myw[t - 2 theorder \[Pi]], t > 2 theorder \[Pi]}}]; Print["test3"]; If[theorder > 1, { baseSol = NDSolve[{f'[t] == (-rnum Sin[t] + I rnum Cos[t])/( theorder f[t]^(theorder - 1)) , f[tstart] == Exp[(2 \[Pi] I baseRoot)/theorder] Power[rnum Exp[tstart I], 1/theorder]}, f, {t, tstart, tend}]; theBaseM[t_] := Evaluate[f[t] /. baseSol]; } , theBaseM[t_] := rnum Exp[I t]; ]; thealist1 = Table[ n1 = NIntegrate[(xdcod[t] + I ydcod[t])/(theBaseM[t])^((j + theorder)) myw[ wOffset + t], {t, tstart, tend}, MaxRecursion -> 20]; If[Length[n1] == 1, {j, First[N[1/(2 theorder \[Pi] I) (n1)]]}, {j, N[1/(2 theorder \[Pi] I) (n1)]} ], {j, -nmax, nmax}] Sent from Mail for Windows 10</code></pre> </div> </div></div> </div> <div class="js-selectToQuoteEnd"> </div>  <div id="googleads_fixed1" role="complementary" aria-label="Advertisement"> <ins class="adsbygoogle" style="display:block;width:100%;" data-ad-client="ca-pub-6580726045122001" data-ad-slot="3049969336" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div> </article> </div> <div class="message-lastEdit"> Last edited: <time class="u-dt" dir="auto" datetime="2016-08-10T10:42:14-0500" data-timestamp="1470843734" data-date="Aug 10, 2016" data-time="10:42 AM" data-short="Aug '16" title="Aug 10, 2016 at 10:42 AM">Aug 10, 2016</time> </div> </div> <footer class="message-footer"> <div class="reactionsBar js-reactionsList "> </div> <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href"></div> </footer> </div> </div> </div> </article>  <div class="message-cell message-cell--main" id="post-physorg"> <a href="https://phys.org/technology-news/" rel="sponsored" target="_blank">Technology news</a> on Phys.org <ul class="phys_items"> <li><a href="https://techxplore.com/news/2024-02-team-fuel-cell-durability-fatigue.html" rel="sponsored" target="_blank">Research team improves fuel cell durability with fatigue-resistant membranes</a></li> <li><a href="https://techxplore.com/news/2024-02-extinguishing-batteries-deadly-battery.html" rel="sponsored" target="_blank">Self-extinguishing batteries could reduce the risk of deadly and costly battery fires</a></li> <li><a href="https://techxplore.com/news/2024-02-chemists-decipher-reaction-lithium-sulfur.html" rel="sponsored" target="_blank">Chemists decipher reaction process that could improve lithium-sulfur batteries</a></li> </ul> </div> <article class="message message--post js-post js-inlineModContainer " data-author="phinds" data-content="post-5540385" id="js-post-5540385" itemscope itemtype="https://schema.org/Comment" itemid="https://www.physicsforums.com/posts/5540385/"> <meta itemprop="parentItem" itemscope itemid="https://www.physicsforums.com/threads/help-adding-code-block-on-my-blog.881570/" /> <meta itemprop="name" content="Post #2" /> <span class="u-anchorTarget" id="post-5540385"></span> <div class="message-header"> <header class="message-attribution message-attribution--split"> <ul class="message-attribution-main listInline "> <li class="u-concealed"> <time class="u-dt" dir="auto" datetime="2016-08-10T10:45:55-0500" data-timestamp="1470843955" data-date="Aug 10, 2016" data-time="10:45 AM" data-short="Aug '16" title="Aug 10, 2016 at 10:45 AM" itemprop="datePublished">Aug 10, 2016</time> </li> </ul> <ul class="message-attribution-opposite message-attribution-opposite--list "> <li> <span style="cursor:pointer;" class="message-attribution-gadget" data-xf-init="share-tooltip" data-href="/posts/5540385/share" aria-label="Share" role="button" rel="nofollow"> <i class="fa--xf fal fa-share-alt "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#share-alt"></use></svg></i> </span> </li> <li class="u-hidden js-embedCopy"> <a href="javascript:" data-xf-init="copy-to-clipboard" data-copy-text="<div class="js-xf-embed" data-url="https://www.physicsforums.com" data-content="post-5540385"></div><script defer src="https://www.physicsforums.com/js/xf/external_embed.js?_v=ec60f626"></script>" data-success="Embed code HTML copied to clipboard." class=""> <i class="fa--xf fal fa-code "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#code"></use></svg></i> </a> </li> <li> #2 </li> </ul> </header> </div> <div class="message-inner"> <div class="message-cell message-cell--user"> <section class="message-user" itemprop="author" itemscope itemtype="https://schema.org/Person" itemid="https://www.physicsforums.com/members/phinds.310841/"> <meta itemprop="url" content="https://www.physicsforums.com/members/phinds.310841/" /> <div class="message-userDetails"> <span class="message-name"><a href="/members/phinds.310841/" class="username " dir="auto" data-user-id="310841" data-xf-init="member-tooltip"><span itemprop="name">phinds</span></a></span>  <div class="post-badges"> <div class="post-badge badge-university" data-xf-init="tooltip" title="Verified Expert in Science and Math" aria-label="Science Advisor"> <i class="fa--xf fal fa-university "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#university"></use></svg></i><span> Science Advisor</span> </div> <div class="post-badge badge-file" data-xf-init="tooltip" title="Click to View My Articles" aria-label="Insights Author"> <a href="https://www.physicsforums.com/insights/author/phinds/" aria-label="View author profile"><i class="fa--xf fal fa-file-alt "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" aria-hidden="true"><use href="/data/local/icons/light.svg?v=1776459805#file-alt"></use></svg></i><span> Insights Author</span></a> </div> <div class="post-badge badge-star" data-xf-init="tooltip" title="Click to Support PF" aria-label="Gold Member"> <i class="fa--xf fal fa-star "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#star"></use></svg></i><span> Gold Member</span> </div> <div class="post-badge badge-heart" data-xf-init="tooltip" title="Memorial: Member has Passed" aria-label="Memorial"> <i class="fa--xf fal fa-heart "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#heart"></use></svg></i><span> Dearly Missed</span> </div> </div>  </div> <div class="message-userExtras"> <dl class="pairs pairs--justified"> <dt><i class="fa--xf fal fa-comments fa-fw "><svg xmlns="http://www.w3.org/2000/svg" role="img" data-xf-init="tooltip"><title>Messages</title><use href="/data/local/icons/light.svg?v=1776459805#comments"></use></svg></i></dt> <dd>19,385</dd> </dl> <dl class="pairs pairs--justified"> <dt><i class="fa--xf fal fa-thumbs-up fa-fw "><svg xmlns="http://www.w3.org/2000/svg" role="img" data-xf-init="tooltip"><title>Reaction score</title><use href="/data/local/icons/light.svg?v=1776459805#thumbs-up"></use></svg></i></dt> <dd>15,617</dd> </dl> </div> <span class="message-userArrow"></span> </section> </div> <div class="message-cell message-cell--main"> <div class="message-main js-quickEditTarget"> <div class="message-content js-messageContent"> <div class="message-userContent lbContainer js-lbContainer " data-lb-id="post-5540385" data-lb-caption-desc="phinds · Aug 10, 2016 at 10:45 AM"> <article class="message-body js-selectToQuote"> <div itemprop="text"> <div class="bbWrapper">Seriously? We're supposed to figure out what that code does?<br /> <br /> If you are just trying to add a scrollable window to a web page, that's just some javascript.</div> </div> <div class="js-selectToQuoteEnd"> </div> </article> </div> </div> <footer class="message-footer"> <div class="message-microdata" itemprop="interactionStatistic" itemtype="https://schema.org/InteractionCounter" itemscope> <meta itemprop="userInteractionCount" content="0" /> <meta itemprop="interactionType" content="https://schema.org/LikeAction" /> </div> <div class="reactionsBar js-reactionsList "> </div> <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href"></div> </footer> </div> </div> </div> </article>  <article class="message message--post js-post js-inlineModContainer " data-author="aheight" data-content="post-5540395" id="js-post-5540395" itemscope itemtype="https://schema.org/Comment" itemid="https://www.physicsforums.com/posts/5540395/"> <meta itemprop="parentItem" itemscope itemid="https://www.physicsforums.com/threads/help-adding-code-block-on-my-blog.881570/" /> <meta itemprop="name" content="Post #3" /> <span class="u-anchorTarget" id="post-5540395"></span> <div class="message-header"> <header class="message-attribution message-attribution--split"> <ul class="message-attribution-main listInline "> <li class="u-concealed"> <time class="u-dt" dir="auto" datetime="2016-08-10T10:56:18-0500" data-timestamp="1470844578" data-date="Aug 10, 2016" data-time="10:56 AM" data-short="Aug '16" title="Aug 10, 2016 at 10:56 AM" itemprop="datePublished">Aug 10, 2016</time> </li> </ul> <ul class="message-attribution-opposite message-attribution-opposite--list "> <li> <span style="cursor:pointer;" class="message-attribution-gadget" data-xf-init="share-tooltip" data-href="/posts/5540395/share" aria-label="Share" role="button" rel="nofollow"> <i class="fa--xf fal fa-share-alt "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#share-alt"></use></svg></i> </span> </li> <li class="u-hidden js-embedCopy"> <a href="javascript:" data-xf-init="copy-to-clipboard" data-copy-text="<div class="js-xf-embed" data-url="https://www.physicsforums.com" data-content="post-5540395"></div><script defer src="https://www.physicsforums.com/js/xf/external_embed.js?_v=ec60f626"></script>" data-success="Embed code HTML copied to clipboard." class=""> <i class="fa--xf fal fa-code "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#code"></use></svg></i> </a> </li> <li> #3 </li> </ul> </header> </div> <div class="message-inner"> <div class="message-cell message-cell--user"> <section class="message-user" itemprop="author" itemscope itemtype="https://schema.org/Person" itemid="https://www.physicsforums.com/members/aheight.600309/"> <meta itemprop="url" content="https://www.physicsforums.com/members/aheight.600309/" /> <div class="message-userDetails"> <span class="message-name"><span class="username " dir="auto" data-user-id="600309"><span itemprop="name">aheight</span></span></span> <span class="threadstarter" data-xf-init="tooltip" title="Thread Starter"><i class="fa--xf fal fa-user-edit "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#user-edit"></use></svg></i></span>   </div> <div class="message-userExtras"> <dl class="pairs pairs--justified"> <dt><i class="fa--xf fal fa-comments fa-fw "><svg xmlns="http://www.w3.org/2000/svg" role="img" data-xf-init="tooltip"><title>Messages</title><use href="/data/local/icons/light.svg?v=1776459805#comments"></use></svg></i></dt> <dd>318</dd> </dl> <dl class="pairs pairs--justified"> <dt><i class="fa--xf fal fa-thumbs-up fa-fw "><svg xmlns="http://www.w3.org/2000/svg" role="img" data-xf-init="tooltip"><title>Reaction score</title><use href="/data/local/icons/light.svg?v=1776459805#thumbs-up"></use></svg></i></dt> <dd>108</dd> </dl> </div> <span class="message-userArrow"></span> </section> </div> <div class="message-cell message-cell--main"> <div class="message-main js-quickEditTarget"> <div class="message-content js-messageContent"> <div class="message-userContent lbContainer js-lbContainer " data-lb-id="post-5540395" data-lb-caption-desc="aheight · Aug 10, 2016 at 10:56 AM"> <article class="message-body js-selectToQuote"> <div itemprop="text"> <div class="bbWrapper">I am really sorry for that. Didn't mean to imply I needed help with that code. I just gave an example of a long bunch of code to make the window scroll. <br /> <br /> Yes, I'm trying to add a scrollable window to the web page.</div> </div> <div class="js-selectToQuoteEnd"> </div> </article> </div> </div> <footer class="message-footer"> <div class="message-microdata" itemprop="interactionStatistic" itemtype="https://schema.org/InteractionCounter" itemscope> <meta itemprop="userInteractionCount" content="0" /> <meta itemprop="interactionType" content="https://schema.org/LikeAction" /> </div> <div class="reactionsBar js-reactionsList "> </div> <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href"></div> </footer> </div> </div> </div> </article>  <article class="message message--post js-post js-inlineModContainer " data-author="Greg Bernhardt" data-content="post-5540397" id="js-post-5540397" itemscope itemtype="https://schema.org/Comment" itemid="https://www.physicsforums.com/posts/5540397/"> <meta itemprop="parentItem" itemscope itemid="https://www.physicsforums.com/threads/help-adding-code-block-on-my-blog.881570/" /> <meta itemprop="name" content="Post #4" /> <span class="u-anchorTarget" id="post-5540397"></span> <div class="message-header"> <header class="message-attribution message-attribution--split"> <ul class="message-attribution-main listInline "> <li class="u-concealed"> <time class="u-dt" dir="auto" datetime="2016-08-10T10:59:20-0500" data-timestamp="1470844760" data-date="Aug 10, 2016" data-time="10:59 AM" data-short="Aug '16" title="Aug 10, 2016 at 10:59 AM" itemprop="datePublished">Aug 10, 2016</time> </li> </ul> <ul class="message-attribution-opposite message-attribution-opposite--list "> <li> <span style="cursor:pointer;" class="message-attribution-gadget" data-xf-init="share-tooltip" data-href="/posts/5540397/share" aria-label="Share" role="button" rel="nofollow"> <i class="fa--xf fal fa-share-alt "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#share-alt"></use></svg></i> </span> </li> <li class="u-hidden js-embedCopy"> <a href="javascript:" data-xf-init="copy-to-clipboard" data-copy-text="<div class="js-xf-embed" data-url="https://www.physicsforums.com" data-content="post-5540397"></div><script defer src="https://www.physicsforums.com/js/xf/external_embed.js?_v=ec60f626"></script>" data-success="Embed code HTML copied to clipboard." class=""> <i class="fa--xf fal fa-code "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#code"></use></svg></i> </a> </li> <li> #4 </li> </ul> </header> </div> <div class="message-inner"> <div class="message-cell message-cell--user"> <section class="message-user" itemprop="author" itemscope itemtype="https://schema.org/Person" itemid="https://www.physicsforums.com/members/greg-bernhardt.1/"> <meta itemprop="url" content="https://www.physicsforums.com/members/greg-bernhardt.1/" /> <div class="message-userDetails"> <span class="message-name"><a href="/members/greg-bernhardt.1/" class="username " dir="auto" data-user-id="1" data-xf-init="member-tooltip"><span class="username--staff username--moderator username--admin" itemprop="name">Greg Bernhardt</span></a></span>  <div class="post-badges"> <div class="post-badge badge-gavel" data-xf-init="tooltip" title="Admin" aria-label="Admin"> <i class="fa--xf fal fa-gavel "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#gavel"></use></svg></i><span> Admin</span> </div> <div class="post-badge badge-file" data-xf-init="tooltip" title="Click to View My Articles" aria-label="Insights Author"> <a href="https://www.physicsforums.com/insights/author/Greg Bernhardt/" aria-label="View author profile"><i class="fa--xf fal fa-file-alt "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" aria-hidden="true"><use href="/data/local/icons/light.svg?v=1776459805#file-alt"></use></svg></i><span> Insights Author</span></a> </div> </div>  </div> <div class="message-userExtras"> <dl class="pairs pairs--justified"> <dt><i class="fa--xf fal fa-comments fa-fw "><svg xmlns="http://www.w3.org/2000/svg" role="img" data-xf-init="tooltip"><title>Messages</title><use href="/data/local/icons/light.svg?v=1776459805#comments"></use></svg></i></dt> <dd>19,911</dd> </dl> <dl class="pairs pairs--justified"> <dt><i class="fa--xf fal fa-thumbs-up fa-fw "><svg xmlns="http://www.w3.org/2000/svg" role="img" data-xf-init="tooltip"><title>Reaction score</title><use href="/data/local/icons/light.svg?v=1776459805#thumbs-up"></use></svg></i></dt> <dd>10,924</dd> </dl> </div> <span class="message-userArrow"></span> </section> </div> <div class="message-cell message-cell--main"> <div class="message-main js-quickEditTarget"> <div class="message-content js-messageContent"> <div class="message-userContent lbContainer js-lbContainer " data-lb-id="post-5540397" data-lb-caption-desc="Greg Bernhardt · Aug 10, 2016 at 10:59 AM"> <article class="message-body js-selectToQuote"> <div itemprop="text"> <div class="bbWrapper"><blockquote data-attributes="member: 600309" data-quote="aheight" data-source="post: 5540395" class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote js-expandWatch"> <div class="bbCodeBlock-title"> aheight said: </div> <div class="bbCodeBlock-content"> <div class="bbCodeBlock-expandContent js-expandContent "> I am really sorry for that. Didn't mean to imply I needed help with that code. I just gave an example of a long bunch of code to make the window scroll. <br /> <br /> Yes, I'm trying to add a scrollable window to the web page. </div> </div> </blockquote>I think you need to read a quick tutorial on HTML. This can be done using one simple tag<br /> <a href="http://www.w3schools.com/tags/tag_iframe.asp" target="_blank" class="link link--external" rel="noopener">http://www.w3schools.com/tags/tag_iframe.asp</a></div> </div> <div class="js-selectToQuoteEnd"> </div> </article> </div> </div> <footer class="message-footer"> <div class="message-microdata" itemprop="interactionStatistic" itemtype="https://schema.org/InteractionCounter" itemscope> <meta itemprop="userInteractionCount" content="0" /> <meta itemprop="interactionType" content="https://schema.org/LikeAction" /> </div> <div class="reactionsBar js-reactionsList "> </div> <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href"></div> </footer> </div> </div> </div> </article>  <article class="message message--post js-post js-inlineModContainer " data-author="aheight" data-content="post-5540398" id="js-post-5540398" itemscope itemtype="https://schema.org/Comment" itemid="https://www.physicsforums.com/posts/5540398/"> <meta itemprop="parentItem" itemscope itemid="https://www.physicsforums.com/threads/help-adding-code-block-on-my-blog.881570/" /> <meta itemprop="name" content="Post #5" /> <span class="u-anchorTarget" id="post-5540398"></span> <div class="message-header"> <header class="message-attribution message-attribution--split"> <ul class="message-attribution-main listInline "> <li class="u-concealed"> <time class="u-dt" dir="auto" datetime="2016-08-10T10:59:32-0500" data-timestamp="1470844772" data-date="Aug 10, 2016" data-time="10:59 AM" data-short="Aug '16" title="Aug 10, 2016 at 10:59 AM" itemprop="datePublished">Aug 10, 2016</time> </li> </ul> <ul class="message-attribution-opposite message-attribution-opposite--list "> <li> <span style="cursor:pointer;" class="message-attribution-gadget" data-xf-init="share-tooltip" data-href="/posts/5540398/share" aria-label="Share" role="button" rel="nofollow"> <i class="fa--xf fal fa-share-alt "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#share-alt"></use></svg></i> </span> </li> <li class="u-hidden js-embedCopy"> <a href="javascript:" data-xf-init="copy-to-clipboard" data-copy-text="<div class="js-xf-embed" data-url="https://www.physicsforums.com" data-content="post-5540398"></div><script defer src="https://www.physicsforums.com/js/xf/external_embed.js?_v=ec60f626"></script>" data-success="Embed code HTML copied to clipboard." class=""> <i class="fa--xf fal fa-code "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#code"></use></svg></i> </a> </li> <li> #5 </li> </ul> </header> </div> <div class="message-inner"> <div class="message-cell message-cell--user"> <section class="message-user" itemprop="author" itemscope itemtype="https://schema.org/Person" itemid="https://www.physicsforums.com/members/aheight.600309/"> <meta itemprop="url" content="https://www.physicsforums.com/members/aheight.600309/" /> <div class="message-userDetails"> <span class="message-name"><span class="username " dir="auto" data-user-id="600309"><span itemprop="name">aheight</span></span></span> <span class="threadstarter" data-xf-init="tooltip" title="Thread Starter"><i class="fa--xf fal fa-user-edit "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#user-edit"></use></svg></i></span>   </div> <div class="message-userExtras"> <dl class="pairs pairs--justified"> <dt><i class="fa--xf fal fa-comments fa-fw "><svg xmlns="http://www.w3.org/2000/svg" role="img" data-xf-init="tooltip"><title>Messages</title><use href="/data/local/icons/light.svg?v=1776459805#comments"></use></svg></i></dt> <dd>318</dd> </dl> <dl class="pairs pairs--justified"> <dt><i class="fa--xf fal fa-thumbs-up fa-fw "><svg xmlns="http://www.w3.org/2000/svg" role="img" data-xf-init="tooltip"><title>Reaction score</title><use href="/data/local/icons/light.svg?v=1776459805#thumbs-up"></use></svg></i></dt> <dd>108</dd> </dl> </div> <span class="message-userArrow"></span> </section> </div> <div class="message-cell message-cell--main"> <div class="message-main js-quickEditTarget"> <div class="message-content js-messageContent"> <div class="message-userContent lbContainer js-lbContainer " data-lb-id="post-5540398" data-lb-caption-desc="aheight · Aug 10, 2016 at 10:59 AM"> <article class="message-body js-selectToQuote"> <div itemprop="text"> <div class="bbWrapper">Oh wow, I just googled "how to add a scrollable window to web page: <br /> <br /> <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code"> <div class="bbCodeBlock-title"> <i class="fa--xf fal fa-code "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#code"></use></svg></i> HTML: </div> <div class="bbCodeBlock-content" dir="ltr"> <pre class="bbCodeCode" dir="ltr" data-xf-init="code-block" data-lang="html"><code><div style="width:150px;height:150px;line-height:3em;overflow:auto;padding:5px;"> This 'div' element contains more content than the previous one. Because there's too much text to fit into the box, the box grows scrollbars. </div></code></pre> </div> </div><br /> I really didn't even know what to google for. I'll work on these. Thanks guys.</div> </div> <div class="js-selectToQuoteEnd"> </div> </article> </div> </div> <footer class="message-footer"> <div class="message-microdata" itemprop="interactionStatistic" itemtype="https://schema.org/InteractionCounter" itemscope> <meta itemprop="userInteractionCount" content="1" /> <meta itemprop="interactionType" content="https://schema.org/LikeAction" /> </div> <div class="reactionsBar js-reactionsList is-active"> <ul class="reactionSummary"> <li><span class="reaction reaction--small reaction--1" data-reaction-id="1"><i aria-hidden="true"></i><img src="https://cdn.jsdelivr.net/joypixels/assets/8.0/png/unicode/64/1f44d.png" loading="lazy" width="64" height="64" class="reaction-image reaction-image--emoji js-reaction" alt="Like" title="Like" /></span></li> </ul> <span class="u-srOnly">Likes</span> <span class="reactionsBar-reactors" role="note" aria-label="Community post reactions">  Reactions: <bdi>Greg Bernhardt</bdi></span> </div> <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href"></div> </footer> </div> </div> </div> </article>  <article class="message message--post js-post js-inlineModContainer " data-author="phinds" data-content="post-5540412" id="js-post-5540412" itemscope itemtype="https://schema.org/Comment" itemid="https://www.physicsforums.com/posts/5540412/"> <meta itemprop="parentItem" itemscope itemid="https://www.physicsforums.com/threads/help-adding-code-block-on-my-blog.881570/" /> <meta itemprop="name" content="Post #6" /> <span class="u-anchorTarget" id="post-5540412"></span> <div class="message-header"> <header class="message-attribution message-attribution--split"> <ul class="message-attribution-main listInline "> <li class="u-concealed"> <time class="u-dt" dir="auto" datetime="2016-08-10T11:28:29-0500" data-timestamp="1470846509" data-date="Aug 10, 2016" data-time="11:28 AM" data-short="Aug '16" title="Aug 10, 2016 at 11:28 AM" itemprop="datePublished">Aug 10, 2016</time> </li> </ul> <ul class="message-attribution-opposite message-attribution-opposite--list "> <li> <span style="cursor:pointer;" class="message-attribution-gadget" data-xf-init="share-tooltip" data-href="/posts/5540412/share" aria-label="Share" role="button" rel="nofollow"> <i class="fa--xf fal fa-share-alt "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#share-alt"></use></svg></i> </span> </li> <li class="u-hidden js-embedCopy"> <a href="javascript:" data-xf-init="copy-to-clipboard" data-copy-text="<div class="js-xf-embed" data-url="https://www.physicsforums.com" data-content="post-5540412"></div><script defer src="https://www.physicsforums.com/js/xf/external_embed.js?_v=ec60f626"></script>" data-success="Embed code HTML copied to clipboard." class=""> <i class="fa--xf fal fa-code "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#code"></use></svg></i> </a> </li> <li> #6 </li> </ul> </header> </div> <div class="message-inner"> <div class="message-cell message-cell--user"> <section class="message-user" itemprop="author" itemscope itemtype="https://schema.org/Person" itemid="https://www.physicsforums.com/members/phinds.310841/"> <meta itemprop="url" content="https://www.physicsforums.com/members/phinds.310841/" /> <div class="message-userDetails"> <span class="message-name"><a href="/members/phinds.310841/" class="username " dir="auto" data-user-id="310841" data-xf-init="member-tooltip"><span itemprop="name">phinds</span></a></span>  <div class="post-badges"> <div class="post-badge badge-university" data-xf-init="tooltip" title="Verified Expert in Science and Math" aria-label="Science Advisor"> <i class="fa--xf fal fa-university "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#university"></use></svg></i><span> Science Advisor</span> </div> <div class="post-badge badge-file" data-xf-init="tooltip" title="Click to View My Articles" aria-label="Insights Author"> <a href="https://www.physicsforums.com/insights/author/phinds/" aria-label="View author profile"><i class="fa--xf fal fa-file-alt "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" aria-hidden="true"><use href="/data/local/icons/light.svg?v=1776459805#file-alt"></use></svg></i><span> Insights Author</span></a> </div> <div class="post-badge badge-star" data-xf-init="tooltip" title="Click to Support PF" aria-label="Gold Member"> <i class="fa--xf fal fa-star "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#star"></use></svg></i><span> Gold Member</span> </div> <div class="post-badge badge-heart" data-xf-init="tooltip" title="Memorial: Member has Passed" aria-label="Memorial"> <i class="fa--xf fal fa-heart "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#heart"></use></svg></i><span> Dearly Missed</span> </div> </div>  </div> <div class="message-userExtras"> <dl class="pairs pairs--justified"> <dt><i class="fa--xf fal fa-comments fa-fw "><svg xmlns="http://www.w3.org/2000/svg" role="img" data-xf-init="tooltip"><title>Messages</title><use href="/data/local/icons/light.svg?v=1776459805#comments"></use></svg></i></dt> <dd>19,385</dd> </dl> <dl class="pairs pairs--justified"> <dt><i class="fa--xf fal fa-thumbs-up fa-fw "><svg xmlns="http://www.w3.org/2000/svg" role="img" data-xf-init="tooltip"><title>Reaction score</title><use href="/data/local/icons/light.svg?v=1776459805#thumbs-up"></use></svg></i></dt> <dd>15,617</dd> </dl> </div> <span class="message-userArrow"></span> </section> </div> <div class="message-cell message-cell--main"> <div class="message-main js-quickEditTarget"> <div class="message-content js-messageContent"> <div class="message-userContent lbContainer js-lbContainer " data-lb-id="post-5540412" data-lb-caption-desc="phinds · Aug 10, 2016 at 11:28 AM"> <article class="message-body js-selectToQuote"> <div itemprop="text"> <div class="bbWrapper">If you want just a scrollable table, then Greg's code works great. If you want a non-scrolling header, it gets more complicated and is what I was talking about when I said it was JavaScript. Here's an example. Just view the source code of this page:<br /> <br /> <a href="http://www.imaputz.com/cssStuff/bigFourVersion.html" target="_blank" class="link link--external" rel="nofollow ugc noopener">http://www.imaputz.com/cssStuff/bigFourVersion.html</a></div> </div> <div class="js-selectToQuoteEnd"> </div> </article> </div> </div> <footer class="message-footer"> <div class="message-microdata" itemprop="interactionStatistic" itemtype="https://schema.org/InteractionCounter" itemscope> <meta itemprop="userInteractionCount" content="0" /> <meta itemprop="interactionType" content="https://schema.org/LikeAction" /> </div> <div class="reactionsBar js-reactionsList "> </div> <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href"></div> </footer> </div> </div> </div> </article>  <article class="message message--post js-post js-inlineModContainer " data-author="aheight" data-content="post-5540416" id="js-post-5540416" itemscope itemtype="https://schema.org/Comment" itemid="https://www.physicsforums.com/posts/5540416/"> <meta itemprop="parentItem" itemscope itemid="https://www.physicsforums.com/threads/help-adding-code-block-on-my-blog.881570/" /> <meta itemprop="name" content="Post #7" /> <span class="u-anchorTarget" id="post-5540416"></span> <div class="message-header"> <header class="message-attribution message-attribution--split"> <ul class="message-attribution-main listInline "> <li class="u-concealed"> <time class="u-dt" dir="auto" datetime="2016-08-10T11:44:45-0500" data-timestamp="1470847485" data-date="Aug 10, 2016" data-time="11:44 AM" data-short="Aug '16" title="Aug 10, 2016 at 11:44 AM" itemprop="datePublished">Aug 10, 2016</time> </li> </ul> <ul class="message-attribution-opposite message-attribution-opposite--list "> <li> <span style="cursor:pointer;" class="message-attribution-gadget" data-xf-init="share-tooltip" data-href="/posts/5540416/share" aria-label="Share" role="button" rel="nofollow"> <i class="fa--xf fal fa-share-alt "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#share-alt"></use></svg></i> </span> </li> <li class="u-hidden js-embedCopy"> <a href="javascript:" data-xf-init="copy-to-clipboard" data-copy-text="<div class="js-xf-embed" data-url="https://www.physicsforums.com" data-content="post-5540416"></div><script defer src="https://www.physicsforums.com/js/xf/external_embed.js?_v=ec60f626"></script>" data-success="Embed code HTML copied to clipboard." class=""> <i class="fa--xf fal fa-code "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#code"></use></svg></i> </a> </li> <li> #7 </li> </ul> </header> </div> <div class="message-inner"> <div class="message-cell message-cell--user"> <section class="message-user" itemprop="author" itemscope itemtype="https://schema.org/Person" itemid="https://www.physicsforums.com/members/aheight.600309/"> <meta itemprop="url" content="https://www.physicsforums.com/members/aheight.600309/" /> <div class="message-userDetails"> <span class="message-name"><span class="username " dir="auto" data-user-id="600309"><span itemprop="name">aheight</span></span></span> <span class="threadstarter" data-xf-init="tooltip" title="Thread Starter"><i class="fa--xf fal fa-user-edit "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#user-edit"></use></svg></i></span>   </div> <div class="message-userExtras"> <dl class="pairs pairs--justified"> <dt><i class="fa--xf fal fa-comments fa-fw "><svg xmlns="http://www.w3.org/2000/svg" role="img" data-xf-init="tooltip"><title>Messages</title><use href="/data/local/icons/light.svg?v=1776459805#comments"></use></svg></i></dt> <dd>318</dd> </dl> <dl class="pairs pairs--justified"> <dt><i class="fa--xf fal fa-thumbs-up fa-fw "><svg xmlns="http://www.w3.org/2000/svg" role="img" data-xf-init="tooltip"><title>Reaction score</title><use href="/data/local/icons/light.svg?v=1776459805#thumbs-up"></use></svg></i></dt> <dd>108</dd> </dl> </div> <span class="message-userArrow"></span> </section> </div> <div class="message-cell message-cell--main"> <div class="message-main js-quickEditTarget"> <div class="message-content js-messageContent"> <div class="message-userContent lbContainer js-lbContainer " data-lb-id="post-5540416" data-lb-caption-desc="aheight · Aug 10, 2016 at 11:44 AM"> <article class="message-body js-selectToQuote"> <div itemprop="text"> <div class="bbWrapper"><blockquote data-attributes="member: 310841" data-quote="phinds" data-source="post: 5540412" class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote js-expandWatch"> <div class="bbCodeBlock-title"> phinds said: </div> <div class="bbCodeBlock-content"> <div class="bbCodeBlock-expandContent js-expandContent "> If you want just a scrollable table, then Greg's code works great. If you want a non-scrolling header, it gets more complicated and is what I was talking about when I said it was JavaScript. Here's an example. Just view the source code of this page:<br /> <br /> <a href="http://www.imaputz.com/cssStuff/bigFourVersion.html" target="_blank" class="link link--external" rel="nofollow ugc noopener">http://www.imaputz.com/cssStuff/bigFourVersion.html</a> </div> </div> </blockquote><br /> Can I please ask how do I view the source code for that page? I know if I select from my browser "more tools/developer tools" I get some sort of html viewer but that doesn't look like all of that code. Is that how I view all of the code for bigFourVersion.html?<br /> <br /> I do like keeping the headers visible in some applications.</div> </div> <div class="js-selectToQuoteEnd"> </div> </article> </div> </div> <footer class="message-footer"> <div class="message-microdata" itemprop="interactionStatistic" itemtype="https://schema.org/InteractionCounter" itemscope> <meta itemprop="userInteractionCount" content="0" /> <meta itemprop="interactionType" content="https://schema.org/LikeAction" /> </div> <div class="reactionsBar js-reactionsList "> </div> <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href"></div> </footer> </div> </div> </div> </article>  <article class="message message--post js-post js-inlineModContainer " data-author="Greg Bernhardt" data-content="post-5540418" id="js-post-5540418" itemscope itemtype="https://schema.org/Comment" itemid="https://www.physicsforums.com/posts/5540418/"> <meta itemprop="parentItem" itemscope itemid="https://www.physicsforums.com/threads/help-adding-code-block-on-my-blog.881570/" /> <meta itemprop="name" content="Post #8" /> <span class="u-anchorTarget" id="post-5540418"></span> <div class="message-header"> <header class="message-attribution message-attribution--split"> <ul class="message-attribution-main listInline "> <li class="u-concealed"> <time class="u-dt" dir="auto" datetime="2016-08-10T11:45:15-0500" data-timestamp="1470847515" data-date="Aug 10, 2016" data-time="11:45 AM" data-short="Aug '16" title="Aug 10, 2016 at 11:45 AM" itemprop="datePublished">Aug 10, 2016</time> </li> </ul> <ul class="message-attribution-opposite message-attribution-opposite--list "> <li> <span style="cursor:pointer;" class="message-attribution-gadget" data-xf-init="share-tooltip" data-href="/posts/5540418/share" aria-label="Share" role="button" rel="nofollow"> <i class="fa--xf fal fa-share-alt "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#share-alt"></use></svg></i> </span> </li> <li class="u-hidden js-embedCopy"> <a href="javascript:" data-xf-init="copy-to-clipboard" data-copy-text="<div class="js-xf-embed" data-url="https://www.physicsforums.com" data-content="post-5540418"></div><script defer src="https://www.physicsforums.com/js/xf/external_embed.js?_v=ec60f626"></script>" data-success="Embed code HTML copied to clipboard." class=""> <i class="fa--xf fal fa-code "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#code"></use></svg></i> </a> </li> <li> #8 </li> </ul> </header> </div> <div class="message-inner"> <div class="message-cell message-cell--user"> <section class="message-user" itemprop="author" itemscope itemtype="https://schema.org/Person" itemid="https://www.physicsforums.com/members/greg-bernhardt.1/"> <meta itemprop="url" content="https://www.physicsforums.com/members/greg-bernhardt.1/" /> <div class="message-userDetails"> <span class="message-name"><a href="/members/greg-bernhardt.1/" class="username " dir="auto" data-user-id="1" data-xf-init="member-tooltip"><span class="username--staff username--moderator username--admin" itemprop="name">Greg Bernhardt</span></a></span>  <div class="post-badges"> <div class="post-badge badge-gavel" data-xf-init="tooltip" title="Admin" aria-label="Admin"> <i class="fa--xf fal fa-gavel "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#gavel"></use></svg></i><span> Admin</span> </div> <div class="post-badge badge-file" data-xf-init="tooltip" title="Click to View My Articles" aria-label="Insights Author"> <a href="https://www.physicsforums.com/insights/author/Greg Bernhardt/" aria-label="View author profile"><i class="fa--xf fal fa-file-alt "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" aria-hidden="true"><use href="/data/local/icons/light.svg?v=1776459805#file-alt"></use></svg></i><span> Insights Author</span></a> </div> </div>  </div> <div class="message-userExtras"> <dl class="pairs pairs--justified"> <dt><i class="fa--xf fal fa-comments fa-fw "><svg xmlns="http://www.w3.org/2000/svg" role="img" data-xf-init="tooltip"><title>Messages</title><use href="/data/local/icons/light.svg?v=1776459805#comments"></use></svg></i></dt> <dd>19,911</dd> </dl> <dl class="pairs pairs--justified"> <dt><i class="fa--xf fal fa-thumbs-up fa-fw "><svg xmlns="http://www.w3.org/2000/svg" role="img" data-xf-init="tooltip"><title>Reaction score</title><use href="/data/local/icons/light.svg?v=1776459805#thumbs-up"></use></svg></i></dt> <dd>10,924</dd> </dl> </div> <span class="message-userArrow"></span> </section> </div> <div class="message-cell message-cell--main"> <div class="message-main js-quickEditTarget"> <div class="message-content js-messageContent"> <div class="message-userContent lbContainer js-lbContainer " data-lb-id="post-5540418" data-lb-caption-desc="Greg Bernhardt · Aug 10, 2016 at 11:45 AM"> <article class="message-body js-selectToQuote"> <div itemprop="text"> <div class="bbWrapper">Right click and then select view source</div> </div> <div class="js-selectToQuoteEnd"> </div> </article> </div> </div> <footer class="message-footer"> <div class="message-microdata" itemprop="interactionStatistic" itemtype="https://schema.org/InteractionCounter" itemscope> <meta itemprop="userInteractionCount" content="0" /> <meta itemprop="interactionType" content="https://schema.org/LikeAction" /> </div> <div class="reactionsBar js-reactionsList "> </div> <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href"></div> </footer> </div> </div> </div> </article>  <article class="message message--post js-post js-inlineModContainer " data-author="aheight" data-content="post-5540426" id="js-post-5540426" itemscope itemtype="https://schema.org/Comment" itemid="https://www.physicsforums.com/posts/5540426/"> <meta itemprop="parentItem" itemscope itemid="https://www.physicsforums.com/threads/help-adding-code-block-on-my-blog.881570/" /> <meta itemprop="name" content="Post #9" /> <span class="u-anchorTarget" id="post-5540426"></span> <div class="message-header"> <header class="message-attribution message-attribution--split"> <ul class="message-attribution-main listInline "> <li class="u-concealed"> <time class="u-dt" dir="auto" datetime="2016-08-10T12:12:39-0500" data-timestamp="1470849159" data-date="Aug 10, 2016" data-time="12:12 PM" data-short="Aug '16" title="Aug 10, 2016 at 12:12 PM" itemprop="datePublished">Aug 10, 2016</time> </li> </ul> <ul class="message-attribution-opposite message-attribution-opposite--list "> <li> <span style="cursor:pointer;" class="message-attribution-gadget" data-xf-init="share-tooltip" data-href="/posts/5540426/share" aria-label="Share" role="button" rel="nofollow"> <i class="fa--xf fal fa-share-alt "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#share-alt"></use></svg></i> </span> </li> <li class="u-hidden js-embedCopy"> <a href="javascript:" data-xf-init="copy-to-clipboard" data-copy-text="<div class="js-xf-embed" data-url="https://www.physicsforums.com" data-content="post-5540426"></div><script defer src="https://www.physicsforums.com/js/xf/external_embed.js?_v=ec60f626"></script>" data-success="Embed code HTML copied to clipboard." class=""> <i class="fa--xf fal fa-code "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#code"></use></svg></i> </a> </li> <li> #9 </li> </ul> </header> </div> <div class="message-inner"> <div class="message-cell message-cell--user"> <section class="message-user" itemprop="author" itemscope itemtype="https://schema.org/Person" itemid="https://www.physicsforums.com/members/aheight.600309/"> <meta itemprop="url" content="https://www.physicsforums.com/members/aheight.600309/" /> <div class="message-userDetails"> <span class="message-name"><span class="username " dir="auto" data-user-id="600309"><span itemprop="name">aheight</span></span></span> <span class="threadstarter" data-xf-init="tooltip" title="Thread Starter"><i class="fa--xf fal fa-user-edit "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#user-edit"></use></svg></i></span>   </div> <div class="message-userExtras"> <dl class="pairs pairs--justified"> <dt><i class="fa--xf fal fa-comments fa-fw "><svg xmlns="http://www.w3.org/2000/svg" role="img" data-xf-init="tooltip"><title>Messages</title><use href="/data/local/icons/light.svg?v=1776459805#comments"></use></svg></i></dt> <dd>318</dd> </dl> <dl class="pairs pairs--justified"> <dt><i class="fa--xf fal fa-thumbs-up fa-fw "><svg xmlns="http://www.w3.org/2000/svg" role="img" data-xf-init="tooltip"><title>Reaction score</title><use href="/data/local/icons/light.svg?v=1776459805#thumbs-up"></use></svg></i></dt> <dd>108</dd> </dl> </div> <span class="message-userArrow"></span> </section> </div> <div class="message-cell message-cell--main"> <div class="message-main js-quickEditTarget"> <div class="message-content js-messageContent"> <div class="message-userContent lbContainer js-lbContainer " data-lb-id="post-5540426" data-lb-caption-desc="aheight · Aug 10, 2016 at 12:12 PM"> <article class="message-body js-selectToQuote"> <div itemprop="text"> <div class="bbWrapper"><blockquote data-attributes="member: 1" data-quote="Greg Bernhardt" data-source="post: 5540418" class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote js-expandWatch"> <div class="bbCodeBlock-title"> Greg Bernhardt said: </div> <div class="bbCodeBlock-content"> <div class="bbCodeBlock-expandContent js-expandContent "> Right click and then select view source </div> </div> </blockquote><br /> Thanks. Didn't notice that option and it's nicely formatted too. Although the <iframe> block looks nice, the <div> block is is not a bad start for me although I do have to manually add the <br/> commands:<br /> <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code"> <div class="bbCodeBlock-title"> <i class="fa--xf fal fa-code "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#code"></use></svg></i> HTML: </div> <div class="bbCodeBlock-content" dir="ltr"> <pre class="bbCodeCode" dir="ltr" data-xf-init="code-block" data-lang="html"><code><div style="width:550px;height:150px;line-height:1.5em; overflow:auto;padding:5px;font:12pt;font-family: monospace; color: black;background: bisque"> too much text to fit into the box, the box grows scrollbars. <br/> ringNum = 1<br/> mnum = 1<br/> baseRoot = 0;<br/> wOffset = 0<br/> nmax = 15;<br/> {rmin, rmax, wstart, wend} = theInitialValues[[ringNum]];<br/> loopmax = 2 \[Pi] totalSheets;<br/> Clear[mysol, myw];<br/> Print["tset1"];<br/> mysol = First[<br/> NDSolve[{theThetaDeriv /. \[Rho] -> rnum, \[Psi][tstart] == <br/> First[(myRadialTable[[2]] /. \[Rho] -> <br/> rnum)]}, \[Psi], {\[Theta], tstart, tend},<br/> MaxStepSize -> 0.001, MaxSteps -> 500000]];<br/> myw[t_] := Evaluate[\[Psi][t] /. mysol];<br/> myVarw[t_] := <br/> Piecewise[{{myw[t],<br/> t <= 2 theorder \[Pi]}, {myw[t - 2 theorder \[Pi]],<br/> t > 2 theorder \[Pi]}}];<br/> Print["test3"];<br/> </div></code></pre> </div> </div></div> </div> <div class="js-selectToQuoteEnd"> </div> </article> </div> </div> <footer class="message-footer"> <div class="message-microdata" itemprop="interactionStatistic" itemtype="https://schema.org/InteractionCounter" itemscope> <meta itemprop="userInteractionCount" content="0" /> <meta itemprop="interactionType" content="https://schema.org/LikeAction" /> </div> <div class="reactionsBar js-reactionsList "> </div> <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href"></div> </footer> </div> </div> </div> </article> </div> </div> </div> <nav aria-label="Breadcrumb"> <div class="p-breadcrumbs--parent p-breadcrumbs--bottom"> <ul class="p-breadcrumbs p-breadcrumbs--bottom" itemscope itemtype="https://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a href="https://www.physicsforums.com/" itemprop="item"> <span itemprop="name">Forums</span> </a> <meta itemprop="position" content="1" /> </li> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a href="/#other-sciences.6" itemprop="item"> <span itemprop="name">Other Sciences</span> </a> <meta itemprop="position" content="2" /> </li> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a href="/forums/programming-and-computer-science.165/" itemprop="item"> <span itemprop="name">Programming and Computer Science</span> </a> <meta itemprop="position" content="3" /> </li> </ul> </div> </nav> </div> </main> <div class="p-sidebarWrapper"> <aside class="p-body-sidebar" role="complementary" aria-label="Sidebar"> <div class="block wte-widget" data-widget-id="64" data-widget-key="hotcontent" data-widget-definition="wte_thread_enhancement"> <div class="block-container"> <h3 class="block-minorHeader">Hot Threads</h3> <ul class="block-body js-threadList"> <li class="block-row"> <div class="contentRow"> <div class="contentRow-figure"> <a href="/members/borg.185214/" class="avatar avatar--xxs" data-user-id="185214" data-xf-init="member-tooltip"> <img src="/data/avatars/s/185/185214.jpg?1738577440" alt="Borg" class="avatar-u185214-s" width="48" height="48" loading="lazy" /> </a> </div> <div class="contentRow-main contentRow-main--close"> <h3 class="wte-thread--title"> <a href="/threads/how-to-increase-phone-signal-strength-by-lying-about-it.1082852/" title="How to increase phone signal strength by lying about it" > <span class="wte-thread--titleText">How to increase phone signal strength by lying about it</span> </a> </h3> <div class="contentRow-minor contentRow-minor--hideLinks"> <ul class="listInline listInline--bullet"> <li>Started by <a href="/members/borg.185214/" class="username " dir="auto" data-user-id="185214" data-xf-init="member-tooltip">Borg</a></li> <li><time class="u-dt" dir="auto" datetime="2025-11-03T04:23:26-0600" data-timestamp="1762165406" data-date="Nov 3, 2025" data-time="4:23 AM" data-short="Nov '25" title="Nov 3, 2025 at 4:23 AM">Nov 3, 2025</time></li> <li>Replies: 12</li> <li><a href="/forums/programming-and-computer-science.165/">Programming and Computer Science</a></li> </ul> </div> </div> </div> </li> <li class="block-row"> <div class="contentRow"> <div class="contentRow-figure"> <a href="/members/astronuc.15685/" class="avatar avatar--xxs" data-user-id="15685" data-xf-init="member-tooltip"> <img src="/data/avatars/s/15/15685.jpg?1431188715" alt="Astronuc" class="avatar-u15685-s" width="48" height="48" loading="lazy" /> </a> </div> <div class="contentRow-main contentRow-main--close"> <h3 class="wte-thread--title"> <a href="/threads/use-of-ai-ml-dl-in-science.1083649/" title="Use of AI (ML/DL) in Science" > <span class="wte-thread--titleText">Use of AI (ML/DL) in Science</span> </a> </h3> <div class="contentRow-minor contentRow-minor--hideLinks"> <ul class="listInline listInline--bullet"> <li>Started by <a href="/members/astronuc.15685/" class="username " dir="auto" data-user-id="15685" data-xf-init="member-tooltip">Astronuc</a></li> <li><time class="u-dt" dir="auto" datetime="2025-12-28T12:21:50-0600" data-timestamp="1766946110" data-date="Dec 28, 2025" data-time="12:21 PM" data-short="Dec '25" title="Dec 28, 2025 at 12:21 PM">Dec 28, 2025</time></li> <li>Replies: 6</li> <li><a href="/forums/programming-and-computer-science.165/">Programming and Computer Science</a></li> </ul> </div> </div> </div> </li> <li class="block-row"> <div class="contentRow"> <div class="contentRow-figure"> <a href="/members/symbolipoint.58864/" class="avatar avatar--xxs avatar--default avatar--default--dynamic" data-user-id="58864" data-xf-init="member-tooltip" style="background-color: #663399; color: #bf9fdf"> <span class="avatar-u58864-s" role="img" aria-label="symbolipoint">S</span> </a> </div> <div class="contentRow-main contentRow-main--close"> <h3 class="wte-thread--title"> <a href="/threads/other-than-just-fizzbuzz-to-test-programmer-candidates.1084027/" title="Other than just FizzBuzz to test programmer candidates" > <span class="wte-thread--titleText">Other than just FizzBuzz to test programmer candidates</span> </a> </h3> <div class="contentRow-minor contentRow-minor--hideLinks"> <ul class="listInline listInline--bullet"> <li>Started by <a href="/members/symbolipoint.58864/" class="username " dir="auto" data-user-id="58864" data-xf-init="member-tooltip">symbolipoint</a></li> <li><time class="u-dt" dir="auto" datetime="2026-01-27T12:52:37-0600" data-timestamp="1769539957" data-date="Jan 27, 2026" data-time="12:52 PM" data-short="Jan 27" title="Jan 27, 2026 at 12:52 PM">Jan 27, 2026</time></li> <li>Replies: 10</li> <li><a href="/forums/programming-and-computer-science.165/">Programming and Computer Science</a></li> </ul> </div> </div> </div> </li> <li class="block-row"> <div class="contentRow"> <div class="contentRow-figure"> <a href="/members/isabella-hope.770400/" class="avatar avatar--xxs avatar--default avatar--default--dynamic" data-user-id="770400" data-xf-init="member-tooltip" style="background-color: #666699; color: #d1d1e0"> <span class="avatar-u770400-s" role="img" aria-label="Isabella Hope">I</span> </a> </div> <div class="contentRow-main contentRow-main--close"> <h3 class="wte-thread--title"> <span class="prefix gray" dir="auto">Python</span><span class="label-append"> </span> <a href="/threads/why-does-my-loop-run-slower-with-larger-lists-in-python.1083140/" title="Why does my loop run slower with larger lists in Python?" > <span class="wte-thread--titleText">Why does my loop run slower with larger lists in Python?</span> </a> </h3> <div class="contentRow-minor contentRow-minor--hideLinks"> <ul class="listInline listInline--bullet"> <li>Started by <a href="/members/isabella-hope.770400/" class="username " dir="auto" data-user-id="770400" data-xf-init="member-tooltip">Isabella Hope</a></li> <li><time class="u-dt" dir="auto" datetime="2025-11-19T08:22:56-0600" data-timestamp="1763562176" data-date="Nov 19, 2025" data-time="8:22 AM" data-short="Nov '25" title="Nov 19, 2025 at 8:22 AM">Nov 19, 2025</time></li> <li>Replies: 11</li> <li><a href="/forums/programming-and-computer-science.165/">Programming and Computer Science</a></li> </ul> </div> </div> </div> </li> <li class="block-row"> <div class="contentRow"> <div class="contentRow-figure"> <a href="/members/aronclark1017.767693/" class="avatar avatar--xxs" data-user-id="767693" data-xf-init="member-tooltip"> <img src="/data/avatars/s/767/767693.jpg?1756038562" alt="aronclark1017" class="avatar-u767693-s" width="48" height="48" loading="lazy" /> </a> </div> <div class="contentRow-main contentRow-main--close"> <h3 class="wte-thread--title"> <a href="/threads/file-structure-vs-data-structure.1083322/" title="File Structure vs Data Structure" > <span class="wte-thread--titleText">File Structure vs Data Structure</span> </a> </h3> <div class="contentRow-minor contentRow-minor--hideLinks"> <ul class="listInline listInline--bullet"> <li>Started by <a href="/members/aronclark1017.767693/" class="username " dir="auto" data-user-id="767693" data-xf-init="member-tooltip">aronclark1017</a></li> <li><time class="u-dt" dir="auto" datetime="2025-12-03T12:18:08-0600" data-timestamp="1764785888" data-date="Dec 3, 2025" data-time="12:18 PM" data-short="Dec '25" title="Dec 3, 2025 at 12:18 PM">Dec 3, 2025</time></li> <li>Replies: 18</li> <li><a href="/forums/programming-and-computer-science.165/">Programming and Computer Science</a></li> </ul> </div> </div> </div> </li> </ul> </div> </div> <div class="block wte-widget" data-widget-id="67" data-widget-key="recent_insights" data-widget-definition="wte_thread_enhancement"> <div class="block-container"> <h3 class="block-minorHeader">Recent Insights</h3> <ul class="block-body js-threadList"> <li class="block-row"> <div class="contentRow"> <div class="contentRow-figure"> <a href="/members/greg-bernhardt.1/" class="avatar avatar--xxs" data-user-id="1" data-xf-init="member-tooltip"> <img src="/data/avatars/s/0/1.jpg?1643304593" alt="Greg Bernhardt" class="avatar-u1-s" width="48" height="48" loading="lazy" /> </a> </div> <div class="contentRow-main contentRow-main--close"> <h3 class="wte-thread--title"> <span class="prefix insight" dir="auto">Insights</span><span class="label-append"> </span> <a href="/threads/remote-operated-gate-control-system.1084383/" title="Remote Operated Gate Control System" > <span class="wte-thread--titleText">Remote Operated Gate Control System</span> </a> </h3> <div class="contentRow-minor contentRow-minor--hideLinks"> <ul class="listInline listInline--bullet"> <li>Started by <a href="/members/greg-bernhardt.1/" class="username " dir="auto" data-user-id="1" data-xf-init="member-tooltip"><span class="username--staff username--moderator username--admin">Greg Bernhardt</span></a></li> <li><time class="u-dt" dir="auto" datetime="2026-02-28T16:29:55-0600" data-timestamp="1772317795" data-date="Feb 28, 2026" data-time="4:29 PM" data-short="Feb 28" title="Feb 28, 2026 at 4:29 PM">Feb 28, 2026</time></li> <li>Replies: 3</li> <li><a href="/forums/general-engineering.113/">General Engineering</a></li> </ul> </div> </div> </div> </li> <li class="block-row"> <div class="contentRow"> <div class="contentRow-figure"> <a href="/members/greg-bernhardt.1/" class="avatar avatar--xxs" data-user-id="1" data-xf-init="member-tooltip"> <img src="/data/avatars/s/0/1.jpg?1643304593" alt="Greg Bernhardt" class="avatar-u1-s" width="48" height="48" loading="lazy" /> </a> </div> <div class="contentRow-main contentRow-main--close"> <h3 class="wte-thread--title"> <span class="prefix insight" dir="auto">Insights</span><span class="label-append"> </span> <a href="/threads/ai-enriched-problem-solving.1084382/" title="AI Enriched Problem Solving" > <span class="wte-thread--titleText">AI Enriched Problem Solving</span> </a> </h3> <div class="contentRow-minor contentRow-minor--hideLinks"> <ul class="listInline listInline--bullet"> <li>Started by <a href="/members/greg-bernhardt.1/" class="username " dir="auto" data-user-id="1" data-xf-init="member-tooltip"><span class="username--staff username--moderator username--admin">Greg Bernhardt</span></a></li> <li><time class="u-dt" dir="auto" datetime="2026-02-28T16:28:46-0600" data-timestamp="1772317726" data-date="Feb 28, 2026" data-time="4:28 PM" data-short="Feb 28" title="Feb 28, 2026 at 4:28 PM">Feb 28, 2026</time></li> <li>Replies: 6</li> <li><a href="/forums/general-math.73/">General Math</a></li> </ul> </div> </div> </div> </li> <li class="block-row"> <div class="contentRow"> <div class="contentRow-figure"> <a href="/members/greg-bernhardt.1/" class="avatar avatar--xxs" data-user-id="1" data-xf-init="member-tooltip"> <img src="/data/avatars/s/0/1.jpg?1643304593" alt="Greg Bernhardt" class="avatar-u1-s" width="48" height="48" loading="lazy" /> </a> </div> <div class="contentRow-main contentRow-main--close"> <h3 class="wte-thread--title"> <span class="prefix insight" dir="auto">Insights</span><span class="label-append"> </span> <a href="/threads/thinking-outside-the-box-versus-knowing-whats-in-the-box.1082576/" title="Thinking Outside The Box Versus Knowing What’s In The Box" > <span class="wte-thread--titleText">Thinking Outside The Box Versus Knowing What’s In The Box</span> </a> </h3> <div class="contentRow-minor contentRow-minor--hideLinks"> <ul class="listInline listInline--bullet"> <li>Started by <a href="/members/greg-bernhardt.1/" class="username " dir="auto" data-user-id="1" data-xf-init="member-tooltip"><span class="username--staff username--moderator username--admin">Greg Bernhardt</span></a></li> <li><time class="u-dt" dir="auto" datetime="2025-10-13T09:02:09-0500" data-timestamp="1760364129" data-date="Oct 13, 2025" data-time="9:02 AM" data-short="Oct '25" title="Oct 13, 2025 at 9:02 AM">Oct 13, 2025</time></li> <li>Replies: 35</li> <li><a href="/forums/other-physics-topics.111/">Other Physics Topics</a></li> </ul> </div> </div> </div> </li> <li class="block-row"> <div class="contentRow"> <div class="contentRow-figure"> <a href="/members/greg-bernhardt.1/" class="avatar avatar--xxs" data-user-id="1" data-xf-init="member-tooltip"> <img src="/data/avatars/s/0/1.jpg?1643304593" alt="Greg Bernhardt" class="avatar-u1-s" width="48" height="48" loading="lazy" /> </a> </div> <div class="contentRow-main contentRow-main--close"> <h3 class="wte-thread--title"> <span class="prefix insight" dir="auto">Insights</span><span class="label-append"> </span> <a href="/threads/why-entangled-photon-polarization-qubits-violate-bells-inequality.1082366/" title="Why Entangled Photon-Polarization Qubits Violate Bell’s Inequality" > <span class="wte-thread--titleText">Why Entangled Photon-Polarization Qubits Violate Bell’s Inequality</span> </a> </h3> <div class="contentRow-minor contentRow-minor--hideLinks"> <ul class="listInline listInline--bullet"> <li>Started by <a href="/members/greg-bernhardt.1/" class="username " dir="auto" data-user-id="1" data-xf-init="member-tooltip"><span class="username--staff username--moderator username--admin">Greg Bernhardt</span></a></li> <li><time class="u-dt" dir="auto" datetime="2025-09-29T08:03:02-0500" data-timestamp="1759150982" data-date="Sep 29, 2025" data-time="8:03 AM" data-short="Sep '25" title="Sep 29, 2025 at 8:03 AM">Sep 29, 2025</time></li> <li>Replies: 28</li> <li><a href="/forums/quantum-interpretations-and-foundations.292/">Quantum Interpretations and Foundations</a></li> </ul> </div> </div> </div> </li> <li class="block-row"> <div class="contentRow"> <div class="contentRow-figure"> <a href="/members/greg-bernhardt.1/" class="avatar avatar--xxs" data-user-id="1" data-xf-init="member-tooltip"> <img src="/data/avatars/s/0/1.jpg?1643304593" alt="Greg Bernhardt" class="avatar-u1-s" width="48" height="48" loading="lazy" /> </a> </div> <div class="contentRow-main contentRow-main--close"> <h3 class="wte-thread--title"> <span class="prefix insight" dir="auto">Insights</span><span class="label-append"> </span> <a href="/threads/quantum-entanglement-is-a-kinematic-fact-not-a-dynamical-effect.1082000/" title="Quantum Entanglement is a Kinematic Fact, not a Dynamical Effect" > <span class="wte-thread--titleText">Quantum Entanglement is a Kinematic Fact, not a Dynamical Effect</span> </a> </h3> <div class="contentRow-minor contentRow-minor--hideLinks"> <ul class="listInline listInline--bullet"> <li>Started by <a href="/members/greg-bernhardt.1/" class="username " dir="auto" data-user-id="1" data-xf-init="member-tooltip"><span class="username--staff username--moderator username--admin">Greg Bernhardt</span></a></li> <li><time class="u-dt" dir="auto" datetime="2025-09-02T08:09:38-0500" data-timestamp="1756818578" data-date="Sep 2, 2025" data-time="8:09 AM" data-short="Sep '25" title="Sep 2, 2025 at 8:09 AM">Sep 2, 2025</time></li> <li>Replies: 22</li> <li><a href="/forums/quantum-physics.62/">Quantum Physics</a></li> </ul> </div> </div> </div> </li> <li class="block-row"> <div class="contentRow"> <div class="contentRow-figure"> <a href="/members/greg-bernhardt.1/" class="avatar avatar--xxs" data-user-id="1" data-xf-init="member-tooltip"> <img src="/data/avatars/s/0/1.jpg?1643304593" alt="Greg Bernhardt" class="avatar-u1-s" width="48" height="48" loading="lazy" /> </a> </div> <div class="contentRow-main contentRow-main--close"> <h3 class="wte-thread--title"> <span class="prefix insight" dir="auto">Insights</span><span class="label-append"> </span> <a href="/threads/what-exactly-is-diracs-delta-function-insight.1081999/" title="What Exactly is Dirac’s Delta Function? - Insight" > <span class="wte-thread--titleText">What Exactly is Dirac’s Delta Function? - Insight</span> </a> </h3> <div class="contentRow-minor contentRow-minor--hideLinks"> <ul class="listInline listInline--bullet"> <li>Started by <a href="/members/greg-bernhardt.1/" class="username " dir="auto" data-user-id="1" data-xf-init="member-tooltip"><span class="username--staff username--moderator username--admin">Greg Bernhardt</span></a></li> <li><time class="u-dt" dir="auto" datetime="2025-09-02T08:03:01-0500" data-timestamp="1756818181" data-date="Sep 2, 2025" data-time="8:03 AM" data-short="Sep '25" title="Sep 2, 2025 at 8:03 AM">Sep 2, 2025</time></li> <li>Replies: 33</li> <li><a href="/forums/general-math.73/">General Math</a></li> </ul> </div> </div> </div> </li> </ul> </div> </div> </aside> </div> </div> </div> </div> </div>  <footer class="p-footer" id="footer"> <div class="p-footer--container"> <div class="p-footer-default"> <div class="p-footer-inner"> <div class="p-footer-row"> <div class="p-footer-row-main"> <ul class="p-footer-linkList"> <li class="p-linkList-changeWidth"><a class="pageWidthToggle xb-toggle-default" role="button" tabindex="0" data-xf-click="toggle" data-target="html" data-active-class="xb-toggle-default" data-xf-init="toggle-storage" data-storage-type="cookie" data-storage-expiry="31556926" data-storage-key="_xb-width"> Change width </a></li> </ul> </div> <div class="p-footer-row-opposite"> <ul class="p-footer-linkList"> <li><a href="/misc/contact">Contact</a></li> <li><a href="https://www.physicsforums.com/insights/about-physics-forums/">About</a></li> <li><a href="https://www.physicsforums.com/help/terms-of-service/">Terms</a></li> <li><a href="https://www.physicsforums.com/help/member-privacy-policy/">Privacy</a></li> <li><a href="/help/">Help</a></li> <li><a href="/forums/-/index.rss" target="_blank" class="p-footer-rssLink" title="RSS"><span aria-hidden="true"><i class="fa--xf fal fa-rss "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#rss"></use></svg></i><span class="u-srOnly">RSS</span></span></a></li> </ul> </div> </div> </div> </div> <div class="p-footer-copyright"> <div class="p-footer-inner"> <div class="p-footer-copyright--flex"> <div class="copyright-left"> 2026 © Physics Forums, All Rights Reserved </div> </div> </div> </div> </div> </footer> </div>  </div>  <div class="u-bottomFixer js-bottomFixTarget"> </div> <div class="u-navButtons js-navButtons"> <a href="javascript:" class="button button--scroll"><span class="button-text"><i class="fa--xf fal fa-arrow-left "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#arrow-left"></use></svg></i><span class="u-srOnly">Back</span></span></a> </div> <div class="u-scrollButtons js-scrollButtons" data-trigger-type="up"> <a href="#top" class="button button--scroll" data-xf-click="scroll-to"><span class="button-text"><i class="fa--xf fal fa-arrow-up "><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" ><use href="/data/local/icons/light.svg?v=1776459805#arrow-up"></use></svg></i><span class="u-srOnly">Top</span></span></a> </div> <form style="display:none" hidden="hidden"> <input type="text" name="_xfClientLoadTime" value="" id="_xfClientLoadTime" title="_xfClientLoadTime" tabindex="-1" /> </form>  <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebPage", "url": "https://www.physicsforums.com/threads/help-adding-code-block-on-my-blog.881570/", "mainEntity": { "@type": "DiscussionForumPosting", "@id": "https://www.physicsforums.com/threads/help-adding-code-block-on-my-blog.881570/", "headline": "Help adding code block on my blog?", "datePublished": "2016-08-10T15:31:59+00:00", "keywords": "Block, Blog, Code", "url": "https://www.physicsforums.com/threads/help-adding-code-block-on-my-blog.881570/", "articleSection": "Programming and Computer Science", "author": { "@type": "Person", "@id": "https://www.physicsforums.com/members/aheight.600309/", "name": "aheight", "url": "https://www.physicsforums.com/members/aheight.600309/" }, "interactionStatistic": [ { "@type": "InteractionCounter", "interactionType": "https://schema.org/ViewAction", "userInteractionCount": 1636 }, { "@type": "InteractionCounter", "interactionType": "https://schema.org/CommentAction", "userInteractionCount": 8 }, { "@type": "InteractionCounter", "interactionType": "https://schema.org/LikeAction", "userInteractionCount": 0 } ], "dateModified": "2016-08-10T15:42:14+00:00", "text": "I was wondering if you guys could help me design (code) a slick code block in my blog like the one here that the reader could scroll? I'm very new to HTML and Java but if I could get just a little help, I would work on it. I really don't have a clue how to add the following to my HTML file but I did get several HTML references. Perhaps someone could direct me to a particular HTML topic?ringNum = 1\nmnum = 1\nbaseRoot = 0;\nwOffset = 0\nnmax = 15;\n{rmin, rmax, wstart, wend} = theInitialValues[[ringNum]];\nloopmax = 2 \\[Pi] totalSheets;\ntheorder = manifoldOrders[[ringNum, mnum, 2]];\nPrint[\"Order is: \", theorder];\nrangemin = theInitialValues[[ringNum, 1]];\nrangemax = theInitialValues[[ringNum, 2]];\nrd = (rmax - rmin)/10;\nrstart = rmin + rd;\nrend = rmax - rd;\nrnorm = (rmin + rmax)/2;\nz0 = 0;\ntval = thetStart;\nwSheet = theFunctionRoots[[manifoldOrders[[ringNum, mnum, 1]]]];\nwSheet = theFunctionRoots[[11]];\nmyRadialTable = {\\[Psi][\\[Rho]] /.\n NDSolve[{theRhoDeriv /. \\[Theta] -> tval, \\[Psi][\n rnorm] == (wSheet /.\n z -> rnorm Exp[I tval])}, \\[Psi], {\\[Rho], rnorm,\n rstart}], \\[Psi][\\[Rho]] /.\n NDSolve[{theRhoDeriv /. \\[Theta] -> tval, \\[Psi][\n rnorm] == (wSheet /.\n z -> rnorm Exp[I tval])}, \\[Psi], {\\[Rho], rnorm, rend}]};\nPrint[\"testa\"];\nClear[xcod, xdcod, ycod, ydcod];\nrnum = rnorm;\nxcod[t_] := rnum Cos[t];\nxdcod[t_] = \\!\\(\n\\*SubscriptBox[\\(\\[PartialD]\\), \\({t}\\)]\\(xcod[t]\\)\\);\nycod[t_] := rnum Sin[t];\nydcod[t_] = \\!\\(\n\\*SubscriptBox[\\(\\[PartialD]\\), \\({t}\\)]\\(ycod[t]\\)\\);\ntstart = tval;\ntend = tval + 2 theorder \\[Pi];\nClear[mysol, myw];\nPrint[\"tset1\"];\nmysol = First[\n NDSolve[{theThetaDeriv /. \\[Rho] -> rnum, \\[Psi][tstart] ==\n First[(myRadialTable[[2]] /. \\[Rho] ->\n rnum)]}, \\[Psi], {\\[Theta], tstart, tend},\n MaxStepSize -> 0.001, MaxSteps -> 500000]];\nmyw[t_] := Evaluate[\\[Psi][t] /. mysol];\nmyVarw[t_] :=\n Piecewise[{{myw[t],\n t <= 2 theorder \\[Pi]}, {myw[t - 2 theorder \\[Pi]],\n t > 2 theorder \\[Pi]}}];\nPrint[\"test3\"];\nIf[theorder > 1,\n {\n baseSol =\n NDSolve[{f'[t] == (-rnum Sin[t] + I rnum Cos[t])/(\n theorder f[t]^(theorder - 1)) ,\n f[tstart] ==\n Exp[(2 \\[Pi] I baseRoot)/theorder] Power[rnum Exp[tstart I],\n 1/theorder]}, f, {t, tstart, tend}];\n theBaseM[t_] := Evaluate[f[t] /. baseSol];\n }\n ,\n theBaseM[t_] := rnum Exp[I t];\n ];\nthealist1 = Table[\n n1 = NIntegrate[(xdcod[t] +\n I ydcod[t])/(theBaseM[t])^((j + theorder)) myw[\n wOffset + t], {t, tstart, tend}, MaxRecursion -> 20];\n If[Length[n1] == 1,\n {j, First[N[1/(2 theorder \\[Pi] I) (n1)]]},\n {j, N[1/(2 theorder \\[Pi] I) (n1)]}\n ], {j, -nmax, nmax}]\nSent from Mail for Windows 10" }, "publisher": { "@type": "Organization", "name": "Physics Forums", "alternateName": "PF", "description": "Join Physics Forums, where students, scientists, and enthusiasts come together to explore and discuss the current understanding and practice of various scientific fields.", "url": "https://www.physicsforums.com", "logo": "https://www.physicsforums.com/styles/physicsforums/images/physics-forums-logo-og.png" } } </script> <script type="text/javascript" src="https://www.physicsforums.com/copyright.js" defer></script> </body> </html>