<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-4648682226035640118</id><updated>2025-11-05T09:42:29.367-08:00</updated><title type='text'>Web Development</title><subtitle type='html'>Do feel free to ask any questions that you may have concerns to web.&#xa; &#xa;No Compromise on Learning!</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://jasimalikhan.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='http://jasimalikhan.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default?start-index=26&amp;max-results=25&amp;redirect=false'/><author><name>Jasim Ali Khan</name><uri>http://www.blogger.com/profile/01684195966180752975</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>182</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-4648682226035640118.post-6368444226822114903</id><published>2025-03-10T03:03:00.000-07:00</published><updated>2025-03-10T03:03:49.574-07:00</updated><title type='text'>How to change the PHP version for subfolders or subdomains</title><content type='html'>&lt;p&gt;&amp;nbsp;&lt;span style=&quot;color: var(--body-primary-color); font-family: var(--font-family-primary); font-size: 32px; font-weight: 700;&quot;&gt;How to change the PHP version for subfolders or subdomains&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;mb-10 max-lg:mb-6&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; margin-bottom: 40px;&quot;&gt;&lt;div class=&quot;flex flex-col gap-4&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; display: flex; flex-direction: column; gap: 16px;&quot;&gt;&lt;div class=&quot;flex flex-col&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; display: flex; flex-direction: column;&quot;&gt;&lt;div class=&quot;text-md font-normal leading-normal text-body-secondary-color&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: var(--body-secondary-color); font-size: 16px; line-height: 1.5;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px;&quot;&gt;Setting a specific PHP version for a specific websites, subfolders or subdomains&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;avatar&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #8f919d; font-size: 13px; margin-top: 4px;&quot;&gt;&lt;div class=&quot;avatar__info -mt-0.5 text-base&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-size: 14px; line-height: 1.4; margin-top: -2px;&quot;&gt;&lt;span class=&quot;text-body-secondary-color&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: var(--body-secondary-color);&quot;&gt;Updated over 8 months ago&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;jsx-ef86202475c6562f flex-col&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; flex-direction: column;&quot;&gt;&lt;div class=&quot;jsx-ef86202475c6562f article_body&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit;&quot;&gt;&lt;article class=&quot;jsx-ef86202475c6562f &quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-size: 16px; white-space-collapse: break-spaces;&quot;&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-left&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #1a1a1a; font-family: system-ui, &amp;quot;Segoe UI&amp;quot;, Roboto, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; margin-bottom: 0px; margin-top: 0px !important; min-height: 1.53em;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt;You can &lt;a href=&quot;https://support.hostinger.com/en/articles/1575755-how-can-i-change-my-php-version&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit;&quot;&gt;update the PHP version&lt;/a&gt; applicable to your hosting plan directly in hPanel. &lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-left&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #1a1a1a; font-family: system-ui, &amp;quot;Segoe UI&amp;quot;, Roboto, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt; &lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-left&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #1a1a1a; font-family: system-ui, &amp;quot;Segoe UI&amp;quot;, Roboto, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt;If you&#39;d like to change the PHP version for a specific domain, subdomain, or subfolder, you can do so by adding a line of code to the .htaccess file, as explained below 👇 &lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-left&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #1a1a1a; font-family: system-ui, &amp;quot;Segoe UI&amp;quot;, Roboto, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt; &lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;intercom-interblocks-heading intercom-interblocks-align-left&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #1a1a1a; font-family: system-ui, &amp;quot;Segoe UI&amp;quot;, Roboto, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;;&quot;&gt;&lt;h1 id=&quot;h_111ebef933&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: var(--body-primary-color); font-family: var(--font-family-primary); font-size: 24px; line-height: 26px; margin: 0px 0px 17px;&quot;&gt;Step 1 - Open the .htaccess file&lt;/h1&gt;&lt;/div&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-left&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #1a1a1a; font-family: system-ui, &amp;quot;Segoe UI&amp;quot;, Roboto, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt;Go to &lt;span style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-weight: bolder;&quot;&gt;&lt;a href=&quot;https://hpanel.hostinger.com/websites&quot; rel=&quot;nofollow noopener noreferrer&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit;&quot; target=&quot;_blank&quot;&gt;Websites&lt;/a&gt; &lt;/span&gt;→&lt;span style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-weight: bolder;&quot;&gt; Dashboard&lt;/span&gt;, search for &lt;span style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-weight: bolder;&quot;&gt;File Manager &lt;/span&gt;on the sidebar, and click on it:&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-left&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #1a1a1a; font-family: system-ui, &amp;quot;Segoe UI&amp;quot;, Roboto, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt; &lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;intercom-interblocks-image intercom-interblocks-align-center&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #1a1a1a; font-family: system-ui, &amp;quot;Segoe UI&amp;quot;, Roboto, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; text-align: center !important;&quot;&gt;&lt;a href=&quot;https://downloads.intercomcdn.com/i/o/707573674/efc4e9feadfef14a514d57d9/files-file-manager-en.png?expires=1741602600&amp;amp;signature=2ac500826f8620239b4c33fb1414992ae8b450512784ac79f68d8aad654151b7&amp;amp;req=cyAgE859m4ZbFb4f3HP0gN7VqCNr9nMg7KX0eD5dFDdyqYpkNsWd%2BRIxV%2B7F%0A0Vw%2FP3Oi5PNtdyyK3A%3D%3D%0A&quot; rel=&quot;noreferrer nofollow noopener&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit;&quot; target=&quot;_blank&quot;&gt;&lt;img height=&quot;333&quot; src=&quot;https://downloads.intercomcdn.com/i/o/707573674/efc4e9feadfef14a514d57d9/files-file-manager-en.png?expires=1741602600&amp;amp;signature=2ac500826f8620239b4c33fb1414992ae8b450512784ac79f68d8aad654151b7&amp;amp;req=cyAgE859m4ZbFb4f3HP0gN7VqCNr9nMg7KX0eD5dFDdyqYpkNsWd%2BRIxV%2B7F%0A0Vw%2FP3Oi5PNtdyyK3A%3D%3D%0A&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; display: inline; height: auto; margin-bottom: 3px; margin-top: 0px; max-width: 100%; vertical-align: middle; width: 250px;&quot; width=&quot;298&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-left&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #1a1a1a; font-family: system-ui, &amp;quot;Segoe UI&amp;quot;, Roboto, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt; &lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-left&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #1a1a1a; font-family: system-ui, &amp;quot;Segoe UI&amp;quot;, Roboto, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt;Then, access the &lt;span style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-weight: bolder;&quot;&gt;folder &lt;/span&gt;to which you would like to apply a different PHP version:&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;intercom-interblocks-unordered-nested-list&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #1a1a1a; font-family: system-ui, &amp;quot;Segoe UI&amp;quot;, Roboto, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;;&quot;&gt;&lt;ul style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; list-style: none; margin: 16px 0px; padding: 0px 0px 0px 16px;&quot;&gt;&lt;li style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; line-height: 1.53; list-style-type: disc; margin-left: 15px;&quot;&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-left&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt;If you want to edit a &lt;span style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-weight: bolder;&quot;&gt;domain&lt;/span&gt;, access its &lt;span style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-weight: bolder;&quot;&gt;public_html&lt;/span&gt; folder.&lt;/p&gt;&lt;/div&gt;&lt;/li&gt;&lt;li style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; line-height: 1.53; list-style-type: disc; margin-left: 15px;&quot;&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-left&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt;For a &lt;span style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-weight: bolder;&quot;&gt;subdomain&lt;/span&gt;, the corresponding folder will be inside the domain&#39;s &lt;span style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-weight: bolder;&quot;&gt;public_html&lt;/span&gt; folder:&lt;/p&gt;&lt;/div&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-left&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #1a1a1a; font-family: system-ui, &amp;quot;Segoe UI&amp;quot;, Roboto, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt; &lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;intercom-interblocks-image intercom-interblocks-align-center&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #1a1a1a; font-family: system-ui, &amp;quot;Segoe UI&amp;quot;, Roboto, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; text-align: center !important;&quot;&gt;&lt;a href=&quot;https://downloads.intercomcdn.com/i/o/565786699/216ee167218fba3cac09b9b5/htaccess-folder.png?expires=1741602600&amp;amp;signature=9cf8e7b48396aae9a4d955d6fb63c45e480dca703f2664b961b76fb0278871ff&amp;amp;req=cSYiEcF4m4hWFb4f3HP0gIdP4MkdbFMK%2FGsI%2BLfoPfVDkep78sc6JZqW%2BIiq%0AR7y2QWqbYCcH2twP%2Fw%3D%3D%0A&quot; rel=&quot;noreferrer nofollow noopener&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit;&quot; target=&quot;_blank&quot;&gt;&lt;img height=&quot;361&quot; src=&quot;https://downloads.intercomcdn.com/i/o/565786699/216ee167218fba3cac09b9b5/htaccess-folder.png?expires=1741602600&amp;amp;signature=9cf8e7b48396aae9a4d955d6fb63c45e480dca703f2664b961b76fb0278871ff&amp;amp;req=cSYiEcF4m4hWFb4f3HP0gIdP4MkdbFMK%2FGsI%2BLfoPfVDkep78sc6JZqW%2BIiq%0AR7y2QWqbYCcH2twP%2Fw%3D%3D%0A&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; display: inline; height: auto; margin-bottom: 3px; margin-top: 0px; max-width: 100%; vertical-align: middle;&quot; width=&quot;801&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-left&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #1a1a1a; font-family: system-ui, &amp;quot;Segoe UI&amp;quot;, Roboto, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt; &lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-left&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #1a1a1a; font-family: system-ui, &amp;quot;Segoe UI&amp;quot;, Roboto, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt;For a specific folder, go to the desired folder&#39;s path. Once in the correct location, open the .htaccess file by double-clicking on it. &lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-left&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #1a1a1a; font-family: system-ui, &amp;quot;Segoe UI&amp;quot;, Roboto, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt; &lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-left&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #1a1a1a; font-family: system-ui, &amp;quot;Segoe UI&amp;quot;, Roboto, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt;If the .htaccess file doesn&#39;t exist, you can &lt;a href=&quot;https://support.hostinger.com/en/articles/1583307-how-to-create-an-htaccess-file&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit;&quot;&gt;create it&lt;/a&gt; directly in the file manager. Make sure to include a dot (.) at the beginning of the filename:&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-left&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #1a1a1a; font-family: system-ui, &amp;quot;Segoe UI&amp;quot;, Roboto, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt; &lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;intercom-interblocks-image intercom-interblocks-align-left&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #1a1a1a; font-family: system-ui, &amp;quot;Segoe UI&amp;quot;, Roboto, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;;&quot;&gt;&lt;a href=&quot;https://downloads.intercomcdn.com/i/o/454599439/d15b3025a70603f288872117/image.png?expires=1741602600&amp;amp;signature=719f4b2f26cf065434b4d7d45b00b0a87bc24ee318f76f5162725ad906df9668&amp;amp;req=cCUjE8B3mYJWFb4f3HP0gI5RkfAjI%2BXOMcnRvHdKAugYaD0N%2F4CBDkGDw7L0%0AZlfUttHyX0dgVFcwXw%3D%3D%0A&quot; rel=&quot;noreferrer nofollow noopener&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit;&quot; target=&quot;_blank&quot;&gt;&lt;img height=&quot;648&quot; src=&quot;https://downloads.intercomcdn.com/i/o/454599439/d15b3025a70603f288872117/image.png?expires=1741602600&amp;amp;signature=719f4b2f26cf065434b4d7d45b00b0a87bc24ee318f76f5162725ad906df9668&amp;amp;req=cCUjE8B3mYJWFb4f3HP0gI5RkfAjI%2BXOMcnRvHdKAugYaD0N%2F4CBDkGDw7L0%0AZlfUttHyX0dgVFcwXw%3D%3D%0A&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; display: inline; height: auto; margin-bottom: 3px; margin-top: 0px; max-width: 100%; vertical-align: middle;&quot; width=&quot;1358&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-left&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #1a1a1a; font-family: system-ui, &amp;quot;Segoe UI&amp;quot;, Roboto, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt; &lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;intercom-interblocks-heading intercom-interblocks-align-left&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #1a1a1a; font-family: system-ui, &amp;quot;Segoe UI&amp;quot;, Roboto, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;;&quot;&gt;&lt;h1 id=&quot;h_4203d73c4b&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: var(--body-primary-color); font-family: var(--font-family-primary); font-size: 24px; line-height: 26px; margin: 0px 0px 17px;&quot;&gt;Step 2 - Edit the .htaccess file&lt;/h1&gt;&lt;/div&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-left&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #1a1a1a; font-family: system-ui, &amp;quot;Segoe UI&amp;quot;, Roboto, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt;Add the following code to the very beginning of your .htaccess file:&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;intercom-interblocks-code&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #1a1a1a; font-family: system-ui, &amp;quot;Segoe UI&amp;quot;, Roboto, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;;&quot;&gt;&lt;pre style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background: rgb(248, 248, 248); border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #333333; font-feature-settings: normal; font-size: 13px; font-variation-settings: normal; line-height: 1.65; margin-bottom: 1em; margin-top: 1em; overflow-wrap: break-word; overflow: auto; padding: 16px; position: relative; word-break: break-word;&quot;&gt;&amp;lt;FilesMatch &quot;\.(php4|php5|php3|php2|php|phtml)$&quot;&amp;gt;&lt;br style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit;&quot; /&gt;SetHandler application/x-lsphp74&lt;br style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit;&quot; /&gt;&amp;lt;/FilesMatch&amp;gt;&lt;div class=&quot;open_grepper_editor&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: rgb(0, 0, 0) !important; background-image: url(&amp;quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA8gBBAEG7NC6zAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4wwNFQsGe+TrNQAAADxpVFh0Q29tbWVudAAAAAAAUHJvY2Vzc2VkIEJ5IGVCYXkgd2l0aCBJbWFnZU1hZ2ljaywgejEuMS4wLiB8fEIyejRLlgAAA0RJREFUOMuNlE0odG8Yxn/nOc+c+TCimCkUGYUmjLJgUtgqKQt2srC1sLextbak9EqyHktfO1G+lZIkGVOiTseMMfPMjOe/0IzXy9/7/pbn1NV1X/d9Pcbw8LDmG7TW5PN5DMPANE0MwwDAMAyUUry9vSGlREqJ1h8S4k8BgLe3NwzDYHR0lLGxsdI3gEwmQyQSYWpqimAwiFLqkxFZUhYCv9+P4zgIIZBS0tTUhGmauN1uXl9fUUpRX1/P+Pg4Qggsy/rkruQwm81SV1fH9PQ0ra2t5PN5UqkUu7u7pFIpMpkMQgjy+Ty9vb04jsPc3BzxeBzLsr4KGoZBJpPB7/fT29tLoVBACMHLywvPz8+k02kKhQKNjY2Ew2Hm5+eJx+OYpvklewFgWRb39/fs7OwQCoUIBAIopfB6vdi2XcpwaGiI1dVVbNvG5/N9t8sPh263m1gsRiKRIBqNks1mqaio4PHxkXw+T39/Pzc3N5yfn+N2u/k/hGmaaK3JZDJorfn16xft7e1UVVXh8/l4fHykpaWFcDjMxsYGXq/3yyJ+x5yZmZmdmJggmUySzWZ5enqivLycjo4O3G43tm0TjUbZ3t7Gtm2klPyEMTk5qTs7O2lubqasrIx0Oo3L5aK6uhqtNVJKtra2iMViSCkpFApIKT8d+yeHNTU1s5eXl+zv77O3t4fP56OtrQ2lFLlcDpfLVTr4wcFBAHK5HI7joJTCMAyEEAjx3hFZrE+xUicnJ/T09ODxePB6vVxcXLC+vo5SCq01oVCI7u5uDMPg4eGB6+tr4vE4juO81/H36mmt8Xg8SCmxLIuLiwsWFxdLDg4PDzk+PkZKSUNDA5FIhJGRESorK3Ech7W1NcyWlpbZomgulyMYDDIwMMDt7S1LS0vFMUp1NE0TIQS2bXN0dMTZ2RmBQICmpqZ3M3+GWlNTw/PzMwsLCyilvt2q1hohBOXl5SSTSZaXlzk9PeX+/v5DsBhuV1cXKysrJJNJPB4Pf8PlcgFwcHDwPknxh1KKcDiMbducnp7+2IbvsCzrPeviCAB9fX1sbm7i8/m+vbF/QQAUCgVqa2u5uroikUh8+4r8K7KYw8PDA3d3d3g8nh+7+jf+A6kWbVI0BmDOAAAAAElFTkSuQmCC&amp;quot;) !important; background-size: 20px 20px !important; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; cursor: pointer !important; height: 20px !important; position: absolute !important; right: 0px !important; top: 0px !important; width: 20px !important;&quot; title=&quot;Edit &amp;amp; Save To Grepper&quot;&gt;&lt;/div&gt;&lt;/pre&gt;&lt;/div&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-left&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #1a1a1a; font-family: system-ui, &amp;quot;Segoe UI&amp;quot;, Roboto, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt;Make sure to replace the &lt;code style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background: rgb(248, 248, 248); border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #333333; font-feature-settings: normal; font-size: 13px; font-variation-settings: normal; padding-bottom: 0.2em; padding-top: 0.2em; text-size-adjust: none; word-break: break-word;&quot;&gt;application/x-lsphp74&lt;/code&gt; portion of the code with the version that you would like to use. Check this table for the possible values:&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;intercom-interblocks-table&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #1a1a1a; font-family: system-ui, &amp;quot;Segoe UI&amp;quot;, Roboto, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;;&quot;&gt;&lt;table style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border-collapse: collapse; border-color: inherit; border-image: initial; border-style: solid; border-width: 0px; box-sizing: inherit; display: block; margin: 24px -20px; overflow-x: auto; text-indent: 0px;&quot;&gt;&lt;tbody style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border-collapse: separate; border-radius: 6px; border-spacing: 0px; border: 1px solid var(--body-table-border); box-sizing: inherit; display: inline-table; margin: 0px 20px; table-layout: fixed; vertical-align: top; width: 640px;&quot;&gt;&lt;tr style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit;&quot;&gt;&lt;td style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: rgba(227, 231, 250, 0.5); border-bottom: 0px solid rgb(229, 231, 235); border-image: initial; border-inline-start: none; border-left: 0px solid rgb(229, 231, 235); border-right: 0px solid rgb(229, 231, 235); border-top: none; box-sizing: inherit; padding: 8px;&quot;&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-center&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em; text-align: center !important;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt;&lt;span style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-weight: bolder;&quot;&gt;PHP version&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: rgba(227, 231, 250, 0.5); border-bottom: 0px solid rgb(229, 231, 235); border-image: initial; border-inline-start: 1px solid var(--body-table-border); border-left: 0px solid rgb(229, 231, 235); border-right: 0px solid rgb(229, 231, 235); border-top: none; box-sizing: inherit; padding: 8px;&quot;&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-center&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em; text-align: center !important;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt;&lt;span style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-weight: bolder;&quot;&gt;Code&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit;&quot;&gt;&lt;td style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border-bottom: 0px solid rgb(229, 231, 235); border-image: initial; border-inline-start: none; border-left: 0px solid rgb(229, 231, 235); border-right: 0px solid rgb(229, 231, 235); border-top: 1px solid var(--body-table-border); box-sizing: inherit; padding: 8px;&quot;&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-center&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em; text-align: center !important;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt;7.3&lt;/p&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border-bottom: 0px solid rgb(229, 231, 235); border-image: initial; border-inline-start: 1px solid var(--body-table-border); border-left: 0px solid rgb(229, 231, 235); border-right: 0px solid rgb(229, 231, 235); border-top: 1px solid var(--body-table-border); box-sizing: inherit; padding: 8px;&quot;&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-center&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em; text-align: center !important;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt;application/x-lsphp73&lt;/p&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit;&quot;&gt;&lt;td style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border-bottom: 0px solid rgb(229, 231, 235); border-image: initial; border-inline-start: none; border-left: 0px solid rgb(229, 231, 235); border-right: 0px solid rgb(229, 231, 235); border-top: 1px solid var(--body-table-border); box-sizing: inherit; padding: 8px;&quot;&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-center&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em; text-align: center !important;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt;7.4&lt;/p&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border-bottom: 0px solid rgb(229, 231, 235); border-image: initial; border-inline-start: 1px solid var(--body-table-border); border-left: 0px solid rgb(229, 231, 235); border-right: 0px solid rgb(229, 231, 235); border-top: 1px solid var(--body-table-border); box-sizing: inherit; padding: 8px;&quot;&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-center&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em; text-align: center !important;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt;application/x-lsphp74&lt;/p&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit;&quot;&gt;&lt;td style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border-bottom: 0px solid rgb(229, 231, 235); border-image: initial; border-inline-start: none; border-left: 0px solid rgb(229, 231, 235); border-right: 0px solid rgb(229, 231, 235); border-top: 1px solid var(--body-table-border); box-sizing: inherit; padding: 8px;&quot;&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-center&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em; text-align: center !important;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt;8.0&lt;/p&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border-bottom: 0px solid rgb(229, 231, 235); border-image: initial; border-inline-start: 1px solid var(--body-table-border); border-left: 0px solid rgb(229, 231, 235); border-right: 0px solid rgb(229, 231, 235); border-top: 1px solid var(--body-table-border); box-sizing: inherit; padding: 8px;&quot;&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-center&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em; text-align: center !important;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt;application/x-lsphp80&lt;/p&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit;&quot;&gt;&lt;td style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border-bottom: 0px solid rgb(229, 231, 235); border-image: initial; border-inline-start: none; border-left: 0px solid rgb(229, 231, 235); border-right: 0px solid rgb(229, 231, 235); border-top: 1px solid var(--body-table-border); box-sizing: inherit; padding: 8px;&quot;&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-center&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em; text-align: center !important;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt;8.1&lt;/p&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border-bottom: 0px solid rgb(229, 231, 235); border-image: initial; border-inline-start: 1px solid var(--body-table-border); border-left: 0px solid rgb(229, 231, 235); border-right: 0px solid rgb(229, 231, 235); border-top: 1px solid var(--body-table-border); box-sizing: inherit; padding: 8px;&quot;&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-center&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em; text-align: center !important;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt;application/x-lsphp81&lt;/p&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit;&quot;&gt;&lt;td style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border-bottom: 0px solid rgb(229, 231, 235); border-image: initial; border-inline-start: none; border-left: 0px solid rgb(229, 231, 235); border-right: 0px solid rgb(229, 231, 235); border-top: 1px solid var(--body-table-border); box-sizing: inherit; padding: 8px;&quot;&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-center&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em; text-align: center !important;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt;8.2&lt;/p&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border-bottom: 0px solid rgb(229, 231, 235); border-image: initial; border-inline-start: 1px solid var(--body-table-border); border-left: 0px solid rgb(229, 231, 235); border-right: 0px solid rgb(229, 231, 235); border-top: 1px solid var(--body-table-border); box-sizing: inherit; padding: 8px;&quot;&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-center&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em; text-align: center !important;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt;application/x-lsphp82&lt;/p&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit;&quot;&gt;&lt;td style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border-bottom: 0px solid rgb(229, 231, 235); border-image: initial; border-inline-start: none; border-left: 0px solid rgb(229, 231, 235); border-right: 0px solid rgb(229, 231, 235); border-top: 1px solid var(--body-table-border); box-sizing: inherit; padding: 8px;&quot;&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-center&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em; text-align: center !important;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt;8.3&lt;/p&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border-bottom: 0px solid rgb(229, 231, 235); border-image: initial; border-inline-start: 1px solid var(--body-table-border); border-left: 0px solid rgb(229, 231, 235); border-right: 0px solid rgb(229, 231, 235); border-top: 1px solid var(--body-table-border); box-sizing: inherit; padding: 8px;&quot;&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-center&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em; text-align: center !important;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt;application/x-lsphp83&lt;/p&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;div class=&quot;intercom-interblocks-callout&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: rgba(227, 231, 250, 0.5); border-radius: 8px; border: 1px solid rgba(51, 75, 250, 0.2); box-sizing: inherit; color: #1a1a1a; font-family: system-ui, &amp;quot;Segoe UI&amp;quot;, Roboto, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; margin: 16px 0px; padding: 16px 20px 20px;&quot;&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-left&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt;It is recommended to use only PHP version 7.3 or higher. Lower versions are deprecated and can generate &lt;span style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-weight: bolder;&quot;&gt;security risks&lt;/span&gt; and performance issues on your website.&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-left&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #1a1a1a; font-family: system-ui, &amp;quot;Segoe UI&amp;quot;, Roboto, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt; &lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-left&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #1a1a1a; font-family: system-ui, &amp;quot;Segoe UI&amp;quot;, Roboto, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt;&lt;span style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-weight: bolder;&quot;&gt;NOTES&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;intercom-interblocks-unordered-nested-list&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background-color: white; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: system-ui, &amp;quot;Segoe UI&amp;quot;, Roboto, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;;&quot;&gt;&lt;ul style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #1a1a1a; list-style: none; margin: 16px 0px; padding: 0px 0px 0px 16px;&quot;&gt;&lt;li style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; line-height: 1.53; list-style-type: disc; margin-left: 15px;&quot;&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-left&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt;To check if the change was applied correctly, you can &lt;a href=&quot;https://support.hostinger.com/en/articles/5920192#h_d55e86c91b&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit;&quot;&gt;create a phpinfo.php file&lt;/a&gt;.&lt;/p&gt;&lt;/div&gt;&lt;/li&gt;&lt;li style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; line-height: 1.53; list-style-type: disc; margin-left: 15px;&quot;&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-left&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt;Using this method to change the PHP versions will not include PHP extensions and options.&lt;/p&gt;&lt;/div&gt;&lt;/li&gt;&lt;li style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; line-height: 1.53; list-style-type: disc; margin-left: 15px;&quot;&gt;&lt;div class=&quot;intercom-interblocks-paragraph no-margin intercom-interblocks-align-left&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; margin-bottom: 0px; margin-top: 0px; min-height: 1.53em;&quot;&gt;&lt;p style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit; font-family: var(--font-family-secondary); margin: 0px; min-height: 1.53em;&quot;&gt;Using the &lt;code style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; background: rgb(248, 248, 248); border: 0px solid rgb(229, 231, 235); box-sizing: inherit; color: #333333; font-feature-settings: normal; font-size: 13px; font-variation-settings: normal; padding-bottom: 0.2em; padding-top: 0.2em; text-size-adjust: none; word-break: break-word;&quot;&gt;php -v&lt;/code&gt; command on &lt;a href=&quot;https://support.hostinger.com/en/articles/1583245-how-to-connect-to-a-hosting-plan-via-ssh&quot; style=&quot;--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-rotate: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-shadow-colored: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-skew-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; border: 0px solid rgb(229, 231, 235); box-sizing: inherit;&quot;&gt;SSH&lt;/a&gt; will show the PHP version of the hosting plan, not the domain or subdomain.&lt;/p&gt;&lt;/div&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div style=&quot;color: #1a1a1a;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;color: #ffa400;&quot;&gt;&lt;b&gt;Main Source of Article is: &lt;a href=&quot;https://support.hostinger.com/en/articles/4047803-how-to-change-the-php-version-for-subfolders-or-subdomains&quot;&gt;https://support.hostinger.com/en/articles/4047803-how-to-change-the-php-version-for-subfolders-or-subdomains&lt;/a&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/article&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://jasimalikhan.blogspot.com/feeds/6368444226822114903/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://jasimalikhan.blogspot.com/2025/03/how-to-change-php-version-for.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/6368444226822114903'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/6368444226822114903'/><link rel='alternate' type='text/html' href='http://jasimalikhan.blogspot.com/2025/03/how-to-change-php-version-for.html' title='How to change the PHP version for subfolders or subdomains'/><author><name>Jasim Ali Khan</name><uri>http://www.blogger.com/profile/01684195966180752975</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4648682226035640118.post-8658661633576068558</id><published>2023-08-14T21:45:00.008-07:00</published><updated>2023-08-14T21:45:57.242-07:00</updated><title type='text'>How to backup and download Database using PHP</title><content type='html'>&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border-radius: 8px 8px 0px 0px; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;?php&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;    &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;    $mysqlUserName      = &lt;/span&gt;&lt;span class=&quot;enlighter-s0&quot; style=&quot;box-sizing: border-box; color: #dd1144; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&#39;databaseusername&#39;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;    $mysqlPassword      = &lt;/span&gt;&lt;span class=&quot;enlighter-s0&quot; style=&quot;box-sizing: border-box; color: #dd1144; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&#39;databasepassword&#39;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;    $mysqlHostName      = &lt;/span&gt;&lt;span class=&quot;enlighter-s0&quot; style=&quot;box-sizing: border-box; color: #dd1144; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&#39;localhost&#39;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;    $DbName             = &lt;/span&gt;&lt;span class=&quot;enlighter-s0&quot; style=&quot;box-sizing: border-box; color: #dd1144; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&#39;mydatabasename&#39;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;   &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;enlighter-m0&quot; style=&quot;box-sizing: border-box; color: #0086b3; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;Export_Database&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;$mysqlHostName,$mysqlUserName,$mysqlPassword,$DbName,  $tables=&lt;/span&gt;&lt;span class=&quot;enlighter-k1&quot; style=&quot;box-sizing: border-box; color: #286491; font-family: inherit; font-size: 1.1em; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;false&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;, $backup_name=&lt;/span&gt;&lt;span class=&quot;enlighter-k1&quot; style=&quot;box-sizing: border-box; color: #286491; font-family: inherit; font-size: 1.1em; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;false&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;enlighter-k1&quot; style=&quot;box-sizing: border-box; color: #286491; font-family: inherit; font-size: 1.1em; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;enlighter-m0&quot; style=&quot;box-sizing: border-box; color: #0086b3; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;Export_Database&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;$host,$user,$pass,$name,  $tables=&lt;/span&gt;&lt;span class=&quot;enlighter-k1&quot; style=&quot;box-sizing: border-box; color: #286491; font-family: inherit; font-size: 1.1em; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;false&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;, $backup_name=&lt;/span&gt;&lt;span class=&quot;enlighter-k1&quot; style=&quot;box-sizing: border-box; color: #286491; font-family: inherit; font-size: 1.1em; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;false&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;        $mysqli = &lt;/span&gt;&lt;span class=&quot;enlighter-k1&quot; style=&quot;box-sizing: border-box; color: #286491; font-family: inherit; font-size: 1.1em; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;new&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;enlighter-m0&quot; style=&quot;box-sizing: border-box; color: #0086b3; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;mysqli&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;$host,$user,$pass,$name&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;; &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;        $mysqli-&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;enlighter-m0&quot; style=&quot;box-sizing: border-box; color: #0086b3; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;select_db&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;$name&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;; &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;        $mysqli-&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;enlighter-m0&quot; style=&quot;box-sizing: border-box; color: #0086b3; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;query&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;enlighter-s0&quot; style=&quot;box-sizing: border-box; color: #dd1144; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&quot;SET NAMES &#39;utf8&#39;&quot;&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;        $queryTables    = $mysqli-&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;enlighter-m0&quot; style=&quot;box-sizing: border-box; color: #0086b3; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;query&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;enlighter-s0&quot; style=&quot;box-sizing: border-box; color: #dd1144; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&#39;SHOW TABLES&#39;&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;; &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;        &lt;/span&gt;&lt;span class=&quot;enlighter-k1&quot; style=&quot;box-sizing: border-box; color: #286491; font-family: inherit; font-size: 1.1em; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;while&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;$row = $queryTables-&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;enlighter-m0&quot; style=&quot;box-sizing: border-box; color: #0086b3; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;fetch_row&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;())&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;        &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;            $target_tables&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;[]&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; = $row&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;enlighter-n1&quot; style=&quot;box-sizing: border-box; color: #009999; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;; &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;        &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;   &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;        &lt;/span&gt;&lt;span class=&quot;enlighter-k1&quot; style=&quot;box-sizing: border-box; color: #286491; font-family: inherit; font-size: 1.1em; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;if&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;$tables !== &lt;/span&gt;&lt;span class=&quot;enlighter-k1&quot; style=&quot;box-sizing: border-box; color: #286491; font-family: inherit; font-size: 1.1em; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;false&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;        &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;            $target_tables = &lt;/span&gt;&lt;span class=&quot;enlighter-m0&quot; style=&quot;box-sizing: border-box; color: #0086b3; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;array_intersect&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; $target_tables, $tables&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;; &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;        &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;        &lt;/span&gt;&lt;span class=&quot;enlighter-m0&quot; style=&quot;box-sizing: border-box; color: #0086b3; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;foreach&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;$target_tables as $table&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;        &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;            $result         =   $mysqli-&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;enlighter-m0&quot; style=&quot;box-sizing: border-box; color: #0086b3; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;query&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;enlighter-s0&quot; style=&quot;box-sizing: border-box; color: #dd1144; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&#39;SELECT * FROM &#39;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;.$table&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;;  &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;            $fields_amount  =   $result-&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;field_count;  &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;            $rows_num=$mysqli-&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;affected_rows;     &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;            $res            =   $mysqli-&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;enlighter-m0&quot; style=&quot;box-sizing: border-box; color: #0086b3; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;query&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;enlighter-s0&quot; style=&quot;box-sizing: border-box; color: #dd1144; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&#39;SHOW CREATE TABLE &#39;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;.$table&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;; &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;            $TableMLine     =   $res-&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;enlighter-m0&quot; style=&quot;box-sizing: border-box; color: #0086b3; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;fetch_row&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;()&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;            $content        = &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;!&lt;/span&gt;&lt;span class=&quot;enlighter-m0&quot; style=&quot;box-sizing: border-box; color: #0086b3; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;isset&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;$content&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; ?  &lt;/span&gt;&lt;span class=&quot;enlighter-s0&quot; style=&quot;box-sizing: border-box; color: #dd1144; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&#39;&#39;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;enlighter-g0&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; $content&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; . &lt;/span&gt;&lt;span class=&quot;enlighter-s0&quot; style=&quot;box-sizing: border-box; color: #dd1144; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&quot;\n\n&quot;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;.$TableMLine&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;enlighter-n1&quot; style=&quot;box-sizing: border-box; color: #009999; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;enlighter-s0&quot; style=&quot;box-sizing: border-box; color: #dd1144; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&quot;;\n\n&quot;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;            &lt;/span&gt;&lt;span class=&quot;enlighter-k1&quot; style=&quot;box-sizing: border-box; color: #286491; font-family: inherit; font-size: 1.1em; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;for&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;$i = &lt;/span&gt;&lt;span class=&quot;enlighter-n1&quot; style=&quot;box-sizing: border-box; color: #009999; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;, $st_counter = &lt;/span&gt;&lt;span class=&quot;enlighter-n1&quot; style=&quot;box-sizing: border-box; color: #009999; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;; $i &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; $fields_amount;   $i++, $st_counter=&lt;/span&gt;&lt;span class=&quot;enlighter-n1&quot; style=&quot;box-sizing: border-box; color: #009999; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;            &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                &lt;/span&gt;&lt;span class=&quot;enlighter-k1&quot; style=&quot;box-sizing: border-box; color: #286491; font-family: inherit; font-size: 1.1em; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;while&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;$row = $result-&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;enlighter-m0&quot; style=&quot;box-sizing: border-box; color: #0086b3; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;fetch_row&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;())&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;  &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;enlighter-c0&quot; style=&quot;box-sizing: border-box; color: #8181a1; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;//when started (and every after 100 command cycle):&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                    &lt;/span&gt;&lt;span class=&quot;enlighter-k1&quot; style=&quot;box-sizing: border-box; color: #286491; font-family: inherit; font-size: 1.1em; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;if&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;$st_counter%&lt;/span&gt;&lt;span class=&quot;enlighter-n1&quot; style=&quot;box-sizing: border-box; color: #009999; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;100&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; == &lt;/span&gt;&lt;span class=&quot;enlighter-n1&quot; style=&quot;box-sizing: border-box; color: #009999; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;enlighter-g0&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;||&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; $st_counter == &lt;/span&gt;&lt;span class=&quot;enlighter-n1&quot; style=&quot;box-sizing: border-box; color: #009999; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;  &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                    &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                            $content .= &lt;/span&gt;&lt;span class=&quot;enlighter-s0&quot; style=&quot;box-sizing: border-box; color: #dd1144; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&quot;\nINSERT INTO &quot;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;.$table.&lt;/span&gt;&lt;span class=&quot;enlighter-s0&quot; style=&quot;box-sizing: border-box; color: #dd1144; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&quot; VALUES&quot;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                    &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                    $content .= &lt;/span&gt;&lt;span class=&quot;enlighter-s0&quot; style=&quot;box-sizing: border-box; color: #dd1144; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&quot;\n(&quot;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                    &lt;/span&gt;&lt;span class=&quot;enlighter-k1&quot; style=&quot;box-sizing: border-box; color: #286491; font-family: inherit; font-size: 1.1em; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;for&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;$j=&lt;/span&gt;&lt;span class=&quot;enlighter-n1&quot; style=&quot;box-sizing: border-box; color: #009999; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;; $j&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;$fields_amount; $j++&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;  &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                    &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                        $row&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;$j&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;enlighter-m0&quot; style=&quot;box-sizing: border-box; color: #0086b3; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;str_replace&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;enlighter-s0&quot; style=&quot;box-sizing: border-box; color: #dd1144; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&quot;\n&quot;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;enlighter-s0&quot; style=&quot;box-sizing: border-box; color: #dd1144; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&quot;\\n&quot;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;, &lt;/span&gt;&lt;span class=&quot;enlighter-m0&quot; style=&quot;box-sizing: border-box; color: #0086b3; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;addslashes&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;$row&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;$j&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;])&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;; &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                        &lt;/span&gt;&lt;span class=&quot;enlighter-k1&quot; style=&quot;box-sizing: border-box; color: #286491; font-family: inherit; font-size: 1.1em; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;if&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;enlighter-m0&quot; style=&quot;box-sizing: border-box; color: #0086b3; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;isset&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;$row&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;$j&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;]))&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                        &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                            $content .= &lt;/span&gt;&lt;span class=&quot;enlighter-s0&quot; style=&quot;box-sizing: border-box; color: #dd1144; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&#39;&quot;&#39;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;.$row&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;$j&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;enlighter-s0&quot; style=&quot;box-sizing: border-box; color: #dd1144; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&#39;&quot;&#39;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;enlighter-g0&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                        &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                        &lt;/span&gt;&lt;span class=&quot;enlighter-k1&quot; style=&quot;box-sizing: border-box; color: #286491; font-family: inherit; font-size: 1.1em; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;else&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                        &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;   &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                            $content .= &lt;/span&gt;&lt;span class=&quot;enlighter-s0&quot; style=&quot;box-sizing: border-box; color: #dd1144; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&#39;&quot;&quot;&#39;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                        &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;     &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                        &lt;/span&gt;&lt;span class=&quot;enlighter-k1&quot; style=&quot;box-sizing: border-box; color: #286491; font-family: inherit; font-size: 1.1em; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;if&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;$j&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;(&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;$fields_amount-&lt;/span&gt;&lt;span class=&quot;enlighter-n1&quot; style=&quot;box-sizing: border-box; color: #009999; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;))&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                        &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                                $content.= &lt;/span&gt;&lt;span class=&quot;enlighter-s0&quot; style=&quot;box-sizing: border-box; color: #dd1144; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&#39;,&#39;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                        &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;      &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                    &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                    $content .=&lt;/span&gt;&lt;span class=&quot;enlighter-s0&quot; style=&quot;box-sizing: border-box; color: #dd1144; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&quot;)&quot;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                    &lt;/span&gt;&lt;span class=&quot;enlighter-c0&quot; style=&quot;box-sizing: border-box; color: #8181a1; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;//every after 100 command cycle [or at last line] ....p.s. but should be inserted 1 cycle eariler&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                    &lt;/span&gt;&lt;span class=&quot;enlighter-k1&quot; style=&quot;box-sizing: border-box; color: #286491; font-family: inherit; font-size: 1.1em; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;if&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;((&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;$st_counter+&lt;/span&gt;&lt;span class=&quot;enlighter-n1&quot; style=&quot;box-sizing: border-box; color: #009999; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;%&lt;/span&gt;&lt;span class=&quot;enlighter-n1&quot; style=&quot;box-sizing: border-box; color: #009999; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;100&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;==&lt;/span&gt;&lt;span class=&quot;enlighter-n1&quot; style=&quot;box-sizing: border-box; color: #009999; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;enlighter-g0&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&amp;amp;&amp;amp;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; $st_counter!=&lt;/span&gt;&lt;span class=&quot;enlighter-n1&quot; style=&quot;box-sizing: border-box; color: #009999; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;enlighter-g0&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;||&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; $st_counter+&lt;/span&gt;&lt;span class=&quot;enlighter-n1&quot; style=&quot;box-sizing: border-box; color: #009999; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;==$rows_num&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                    &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;   &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                        $content .= &lt;/span&gt;&lt;span class=&quot;enlighter-s0&quot; style=&quot;box-sizing: border-box; color: #dd1144; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&quot;;&quot;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                    &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                    &lt;/span&gt;&lt;span class=&quot;enlighter-k1&quot; style=&quot;box-sizing: border-box; color: #286491; font-family: inherit; font-size: 1.1em; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;else&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                    &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                        $content .= &lt;/span&gt;&lt;span class=&quot;enlighter-s0&quot; style=&quot;box-sizing: border-box; color: #dd1144; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&quot;,&quot;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                    &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                    $st_counter=$st_counter+&lt;/span&gt;&lt;span class=&quot;enlighter-n1&quot; style=&quot;box-sizing: border-box; color: #009999; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;                &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;            &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt; $content .=&lt;/span&gt;&lt;span class=&quot;enlighter-s0&quot; style=&quot;box-sizing: border-box; color: #dd1144; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&quot;\n\n\n&quot;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;        &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;        &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;        $backup_name = $name.&lt;/span&gt;&lt;span class=&quot;enlighter-s0&quot; style=&quot;box-sizing: border-box; color: #dd1144; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&quot;.sql&quot;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;        &lt;/span&gt;&lt;span class=&quot;enlighter-m0&quot; style=&quot;box-sizing: border-box; color: #0086b3; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;header&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;enlighter-s0&quot; style=&quot;box-sizing: border-box; color: #dd1144; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&#39;Content-Type: application/octet-stream&#39;&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;;   &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;        &lt;/span&gt;&lt;span class=&quot;enlighter-m0&quot; style=&quot;box-sizing: border-box; color: #0086b3; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;header&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;enlighter-s0&quot; style=&quot;box-sizing: border-box; color: #dd1144; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&quot;Content-Transfer-Encoding: Binary&quot;&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;; &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;        &lt;/span&gt;&lt;span class=&quot;enlighter-m0&quot; style=&quot;box-sizing: border-box; color: #0086b3; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;header&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;enlighter-s0&quot; style=&quot;box-sizing: border-box; color: #dd1144; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&quot;Content-disposition: attachment; filename=\&quot;&quot;&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;.$backup_name.&lt;/span&gt;&lt;span class=&quot;enlighter-s0&quot; style=&quot;box-sizing: border-box; color: #dd1144; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&quot;\&quot;&quot;&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;;  &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;        echo $content; exit;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: #f7f7fa; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #aaaaaa; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;background-color: white; border-radius: 0px 0px 8px 8px; border: 0px solid rgb(255, 255, 255); box-sizing: border-box; color: #444444; display: table-row; font-family: &amp;quot;Source Code Pro&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace; font-size: 15px; line-height: 1.5em; list-style: none; margin: 0px; min-height: 14px; padding: 1px 5px 1px 10px; white-space-collapse: preserve;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; display: table-cell; padding-left: 10px;&quot;&gt;&lt;span class=&quot;enlighter-text&quot; style=&quot;box-sizing: border-box; color: #2f3235; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;?&lt;/span&gt;&lt;span class=&quot;enlighter-g1&quot; style=&quot;box-sizing: border-box; color: #777777; font-family: inherit; font-size: 1.1em; line-height: inherit; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;&lt;span style=&quot;color: #e69138;&quot;&gt;Source:&amp;nbsp;&lt;a href=&quot;https://codeconia.com/how-to-backup-and-download-database-using-php/&quot; target=&quot;_blank&quot;&gt;&amp;nbsp;https://codeconia.com/how-to-backup-and-download-database-using-php/&lt;/a&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://jasimalikhan.blogspot.com/feeds/8658661633576068558/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://jasimalikhan.blogspot.com/2023/08/how-to-backup-and-download-database.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/8658661633576068558'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/8658661633576068558'/><link rel='alternate' type='text/html' href='http://jasimalikhan.blogspot.com/2023/08/how-to-backup-and-download-database.html' title='How to backup and download Database using PHP'/><author><name>Jasim Ali Khan</name><uri>http://www.blogger.com/profile/01684195966180752975</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4648682226035640118.post-2706683274145691494</id><published>2023-08-06T06:40:00.005-07:00</published><updated>2023-08-06T06:40:44.336-07:00</updated><title type='text'>How to Batch Import Huge CSV Fast using PHP (Million Records in Seconds)</title><content type='html'>&lt;p style=&quot;color: #2f2f2f; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, Roboto, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; line-height: 1.6;&quot;&gt;I know, I know! How can you put PHP and Fast in the same line? I would say, you are stuck in the past. You should try&amp;nbsp;&lt;a href=&quot;https://phppot.com/php/php-in-website-development-era/&quot; style=&quot;color: #2f20d1; text-decoration-line: none;&quot;&gt;PHP 7&lt;/a&gt;&amp;nbsp;and experience it yourself. There will be a lot of criticism for this article. Kindly read through.&lt;/p&gt;&lt;p style=&quot;color: #2f2f2f; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, Roboto, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; line-height: 1.6;&quot;&gt;&lt;code style=&quot;border-radius: 4px; padding: 2px 4px;&quot;&gt;LOAD DATA INFILE&lt;/code&gt;&amp;nbsp;is the best option to import a huge CSV file. In this article we are going to see how we are going to read a CSV file and INSERT records via PHP script. This can be used in such a special case.&lt;/p&gt;&lt;p style=&quot;color: #2f2f2f; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, Roboto, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; line-height: 1.6;&quot;&gt;In general PHP will not have such use cases. But you never know, when you will come across such a situation, a client requirement can come any time. When you are a “&lt;a href=&quot;https://phppot.com/php/top-20-laws-for-freelance-web-developers/&quot; style=&quot;color: #2f20d1; text-decoration-line: none;&quot;&gt;freelance programmer&lt;/a&gt;” (not playing a consultant role), you will be thrust upon with all sorts of crazy requirements.&lt;/p&gt;&lt;p style=&quot;color: #2f2f2f; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, Roboto, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; line-height: 1.6;&quot;&gt;&lt;img alt=&quot;Huge CSV Import PHP&quot; class=&quot;alignnone size-large wp-image-12484&quot; height=&quot;433&quot; loading=&quot;lazy&quot; sizes=&quot;(max-width: 550px) 100vw, 550px&quot; src=&quot;https://phppot.com/wp-content/uploads/2021/01/huge-csv-import-php-550x433.jpg&quot; srcset=&quot;https://phppot.com/wp-content/uploads/2021/01/huge-csv-import-php-550x433.jpg 550w, https://phppot.com/wp-content/uploads/2021/01/huge-csv-import-php-300x236.jpg 300w, https://phppot.com/wp-content/uploads/2021/01/huge-csv-import-php-768x605.jpg 768w, https://phppot.com/wp-content/uploads/2021/01/huge-csv-import-php.jpg 1400w&quot; style=&quot;border-radius: 15px; border: 0px; height: auto; max-width: 100%; vertical-align: middle;&quot; width=&quot;550&quot; /&gt;&lt;/p&gt;&lt;p style=&quot;color: #2f2f2f; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, Roboto, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; line-height: 1.6;&quot;&gt;I have written an article about&amp;nbsp;&lt;a href=&quot;https://phppot.com/php/how-to-handle-csv-with-php-read-write-import-export-with-database/&quot; style=&quot;color: #2f20d1; text-decoration-line: none;&quot;&gt;all things CSV in PHP&lt;/a&gt;. You should go through that to learn about handling CSV files in PHP.&lt;/p&gt;&lt;p style=&quot;color: #2f2f2f; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, Roboto, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; line-height: 1.6;&quot;&gt;I am well aware about the micro-benchmarking and its pitfalls. So, I didn’t go in that direction for this articles. That’s why I have given in the title as just seconds. It’s an approximation. This is not for people who are going to see in micro, nano seconds.&lt;/p&gt;&lt;p style=&quot;color: #2f2f2f; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, Roboto, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; line-height: 1.6;&quot;&gt;If you want to insert a million records in few seconds, using PHP script programmatically, then this will definitely help. The use case is rare and so the solution. You may have to do some tweaks here and there in this sample code to fit for your case.&lt;/p&gt;&lt;pre class=&quot;prettyprint lang-php&quot; style=&quot;border-radius: 15px; border: 1px solid rgb(246, 246, 246); color: #2f2f2f; font-size: 1.4em; margin-bottom: 18px; margin-top: 0px; max-height: 600px; overflow: auto; position: relative; tab-size: 4;&quot;&gt;&lt;code class=&quot;language-php hljs&quot; style=&quot;border-radius: 4px; color: #2f3337; display: block; overflow-x: auto; padding: 10px 5px;&quot;&gt;&lt;span class=&quot;hljs-meta&quot; style=&quot;color: #015692;&quot;&gt;&amp;lt;?php&lt;/span&gt;

&lt;span class=&quot;hljs-function&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;color: #015692;&quot;&gt;function&lt;/span&gt; &lt;span class=&quot;hljs-title&quot; style=&quot;color: #b75501;&quot;&gt;file_get_contents_chunked&lt;/span&gt;(&lt;span class=&quot;hljs-params&quot;&gt;&lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$link&lt;/span&gt;, &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$file&lt;/span&gt;, &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$chunk_size&lt;/span&gt;, &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$queryValuePrefix&lt;/span&gt;, &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$callback&lt;/span&gt;&lt;/span&gt;)
&lt;/span&gt;{
    &lt;span class=&quot;hljs-keyword&quot; style=&quot;color: #015692;&quot;&gt;try&lt;/span&gt; {
        &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$handle&lt;/span&gt; = &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;color: #b75501;&quot;&gt;fopen&lt;/span&gt;(&lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$file&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;color: #54790d;&quot;&gt;&quot;r&quot;&lt;/span&gt;);
        &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$i&lt;/span&gt; = &lt;span class=&quot;hljs-number&quot; style=&quot;color: #b75501;&quot;&gt;0&lt;/span&gt;;
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;color: #015692;&quot;&gt;while&lt;/span&gt; (! &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;color: #b75501;&quot;&gt;feof&lt;/span&gt;(&lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$handle&lt;/span&gt;)) {
            &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;color: #b75501;&quot;&gt;call_user_func_array&lt;/span&gt;(&lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$callback&lt;/span&gt;, &lt;span class=&quot;hljs-keyword&quot; style=&quot;color: #015692;&quot;&gt;array&lt;/span&gt;(
                &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;color: #b75501;&quot;&gt;fread&lt;/span&gt;(&lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$handle&lt;/span&gt;, &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$chunk_size&lt;/span&gt;),
                &amp;amp;&lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$handle&lt;/span&gt;,
                &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$i&lt;/span&gt;,
                &amp;amp;&lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$queryValuePrefix&lt;/span&gt;,
                &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$link&lt;/span&gt;
            ));
            &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$i&lt;/span&gt; ++;
        }
        &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;color: #b75501;&quot;&gt;fclose&lt;/span&gt;(&lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$handle&lt;/span&gt;);
    } &lt;span class=&quot;hljs-keyword&quot; style=&quot;color: #015692;&quot;&gt;catch&lt;/span&gt; (&lt;span class=&quot;hljs-built_in&quot; style=&quot;color: #b75501;&quot;&gt;Exception&lt;/span&gt; &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$e&lt;/span&gt;) {
        &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;color: #b75501;&quot;&gt;trigger_error&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;color: #54790d;&quot;&gt;&quot;file_get_contents_chunked::&quot;&lt;/span&gt; . &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$e&lt;/span&gt;-&amp;gt;&lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;color: #b75501;&quot;&gt;getMessage&lt;/span&gt;(), E_USER_NOTICE);
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;color: #015692;&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;hljs-literal&quot; style=&quot;color: #b75501;&quot;&gt;false&lt;/span&gt;;
    }

    &lt;span class=&quot;hljs-keyword&quot; style=&quot;color: #015692;&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;hljs-literal&quot; style=&quot;color: #b75501;&quot;&gt;true&lt;/span&gt;;
}
&lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$link&lt;/span&gt; = &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;color: #b75501;&quot;&gt;mysqli_connect&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;color: #54790d;&quot;&gt;&quot;localhost&quot;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;color: #54790d;&quot;&gt;&quot;root&quot;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;color: #54790d;&quot;&gt;&quot;pass&quot;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;color: #54790d;&quot;&gt;&quot;huge-csv&quot;&lt;/span&gt;);
&lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$success&lt;/span&gt; = &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;color: #b75501;&quot;&gt;file_get_contents_chunked&lt;/span&gt;(&lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$link&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;color: #54790d;&quot;&gt;&quot;sample-dataset.csv&quot;&lt;/span&gt;, &lt;span class=&quot;hljs-number&quot; style=&quot;color: #b75501;&quot;&gt;2048&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;color: #54790d;&quot;&gt;&#39;&#39;&lt;/span&gt;, function (&lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$chunk&lt;/span&gt;, &amp;amp;&lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$handle&lt;/span&gt;, &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$iteration&lt;/span&gt;, &amp;amp;&lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$queryValuePrefix&lt;/span&gt;, &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$link&lt;/span&gt;) {
    &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$TABLENAME&lt;/span&gt; = &lt;span class=&quot;hljs-string&quot; style=&quot;color: #54790d;&quot;&gt;&#39;tbl_lead&#39;&lt;/span&gt;;
    &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$chunk&lt;/span&gt; = &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$queryValuePrefix&lt;/span&gt; . &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$chunk&lt;/span&gt;;

    &lt;span class=&quot;hljs-comment&quot; style=&quot;color: #656e77;&quot;&gt;// split the chunk of string by newline. Not using PHP&#39;s EOF&lt;/span&gt;
    &lt;span class=&quot;hljs-comment&quot; style=&quot;color: #656e77;&quot;&gt;// as it may not work for content stored on external sources&lt;/span&gt;
    &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$lineArray&lt;/span&gt; = &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;color: #b75501;&quot;&gt;preg_split&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;color: #54790d;&quot;&gt;&quot;/\r\n|\n|\r/&quot;&lt;/span&gt;, &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$chunk&lt;/span&gt;);
    &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$query&lt;/span&gt; = &lt;span class=&quot;hljs-string&quot; style=&quot;color: #54790d;&quot;&gt;&#39;INSERT INTO &#39;&lt;/span&gt; . &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$TABLENAME&lt;/span&gt; . &lt;span class=&quot;hljs-string&quot; style=&quot;color: #54790d;&quot;&gt;&#39;(id, name, email) VALUES &#39;&lt;/span&gt;;
    &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$numberOfRecords&lt;/span&gt; = &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;color: #b75501;&quot;&gt;count&lt;/span&gt;(&lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$lineArray&lt;/span&gt;);
    &lt;span class=&quot;hljs-keyword&quot; style=&quot;color: #015692;&quot;&gt;for&lt;/span&gt; (&lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$i&lt;/span&gt; = &lt;span class=&quot;hljs-number&quot; style=&quot;color: #b75501;&quot;&gt;0&lt;/span&gt;; &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$i&lt;/span&gt; &amp;lt; &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$numberOfRecords&lt;/span&gt; - &lt;span class=&quot;hljs-number&quot; style=&quot;color: #b75501;&quot;&gt;2&lt;/span&gt;; &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$i&lt;/span&gt; ++) {
        &lt;span class=&quot;hljs-comment&quot; style=&quot;color: #656e77;&quot;&gt;// split single CSV row to columns&lt;/span&gt;
        &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$colArray&lt;/span&gt; = &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;color: #b75501;&quot;&gt;explode&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;color: #54790d;&quot;&gt;&#39;,&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$lineArray&lt;/span&gt;[&lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$i&lt;/span&gt;]);
        &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$query&lt;/span&gt; = &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$query&lt;/span&gt; . &lt;span class=&quot;hljs-string&quot; style=&quot;color: #54790d;&quot;&gt;&#39;(&#39;&lt;/span&gt; . &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$colArray&lt;/span&gt;[&lt;span class=&quot;hljs-number&quot; style=&quot;color: #b75501;&quot;&gt;0&lt;/span&gt;] . &lt;span class=&quot;hljs-string&quot; style=&quot;color: #54790d;&quot;&gt;&#39;,&quot;&#39;&lt;/span&gt; . &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$colArray&lt;/span&gt;[&lt;span class=&quot;hljs-number&quot; style=&quot;color: #b75501;&quot;&gt;1&lt;/span&gt;] . &lt;span class=&quot;hljs-string&quot; style=&quot;color: #54790d;&quot;&gt;&#39;&quot;,&quot;&#39;&lt;/span&gt; . &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$colArray&lt;/span&gt;[&lt;span class=&quot;hljs-number&quot; style=&quot;color: #b75501;&quot;&gt;2&lt;/span&gt;] . &lt;span class=&quot;hljs-string&quot; style=&quot;color: #54790d;&quot;&gt;&#39;&quot;),&#39;&lt;/span&gt;;
    }
    &lt;span class=&quot;hljs-comment&quot; style=&quot;color: #656e77;&quot;&gt;// last row without a comma&lt;/span&gt;
    &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$colArray&lt;/span&gt; = &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;color: #b75501;&quot;&gt;explode&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;color: #54790d;&quot;&gt;&#39;,&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$lineArray&lt;/span&gt;[&lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$i&lt;/span&gt;]);
    &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$query&lt;/span&gt; = &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$query&lt;/span&gt; . &lt;span class=&quot;hljs-string&quot; style=&quot;color: #54790d;&quot;&gt;&#39;(&#39;&lt;/span&gt; . &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$colArray&lt;/span&gt;[&lt;span class=&quot;hljs-number&quot; style=&quot;color: #b75501;&quot;&gt;0&lt;/span&gt;] . &lt;span class=&quot;hljs-string&quot; style=&quot;color: #54790d;&quot;&gt;&#39;,&quot;&#39;&lt;/span&gt; . &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$colArray&lt;/span&gt;[&lt;span class=&quot;hljs-number&quot; style=&quot;color: #b75501;&quot;&gt;1&lt;/span&gt;] . &lt;span class=&quot;hljs-string&quot; style=&quot;color: #54790d;&quot;&gt;&#39;&quot;,&quot;&#39;&lt;/span&gt; . &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$colArray&lt;/span&gt;[&lt;span class=&quot;hljs-number&quot; style=&quot;color: #b75501;&quot;&gt;2&lt;/span&gt;] . &lt;span class=&quot;hljs-string&quot; style=&quot;color: #54790d;&quot;&gt;&#39;&quot;)&#39;&lt;/span&gt;;
    &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$i&lt;/span&gt; = &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$i&lt;/span&gt; + &lt;span class=&quot;hljs-number&quot; style=&quot;color: #b75501;&quot;&gt;1&lt;/span&gt;;

    &lt;span class=&quot;hljs-comment&quot; style=&quot;color: #656e77;&quot;&gt;// storing the last truncated record and this will become the&lt;/span&gt;
    &lt;span class=&quot;hljs-comment&quot; style=&quot;color: #656e77;&quot;&gt;// prefix in the next run&lt;/span&gt;
    &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$queryValuePrefix&lt;/span&gt; = &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$lineArray&lt;/span&gt;[&lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$i&lt;/span&gt;];
    &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;color: #b75501;&quot;&gt;mysqli_query&lt;/span&gt;(&lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$link&lt;/span&gt;, &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$query&lt;/span&gt;) &lt;span class=&quot;hljs-keyword&quot; style=&quot;color: #015692;&quot;&gt;or&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;color: #015692;&quot;&gt;die&lt;/span&gt;(&lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;color: #b75501;&quot;&gt;mysqli_error&lt;/span&gt;(&lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$link&lt;/span&gt;));

    &lt;span class=&quot;hljs-comment&quot; style=&quot;color: #656e77;&quot;&gt;/*
     * {$handle} is passed in case you want to seek to different parts of the file
     * {$iteration} is the section of the file that has been read so
     * ($i * 4096) is your current offset within the file.
     */&lt;/span&gt;
});

&lt;span class=&quot;hljs-keyword&quot; style=&quot;color: #015692;&quot;&gt;if&lt;/span&gt; (! &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$success&lt;/span&gt;) {
    &lt;span class=&quot;hljs-comment&quot; style=&quot;color: #656e77;&quot;&gt;// It Failed&lt;/span&gt;
}
&lt;/code&gt;&lt;div class=&quot;open_grepper_editor&quot; style=&quot;background-color: rgb(0, 0, 0) !important; background-image: url(&amp;quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA8gBBAEG7NC6zAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4wwNFQsGe+TrNQAAADxpVFh0Q29tbWVudAAAAAAAUHJvY2Vzc2VkIEJ5IGVCYXkgd2l0aCBJbWFnZU1hZ2ljaywgejEuMS4wLiB8fEIyejRLlgAAA0RJREFUOMuNlE0odG8Yxn/nOc+c+TCimCkUGYUmjLJgUtgqKQt2srC1sLextbak9EqyHktfO1G+lZIkGVOiTseMMfPMjOe/0IzXy9/7/pbn1NV1X/d9Pcbw8LDmG7TW5PN5DMPANE0MwwDAMAyUUry9vSGlREqJ1h8S4k8BgLe3NwzDYHR0lLGxsdI3gEwmQyQSYWpqimAwiFLqkxFZUhYCv9+P4zgIIZBS0tTUhGmauN1uXl9fUUpRX1/P+Pg4Qggsy/rkruQwm81SV1fH9PQ0ra2t5PN5UqkUu7u7pFIpMpkMQgjy+Ty9vb04jsPc3BzxeBzLsr4KGoZBJpPB7/fT29tLoVBACMHLywvPz8+k02kKhQKNjY2Ew2Hm5+eJx+OYpvklewFgWRb39/fs7OwQCoUIBAIopfB6vdi2XcpwaGiI1dVVbNvG5/N9t8sPh263m1gsRiKRIBqNks1mqaio4PHxkXw+T39/Pzc3N5yfn+N2u/k/hGmaaK3JZDJorfn16xft7e1UVVXh8/l4fHykpaWFcDjMxsYGXq/3yyJ+x5yZmZmdmJggmUySzWZ5enqivLycjo4O3G43tm0TjUbZ3t7Gtm2klPyEMTk5qTs7O2lubqasrIx0Oo3L5aK6uhqtNVJKtra2iMViSCkpFApIKT8d+yeHNTU1s5eXl+zv77O3t4fP56OtrQ2lFLlcDpfLVTr4wcFBAHK5HI7joJTCMAyEEAjx3hFZrE+xUicnJ/T09ODxePB6vVxcXLC+vo5SCq01oVCI7u5uDMPg4eGB6+tr4vE4juO81/H36mmt8Xg8SCmxLIuLiwsWFxdLDg4PDzk+PkZKSUNDA5FIhJGRESorK3Ech7W1NcyWlpbZomgulyMYDDIwMMDt7S1LS0vFMUp1NE0TIQS2bXN0dMTZ2RmBQICmpqZ3M3+GWlNTw/PzMwsLCyilvt2q1hohBOXl5SSTSZaXlzk9PeX+/v5DsBhuV1cXKysrJJNJPB4Pf8PlcgFwcHDwPknxh1KKcDiMbducnp7+2IbvsCzrPeviCAB9fX1sbm7i8/m+vbF/QQAUCgVqa2u5uroikUh8+4r8K7KYw8PDA3d3d3g8nh+7+jf+A6kWbVI0BmDOAAAAAElFTkSuQmCC&amp;quot;) !important; background-size: 20px 20px !important; cursor: pointer !important; height: 20px !important; position: absolute !important; right: 0px !important; top: 0px !important; width: 20px !important;&quot; title=&quot;Edit &amp;amp; Save To Grepper&quot;&gt;&lt;/div&gt;&lt;/pre&gt;&lt;p style=&quot;color: #2f2f2f; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, Roboto, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; line-height: 1.6;&quot;&gt;Two main things to note are,&lt;/p&gt;&lt;ol style=&quot;color: #2f2f2f; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, Roboto, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif;&quot;&gt;&lt;li style=&quot;line-height: 1.5; margin: 6px 0px;&quot;&gt;Read the file in chunks (batch).&lt;/li&gt;&lt;li style=&quot;line-height: 1.5; margin: 6px 0px;&quot;&gt;Insert multiple records in a single insert statement.&lt;/li&gt;&lt;/ol&gt;&lt;p style=&quot;color: #2f2f2f; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, Roboto, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; line-height: 1.6;&quot;&gt;The above is key in speeding up the overall process. Reading line by line and iterating through a loop will slowdown the process. So everything boils down to reading chunks (batches) and multi insert. Then a third point worth mentioning is use PHP native functions wherever possible.&lt;/p&gt;&lt;p style=&quot;color: #2f2f2f; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, Roboto, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; line-height: 1.6;&quot;&gt;I have used a Regex to replace newline in the CSV file. If you got a better option please suggest via comments section below.&lt;/p&gt;&lt;p style=&quot;color: #2f2f2f; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, Roboto, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; line-height: 1.6;&quot;&gt;Now let me walkthrough the code.&amp;nbsp;&lt;/p&gt;&lt;p class=&quot;p1&quot; style=&quot;color: #2f2f2f; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, Roboto, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; line-height: 1.6;&quot;&gt;PHP’s&amp;nbsp;&lt;a href=&quot;https://www.php.net/manual/en/function.fread.php&quot; style=&quot;color: #2f20d1; text-decoration-line: none;&quot;&gt;&lt;em&gt;fread&lt;/em&gt;&lt;/a&gt;&amp;nbsp;allows to read in chunks of strings. Try experimenting with different chunk (batch) sizes. There is no particular right size. There are lots of variables, your server configuration, hardware, MySQL setup and lot more.&lt;/p&gt;&lt;p class=&quot;p1&quot; style=&quot;color: #2f2f2f; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, Roboto, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; line-height: 1.6;&quot;&gt;I have used a sample CSV file which I generated myself. I will detail the process below. You can use your own sample or real data and pass that as a parameter.&lt;/p&gt;&lt;p class=&quot;p1&quot; style=&quot;color: #2f2f2f; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, Roboto, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; line-height: 1.6;&quot;&gt;&lt;i&gt;file_get_contents_chunked&amp;nbsp;&lt;/i&gt;does the processing of CSV file and this has a callback function as the last argument. This callback takes care of parsing the record by the delimiter (comma in my example) and creating the multi-insert query and doing the actual insert.&lt;/p&gt;&lt;p style=&quot;color: #2f2f2f; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, Roboto, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; line-height: 1.6;&quot;&gt;You may have to modify the query part to suit your database table format. The overall structure of the script takes care of parsing the CSV in chunks (batches) and callbacks. Thanks to&amp;nbsp;&lt;a href=&quot;https://stackoverflow.com/a/5249971&quot; style=&quot;color: #2f20d1; text-decoration-line: none;&quot;&gt;RobertPitt&lt;/a&gt;.&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;color: #2f2f2f; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, Roboto, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; line-height: 1.6;&quot;&gt;One thing worth mentioning is, instead of reading line by line I have used the chunk as it is to improve the speed. All through the Internet users have suggested fgetcsv. But I have gone ahead with chunk (batch) read of fread.&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;color: #2f2f2f; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, Roboto, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; line-height: 1.6;&quot;&gt;The fread when reading as chunk (batch) it will obviously have part a part of a CSV row truncated. I have stored that truncated last record in each chunk in&amp;nbsp;&lt;span class=&quot;s1&quot;&gt;&lt;em&gt;$queryValuePrefix&lt;/em&gt;&amp;nbsp;variable. It is retained by declaring as a reference via callback.&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;h2 style=&quot;color: #2f2f2f; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, Roboto, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; margin-top: 1.3em;&quot;&gt;Sample CSV dataset&lt;/h2&gt;&lt;p style=&quot;color: #2f2f2f; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, Roboto, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; line-height: 1.6;&quot;&gt;I wrote a tiny PHP script to generate the required CSV dataset. There are a lot of sources like Government census record, now popular Covid data, weather data and lot more.&lt;/p&gt;&lt;p style=&quot;color: #2f2f2f; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, Roboto, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; line-height: 1.6;&quot;&gt;At this time of Artificial Intelligence era, where Data Mining is more popular than Twinkle Twinkle Little Star, getting a sample huge CSV file is just a click away.&lt;/p&gt;&lt;p style=&quot;color: #2f2f2f; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, Roboto, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; line-height: 1.6;&quot;&gt;But still for flexibility, I wrote the PHP script myself.&amp;nbsp;&lt;/p&gt;&lt;pre class=&quot;prettyprint lang-php&quot; style=&quot;border-radius: 15px; border: 1px solid rgb(246, 246, 246); color: #2f2f2f; font-size: 1.4em; margin-bottom: 18px; margin-top: 0px; max-height: 600px; overflow: auto; position: relative; tab-size: 4;&quot;&gt;&lt;code class=&quot;language-php hljs&quot; style=&quot;border-radius: 4px; color: #2f3337; display: block; overflow-x: auto; padding: 10px 5px;&quot;&gt;&lt;span class=&quot;hljs-meta&quot; style=&quot;color: #015692;&quot;&gt;&amp;lt;?php&lt;/span&gt;
&lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$file&lt;/span&gt; = &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;color: #b75501;&quot;&gt;fopen&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;color: #54790d;&quot;&gt;&#39;s-sample-dataset.csv&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;color: #54790d;&quot;&gt;&#39;w&#39;&lt;/span&gt;);

&lt;span class=&quot;hljs-keyword&quot; style=&quot;color: #015692;&quot;&gt;for&lt;/span&gt; (&lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$i&lt;/span&gt; = &lt;span class=&quot;hljs-number&quot; style=&quot;color: #b75501;&quot;&gt;1&lt;/span&gt;; &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$i&lt;/span&gt; &amp;lt;= &lt;span class=&quot;hljs-number&quot; style=&quot;color: #b75501;&quot;&gt;1000000&lt;/span&gt;; &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$i&lt;/span&gt; ++) {
    &lt;span class=&quot;hljs-keyword&quot; style=&quot;color: #015692;&quot;&gt;echo&lt;/span&gt; &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$i&lt;/span&gt;;
    &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$line&lt;/span&gt;[] = &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$i&lt;/span&gt;;
    &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$line&lt;/span&gt;[] = &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;color: #b75501;&quot;&gt;uniqid&lt;/span&gt;();
    &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$line&lt;/span&gt;[] = &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;color: #b75501;&quot;&gt;uniqid&lt;/span&gt;();
    &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;color: #b75501;&quot;&gt;fputcsv&lt;/span&gt;(&lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$file&lt;/span&gt;, &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$line&lt;/span&gt;);
    &lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$line&lt;/span&gt; = &lt;span class=&quot;hljs-literal&quot; style=&quot;color: #b75501;&quot;&gt;null&lt;/span&gt;;
}
&lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;color: #b75501;&quot;&gt;fclose&lt;/span&gt;(&lt;span class=&quot;hljs-variable&quot; style=&quot;color: #54790d;&quot;&gt;$file&lt;/span&gt;);
&lt;/code&gt;&lt;div class=&quot;open_grepper_editor&quot; style=&quot;background-color: rgb(0, 0, 0) !important; background-image: url(&amp;quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA8gBBAEG7NC6zAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4wwNFQsGe+TrNQAAADxpVFh0Q29tbWVudAAAAAAAUHJvY2Vzc2VkIEJ5IGVCYXkgd2l0aCBJbWFnZU1hZ2ljaywgejEuMS4wLiB8fEIyejRLlgAAA0RJREFUOMuNlE0odG8Yxn/nOc+c+TCimCkUGYUmjLJgUtgqKQt2srC1sLextbak9EqyHktfO1G+lZIkGVOiTseMMfPMjOe/0IzXy9/7/pbn1NV1X/d9Pcbw8LDmG7TW5PN5DMPANE0MwwDAMAyUUry9vSGlREqJ1h8S4k8BgLe3NwzDYHR0lLGxsdI3gEwmQyQSYWpqimAwiFLqkxFZUhYCv9+P4zgIIZBS0tTUhGmauN1uXl9fUUpRX1/P+Pg4Qggsy/rkruQwm81SV1fH9PQ0ra2t5PN5UqkUu7u7pFIpMpkMQgjy+Ty9vb04jsPc3BzxeBzLsr4KGoZBJpPB7/fT29tLoVBACMHLywvPz8+k02kKhQKNjY2Ew2Hm5+eJx+OYpvklewFgWRb39/fs7OwQCoUIBAIopfB6vdi2XcpwaGiI1dVVbNvG5/N9t8sPh263m1gsRiKRIBqNks1mqaio4PHxkXw+T39/Pzc3N5yfn+N2u/k/hGmaaK3JZDJorfn16xft7e1UVVXh8/l4fHykpaWFcDjMxsYGXq/3yyJ+x5yZmZmdmJggmUySzWZ5enqivLycjo4O3G43tm0TjUbZ3t7Gtm2klPyEMTk5qTs7O2lubqasrIx0Oo3L5aK6uhqtNVJKtra2iMViSCkpFApIKT8d+yeHNTU1s5eXl+zv77O3t4fP56OtrQ2lFLlcDpfLVTr4wcFBAHK5HI7joJTCMAyEEAjx3hFZrE+xUicnJ/T09ODxePB6vVxcXLC+vo5SCq01oVCI7u5uDMPg4eGB6+tr4vE4juO81/H36mmt8Xg8SCmxLIuLiwsWFxdLDg4PDzk+PkZKSUNDA5FIhJGRESorK3Ech7W1NcyWlpbZomgulyMYDDIwMMDt7S1LS0vFMUp1NE0TIQS2bXN0dMTZ2RmBQICmpqZ3M3+GWlNTw/PzMwsLCyilvt2q1hohBOXl5SSTSZaXlzk9PeX+/v5DsBhuV1cXKysrJJNJPB4Pf8PlcgFwcHDwPknxh1KKcDiMbducnp7+2IbvsCzrPeviCAB9fX1sbm7i8/m+vbF/QQAUCgVqa2u5uroikUh8+4r8K7KYw8PDA3d3d3g8nh+7+jf+A6kWbVI0BmDOAAAAAElFTkSuQmCC&amp;quot;) !important; background-size: 20px 20px !important; cursor: pointer !important; height: 20px !important; position: absolute !important; right: 0px !important; top: 0px !important; width: 20px !important;&quot; title=&quot;Edit &amp;amp; Save To Grepper&quot;&gt;&lt;/div&gt;&lt;/pre&gt;&lt;p style=&quot;color: #2f2f2f; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, Roboto, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; line-height: 1.6;&quot;&gt;This is a ruthless way of generating a sample data :-) At this juncture&amp;nbsp;&lt;a href=&quot;https://github.com/fzaninotto/Faker&quot; style=&quot;color: #2f20d1; text-decoration-line: none;&quot;&gt;Faker&lt;/a&gt;&amp;nbsp;is&amp;nbsp; worth mentioning. It is a good PHP library for generating nice fake data. It will look very close to real.&lt;/p&gt;&lt;p style=&quot;color: #2f2f2f; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, Roboto, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; line-height: 1.6;&quot;&gt;Last, for the nerds. This script ran and imported one million (1000000) records in 9 seconds. My machine is a MacBookPro with Catalina, 2.3 GHz i5, 16 GB RAM and PHP 7.4. This is just for an idea and please do not make much out of this.&lt;/p&gt;&lt;p style=&quot;color: #2f2f2f; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, Roboto, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; line-height: 1.6;&quot;&gt;Pour in all your view points and suggestions for improvement in the below comments. Happy parsing all your CSVs, chunk it out!&lt;/p&gt;&lt;div class=&quot;comments-area&quot; id=&quot;comments&quot; style=&quot;color: #2f2f2f; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, Roboto, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif;&quot;&gt;&lt;h2 class=&quot;comments-title&quot; style=&quot;margin-top: 1.3em;&quot;&gt;Comments to “How to Batch Import Huge CSV Fast using PHP (Million Records in Seconds)”&lt;/h2&gt;&lt;/div&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;This article is taken from below website.&lt;/p&gt;&lt;p&gt;&lt;b style=&quot;background-color: #04ff00;&quot;&gt;Credit goes to:&amp;nbsp;&lt;span style=&quot;color: #2f2f2f; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, Roboto, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-style: italic;&quot;&gt;Nikunj Jadav&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;SOURCE:&amp;nbsp;https://phppot.com/php/how-to-batch-import-huge-csv-fast-using-php-million-records-in-seconds/&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://jasimalikhan.blogspot.com/feeds/2706683274145691494/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://jasimalikhan.blogspot.com/2023/08/how-to-batch-import-huge-csv-fast-using.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/2706683274145691494'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/2706683274145691494'/><link rel='alternate' type='text/html' href='http://jasimalikhan.blogspot.com/2023/08/how-to-batch-import-huge-csv-fast-using.html' title='How to Batch Import Huge CSV Fast using PHP (Million Records in Seconds)'/><author><name>Jasim Ali Khan</name><uri>http://www.blogger.com/profile/01684195966180752975</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4648682226035640118.post-1959150309832974911</id><published>2022-12-19T10:18:00.001-08:00</published><updated>2022-12-19T10:18:07.722-08:00</updated><title type='text'>Get a list of (date) quarters between two given dates. Return array of objects with information about each quarter</title><content type='html'>&lt;pre style=&quot;overflow-wrap: break-word; position: relative; white-space: pre-wrap;&quot;&gt;&amp;lt;?php 

// get month name from number
function month_name($month_number){
	return date(&#39;F&#39;, mktime(0, 0, 0, $month_number, 10));
}


// get get last date of given month (of year)
function month_end_date($year, $month_number){
	return date(&quot;t&quot;, strtotime(&quot;$year-$month_number-1&quot;));
}

// return two digit month or day, e.g. 04 - April
function zero_pad($number){
	if($number &amp;lt; 10)
		return &quot;0$number&quot;;
	
	return &quot;$number&quot;;
}

// Return quarters between tow dates. Array of objects
function get_quarters($start_date, $end_date){
	
	$quarters = array();
	
	$start_month = date( &#39;m&#39;, strtotime($start_date) );
	$start_year = date( &#39;Y&#39;, strtotime($start_date) );
	
	$end_month = date( &#39;m&#39;, strtotime($end_date) );
	$end_year = date( &#39;Y&#39;, strtotime($end_date) );
	
	$start_quarter = ceil($start_month/3);
	$end_quarter = ceil($end_month/3);

	$quarter = $start_quarter; // variable to track current quarter
	
	// Loop over years and quarters to create array
	for( $y = $start_year; $y &amp;lt;= $end_year; $y++ ){
		if($y == $end_year)
			$max_qtr = $end_quarter;
		else
			$max_qtr = 4;
		
		for($q=$quarter; $q&amp;lt;=$max_qtr; $q++){
			
			$current_quarter = new stdClass();
			
			$end_month_num = zero_pad($q * 3);
			$start_month_num = ($end_month_num - 2);

			$q_start_month = month_name($start_month_num);
			$q_end_month = month_name($end_month_num);
			
			$current_quarter-&amp;gt;period = &quot;Qtr $q ($q_start_month - $q_end_month) $y&quot;;
			$current_quarter-&amp;gt;period_start = &quot;$y-$start_month_num-01&quot;;      // yyyy-mm-dd    
			$current_quarter-&amp;gt;period_end = &quot;$y-$end_month_num-&quot; . month_end_date($y, $end_month_num);
			
			$quarters[] = $current_quarter;
			unset($current_quarter);
		}

		$quarter = 1; // reset to 1 for next year
	}
	
	return $quarters;
	
}

$quarters = get_quarters(&#39;2010-04-05&#39;, &#39;2015-05-01&#39;);
       

// Test	   
echo &#39;&amp;lt;pre&amp;gt;&#39;;
print_r($quarters);
echo &#39;&amp;lt;/pre&amp;gt;&#39;;&lt;/pre&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;p&gt;&lt;span style=&quot;color: red; font-family: -apple-system, system-ui, Segoe UI, Noto Sans, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;&quot;&gt;&lt;b&gt;&lt;span style=&quot;background-color: white; font-size: 14px;&quot;&gt;Source:&lt;a href=&quot;https://gist.github.com/steveirl/63c65561b6000de5c346&quot; target=&quot;_blank&quot;&gt;&amp;nbsp;&lt;/a&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;&lt;a href=&quot;https://gist.github.com/steveirl/63c65561b6000de5c346&quot; target=&quot;_blank&quot;&gt;https://gist.github.com/steveirl/63c65561b6000de5c346&lt;/a&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #24292f; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 14px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #24292f; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 14px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://jasimalikhan.blogspot.com/feeds/1959150309832974911/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://jasimalikhan.blogspot.com/2022/12/get-list-of-date-quarters-between-two.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/1959150309832974911'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/1959150309832974911'/><link rel='alternate' type='text/html' href='http://jasimalikhan.blogspot.com/2022/12/get-list-of-date-quarters-between-two.html' title='Get a list of (date) quarters between two given dates. Return array of objects with information about each quarter'/><author><name>Jasim Ali Khan</name><uri>http://www.blogger.com/profile/01684195966180752975</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4648682226035640118.post-7237341795787918440</id><published>2022-11-15T02:25:00.004-08:00</published><updated>2022-11-15T02:25:51.064-08:00</updated><title type='text'>How to update product price programmatically in WooCommerce</title><content type='html'>&lt;div&gt;&lt;h1 class=&quot;post-title&quot; style=&quot;-webkit-font-smoothing: antialiased; background-color: white; box-sizing: border-box; color: #303133; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 35px; line-height: 1.2; margin: 0px;&quot;&gt;How to update product price programmatically in WooCommerce&lt;/h1&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; line-height: 1.75; margin: 0px;&quot;&gt;Do you want to learn how to&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; color: #303133; font-weight: 600;&quot;&gt;update the product price programmatically in WooCommerce&lt;/span&gt;? In this guide, we’ll show you how to change prices in WooCommerce without using any plugins or installing any extra tool.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; line-height: 1.75; margin: 18px 0px 0px;&quot;&gt;If you use them smartly, discounts can help you improve your conversion rates and increase your sales. There are several ways to implement discounts on your e-commerce store. For example, you can&amp;nbsp;&lt;a data-wpel-link=&quot;internal&quot; href=&quot;https://quadlayers.com/apply-coupons-in-woocommerce/&quot; style=&quot;background: transparent; border: 0px; box-sizing: border-box; color: #303133; outline: 0px; text-decoration-line: none; transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, background-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, border-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;&quot;&gt;apply WooCommerce coupons programmatically&lt;/a&gt;.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; line-height: 1.75; margin: 18px 0px 0px;&quot;&gt;However, you can also&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; color: #303133; font-weight: 600;&quot;&gt;update the product price without using coupons&lt;/span&gt;. For example, you could give an exclusive discount to users that are subscribed to your newsletter or who have spent more than $100 in your store.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; line-height: 1.75; margin: 18px 0px 0px;&quot;&gt;In this guide, you’ll learn to change the price when customers add a product to the cart without using any coupons and by accessing the WooCommerce cart object directly. We’ll have a look at some examples and apply some logic when updating the price. The goal is that you understand the logic so you can customize the scripts and apply them to your store.&lt;/p&gt;&lt;h2 style=&quot;-webkit-font-smoothing: antialiased; background-color: white; box-sizing: border-box; color: #303133; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 29px; line-height: 1.2; margin: 27px 0px 0px;&quot;&gt;How to update the product price programmatically in WooCommerce&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; line-height: 1.75; margin: 18px 0px 0px;&quot;&gt;In this section, you’ll learn&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; color: #303133; font-weight: 600;&quot;&gt;how to update the product price programmatically in WooCommerce&lt;/span&gt;. We’ll have a look at different examples to give you some ideas of what you can do in your store.&lt;/p&gt;&lt;ol style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; margin: 18px 0px 0px 18px; padding: 0px;&quot;&gt;&lt;li style=&quot;box-sizing: border-box; line-height: 1.75; margin: 0px;&quot;&gt;Update product price when a checkbox is selected&lt;ol style=&quot;box-sizing: border-box; margin: 0px 0px 0px 9px; padding: 0px;&quot;&gt;&lt;li style=&quot;box-sizing: border-box; line-height: 1.75; margin: 0px;&quot;&gt;Add the checkbox input field to the products page&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; line-height: 1.75; margin: 0px;&quot;&gt;Update the price when a user adds a product to the cart&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; line-height: 1.75; margin: 0px;&quot;&gt;Recalculate the total price of the cart&lt;/li&gt;&lt;/ol&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; line-height: 1.75; margin: 0px;&quot;&gt;Edit the product price based on user roles&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; line-height: 1.75; margin: 0px;&quot;&gt;Update the product price based on product taxonomy&lt;/li&gt;&lt;/ol&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; line-height: 1.75; margin: 18px 0px 0px;&quot;&gt;Keep in mind that we’ll use several WooCommerce hooks so it’s a good idea to check out&amp;nbsp;&lt;a data-wpel-link=&quot;internal&quot; href=&quot;https://quadlayers.com/how-to-use-woocommerce-hooks/&quot; style=&quot;background: transparent; border: 0px; box-sizing: border-box; color: #303133; outline: 0px; text-decoration-line: none; transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, background-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, border-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;&quot;&gt;this guide&lt;/a&gt;&amp;nbsp;if you’re not familiar with them.&lt;/p&gt;&lt;h4 style=&quot;-webkit-font-smoothing: antialiased; background-color: white; box-sizing: border-box; color: #303133; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 20px; line-height: 1.2; margin: 27px 0px 0px;&quot;&gt;Before we start…&lt;/h4&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; line-height: 1.75; margin: 18px 0px 0px;&quot;&gt;Before we start, as we’ll make modifications to some core files, we recommend you install a child theme on your site.&amp;nbsp;If you don’t have a child theme and you don’t know how to install it, check out our&amp;nbsp;&lt;a data-wpel-link=&quot;internal&quot; href=&quot;https://quadlayers.com/create-a-child-theme-in-wordpress/&quot; style=&quot;background: transparent; border: 0px; box-sizing: border-box; color: #303133; outline: 0px; text-decoration-line: none; transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, background-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, border-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;&quot;&gt;guide to create a child theme&lt;/a&gt;&amp;nbsp;or our&amp;nbsp;&lt;a data-wpel-link=&quot;internal&quot; href=&quot;https://quadlayers.com/best-child-theme-plugins-wordpress/&quot; style=&quot;background: transparent; border: 0px; box-sizing: border-box; color: #303133; outline: 0px; text-decoration-line: none; transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, background-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, border-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;&quot;&gt;list of the best child theme plugins&lt;/a&gt;.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; line-height: 1.75; margin: 18px 0px 0px;&quot;&gt;&lt;em style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; color: #303133; font-weight: 600;&quot;&gt;NOTE&lt;/span&gt;: To apply these scripts, copy and paste them in the&amp;nbsp;&lt;code style=&quot;background-color: #f7f7f7; border-radius: 2px; box-sizing: border-box; font-family: Monaco, monospace; line-height: 1.75; margin: 18px 0px 0px; padding: 4px;&quot;&gt;functions.php&lt;/code&gt;&amp;nbsp;file of the child theme. However, keep in mind that they’re intended for didactic purposes only so customize them before taking them to production.&lt;/em&gt;&lt;/p&gt;&lt;h3 style=&quot;-webkit-font-smoothing: antialiased; background-color: white; box-sizing: border-box; color: #303133; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 24px; line-height: 1.2; margin: 27px 0px 0px;&quot;&gt;1) Update product price when a checkbox is selected&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; line-height: 1.75; margin: 18px 0px 0px;&quot;&gt;In the following sample script, we’ll&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; color: #303133; font-weight: 600;&quot;&gt;add a checkbox input in the cart form on the product page&lt;/span&gt;. This way, we can apply custom logic and dynamically update the price of any product that customers add to the cart only when the checkbox is selected.&lt;img alt=&quot;How to update product price programmatically in WooCommerce&quot; class=&quot;aligncenter size-full wp-image-138642&quot; decoding=&quot;async&quot; height=&quot;665&quot; src=&quot;https://quadlayers.com/wp-content/uploads/2020/10/update_price_ql.png&quot; style=&quot;border: 0px; box-sizing: border-box; display: block; float: none; height: auto; margin-left: auto; margin-right: auto; max-width: 100%; width: auto;&quot; width=&quot;937&quot; /&gt;&lt;/p&gt;&lt;h4 style=&quot;-webkit-font-smoothing: antialiased; background-color: white; box-sizing: border-box; color: #303133; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 20px; line-height: 1.2; margin: 27px 0px 0px;&quot;&gt;1.1 Add the checkbox input field to the products page&lt;/h4&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; line-height: 1.75; margin: 18px 0px 0px;&quot;&gt;Before we update the WooCommerce product price programmatically, let’s&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; color: #303133; font-weight: 600;&quot;&gt;add the checkbox to the products page&lt;/span&gt;. To do that, simply copy and paste the following script:&lt;/p&gt;&lt;pre style=&quot;background-color: #f7f7f7; border-radius: 2px; border: 1px solid rgb(234, 234, 234); box-sizing: border-box; color: #777777; font-family: Monaco, monospace; font-size: 13px; line-height: 1.75; margin-bottom: 36px; margin-top: 36px; overflow-wrap: break-word; overflow: auto; padding: 36px; position: relative; white-space: pre-wrap; word-break: break-all;&quot;&gt;add_action(&#39;woocommerce_after_add_to_cart_button&#39;, &#39;add_check_box_to_product_page&#39;, 30 );
function add_check_box_to_product_page(){ ?&amp;gt;     
       &amp;lt;div style=&quot;margin-top:20px&quot;&amp;gt;           
&amp;lt;label for=&quot;extra_pack&quot;&amp;gt; &amp;lt;?php _e( &#39;Extra packaging&#39;, &#39;quadlayers&#39; ); ?&amp;gt;
&amp;lt;input type=&quot;checkbox&quot; name=&quot;extra_pack&quot; value=&quot;extra_pack&quot;&amp;gt; 
&amp;lt;/label&amp;gt;
                    
&amp;lt;/div&amp;gt;
     &amp;lt;?php
}&lt;div class=&quot;open_grepper_editor&quot; style=&quot;background-color: black; background-image: url(&amp;quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA8gBBAEG7NC6zAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4wwNFQsGe+TrNQAAADxpVFh0Q29tbWVudAAAAAAAUHJvY2Vzc2VkIEJ5IGVCYXkgd2l0aCBJbWFnZU1hZ2ljaywgejEuMS4wLiB8fEIyejRLlgAAA0RJREFUOMuNlE0odG8Yxn/nOc+c+TCimCkUGYUmjLJgUtgqKQt2srC1sLextbak9EqyHktfO1G+lZIkGVOiTseMMfPMjOe/0IzXy9/7/pbn1NV1X/d9Pcbw8LDmG7TW5PN5DMPANE0MwwDAMAyUUry9vSGlREqJ1h8S4k8BgLe3NwzDYHR0lLGxsdI3gEwmQyQSYWpqimAwiFLqkxFZUhYCv9+P4zgIIZBS0tTUhGmauN1uXl9fUUpRX1/P+Pg4Qggsy/rkruQwm81SV1fH9PQ0ra2t5PN5UqkUu7u7pFIpMpkMQgjy+Ty9vb04jsPc3BzxeBzLsr4KGoZBJpPB7/fT29tLoVBACMHLywvPz8+k02kKhQKNjY2Ew2Hm5+eJx+OYpvklewFgWRb39/fs7OwQCoUIBAIopfB6vdi2XcpwaGiI1dVVbNvG5/N9t8sPh263m1gsRiKRIBqNks1mqaio4PHxkXw+T39/Pzc3N5yfn+N2u/k/hGmaaK3JZDJorfn16xft7e1UVVXh8/l4fHykpaWFcDjMxsYGXq/3yyJ+x5yZmZmdmJggmUySzWZ5enqivLycjo4O3G43tm0TjUbZ3t7Gtm2klPyEMTk5qTs7O2lubqasrIx0Oo3L5aK6uhqtNVJKtra2iMViSCkpFApIKT8d+yeHNTU1s5eXl+zv77O3t4fP56OtrQ2lFLlcDpfLVTr4wcFBAHK5HI7joJTCMAyEEAjx3hFZrE+xUicnJ/T09ODxePB6vVxcXLC+vo5SCq01oVCI7u5uDMPg4eGB6+tr4vE4juO81/H36mmt8Xg8SCmxLIuLiwsWFxdLDg4PDzk+PkZKSUNDA5FIhJGRESorK3Ech7W1NcyWlpbZomgulyMYDDIwMMDt7S1LS0vFMUp1NE0TIQS2bXN0dMTZ2RmBQICmpqZ3M3+GWlNTw/PzMwsLCyilvt2q1hohBOXl5SSTSZaXlzk9PeX+/v5DsBhuV1cXKysrJJNJPB4Pf8PlcgFwcHDwPknxh1KKcDiMbducnp7+2IbvsCzrPeviCAB9fX1sbm7i8/m+vbF/QQAUCgVqa2u5uroikUh8+4r8K7KYw8PDA3d3d3g8nh+7+jf+A6kWbVI0BmDOAAAAAElFTkSuQmCC&amp;quot;) !important; background-size: 20px 20px; box-sizing: border-box; cursor: pointer; height: 20px; position: absolute; right: 0px; top: 0px; width: 20px;&quot; title=&quot;Edit &amp;amp; Save To Grepper&quot;&gt;&lt;/div&gt;&lt;/pre&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; line-height: 1.75; margin: 18px 0px 0px;&quot;&gt;The&amp;nbsp;&lt;code style=&quot;background-color: #f7f7f7; border-radius: 2px; box-sizing: border-box; font-family: Monaco, monospace; line-height: 1.75; margin: 18px 0px 0px; padding: 4px;&quot;&gt;woocommerce_after_add_to_cart_button&lt;/code&gt;&amp;nbsp;hook allows us to print the checkbox right after the button as shown in the image above.&lt;/p&gt;&lt;h4 style=&quot;-webkit-font-smoothing: antialiased; background-color: white; box-sizing: border-box; color: #303133; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 20px; line-height: 1.2; margin: 27px 0px 0px;&quot;&gt;1.2 Update the price when the user adds a product to the cart&lt;/h4&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; line-height: 1.75; margin: 18px 0px 0px;&quot;&gt;Another interesting option is to&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; color: #303133; font-weight: 600;&quot;&gt;update the price dynamically when customers add a product to their carts&lt;/span&gt;. So, in this case, to update the price programmatically in WooCommerce simply paste this script right after the previous one.&lt;/p&gt;&lt;pre style=&quot;background-color: #f7f7f7; border-radius: 2px; border: 1px solid rgb(234, 234, 234); box-sizing: border-box; color: #777777; font-family: Monaco, monospace; font-size: 13px; line-height: 1.75; margin-bottom: 36px; margin-top: 36px; overflow-wrap: break-word; overflow: auto; padding: 36px; position: relative; white-space: pre-wrap; word-break: break-all;&quot;&gt;add_filter( &#39;woocommerce_add_cart_item_data&#39;, &#39;add_cart_item_data&#39;, 10, 3 );
 
function add_cart_item_data( $cart_item_data, $product_id, $variation_id ) {
     // get product id &amp;amp; price
    $product = wc_get_product( $product_id );
    $price = $product-&amp;gt;get_price();
    // extra pack checkbox
    if( ! empty( $_POST[&#39;extra_pack&#39;] ) ) {
       
        $cart_item_data[&#39;new_price&#39;] = $price + 15;
    }
return $cart_item_data;
}&lt;div class=&quot;open_grepper_editor&quot; style=&quot;background-color: black; background-image: url(&amp;quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA8gBBAEG7NC6zAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4wwNFQsGe+TrNQAAADxpVFh0Q29tbWVudAAAAAAAUHJvY2Vzc2VkIEJ5IGVCYXkgd2l0aCBJbWFnZU1hZ2ljaywgejEuMS4wLiB8fEIyejRLlgAAA0RJREFUOMuNlE0odG8Yxn/nOc+c+TCimCkUGYUmjLJgUtgqKQt2srC1sLextbak9EqyHktfO1G+lZIkGVOiTseMMfPMjOe/0IzXy9/7/pbn1NV1X/d9Pcbw8LDmG7TW5PN5DMPANE0MwwDAMAyUUry9vSGlREqJ1h8S4k8BgLe3NwzDYHR0lLGxsdI3gEwmQyQSYWpqimAwiFLqkxFZUhYCv9+P4zgIIZBS0tTUhGmauN1uXl9fUUpRX1/P+Pg4Qggsy/rkruQwm81SV1fH9PQ0ra2t5PN5UqkUu7u7pFIpMpkMQgjy+Ty9vb04jsPc3BzxeBzLsr4KGoZBJpPB7/fT29tLoVBACMHLywvPz8+k02kKhQKNjY2Ew2Hm5+eJx+OYpvklewFgWRb39/fs7OwQCoUIBAIopfB6vdi2XcpwaGiI1dVVbNvG5/N9t8sPh263m1gsRiKRIBqNks1mqaio4PHxkXw+T39/Pzc3N5yfn+N2u/k/hGmaaK3JZDJorfn16xft7e1UVVXh8/l4fHykpaWFcDjMxsYGXq/3yyJ+x5yZmZmdmJggmUySzWZ5enqivLycjo4O3G43tm0TjUbZ3t7Gtm2klPyEMTk5qTs7O2lubqasrIx0Oo3L5aK6uhqtNVJKtra2iMViSCkpFApIKT8d+yeHNTU1s5eXl+zv77O3t4fP56OtrQ2lFLlcDpfLVTr4wcFBAHK5HI7joJTCMAyEEAjx3hFZrE+xUicnJ/T09ODxePB6vVxcXLC+vo5SCq01oVCI7u5uDMPg4eGB6+tr4vE4juO81/H36mmt8Xg8SCmxLIuLiwsWFxdLDg4PDzk+PkZKSUNDA5FIhJGRESorK3Ech7W1NcyWlpbZomgulyMYDDIwMMDt7S1LS0vFMUp1NE0TIQS2bXN0dMTZ2RmBQICmpqZ3M3+GWlNTw/PzMwsLCyilvt2q1hohBOXl5SSTSZaXlzk9PeX+/v5DsBhuV1cXKysrJJNJPB4Pf8PlcgFwcHDwPknxh1KKcDiMbducnp7+2IbvsCzrPeviCAB9fX1sbm7i8/m+vbF/QQAUCgVqa2u5uroikUh8+4r8K7KYw8PDA3d3d3g8nh+7+jf+A6kWbVI0BmDOAAAAAElFTkSuQmCC&amp;quot;) !important; background-size: 20px 20px; box-sizing: border-box; cursor: pointer; height: 20px; position: absolute; right: 0px; top: 0px; width: 20px;&quot; title=&quot;Edit &amp;amp; Save To Grepper&quot;&gt;&lt;/div&gt;&lt;/pre&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; line-height: 1.75; margin: 18px 0px 0px;&quot;&gt;&lt;code style=&quot;background-color: #f7f7f7; border-radius: 2px; box-sizing: border-box; font-family: Monaco, monospace; line-height: 1.75; margin: 18px 0px 0px; padding: 4px;&quot;&gt;woocommerce_add_cart_item_data&lt;/code&gt;&amp;nbsp;is the&amp;nbsp;&lt;a data-wpel-link=&quot;internal&quot; href=&quot;https://quadlayers.com/how-to-use-woocommerce-hooks/&quot; style=&quot;background: transparent; border: 0px; box-sizing: border-box; color: #303133; outline: 0px; text-decoration-line: none; transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, background-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, border-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;&quot;&gt;WooCommerce hook&lt;/a&gt;&amp;nbsp;that will allow us to edit the price of the current product. Additionally, the&amp;nbsp;&lt;code style=&quot;background-color: #f7f7f7; border-radius: 2px; box-sizing: border-box; font-family: Monaco, monospace; line-height: 1.75; margin: 18px 0px 0px; padding: 4px;&quot;&gt;if()&amp;nbsp;&lt;/code&gt;conditional checks whether the checkbox is selected or not, and if it is, updates the price in the following line. Now, let’s break down the code to better understand what each part does.&lt;/p&gt;&lt;ul style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; list-style-image: initial; list-style-position: initial; margin: 18px 0px 0px; padding: 0px 0px 0px 18px;&quot;&gt;&lt;li style=&quot;box-sizing: border-box; line-height: 1.75; margin: 0px;&quot;&gt;&lt;code style=&quot;background-color: #f7f7f7; border-radius: 2px; box-sizing: border-box; font-family: Monaco, monospace; line-height: 1.75; margin: 18px 0px 0px; padding: 4px;&quot;&gt;extra_pack&lt;/code&gt;&amp;nbsp;is the name of the checkbox we’ve created in the previous step&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; line-height: 1.75; margin: 0px;&quot;&gt;&lt;code style=&quot;background-color: #f7f7f7; border-radius: 2px; box-sizing: border-box; font-family: Monaco, monospace; line-height: 1.75; margin: 18px 0px 0px; padding: 4px;&quot;&gt;$price&amp;nbsp;&lt;/code&gt;is the current product price. We can modify it as we want with some conditions&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; line-height: 1.75; margin: 0px;&quot;&gt;&lt;code style=&quot;background-color: #f7f7f7; border-radius: 2px; box-sizing: border-box; font-family: Monaco, monospace; line-height: 1.75; margin: 18px 0px 0px; padding: 4px;&quot;&gt;$cart_item_data[&#39;new_price&#39;] = $price + 15;&lt;/code&gt;&amp;nbsp;is how we increase the price by $15 when the&amp;nbsp;&lt;code style=&quot;background-color: #f7f7f7; border-radius: 2px; box-sizing: border-box; font-family: Monaco, monospace; line-height: 1.75; margin: 18px 0px 0px; padding: 4px;&quot;&gt;if()&lt;/code&gt;&amp;nbsp;conditional is true, this is when the user selects the extra packaging checkbox. By adjusting the code, you can choose to increase or decrease the price by any amount you want.&lt;/li&gt;&lt;/ul&gt;&lt;h4 style=&quot;-webkit-font-smoothing: antialiased; background-color: white; box-sizing: border-box; color: #303133; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 20px; line-height: 1.2; margin: 27px 0px 0px;&quot;&gt;1.3 Recalculate the total price of the cart&lt;/h4&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; line-height: 1.75; margin: 18px 0px 0px;&quot;&gt;Since we can call the&amp;nbsp;&lt;code style=&quot;background-color: #f7f7f7; border-radius: 2px; box-sizing: border-box; font-family: Monaco, monospace; line-height: 1.75; margin: 18px 0px 0px; padding: 4px;&quot;&gt;woocommerce_add_cart_item_data&lt;/code&gt;&amp;nbsp;hook several times when loading the cart, we need to&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; color: #303133; font-weight: 600;&quot;&gt;recalculate the totals and subtotals of the cart&lt;/span&gt;&amp;nbsp;to avoid undesired results such as prices being updated multiple times or every time a user adds a product. To update the product, paste the following code after the previous two ones:&lt;/p&gt;&lt;pre style=&quot;background-color: #f7f7f7; border-radius: 2px; border: 1px solid rgb(234, 234, 234); box-sizing: border-box; color: #777777; font-family: Monaco, monospace; font-size: 13px; line-height: 1.75; margin-bottom: 36px; margin-top: 36px; overflow-wrap: break-word; overflow: auto; padding: 36px; position: relative; white-space: pre-wrap; word-break: break-all;&quot;&gt;add_action( &#39;woocommerce_before_calculate_totals&#39;, &#39;before_calculate_totals&#39;, 10, 1 );
 
function before_calculate_totals( $cart_obj ) {
if ( is_admin() &amp;amp;&amp;amp; ! defined( &#39;DOING_AJAX&#39; ) ) {
return;
}
// Iterate through each cart item
foreach( $cart_obj-&amp;gt;get_cart() as $key=&amp;gt;$value ) {
if( isset( $value[&#39;new_price&#39;] ) ) {
$price = $value[&#39;new_price&#39;];
$value[&#39;data&#39;]-&amp;gt;set_price( ( $price ) );
}
}
}
&lt;div class=&quot;open_grepper_editor&quot; style=&quot;background-color: black; background-image: url(&amp;quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA8gBBAEG7NC6zAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4wwNFQsGe+TrNQAAADxpVFh0Q29tbWVudAAAAAAAUHJvY2Vzc2VkIEJ5IGVCYXkgd2l0aCBJbWFnZU1hZ2ljaywgejEuMS4wLiB8fEIyejRLlgAAA0RJREFUOMuNlE0odG8Yxn/nOc+c+TCimCkUGYUmjLJgUtgqKQt2srC1sLextbak9EqyHktfO1G+lZIkGVOiTseMMfPMjOe/0IzXy9/7/pbn1NV1X/d9Pcbw8LDmG7TW5PN5DMPANE0MwwDAMAyUUry9vSGlREqJ1h8S4k8BgLe3NwzDYHR0lLGxsdI3gEwmQyQSYWpqimAwiFLqkxFZUhYCv9+P4zgIIZBS0tTUhGmauN1uXl9fUUpRX1/P+Pg4Qggsy/rkruQwm81SV1fH9PQ0ra2t5PN5UqkUu7u7pFIpMpkMQgjy+Ty9vb04jsPc3BzxeBzLsr4KGoZBJpPB7/fT29tLoVBACMHLywvPz8+k02kKhQKNjY2Ew2Hm5+eJx+OYpvklewFgWRb39/fs7OwQCoUIBAIopfB6vdi2XcpwaGiI1dVVbNvG5/N9t8sPh263m1gsRiKRIBqNks1mqaio4PHxkXw+T39/Pzc3N5yfn+N2u/k/hGmaaK3JZDJorfn16xft7e1UVVXh8/l4fHykpaWFcDjMxsYGXq/3yyJ+x5yZmZmdmJggmUySzWZ5enqivLycjo4O3G43tm0TjUbZ3t7Gtm2klPyEMTk5qTs7O2lubqasrIx0Oo3L5aK6uhqtNVJKtra2iMViSCkpFApIKT8d+yeHNTU1s5eXl+zv77O3t4fP56OtrQ2lFLlcDpfLVTr4wcFBAHK5HI7joJTCMAyEEAjx3hFZrE+xUicnJ/T09ODxePB6vVxcXLC+vo5SCq01oVCI7u5uDMPg4eGB6+tr4vE4juO81/H36mmt8Xg8SCmxLIuLiwsWFxdLDg4PDzk+PkZKSUNDA5FIhJGRESorK3Ech7W1NcyWlpbZomgulyMYDDIwMMDt7S1LS0vFMUp1NE0TIQS2bXN0dMTZ2RmBQICmpqZ3M3+GWlNTw/PzMwsLCyilvt2q1hohBOXl5SSTSZaXlzk9PeX+/v5DsBhuV1cXKysrJJNJPB4Pf8PlcgFwcHDwPknxh1KKcDiMbducnp7+2IbvsCzrPeviCAB9fX1sbm7i8/m+vbF/QQAUCgVqa2u5uroikUh8+4r8K7KYw8PDA3d3d3g8nh+7+jf+A6kWbVI0BmDOAAAAAElFTkSuQmCC&amp;quot;) !important; background-size: 20px 20px; box-sizing: border-box; cursor: pointer; height: 20px; position: absolute; right: 0px; top: 0px; width: 20px;&quot; title=&quot;Edit &amp;amp; Save To Grepper&quot;&gt;&lt;/div&gt;&lt;/pre&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; line-height: 1.75; margin: 18px 0px 0px;&quot;&gt;This function ensures that we only update the price when a product matches our conditional logic (that the user selects the extra packaging checkbox). This way, we prevent all possible errors when calculating the total price of the cart.&amp;nbsp;&lt;img alt=&quot;Update product price programmatically in WooCommerce - Extra fee&quot; class=&quot;alignnone wp-image-138648 size-full&quot; decoding=&quot;async&quot; height=&quot;652&quot; src=&quot;https://quadlayers.com/wp-content/uploads/2020/10/added_tocart.png&quot; style=&quot;border: 0px; box-sizing: border-box; float: none; height: auto; max-width: 100%; width: auto;&quot; width=&quot;920&quot; /&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; line-height: 1.75; margin: 18px 0px 0px; text-align: center;&quot;&gt;&lt;i style=&quot;box-sizing: border-box;&quot;&gt;Product price increases by $15&lt;/i&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; line-height: 1.75; margin: 18px 0px 0px;&quot;&gt;If everything went fine and the cart meets the conditions we set, our function will add an extra $15 charge to the original price when the user selects the checkbox on the product page, before clicking the Add to cart button.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; line-height: 1.75; margin: 18px 0px 0px;&quot;&gt;To avoid cart abandonment and improve the buying experience, you should always&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; color: #303133; font-weight: 600;&quot;&gt;display the new price before the customers add the products to their carts&lt;/span&gt;. Otherwise, they’ll only see the final price on the checkout page.&lt;/p&gt;&lt;h3 style=&quot;-webkit-font-smoothing: antialiased; background-color: white; box-sizing: border-box; color: #303133; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 24px; line-height: 1.2; margin: 27px 0px 0px;&quot;&gt;2. Edit the product price based on user roles&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; line-height: 1.75; margin: 18px 0px 0px;&quot;&gt;Similarly, we can&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; color: #303133; font-weight: 600;&quot;&gt;update the WooCommerce product price programmatically based on user roles&lt;/span&gt;. For example, you could give subscribed or registered users an exclusive discount. To do that, copy and paste the following script:&lt;/p&gt;&lt;pre style=&quot;background-color: #f7f7f7; border-radius: 2px; border: 1px solid rgb(234, 234, 234); box-sizing: border-box; color: #777777; font-family: Monaco, monospace; font-size: 13px; line-height: 1.75; margin-bottom: 36px; margin-top: 36px; overflow-wrap: break-word; overflow: auto; padding: 36px; position: relative; white-space: pre-wrap; word-break: break-all;&quot;&gt;function add_cart_item_data( $cart_item_data, $product_id, $variation_id ) {
    // get product id &amp;amp; price
   $product = wc_get_product( $product_id );
   $price = $product-&amp;gt;get_price();
   if(// Is logged in &amp;amp;&amp;amp; is customer role
       is_user_logged_in()==true&amp;amp;&amp;amp; wc_current_user_has_role( &#39;customer&#39; )){
       
        $cart_item_data[&#39;new_price&#39;] = $price * 0.8;
   }
return $cart_item_data;
}
add_filter( &#39;woocommerce_add_cart_item_data&#39;, &#39;add_cart_item_data&#39;, 10, 3 );
&lt;div class=&quot;open_grepper_editor&quot; style=&quot;background-color: black; background-image: url(&amp;quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA8gBBAEG7NC6zAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4wwNFQsGe+TrNQAAADxpVFh0Q29tbWVudAAAAAAAUHJvY2Vzc2VkIEJ5IGVCYXkgd2l0aCBJbWFnZU1hZ2ljaywgejEuMS4wLiB8fEIyejRLlgAAA0RJREFUOMuNlE0odG8Yxn/nOc+c+TCimCkUGYUmjLJgUtgqKQt2srC1sLextbak9EqyHktfO1G+lZIkGVOiTseMMfPMjOe/0IzXy9/7/pbn1NV1X/d9Pcbw8LDmG7TW5PN5DMPANE0MwwDAMAyUUry9vSGlREqJ1h8S4k8BgLe3NwzDYHR0lLGxsdI3gEwmQyQSYWpqimAwiFLqkxFZUhYCv9+P4zgIIZBS0tTUhGmauN1uXl9fUUpRX1/P+Pg4Qggsy/rkruQwm81SV1fH9PQ0ra2t5PN5UqkUu7u7pFIpMpkMQgjy+Ty9vb04jsPc3BzxeBzLsr4KGoZBJpPB7/fT29tLoVBACMHLywvPz8+k02kKhQKNjY2Ew2Hm5+eJx+OYpvklewFgWRb39/fs7OwQCoUIBAIopfB6vdi2XcpwaGiI1dVVbNvG5/N9t8sPh263m1gsRiKRIBqNks1mqaio4PHxkXw+T39/Pzc3N5yfn+N2u/k/hGmaaK3JZDJorfn16xft7e1UVVXh8/l4fHykpaWFcDjMxsYGXq/3yyJ+x5yZmZmdmJggmUySzWZ5enqivLycjo4O3G43tm0TjUbZ3t7Gtm2klPyEMTk5qTs7O2lubqasrIx0Oo3L5aK6uhqtNVJKtra2iMViSCkpFApIKT8d+yeHNTU1s5eXl+zv77O3t4fP56OtrQ2lFLlcDpfLVTr4wcFBAHK5HI7joJTCMAyEEAjx3hFZrE+xUicnJ/T09ODxePB6vVxcXLC+vo5SCq01oVCI7u5uDMPg4eGB6+tr4vE4juO81/H36mmt8Xg8SCmxLIuLiwsWFxdLDg4PDzk+PkZKSUNDA5FIhJGRESorK3Ech7W1NcyWlpbZomgulyMYDDIwMMDt7S1LS0vFMUp1NE0TIQS2bXN0dMTZ2RmBQICmpqZ3M3+GWlNTw/PzMwsLCyilvt2q1hohBOXl5SSTSZaXlzk9PeX+/v5DsBhuV1cXKysrJJNJPB4Pf8PlcgFwcHDwPknxh1KKcDiMbducnp7+2IbvsCzrPeviCAB9fX1sbm7i8/m+vbF/QQAUCgVqa2u5uroikUh8+4r8K7KYw8PDA3d3d3g8nh+7+jf+A6kWbVI0BmDOAAAAAElFTkSuQmCC&amp;quot;) !important; background-size: 20px 20px; box-sizing: border-box; cursor: pointer; height: 20px; position: absolute; right: 0px; top: 0px; width: 20px;&quot; title=&quot;Edit &amp;amp; Save To Grepper&quot;&gt;&lt;/div&gt;&lt;/pre&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; line-height: 1.75; margin: 18px 0px 0px;&quot;&gt;As you can see, the only difference between this script and the previous one in point 1.2 is the&amp;nbsp;&lt;code style=&quot;background-color: #f7f7f7; border-radius: 2px; box-sizing: border-box; font-family: Monaco, monospace; line-height: 1.75; margin: 18px 0px 0px; padding: 4px;&quot;&gt;if()&amp;nbsp;&lt;/code&gt;logic operator. Here, we are checking whether the user is logged in or not and if it has a customer role, which we assign to registered users who have purchased from our store before.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; line-height: 1.75; margin: 18px 0px 0px;&quot;&gt;When a shopper meets that condition, we&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; color: #303133; font-weight: 600;&quot;&gt;multiply the product price by 0.8&lt;/span&gt;, giving them a 20% discount. Of course, you can edit the user roles and change them for others such as Subscriber, Editor, or any other roles that you have registered on your website.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; line-height: 1.75; margin: 18px 0px 0px;&quot;&gt;Note that to work properly, you also need to use the&amp;nbsp;&lt;code style=&quot;background-color: #f7f7f7; border-radius: 2px; box-sizing: border-box; font-family: Monaco, monospace; line-height: 1.75; margin: 18px 0px 0px; padding: 4px;&quot;&gt;&#39;before_calculate_totals&#39;&lt;/code&gt;&amp;nbsp;function and its hook to recalculate the cart totals. So simply use recalculate the total price of the cart script we saw in step 1.3.&lt;/p&gt;&lt;h3 style=&quot;-webkit-font-smoothing: antialiased; background-color: white; box-sizing: border-box; color: #303133; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 24px; line-height: 1.2; margin: 27px 0px 0px;&quot;&gt;3. Update product price based on product taxonomy&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; line-height: 1.75; margin: 18px 0px 0px;&quot;&gt;Finally, in WooCommerce we can also&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; color: #303133; font-weight: 600;&quot;&gt;dynamically update the product price programmatically based on product taxonomies&lt;/span&gt;. To do that, let’s have a look at the following script.&lt;/p&gt;&lt;pre style=&quot;background-color: #f7f7f7; border-radius: 2px; border: 1px solid rgb(234, 234, 234); box-sizing: border-box; color: #777777; font-family: Monaco, monospace; font-size: 13px; line-height: 1.75; margin-bottom: 36px; margin-top: 36px; overflow-wrap: break-word; overflow: auto; padding: 36px; position: relative; white-space: pre-wrap; word-break: break-all;&quot;&gt;add_filter( &#39;woocommerce_add_cart_item_data&#39;, &#39;add_cart_item_data&#39;, 10, 3 );
 
function add_cart_item_data( $cart_item_data, $product_id, $variation_id ) {
     // get product id &amp;amp; price
    $product = wc_get_product( $product_id );
    $price = $product-&amp;gt;get_price();
    $terms = get_the_terms( $product_id, &#39;product_cat&#39; );
    // Category match ! apply discount
    if($terms[0]-&amp;gt;name==&#39;Posters&#39;){                    
        $cart_item_data[&#39;new_price&#39;] = $price + 20;
     }   
return $cart_item_data;
 
}
&lt;div class=&quot;open_grepper_editor&quot; style=&quot;background-color: black; background-image: url(&amp;quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA8gBBAEG7NC6zAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4wwNFQsGe+TrNQAAADxpVFh0Q29tbWVudAAAAAAAUHJvY2Vzc2VkIEJ5IGVCYXkgd2l0aCBJbWFnZU1hZ2ljaywgejEuMS4wLiB8fEIyejRLlgAAA0RJREFUOMuNlE0odG8Yxn/nOc+c+TCimCkUGYUmjLJgUtgqKQt2srC1sLextbak9EqyHktfO1G+lZIkGVOiTseMMfPMjOe/0IzXy9/7/pbn1NV1X/d9Pcbw8LDmG7TW5PN5DMPANE0MwwDAMAyUUry9vSGlREqJ1h8S4k8BgLe3NwzDYHR0lLGxsdI3gEwmQyQSYWpqimAwiFLqkxFZUhYCv9+P4zgIIZBS0tTUhGmauN1uXl9fUUpRX1/P+Pg4Qggsy/rkruQwm81SV1fH9PQ0ra2t5PN5UqkUu7u7pFIpMpkMQgjy+Ty9vb04jsPc3BzxeBzLsr4KGoZBJpPB7/fT29tLoVBACMHLywvPz8+k02kKhQKNjY2Ew2Hm5+eJx+OYpvklewFgWRb39/fs7OwQCoUIBAIopfB6vdi2XcpwaGiI1dVVbNvG5/N9t8sPh263m1gsRiKRIBqNks1mqaio4PHxkXw+T39/Pzc3N5yfn+N2u/k/hGmaaK3JZDJorfn16xft7e1UVVXh8/l4fHykpaWFcDjMxsYGXq/3yyJ+x5yZmZmdmJggmUySzWZ5enqivLycjo4O3G43tm0TjUbZ3t7Gtm2klPyEMTk5qTs7O2lubqasrIx0Oo3L5aK6uhqtNVJKtra2iMViSCkpFApIKT8d+yeHNTU1s5eXl+zv77O3t4fP56OtrQ2lFLlcDpfLVTr4wcFBAHK5HI7joJTCMAyEEAjx3hFZrE+xUicnJ/T09ODxePB6vVxcXLC+vo5SCq01oVCI7u5uDMPg4eGB6+tr4vE4juO81/H36mmt8Xg8SCmxLIuLiwsWFxdLDg4PDzk+PkZKSUNDA5FIhJGRESorK3Ech7W1NcyWlpbZomgulyMYDDIwMMDt7S1LS0vFMUp1NE0TIQS2bXN0dMTZ2RmBQICmpqZ3M3+GWlNTw/PzMwsLCyilvt2q1hohBOXl5SSTSZaXlzk9PeX+/v5DsBhuV1cXKysrJJNJPB4Pf8PlcgFwcHDwPknxh1KKcDiMbducnp7+2IbvsCzrPeviCAB9fX1sbm7i8/m+vbF/QQAUCgVqa2u5uroikUh8+4r8K7KYw8PDA3d3d3g8nh+7+jf+A6kWbVI0BmDOAAAAAElFTkSuQmCC&amp;quot;) !important; background-size: 20px 20px; box-sizing: border-box; cursor: pointer; height: 20px; position: absolute; right: 0px; top: 0px; width: 20px;&quot; title=&quot;Edit &amp;amp; Save To Grepper&quot;&gt;&lt;/div&gt;&lt;/pre&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; line-height: 1.75; margin: 18px 0px 0px;&quot;&gt;In this example, we are getting the category of the product that has been added to the cart using the&amp;nbsp;&lt;code style=&quot;background-color: #f7f7f7; border-radius: 2px; box-sizing: border-box; font-family: Monaco, monospace; line-height: 1.75; margin: 18px 0px 0px; padding: 4px;&quot;&gt;get_the_terms()&lt;/code&gt;&amp;nbsp;WordPress inbuilt function.&amp;nbsp;In the next line, we apply our conditional to retrieve the category of the product using&amp;nbsp;&lt;code style=&quot;background-color: #f7f7f7; border-radius: 2px; box-sizing: border-box; font-family: Monaco, monospace; line-height: 1.75; margin: 18px 0px 0px; padding: 4px;&quot;&gt;$terms[0]-&amp;gt;name&lt;/code&gt;. This way, if the product belongs to the category Posters, we increase the price by $20.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; line-height: 1.75; margin: 18px 0px 0px;&quot;&gt;This is a sample script that you can take as a base and edit it to change both the taxonomy and the amount you want to add or deduct from the price.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; line-height: 1.75; margin: 18px 0px 0px;&quot;&gt;Finally, remember that you need to use the&amp;nbsp;&lt;code style=&quot;background-color: #f7f7f7; border-radius: 2px; box-sizing: border-box; font-family: Monaco, monospace; line-height: 1.75; margin: 18px 0px 0px; padding: 4px;&quot;&gt;&#39;before_calculate_totals&#39;&lt;/code&gt;&amp;nbsp;function and its corresponding hook as we did in&amp;nbsp;step 1.3.&lt;/p&gt;&lt;hr style=&quot;background-color: white; border-bottom: 0px solid rgb(234, 234, 234); border-image: initial; border-left: 0px solid rgb(234, 234, 234); border-right: 0px solid rgb(234, 234, 234); border-top-color: rgb(234, 234, 234); border-top-style: solid; box-sizing: content-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; height: 0px; margin: 27px 0px;&quot; /&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; line-height: 1.75; margin: 18px 0px 0px;&quot;&gt;As you can see, the know-how of using conditional and WordPress/WooCommerce functions will provide an extremely flexible way to update product prices programmatically. These are just a few examples to give you ideas of what’s possible.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; line-height: 1.75; margin: 18px 0px 0px;&quot;&gt;However, there’s a lot more you can do so unleash your creativity and find new ways to edit the price of your products. For example, you can&amp;nbsp;&lt;a data-wpel-link=&quot;internal&quot; href=&quot;https://quadlayers.com/how-to-setup-woocommerce-coupons/&quot; style=&quot;background: transparent; border: 0px; box-sizing: border-box; color: #303133; outline: 0px; text-decoration-line: none; transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, background-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, border-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;&quot;&gt;apply discounts&lt;/a&gt;&amp;nbsp;on specific product IDs, based on the URL the users came from, depending on the users’ location or ID, and so on. The possibilities are endless so play around with the script and find the best solutions for your store.&lt;/p&gt;&lt;h4 style=&quot;-webkit-font-smoothing: antialiased; background-color: white; box-sizing: border-box; color: #303133; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 20px; line-height: 1.2; margin: 27px 0px 0px;&quot;&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;FINAL NOTES&lt;/span&gt;&lt;/h4&gt;&lt;ul style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: SF-Pro-Display, Roboto, sans-serif; font-size: 16px; list-style-image: initial; list-style-position: initial; margin: 18px 0px 0px; padding: 0px 0px 0px 18px;&quot;&gt;&lt;li style=&quot;box-sizing: border-box; line-height: 1.75; margin: 0px;&quot;&gt;These sample scripts in points 1, 2, and 3 will not work together. You will need to refine your logic into a single one if you want to apply multiple functions at the same time&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; line-height: 1.75; margin: 0px;&quot;&gt;You may need to include additional validation functions for more complex conditional logic&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; line-height: 1.75; margin: 0px;&quot;&gt;Always apply a recalculation function – as seen in point 1.3 – when working with the WooCommerce cart object&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; line-height: 1.75; margin: 0px;&quot;&gt;These are sample scripts and are intended for didactic purposes only. Please adjust them before taking them into production&lt;/li&gt;&lt;/ul&gt;&lt;div&gt;&lt;span face=&quot;SF-Pro-Display, Roboto, sans-serif&quot; style=&quot;color: #777777;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;h4 style=&quot;text-align: left;&quot;&gt;&lt;i&gt;&lt;span style=&quot;color: #cc0000;&quot;&gt;&lt;span face=&quot;Roboto, sans-serif&quot; style=&quot;background-color: white; font-size: 15px;&quot;&gt;Source:&amp;nbsp;&lt;/span&gt;&lt;span face=&quot;Roboto, sans-serif&quot;&gt;&lt;span style=&quot;font-size: 15px;&quot;&gt;https://quadlayers.com/update-product-price-programmatically-in-woocommerce/&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/i&gt;&lt;span face=&quot;Roboto, sans-serif&quot; style=&quot;background-color: white; font-size: 15px;&quot;&gt;&lt;i&gt;&lt;span style=&quot;color: #cc0000;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/i&gt;&lt;/span&gt;&lt;i&gt;&lt;span style=&quot;color: #cc0000;&quot;&gt;&lt;span face=&quot;Roboto, sans-serif&quot; style=&quot;background-color: white; font-size: 15px;&quot;&gt;Credit :&amp;nbsp;&lt;/span&gt;&lt;a data-wpel-link=&quot;internal&quot; href=&quot;https://quadlayers.com/author/sebastopolys-8779/&quot; style=&quot;background: rgb(255, 255, 255); border: 0px; box-sizing: border-box; font-family: Poppins; font-size: 12px; font-weight: 600; letter-spacing: 0.6px; outline: 0px; text-decoration-line: none; text-transform: uppercase; transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, background-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, border-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;&quot;&gt;SEBASTOPOLYS&lt;/a&gt;&lt;/span&gt;&lt;/i&gt;&lt;/h4&gt;</content><link rel='replies' type='application/atom+xml' href='http://jasimalikhan.blogspot.com/feeds/7237341795787918440/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://jasimalikhan.blogspot.com/2022/11/how-to-update-product-price.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/7237341795787918440'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/7237341795787918440'/><link rel='alternate' type='text/html' href='http://jasimalikhan.blogspot.com/2022/11/how-to-update-product-price.html' title='How to update product price programmatically in WooCommerce'/><author><name>Jasim Ali Khan</name><uri>http://www.blogger.com/profile/01684195966180752975</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4648682226035640118.post-6181481915777195462</id><published>2022-10-26T04:07:00.002-07:00</published><updated>2022-10-26T04:07:51.804-07:00</updated><title type='text'>Add image file upload field to WooCommerce single products</title><content type='html'>&lt;p&gt;&lt;span style=&quot;background-color: white; color: #232629; font-family: -apple-system, &amp;quot;system-ui&amp;quot;, &amp;quot;Segoe UI Adjusted&amp;quot;, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif; font-size: 15px;&quot;&gt;You could try the following, that will store uploaded image data as custom cart item data and save it as custom order item meta data:&lt;/span&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: var(--highlight-comment); font-family: inherit; font-size: 13px; font-style: inherit; font-variant-caps: inherit; font-variant-ligatures: inherit; font-weight: inherit; white-space: inherit;&quot;&gt;// Display additional product fields (+ jQuery code)&lt;/span&gt;&lt;/p&gt;&lt;pre class=&quot;lang-php s-code-block&quot; style=&quot;border-radius: var(--br-md); border: 0px; box-sizing: inherit; color: var(--highlight-color); font-family: var(--ff-mono); font-size: var(--fs-body1); font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: var(--lh-md); margin-bottom: calc(var(--s-prose-spacing) + 0.4em); margin-top: 0px; max-height: 600px; overflow-wrap: normal; overflow: auto; padding: var(--su12); position: relative; vertical-align: baseline; width: auto;&quot;&gt;&lt;code class=&quot;hljs language-php&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-size: var(--fs-body1); font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;&quot;&gt;&lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;add_action&lt;/span&gt;( &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;woocommerce_before_add_to_cart_button&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;display_additional_product_fields&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-number&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;9&lt;/span&gt; );
&lt;span class=&quot;hljs-function&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;function&lt;/span&gt; &lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;display_additional_product_fields&lt;/span&gt;(&lt;span class=&quot;hljs-params&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;/span&gt;)&lt;/span&gt;{
    &lt;span class=&quot;hljs-meta&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;?&amp;gt;&lt;/span&gt;
    &amp;lt;p &lt;span class=&quot;hljs-class&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;=&quot;&lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;form&lt;/span&gt;-&lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;row&lt;/span&gt; &lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;validate&lt;/span&gt;-&lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;required&lt;/span&gt;&quot; &lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;id&lt;/span&gt;=&quot;&lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;image&lt;/span&gt;&quot; &amp;gt;
        &amp;lt;&lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;label&lt;/span&gt; &lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;for&lt;/span&gt;=&quot;&lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;file_field&lt;/span&gt;&quot;&amp;gt;&amp;lt;?&lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;php&lt;/span&gt; &lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;echo&lt;/span&gt; &lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;__&lt;/span&gt;(&quot;&lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Upload&lt;/span&gt; &lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Image&lt;/span&gt;&quot;) . &#39;: &#39;; ?&amp;gt;
            &amp;lt;&lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;input&lt;/span&gt; &lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;type&lt;/span&gt;=&#39;&lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;file&lt;/span&gt;&#39; &lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;name&lt;/span&gt;=&#39;&lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;image&lt;/span&gt;&#39; &lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;accept&lt;/span&gt;=&#39;&lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;image&lt;/span&gt;/*&#39;&amp;gt;
        &amp;lt;/&lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;label&lt;/span&gt;&amp;gt;
    &amp;lt;/&lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;p&lt;/span&gt;&amp;gt;
    &amp;lt;?&lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;php&lt;/span&gt;
}


// &lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Add&lt;/span&gt; &lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;custom&lt;/span&gt; &lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;fields&lt;/span&gt; &lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;data&lt;/span&gt; &lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;as&lt;/span&gt; &lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;the&lt;/span&gt; &lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;cart&lt;/span&gt; &lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;item&lt;/span&gt; &lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;custom&lt;/span&gt; &lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;data&lt;/span&gt;
&lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;add_filter&lt;/span&gt;( &#39;&lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;woocommerce_add_cart_item_data&lt;/span&gt;&#39;, &#39;&lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;add_custom_fields_data_as_custom_cart_item_data&lt;/span&gt;&#39;, 10, 2 );
&lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;function&lt;/span&gt; &lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;add_custom_fields_data_as_custom_cart_item_data&lt;/span&gt;( $&lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;cart_item&lt;/span&gt;, $&lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;product_id&lt;/span&gt; )&lt;/span&gt;{
    &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;if&lt;/span&gt;( &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;isset&lt;/span&gt;(&lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$_FILES&lt;/span&gt;[&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;image&#39;&lt;/span&gt;]) &amp;amp;&amp;amp; ! &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;empty&lt;/span&gt;(&lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$_FILES&lt;/span&gt;[&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;image&#39;&lt;/span&gt;]) ) {
        &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$upload&lt;/span&gt;       = &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;wp_upload_bits&lt;/span&gt;( &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$_FILES&lt;/span&gt;[&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;image&#39;&lt;/span&gt;][&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;name&#39;&lt;/span&gt;], &lt;span class=&quot;hljs-literal&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;null&lt;/span&gt;, &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;file_get_contents&lt;/span&gt;( &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$_FILES&lt;/span&gt;[&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;image&#39;&lt;/span&gt;][&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;tmp_name&#39;&lt;/span&gt;] ) );
        &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$filetype&lt;/span&gt;     = &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;wp_check_filetype&lt;/span&gt;( &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;basename&lt;/span&gt;( &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$upload&lt;/span&gt;[&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;file&#39;&lt;/span&gt;] ), &lt;span class=&quot;hljs-literal&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;null&lt;/span&gt; );
        &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$upload_dir&lt;/span&gt;   = &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;wp_upload_dir&lt;/span&gt;();
        &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$upl_base_url&lt;/span&gt; = &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;is_ssl&lt;/span&gt;() ? &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;str_replace&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;http://&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;https://&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$upload_dir&lt;/span&gt;[&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;baseurl&#39;&lt;/span&gt;]) : &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$upload_dir&lt;/span&gt;[&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;baseurl&#39;&lt;/span&gt;];
        &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$base_name&lt;/span&gt;    = &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;basename&lt;/span&gt;( &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$upload&lt;/span&gt;[&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;file&#39;&lt;/span&gt;] );

        &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$cart_item&lt;/span&gt;[&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;file_upload&#39;&lt;/span&gt;] = &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(
            &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;guid&#39;&lt;/span&gt;      =&amp;gt; &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$upl_base_url&lt;/span&gt; .&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;/&#39;&lt;/span&gt;. &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;_wp_relative_upload_path&lt;/span&gt;( &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$upload&lt;/span&gt;[&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;file&#39;&lt;/span&gt;] ), &lt;span class=&quot;hljs-comment&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-comment); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;// Url&lt;/span&gt;
            &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;file_type&#39;&lt;/span&gt; =&amp;gt; &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$filetype&lt;/span&gt;[&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;type&#39;&lt;/span&gt;], &lt;span class=&quot;hljs-comment&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-comment); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;// File type&lt;/span&gt;
            &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;file_name&#39;&lt;/span&gt; =&amp;gt; &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$base_name&lt;/span&gt;, &lt;span class=&quot;hljs-comment&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-comment); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;// File name&lt;/span&gt;
            &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;title&#39;&lt;/span&gt;     =&amp;gt; &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;ucfirst&lt;/span&gt;( &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;preg_replace&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;/\.[^.]+$/&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$base_name&lt;/span&gt; ) ), &lt;span class=&quot;hljs-comment&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-comment); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;// Title&lt;/span&gt;
        );
        &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$cart_item&lt;/span&gt;[&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;unique_key&#39;&lt;/span&gt;] = &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;md5&lt;/span&gt;( &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;microtime&lt;/span&gt;().&lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;rand&lt;/span&gt;() ); &lt;span class=&quot;hljs-comment&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-comment); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;// Avoid merging items&lt;/span&gt;
    }
    &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$cart_item&lt;/span&gt;;
}

&lt;span class=&quot;hljs-comment&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-comment); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;// Display custom cart item data in cart (optional)&lt;/span&gt;
&lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;add_filter&lt;/span&gt;( &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;woocommerce_get_item_data&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;display_custom_item_data&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-number&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;10&lt;/span&gt;, &lt;span class=&quot;hljs-number&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;2&lt;/span&gt; );
&lt;span class=&quot;hljs-function&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;function&lt;/span&gt; &lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;display_custom_item_data&lt;/span&gt;(&lt;span class=&quot;hljs-params&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt; &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$cart_item_data&lt;/span&gt;, &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$cart_item&lt;/span&gt; &lt;/span&gt;) &lt;/span&gt;{
    &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;if&lt;/span&gt; ( &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;isset&lt;/span&gt;( &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$cart_item&lt;/span&gt;[&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;file_upload&#39;&lt;/span&gt;][&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;title&#39;&lt;/span&gt;] ) ){
        &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$cart_item_data&lt;/span&gt;[] = &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(
            &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;name&#39;&lt;/span&gt; =&amp;gt; &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;__&lt;/span&gt;( &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Image uploaded&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;woocommerce&#39;&lt;/span&gt; ),
            &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;value&#39;&lt;/span&gt; =&amp;gt;  &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;str_pad&lt;/span&gt;(&lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$cart_item&lt;/span&gt;[&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;file_upload&#39;&lt;/span&gt;][&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;title&#39;&lt;/span&gt;], &lt;span class=&quot;hljs-number&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;16&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;X&#39;&lt;/span&gt;, STR_PAD_LEFT) . &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;…&#39;&lt;/span&gt;,
        );
    }
    &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$cart_item_data&lt;/span&gt;;
}

&lt;span class=&quot;hljs-comment&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-comment); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;// Save Image data as order item meta data&lt;/span&gt;
&lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;add_action&lt;/span&gt;( &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;woocommerce_checkout_create_order_line_item&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;custom_field_update_order_item_meta&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-number&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;20&lt;/span&gt;, &lt;span class=&quot;hljs-number&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;4&lt;/span&gt; );
&lt;span class=&quot;hljs-function&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;function&lt;/span&gt; &lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;custom_field_update_order_item_meta&lt;/span&gt;(&lt;span class=&quot;hljs-params&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt; &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$item&lt;/span&gt;, &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$cart_item_key&lt;/span&gt;, &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$values&lt;/span&gt;, &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$order&lt;/span&gt; &lt;/span&gt;) &lt;/span&gt;{
    &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;if&lt;/span&gt; ( &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;isset&lt;/span&gt;( &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$values&lt;/span&gt;[&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;file_upload&#39;&lt;/span&gt;] ) ){
        &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$item&lt;/span&gt;-&amp;gt;&lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;update_meta_data&lt;/span&gt;( &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;_img_file&#39;&lt;/span&gt;,  &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$values&lt;/span&gt;[&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;file_upload&#39;&lt;/span&gt;] );
    }
}

&lt;span class=&quot;hljs-comment&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-comment); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;// Admin orders: Display a linked button + the link of the image file&lt;/span&gt;
&lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;add_action&lt;/span&gt;( &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;woocommerce_after_order_itemmeta&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;backend_image_link_after_order_itemmeta&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-number&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;10&lt;/span&gt;, &lt;span class=&quot;hljs-number&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;3&lt;/span&gt; );
&lt;span class=&quot;hljs-function&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;function&lt;/span&gt; &lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;backend_image_link_after_order_itemmeta&lt;/span&gt;(&lt;span class=&quot;hljs-params&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt; &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$item_id&lt;/span&gt;, &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$item&lt;/span&gt;, &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$product&lt;/span&gt; &lt;/span&gt;) &lt;/span&gt;{
    &lt;span class=&quot;hljs-comment&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-comment); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;// Only in backend for order line items (avoiding errors)&lt;/span&gt;
    &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;if&lt;/span&gt;( &lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;is_admin&lt;/span&gt;() &amp;amp;&amp;amp; &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$item&lt;/span&gt;-&amp;gt;&lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;is_type&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;line_item&#39;&lt;/span&gt;) &amp;amp;&amp;amp; &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$file_data&lt;/span&gt; = &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$item&lt;/span&gt;-&amp;gt;&lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;get_meta&lt;/span&gt;( &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;_img_file&#39;&lt;/span&gt; ) ){
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;echo&lt;/span&gt; &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;&amp;lt;p&amp;gt;&amp;lt;a href=&quot;&#39;&lt;/span&gt;.&lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$file_data&lt;/span&gt;[&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;guid&#39;&lt;/span&gt;].&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;&quot; target=&quot;_blank&quot; class=&quot;button&quot;&amp;gt;&#39;&lt;/span&gt;.&lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;__&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;Open Image&quot;&lt;/span&gt;) . &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;&#39;&lt;/span&gt;; &lt;span class=&quot;hljs-comment&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-comment); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;// Optional&lt;/span&gt;
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;echo&lt;/span&gt; &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;&amp;lt;p&amp;gt;&amp;lt;code&amp;gt;&#39;&lt;/span&gt;.&lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$file_data&lt;/span&gt;[&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;guid&#39;&lt;/span&gt;].&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;&amp;lt;/code&amp;gt;&amp;lt;/p&amp;gt;&#39;&lt;/span&gt;; &lt;span class=&quot;hljs-comment&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-comment); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;// Optional&lt;/span&gt;
    }
}

&lt;span class=&quot;hljs-comment&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-comment); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;// Admin new order email: Display a linked button + the link of the image file&lt;/span&gt;
&lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;add_action&lt;/span&gt;( &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;woocommerce_email_after_order_table&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;wc_email_new_order_custom_meta_data&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-number&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;10&lt;/span&gt;, &lt;span class=&quot;hljs-number&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;4&lt;/span&gt;);
&lt;span class=&quot;hljs-function&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;function&lt;/span&gt; &lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;wc_email_new_order_custom_meta_data&lt;/span&gt;(&lt;span class=&quot;hljs-params&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt; &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$order&lt;/span&gt;, &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$sent_to_admin&lt;/span&gt;, &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$plain_text&lt;/span&gt;, &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$email&lt;/span&gt; &lt;/span&gt;)&lt;/span&gt;{
    &lt;span class=&quot;hljs-comment&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-comment); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;// On &quot;new order&quot; email notifications&lt;/span&gt;
    &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;if&lt;/span&gt; ( &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;new_order&#39;&lt;/span&gt; === &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$email&lt;/span&gt;-&amp;gt;id ) {
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;foreach&lt;/span&gt; (&lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$order&lt;/span&gt;-&amp;gt;&lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;get_items&lt;/span&gt;() &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;as&lt;/span&gt; &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$item&lt;/span&gt; ) {
            &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;if&lt;/span&gt; ( &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$file_data&lt;/span&gt; = &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$item&lt;/span&gt;-&amp;gt;&lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;get_meta&lt;/span&gt;( &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;_img_file&#39;&lt;/span&gt; ) ) {
                &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;echo&lt;/span&gt; &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;&amp;lt;p&amp;gt;
                    &amp;lt;a href=&quot;&#39;&lt;/span&gt;.&lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$file_data&lt;/span&gt;[&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;guid&#39;&lt;/span&gt;].&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;&quot; target=&quot;_blank&quot; class=&quot;button&quot;&amp;gt;&#39;&lt;/span&gt;.&lt;span class=&quot;hljs-title function_ invoke__&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;__&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;Download Image&quot;&lt;/span&gt;) . &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;
                    &amp;lt;pre&amp;gt;&amp;lt;code style=&quot;font-size:12px; background-color:#eee; padding:5px;&quot;&amp;gt;&#39;&lt;/span&gt;.&lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$file_data&lt;/span&gt;[&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;guid&#39;&lt;/span&gt;].&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;
                &amp;lt;/p&amp;gt;&amp;lt;br&amp;gt;&#39;&lt;/span&gt;;
            }
        }
    }
}&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;Source:&amp;nbsp;https://stackoverflow.com/questions/62847710/add-image-file-upload-field-to-woocommerce-single-products&amp;nbsp;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://jasimalikhan.blogspot.com/feeds/6181481915777195462/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://jasimalikhan.blogspot.com/2022/10/add-image-file-upload-field-to.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/6181481915777195462'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/6181481915777195462'/><link rel='alternate' type='text/html' href='http://jasimalikhan.blogspot.com/2022/10/add-image-file-upload-field-to.html' title='Add image file upload field to WooCommerce single products'/><author><name>Jasim Ali Khan</name><uri>http://www.blogger.com/profile/01684195966180752975</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4648682226035640118.post-1763788564677510890</id><published>2022-01-24T22:39:00.007-08:00</published><updated>2022-01-24T22:39:54.305-08:00</updated><title type='text'>Remove jQuery Validate error class from input fields and apply on error labels only</title><content type='html'>&lt;p&gt;&lt;b&gt;&amp;nbsp;You can use the following method to remove error class apply on form elements.&lt;/b&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #800180;&quot;&gt;$(&#39;#addNewForm&#39;).validate({&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #800180;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; highlight: function(element) {&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #800180;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; $(element).removeClass(&quot;error&quot;);&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #800180;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; }&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #800180;&quot;&gt;});&lt;/span&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://jasimalikhan.blogspot.com/feeds/1763788564677510890/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://jasimalikhan.blogspot.com/2022/01/remove-jquery-validate-error-class-from.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/1763788564677510890'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/1763788564677510890'/><link rel='alternate' type='text/html' href='http://jasimalikhan.blogspot.com/2022/01/remove-jquery-validate-error-class-from.html' title='Remove jQuery Validate error class from input fields and apply on error labels only'/><author><name>Jasim Ali Khan</name><uri>http://www.blogger.com/profile/01684195966180752975</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4648682226035640118.post-5171023991133162535</id><published>2021-09-05T05:54:00.001-07:00</published><updated>2021-09-05T05:54:11.208-07:00</updated><title type='text'>Disable dynamic dropdown option value onchange another dynamic dropdown</title><content type='html'>&lt;div class=&quot;answercell post-layout--right&quot; style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #232629; font-family: -apple-system, system-ui, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif; font-size: 13px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; grid-column: 2 / auto; line-height: inherit; margin: 0px; min-width: 0px; padding: 0px 16px 0px 0px; vertical-align: baseline; width: auto;&quot;&gt;&lt;div class=&quot;s-prose js-post-body&quot; itemprop=&quot;text&quot; style=&quot;--s-prose-line-height: 1.5; --s-prose-spacing-condensed: calc(var(--s-prose-spacing) / 2); --s-prose-spacing: 1.1em; border: 0px; box-sizing: inherit; font-family: var(--theme-question-body-font-family); font-size: 15px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: var(--s-prose-line-height); margin: 0px; overflow-wrap: break-word; padding: 0px; vertical-align: baseline; width: 659px;&quot;&gt;&lt;p style=&quot;border: 0px; box-sizing: inherit; clear: both; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: var(--s-prose-spacing); margin-left: 0px; margin-right: 0px; margin-top: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;I would make a function that checks every selected value, and then enables all&amp;nbsp;&lt;code style=&quot;background-color: var(--black-075); border-radius: 3px; border: 0px; box-sizing: inherit; color: var(--black-800); font-family: var(--ff-mono); font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;option&lt;/code&gt;s, searches through the&amp;nbsp;&lt;code style=&quot;background-color: var(--black-075); border-radius: 3px; border: 0px; box-sizing: inherit; color: var(--black-800); font-family: var(--ff-mono); font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;.staff_list&lt;/code&gt;s for&amp;nbsp;&lt;code style=&quot;background-color: var(--black-075); border-radius: 3px; border: 0px; box-sizing: inherit; color: var(--black-800); font-family: var(--ff-mono); font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;option&lt;/code&gt;s&amp;nbsp;&lt;em style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;in that array that are not currently selected&lt;/em&gt;, and disables them all.&lt;/p&gt;&lt;p style=&quot;border: 0px; box-sizing: inherit; clear: both; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: var(--s-prose-spacing); margin-left: 0px; margin-right: 0px; margin-top: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Add that function as a listener to the&amp;nbsp;&lt;code style=&quot;background-color: var(--black-075); border-radius: 3px; border: 0px; box-sizing: inherit; color: var(--black-800); font-family: var(--ff-mono); font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;wrapper&lt;/code&gt;&amp;nbsp;(with event delegation)&amp;nbsp;&lt;em style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;and&lt;/em&gt;&amp;nbsp;run it after more&amp;nbsp;&lt;code style=&quot;background-color: var(--black-075); border-radius: 3px; border: 0px; box-sizing: inherit; color: var(--black-800); font-family: var(--ff-mono); font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;&amp;lt;select&amp;gt;&lt;/code&gt;s are appended (to ensure the new options&#39; values get properly disabled),&amp;nbsp;&lt;em style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;and&lt;/em&gt;&amp;nbsp;run it after&amp;nbsp;&lt;code style=&quot;background-color: var(--black-075); border-radius: 3px; border: 0px; box-sizing: inherit; color: var(--black-800); font-family: var(--ff-mono); font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;&amp;lt;select&amp;gt;&lt;/code&gt;s are deleted (so that if that&amp;nbsp;&lt;code style=&quot;background-color: var(--black-075); border-radius: 3px; border: 0px; box-sizing: inherit; color: var(--black-800); font-family: var(--ff-mono); font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;&amp;lt;select&amp;gt;&lt;/code&gt;&amp;nbsp;had anything selected, its value is now enabled again in the other elements).&lt;/p&gt;&lt;p style=&quot;border: 0px; box-sizing: inherit; clear: both; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: var(--s-prose-spacing); margin-left: 0px; margin-right: 0px; margin-top: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;This ensures a correct re-calculation of disabled&amp;nbsp;&lt;code style=&quot;background-color: var(--black-075); border-radius: 3px; border: 0px; box-sizing: inherit; color: var(--black-800); font-family: var(--ff-mono); font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;option&lt;/code&gt;s whenever there&#39;s a change.&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #232629; font-family: inherit; font-size: 15px; font-style: inherit; font-variant-caps: inherit; font-variant-ligatures: inherit; font-weight: inherit;&quot;&gt;Note that because there are currently only 3 possible values (&lt;/span&gt;&lt;code style=&quot;border-radius: 3px; border: 0px; box-sizing: inherit; color: var(--black-800); font-family: var(--ff-mono); font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;a&lt;/code&gt;&lt;span style=&quot;background-color: white; color: #232629; font-family: inherit; font-size: 15px; font-style: inherit; font-variant-caps: inherit; font-variant-ligatures: inherit; font-weight: inherit;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;background-color: white; color: #232629; font-family: inherit; font-size: 15px; font-style: inherit; font-variant-caps: inherit; font-variant-ligatures: inherit; font-weight: inherit;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;code style=&quot;border-radius: 3px; border: 0px; box-sizing: inherit; color: var(--black-800); font-family: var(--ff-mono); font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;b&lt;/code&gt;&lt;span style=&quot;background-color: white; color: #232629; font-family: inherit; font-size: 15px; font-style: inherit; font-variant-caps: inherit; font-variant-ligatures: inherit; font-weight: inherit;&quot;&gt;, and&lt;/span&gt;&lt;span style=&quot;background-color: white; color: #232629; font-family: inherit; font-size: 15px; font-style: inherit; font-variant-caps: inherit; font-variant-ligatures: inherit; font-weight: inherit;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;code style=&quot;border-radius: 3px; border: 0px; box-sizing: inherit; color: var(--black-800); font-family: var(--ff-mono); font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;c&lt;/code&gt;&lt;span style=&quot;background-color: white; color: #232629; font-family: inherit; font-size: 15px; font-style: inherit; font-variant-caps: inherit; font-variant-ligatures: inherit; font-weight: inherit;&quot;&gt;), only three&lt;/span&gt;&lt;span style=&quot;background-color: white; color: #232629; font-family: inherit; font-size: 15px; font-style: inherit; font-variant-caps: inherit; font-variant-ligatures: inherit; font-weight: inherit;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;code style=&quot;border-radius: 3px; border: 0px; box-sizing: inherit; color: var(--black-800); font-family: var(--ff-mono); font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;select&lt;/code&gt;&lt;span style=&quot;background-color: white; color: #232629; font-family: inherit; font-size: 15px; font-style: inherit; font-variant-caps: inherit; font-variant-ligatures: inherit; font-weight: inherit;&quot;&gt;s can currently be changed - after that, every possible option (except the default) will be disabled.&lt;/span&gt;&amp;nbsp;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;pre class=&quot;snippet-code-js lang-js s-code-block&quot; style=&quot;border-radius: 5px; border: 0px; box-sizing: inherit; color: var(--highlight-color); font-family: var(--ff-mono); font-size: 13px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.30769; margin-bottom: calc(var(--s-prose-spacing) + 0.4em); margin-top: 0px; max-height: 600px; overflow-wrap: normal; overflow: auto; padding: 12px; vertical-align: baseline; width: auto;&quot;&gt;&lt;code class=&quot;hljs language-javascript&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;var&lt;/span&gt; add_button = $(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;.add_sign&quot;&lt;/span&gt;);
&lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;var&lt;/span&gt; wrapper = $(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;.sign&quot;&lt;/span&gt;);
&lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;var&lt;/span&gt; max_fields = &lt;span class=&quot;hljs-number&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;6&lt;/span&gt;;
&lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;var&lt;/span&gt; x = &lt;span class=&quot;hljs-number&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;1&lt;/span&gt;;


add_button.&lt;span class=&quot;hljs-title function_&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;click&lt;/span&gt;(&lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;function&lt;/span&gt;(&lt;span class=&quot;hljs-params&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;e&lt;/span&gt;) {
  &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;if&lt;/span&gt; (x &amp;lt; max_fields) {
    x++;
    wrapper.&lt;span class=&quot;hljs-title function_&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;append&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;&amp;lt;div  class=&quot;input-group sign_user&quot;&amp;gt;&amp;lt;select class=&quot;staff_list&quot; name=&quot;staff_id&quot;&amp;gt;&amp;lt;option value=&quot;&quot;&amp;gt;--Select staff--&amp;lt;/option&amp;gt;&amp;lt;option value=&quot;a&quot;&amp;gt;A&amp;lt;/option&amp;gt;&amp;lt;option value=&quot;b&quot;&amp;gt;B&amp;lt;/option&amp;gt;&amp;lt;option value=&quot;c&quot;&amp;gt;C&amp;lt;/option&amp;gt;&amp;lt;/select&amp;gt;&amp;lt;span class=&quot;input-group-btn delete_sign&quot;&amp;gt;&amp;lt;a href=&quot;#&quot; class=&quot;btn btn-sm btn-danger&quot;&amp;gt;X&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&#39;&lt;/span&gt;);
    &lt;span class=&quot;hljs-title function_&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;recalcDisabled&lt;/span&gt;();
  } &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;else&lt;/span&gt; {
    &lt;span class=&quot;hljs-title function_&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;alert&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Maximum 5 Authorised Signatory only!&#39;&lt;/span&gt;);
  }
});
&lt;span class=&quot;hljs-comment&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-comment); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;//Delete staff_list&lt;/span&gt;
$(wrapper).&lt;span class=&quot;hljs-title function_&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;on&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;click&quot;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;.delete_sign&quot;&lt;/span&gt;, &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;function&lt;/span&gt;(&lt;span class=&quot;hljs-params&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;e&lt;/span&gt;) {
  e.&lt;span class=&quot;hljs-title function_&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;preventDefault&lt;/span&gt;();
  $(&lt;span class=&quot;hljs-variable language_&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;this&lt;/span&gt;).&lt;span class=&quot;hljs-title function_&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;parent&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;div&#39;&lt;/span&gt;).&lt;span class=&quot;hljs-title function_&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;remove&lt;/span&gt;();
  &lt;span class=&quot;hljs-title function_&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;recalcDisabled&lt;/span&gt;();
  x--;
});
wrapper.&lt;span class=&quot;hljs-title function_&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;on&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;change&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;select&#39;&lt;/span&gt;, recalcDisabled);

&lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;function&lt;/span&gt; &lt;span class=&quot;hljs-title function_&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;recalcDisabled&lt;/span&gt;(&lt;span class=&quot;hljs-params&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;/span&gt;) {
  &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;const&lt;/span&gt; selectedValues = $(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;.staff_list&#39;&lt;/span&gt;)
    .&lt;span class=&quot;hljs-title function_&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;map&lt;/span&gt;(&lt;span class=&quot;hljs-function&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;span class=&quot;hljs-params&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;_, sel&lt;/span&gt;) =&amp;gt;&lt;/span&gt; sel.&lt;span class=&quot;hljs-property&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;value&lt;/span&gt;)
    .&lt;span class=&quot;hljs-title function_&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;get&lt;/span&gt;()
    .&lt;span class=&quot;hljs-title function_&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;filter&lt;/span&gt;(&lt;span class=&quot;hljs-title class_&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Boolean&lt;/span&gt;); &lt;span class=&quot;hljs-comment&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-comment); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;// Filter out the empty string&lt;/span&gt;
  $(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;.staff_list option&#39;&lt;/span&gt;).&lt;span class=&quot;hljs-title function_&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;prop&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;disabled&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-literal&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;false&lt;/span&gt;);
  selectedValues.&lt;span class=&quot;hljs-title function_&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;forEach&lt;/span&gt;(&lt;span class=&quot;hljs-function&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;hljs-params&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;value&lt;/span&gt; =&amp;gt;&lt;/span&gt; {
    $(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;`.staff_list[value!=&quot;&lt;span class=&quot;hljs-subst&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-color); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;${value}&lt;/span&gt;&quot;] option[value=&quot;&lt;span class=&quot;hljs-subst&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-color); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;${value}&lt;/span&gt;&quot;]`&lt;/span&gt;)
      .&lt;span class=&quot;hljs-title function_&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;prop&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;disabled&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-literal&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;true&lt;/span&gt;);
  });
}&lt;/code&gt;&lt;/pre&gt;&lt;pre class=&quot;snippet-code-js lang-js s-code-block&quot; style=&quot;border-radius: 5px; border: 0px; box-sizing: inherit; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.30769; margin-bottom: calc(var(--s-prose-spacing) + 0.4em); margin-top: 0px; max-height: 600px; overflow-wrap: normal; overflow: auto; padding: 12px; vertical-align: baseline; width: auto;&quot;&gt;&lt;code class=&quot;hljs language-javascript&quot; style=&quot;border: 0px; box-sizing: inherit; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;pre class=&quot;snippet-code-html lang-html s-code-block&quot; style=&quot;border-radius: 5px; border: 0px; box-sizing: inherit; color: var(--highlight-color); font-family: var(--ff-mono); font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.30769; margin-bottom: calc(var(--s-prose-spacing) + 0.4em); margin-top: 0px; max-height: 600px; overflow-wrap: normal; overflow: auto; padding: 12px; vertical-align: baseline; white-space: inherit; width: auto;&quot;&gt;&lt;code class=&quot;hljs language-xml&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;&quot;&gt;&lt;span class=&quot;hljs-tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;span class=&quot;hljs-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;script&lt;/span&gt; &lt;span class=&quot;hljs-attr&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-attribute); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;src&lt;/span&gt;=&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js&quot;&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;hljs-tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;span class=&quot;hljs-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;script&lt;/span&gt;&amp;gt;&lt;/span&gt;
&lt;span class=&quot;hljs-tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;span class=&quot;hljs-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;div&lt;/span&gt; &lt;span class=&quot;hljs-attr&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-attribute); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;=&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;sign&quot;&lt;/span&gt;&amp;gt;&lt;/span&gt;
  &lt;span class=&quot;hljs-tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;span class=&quot;hljs-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;button&lt;/span&gt; &lt;span class=&quot;hljs-attr&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-attribute); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;=&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;add_sign&quot;&lt;/span&gt;&amp;gt;&lt;/span&gt;Add New Field &lt;span class=&quot;hljs-symbol&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;amp;nbsp;&lt;/span&gt; 
    &lt;span class=&quot;hljs-tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;span class=&quot;hljs-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;span&lt;/span&gt; &lt;span class=&quot;hljs-attr&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-attribute); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;style&lt;/span&gt;=&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;font-size:16px; font-weight:bold;&quot;&lt;/span&gt;&amp;gt;&lt;/span&gt;+ &lt;span class=&quot;hljs-tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;span class=&quot;hljs-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;span&lt;/span&gt;&amp;gt;&lt;/span&gt;   &lt;span class=&quot;hljs-tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;span class=&quot;hljs-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;button&lt;/span&gt;&amp;gt;&lt;/span&gt;
&lt;span class=&quot;hljs-tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;span class=&quot;hljs-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;div&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div style=&quot;border-radius: 5px; border: 0px; box-sizing: inherit; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.30769; margin-bottom: calc(var(--s-prose-spacing) + 0.4em); margin-top: 0px; max-height: 600px; overflow-wrap: normal; overflow: auto; padding: 12px; text-align: left; vertical-align: baseline; width: auto;&quot;&gt;&lt;b style=&quot;color: var(--highlight-color); font-family: var(--ff-mono); font-size: 13px; font-style: inherit; font-variant-caps: inherit; font-variant-ligatures: inherit; white-space: inherit;&quot;&gt;Credit: &lt;/b&gt;CertainPerformance (&lt;a href=&quot;https://stackoverflow.com/users/9515207/certainperformance&quot;&gt;https://stackoverflow.com/users/9515207/certainperformance&lt;/a&gt;)&lt;/div&gt;&lt;div style=&quot;border-radius: 5px; border: 0px; box-sizing: inherit; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.30769; margin-bottom: calc(var(--s-prose-spacing) + 0.4em); margin-top: 0px; max-height: 600px; overflow-wrap: normal; overflow: auto; padding: 12px; text-align: left; vertical-align: baseline; width: auto;&quot;&gt;&lt;b style=&quot;color: var(--highlight-color); font-family: var(--ff-mono); font-size: 13px; font-style: inherit; font-variant-caps: inherit; font-variant-ligatures: inherit; white-space: inherit;&quot;&gt;Source: &lt;/b&gt;&lt;span style=&quot;font-family: Times;&quot;&gt;&lt;a href=&quot;https://stackoverflow.com/questions/51738465/disable-dynamic-dropdown-option-value-onchange-another-dynamic-dropdown&quot;&gt;https://stackoverflow.com/questions/51738465/disable-dynamic-dropdown-option-value-onchange-another-dynamic-dropdown&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;</content><link rel='replies' type='application/atom+xml' href='http://jasimalikhan.blogspot.com/feeds/5171023991133162535/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://jasimalikhan.blogspot.com/2021/09/disable-dynamic-dropdown-option-value.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/5171023991133162535'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/5171023991133162535'/><link rel='alternate' type='text/html' href='http://jasimalikhan.blogspot.com/2021/09/disable-dynamic-dropdown-option-value.html' title='Disable dynamic dropdown option value onchange another dynamic dropdown'/><author><name>Jasim Ali Khan</name><uri>http://www.blogger.com/profile/01684195966180752975</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4648682226035640118.post-7552832424241235285</id><published>2021-08-02T04:05:00.007-07:00</published><updated>2021-08-02T04:05:57.975-07:00</updated><title type='text'>Round number up to .49 or .99</title><content type='html'>&lt;p&gt;&amp;nbsp;&lt;span style=&quot;background-color: white; color: #242729; font-family: -apple-system, system-ui, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif; font-size: 15px;&quot;&gt;You need using custom round function for this. Because rounding to 0.49 is not standard way.&lt;/span&gt;&lt;/p&gt;&lt;pre class=&quot;lang-php s-code-block&quot; style=&quot;border-radius: 5px; border: 0px; box-sizing: inherit; color: var(--highlight-color); font-family: var(--ff-mono); font-size: 13px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.30769; margin-bottom: 0px; margin-top: 0px; max-height: 600px; overflow-wrap: normal; overflow: auto; padding: 12px; vertical-align: baseline; width: auto;&quot;&gt;&lt;code class=&quot;hljs language-php&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;&quot;&gt;    &lt;span class=&quot;hljs-function&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;function&lt;/span&gt; &lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;rounder&lt;/span&gt;(&lt;span class=&quot;hljs-params&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$num&lt;/span&gt;&lt;/span&gt;)&lt;/span&gt;{
    &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$fln&lt;/span&gt;= &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$num&lt;/span&gt;-floor(&lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$num&lt;/span&gt;);
    &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;if&lt;/span&gt; (&lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$fln&lt;/span&gt;&amp;gt;&lt;span class=&quot;hljs-number&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;0&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;and&lt;/span&gt; &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$fln&lt;/span&gt;&amp;lt;&lt;span class=&quot;hljs-number&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;0.5&lt;/span&gt;) &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$fln&lt;/span&gt;=&lt;span class=&quot;hljs-number&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;0.49&lt;/span&gt;;
    &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;else&lt;/span&gt; &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$fln&lt;/span&gt;=&lt;span class=&quot;hljs-number&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;0.99&lt;/span&gt;;

    &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;return&lt;/span&gt; floor(&lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$num&lt;/span&gt;)+&lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$fln&lt;/span&gt;;
    }
    &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;echo&lt;/span&gt; rounder(&lt;span class=&quot;hljs-number&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;5.24882&lt;/span&gt;);&lt;/code&gt;&lt;/pre&gt;&lt;pre class=&quot;lang-php s-code-block&quot; style=&quot;border-radius: 5px; border: 0px; box-sizing: inherit; color: var(--highlight-color); font-family: var(--ff-mono); font-size: 13px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.30769; margin-bottom: 0px; margin-top: 0px; max-height: 600px; overflow-wrap: normal; overflow: auto; padding: 12px; vertical-align: baseline; width: auto;&quot;&gt;source: &lt;a href=&quot;https://stackoverflow.com/questions/47389399/round-number-up-to-49-or-99&quot;&gt;https://stackoverflow.com/questions/47389399/round-number-up-to-49-or-99&lt;/a&gt;&lt;/pre&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #242729; font-family: -apple-system, system-ui, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif; font-size: 15px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://jasimalikhan.blogspot.com/feeds/7552832424241235285/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://jasimalikhan.blogspot.com/2021/08/round-number-up-to-49-or-99.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/7552832424241235285'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/7552832424241235285'/><link rel='alternate' type='text/html' href='http://jasimalikhan.blogspot.com/2021/08/round-number-up-to-49-or-99.html' title='Round number up to .49 or .99'/><author><name>Jasim Ali Khan</name><uri>http://www.blogger.com/profile/01684195966180752975</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4648682226035640118.post-4635353351489976102</id><published>2021-06-30T12:07:00.000-07:00</published><updated>2021-06-30T12:07:49.853-07:00</updated><title type='text'>PHP calculate a date based on function for working days for future</title><content type='html'>&lt;div class=&quot;s-prose js-post-body&quot; itemprop=&quot;text&quot; style=&quot;--s-prose-line-height: 1.5; --s-prose-spacing-condensed: calc(var(--s-prose-spacing) / 2); --s-prose-spacing: 1.1em; border: 0px; box-sizing: inherit; font-family: var(--theme-question-body-font-family); font-size: 15px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: var(--s-prose-line-height); margin: 0px; overflow-wrap: break-word; padding: 0px; vertical-align: baseline; width: 659px;&quot;&gt;&lt;p style=&quot;border: 0px; box-sizing: inherit; clear: both; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: var(--s-prose-spacing); margin-left: 0px; margin-right: 0px; margin-top: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;If someone&#39;s interested, I&#39;m using this function to add X business days to a date. The function takes in a timestamp and returns a timestamp. It&#39;s possible to specify the holidays via an array (if in the US, you can use&amp;nbsp;&lt;code style=&quot;border-radius: 3px; border: 0px; box-sizing: inherit; color: var(--black-800); font-family: var(--ff-mono); font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;usBankHolidays()&lt;/code&gt;).&lt;/p&gt;&lt;p style=&quot;border: 0px; box-sizing: inherit; clear: both; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: var(--s-prose-spacing); margin-left: 0px; margin-right: 0px; margin-top: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;At the moment, it&#39;s assuming Saturday and Sunday are not business days but that can be changed easily.&lt;/p&gt;&lt;p style=&quot;border: 0px; box-sizing: inherit; clear: both; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: var(--s-prose-spacing); margin-left: 0px; margin-right: 0px; margin-top: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;strong style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Code&lt;/strong&gt;:&lt;/p&gt;&lt;pre class=&quot;lang-php s-code-block&quot; style=&quot;border-radius: 5px; border: 0px; box-sizing: inherit; color: var(--highlight-color); font-family: var(--ff-mono); font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.30769; margin-bottom: calc(var(--s-prose-spacing) + 0.4em); margin-top: 0px; max-height: 600px; overflow-wrap: normal; overflow: auto; padding: 12px; vertical-align: baseline; width: auto;&quot;&gt;&lt;code class=&quot;hljs language-php&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;&quot;&gt;&lt;span class=&quot;hljs-function&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;function&lt;/span&gt; &lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;addBusinessDays&lt;/span&gt;(&lt;span class=&quot;hljs-params&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$date&lt;/span&gt;, &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$days&lt;/span&gt;, &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$holidays&lt;/span&gt; = &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-params&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;/span&gt;)&lt;/span&gt;) &lt;/span&gt;{
    &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$output&lt;/span&gt; = &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;new&lt;/span&gt; DateTime();
    &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$output&lt;/span&gt;-&amp;gt;setTimestamp(&lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$date&lt;/span&gt;);
    &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;while&lt;/span&gt; (&lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$days&lt;/span&gt; &amp;gt; &lt;span class=&quot;hljs-number&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;0&lt;/span&gt;) {
        &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$weekDay&lt;/span&gt; = &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$output&lt;/span&gt;-&amp;gt;format(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;N&#39;&lt;/span&gt;);

        &lt;span class=&quot;hljs-comment&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-comment); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;// Skip Saturday and Sunday&lt;/span&gt;
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;if&lt;/span&gt; (&lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$weekDay&lt;/span&gt; == &lt;span class=&quot;hljs-number&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;6&lt;/span&gt; || &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$weekDay&lt;/span&gt; == &lt;span class=&quot;hljs-number&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;7&lt;/span&gt;) {
            &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$output&lt;/span&gt; = &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$output&lt;/span&gt;-&amp;gt;add(&lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;new&lt;/span&gt; DateInterval(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;P1D&#39;&lt;/span&gt;));
            &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;continue&lt;/span&gt;;
        }

        &lt;span class=&quot;hljs-comment&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-comment); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;// Skip holidays&lt;/span&gt;
        &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$strDate&lt;/span&gt; = &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$output&lt;/span&gt;-&amp;gt;format(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Y-m-d&#39;&lt;/span&gt;);
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;foreach&lt;/span&gt; (&lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$holidays&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;as&lt;/span&gt; &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$s&lt;/span&gt;) {
            &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;if&lt;/span&gt; (&lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$s&lt;/span&gt; == &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$strDate&lt;/span&gt;) {
                &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$output&lt;/span&gt; = &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$output&lt;/span&gt;-&amp;gt;add(&lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;new&lt;/span&gt; DateInterval(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;P1D&#39;&lt;/span&gt;));
                &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;continue&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;2&lt;/span&gt;;
            }
        }

        &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$days&lt;/span&gt;--;
        &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$output&lt;/span&gt; = &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$output&lt;/span&gt;-&amp;gt;add(&lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;new&lt;/span&gt; DateInterval(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;P1D&#39;&lt;/span&gt;));
    }
    &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$output&lt;/span&gt;-&amp;gt;getTimestamp();
}

&lt;span class=&quot;hljs-function&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;function&lt;/span&gt; &lt;span class=&quot;hljs-title&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;usBankHolidays&lt;/span&gt;(&lt;span class=&quot;hljs-params&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$format&lt;/span&gt; = &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;datesonly&#39;&lt;/span&gt;&lt;/span&gt;) &lt;/span&gt;{
    &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$output&lt;/span&gt; = &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2015-05-25&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Memorial Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2015-07-03&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Independence Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2015-09-07&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Labor Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2015-10-12&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Columbus Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2015-11-11&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Veterans Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2015-11-26&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Thanksgiving Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2015-12-25&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Christmas Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2016-01-01&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;New Year Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2016-01-18&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Martin Luther King Jr. Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2016-02-15&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Presidents Day (Washingtons Birthday)&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2016-05-30&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Memorial Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2016-07-04&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Independence Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2016-09-05&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Labor Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2016-10-10&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Columbus Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2016-11-11&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Veterans Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2016-11-24&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Thanksgiving Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2016-12-25&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Christmas Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2017-01-02&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;New Year Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2017-01-16&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Martin Luther King Jr. Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2017-02-20&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Presidents Day (Washingtons Birthday)&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2017-05-29&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Memorial Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2017-07-04&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Independence Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2017-09-04&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Labor Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2017-10-09&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Columbus Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2017-11-10&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Veterans Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2017-11-23&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Thanksgiving Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2017-12-25&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Christmas Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2018-01-01&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;New Year Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2018-01-15&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Martin Luther King Jr. Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2018-02-19&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Presidents Day (Washingtons Birthday)&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2018-05-28&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Memorial Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2018-07-04&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Independence Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2018-09-03&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Labor Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2018-10-08&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Columbus Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2018-11-12&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Veterans Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2018-11-22&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Thanksgiving Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2018-12-25&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Christmas Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2019-01-01&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;New Year Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2019-01-21&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Martin Luther King Jr. Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2019-02-18&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Presidents Day (Washingtons Birthday)&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2019-05-27&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Memorial Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2019-07-04&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Independence Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2019-09-02&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Labor Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2019-10-14&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Columbus Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2019-11-11&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Veterans Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2019-11-28&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Thanksgiving Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2019-12-25&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Christmas Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2020-01-01&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;New Year Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2020-01-20&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Martin Luther King Jr. Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2020-02-17&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Presidents Day (Washingtons Birthday)&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2020-05-25&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Memorial Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2020-07-03&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Independence Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2020-09-07&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Labor Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2020-10-12&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Columbus Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2020-11-11&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Veterans Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2020-11-26&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Thanksgiving Day&#39;&lt;/span&gt;),
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;2020-12-25&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Christmas Day &#39;&lt;/span&gt;),
    );

    &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;if&lt;/span&gt; (&lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$format&lt;/span&gt; == &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;datesonly&#39;&lt;/span&gt;) {
        &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$temp&lt;/span&gt; = &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;array&lt;/span&gt;();
        &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;foreach&lt;/span&gt; (&lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$output&lt;/span&gt; &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;as&lt;/span&gt; &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$item&lt;/span&gt;) {
            &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$temp&lt;/span&gt;[] = &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$item&lt;/span&gt;[&lt;span class=&quot;hljs-number&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;0&lt;/span&gt;];
        }
        &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$output&lt;/span&gt; = &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$temp&lt;/span&gt;;
    }

    &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-keyword); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$output&lt;/span&gt;;
}
&lt;/code&gt;&lt;/pre&gt;&lt;p style=&quot;border: 0px; box-sizing: inherit; clear: both; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: var(--s-prose-spacing); margin-left: 0px; margin-right: 0px; margin-top: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;strong style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Usage:&lt;/strong&gt;&lt;/p&gt;&lt;pre class=&quot;lang-php s-code-block&quot; style=&quot;border-radius: 5px; border: 0px; box-sizing: inherit; color: var(--highlight-color); font-family: var(--ff-mono); font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.30769; margin-bottom: 0px; margin-top: 0px; max-height: 600px; overflow-wrap: normal; overflow: auto; padding: 12px; vertical-align: baseline; width: auto;&quot;&gt;&lt;code class=&quot;hljs language-php&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;&quot;&gt;&lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$deliveryDate&lt;/span&gt; = addBusinessDays(time(), &lt;span class=&quot;hljs-number&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-namespace); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;7&lt;/span&gt;, usBankHolidays());
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;div class=&quot;mt24&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 24px !important; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;grid fw-wrap ai-start jc-end gs8 gsy&quot; style=&quot;align-items: flex-start !important; border: 0px; box-sizing: inherit; display: flex; flex-wrap: wrap !important; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; justify-content: flex-end !important; line-height: inherit; margin: -4px 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;time datetime=&quot;2015-03-20T20:36:06&quot; itemprop=&quot;dateCreated&quot; style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #242729; font-family: -apple-system, system-ui, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;/time&gt;&lt;div class=&quot;grid--cell mr16&quot; style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #242729; flex: 1 1 100px; font-family: -apple-system, system-ui, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 4px 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;js-post-menu pt2&quot; data-post-id=&quot;29175410&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 2px !important; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;grid d-flex gs8 s-anchors s-anchors__muted fw-wrap&quot; style=&quot;border: 0px; box-sizing: inherit; display: flex !important; flex-wrap: wrap !important; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: -4px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&lt;b&gt;&lt;i&gt;&lt;span style=&quot;color: #cc0000;&quot;&gt;Source:&amp;nbsp;&lt;/span&gt;&lt;/i&gt;&lt;/b&gt;&lt;a href=&quot;https://stackoverflow.com/questions/11130390/php-calculate-a-date-based-on-function-for-working-days/34083964 &quot; target=&quot;_blank&quot;&gt;https://stackoverflow.com/questions/11130390/php-calculate-a-date-based-on-function-for-working-days/34083964&amp;nbsp;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://jasimalikhan.blogspot.com/feeds/4635353351489976102/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://jasimalikhan.blogspot.com/2021/06/php-calculate-date-based-on-function.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/4635353351489976102'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/4635353351489976102'/><link rel='alternate' type='text/html' href='http://jasimalikhan.blogspot.com/2021/06/php-calculate-date-based-on-function.html' title='PHP calculate a date based on function for working days for future'/><author><name>Jasim Ali Khan</name><uri>http://www.blogger.com/profile/01684195966180752975</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4648682226035640118.post-7659744364161625450</id><published>2021-06-12T01:56:00.002-07:00</published><updated>2021-06-12T01:56:23.638-07:00</updated><title type='text'>PHP: Calculating past and future dates</title><content type='html'>&lt;p&gt;&amp;nbsp;&lt;span style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;&quot;&gt;The&lt;/span&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://www.php.net/strtotime&quot; style=&quot;color: green; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;&quot; target=&quot;_blank&quot;&gt;strtotime&lt;/a&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;&quot;&gt;function in PHP is incredibly powerful but very much underutilised - mainly because some aspects can be a bit confusing and people are more confident &#39;doing things the hard way&#39;. The&lt;/span&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;tt style=&quot;background-color: #aaffff; color: #333333; font-size: 18px; white-space: pre;&quot;&gt;strtotime&lt;/tt&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;&quot;&gt;function doesn&#39;t just convert date strings to timestamp values but also has its own &#39;language&#39; to let you specify just about any date or time you want.&lt;/span&gt;&lt;/p&gt;&lt;h2 id=&quot;section_0&quot; style=&quot;background: rgb(224, 216, 183); border-radius: 6px / 12px; box-shadow: rgb(255, 255, 255) 0px 0px 5px inset; clear: both; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.25em; letter-spacing: 1px; margin: 53px -10px 20px; padding: 4px 16px; position: relative;&quot;&gt;1. Calculating dates for past and future days&lt;/h2&gt;&lt;p style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;&quot;&gt;The easiest and most common calculations are based on seconds, minutes, hours and days. Months and years are also valid input but not always useful in calculations as they&#39;re not all of equal length because of the way our calendar works.&lt;/p&gt;&lt;p style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;&quot;&gt;Shown below are the results of various strings passed to&amp;nbsp;&lt;tt style=&quot;background-color: #aaffff; white-space: pre;&quot;&gt;strtotime&lt;/tt&gt;&amp;nbsp;and converted to date strings.&lt;/p&gt;&lt;p style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;&quot;&gt;For example:&lt;/p&gt;&lt;code style=&quot;background: repeating-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 1.4em, rgba(66, 208, 255, 0.05) 1.6em) rgb(252, 250, 240); border: 2px solid rgb(252, 250, 240); color: #333333; display: block; font-size: 12px; line-height: 1.3; margin: 1.5em 0px; overflow: auto; padding: 1.5em; white-space: pre;&quot;&gt;echo date(&#39;l jS F (Y-m-d)&#39;, strtotime(&#39;-3 days&#39;));&lt;/code&gt;&lt;dl class=&quot;glossary&quot; style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; margin: 1em;&quot;&gt;&lt;dt style=&quot;font-weight: bold;&quot;&gt;3 days ago&lt;/dt&gt;&lt;dd style=&quot;padding: 0.5em 0px;&quot;&gt;Wednesday 9th June (2021-06-09)&lt;/dd&gt;&lt;dt style=&quot;font-weight: bold;&quot;&gt;-3 days&lt;/dt&gt;&lt;dd style=&quot;padding: 0.5em 0px;&quot;&gt;Wednesday 9th June (2021-06-09)&lt;/dd&gt;&lt;dt style=&quot;font-weight: bold;&quot;&gt;-2 days&lt;/dt&gt;&lt;dd style=&quot;padding: 0.5em 0px;&quot;&gt;Thursday 10th June (2021-06-10)&lt;/dd&gt;&lt;dt style=&quot;font-weight: bold;&quot;&gt;yesterday&lt;/dt&gt;&lt;dd style=&quot;padding: 0.5em 0px;&quot;&gt;Friday 11th June (2021-06-11)&lt;/dd&gt;&lt;dt style=&quot;font-weight: bold;&quot;&gt;now&lt;/dt&gt;&lt;dd style=&quot;padding: 0.5em 0px;&quot;&gt;Saturday 12th June (2021-06-12)&lt;/dd&gt;&lt;dt style=&quot;font-weight: bold;&quot;&gt;today&lt;/dt&gt;&lt;dd style=&quot;padding: 0.5em 0px;&quot;&gt;Saturday 12th June (2021-06-12)&lt;/dd&gt;&lt;dt style=&quot;font-weight: bold;&quot;&gt;tomorrow&lt;/dt&gt;&lt;dd style=&quot;padding: 0.5em 0px;&quot;&gt;Sunday 13th June (2021-06-13)&lt;/dd&gt;&lt;dt style=&quot;font-weight: bold;&quot;&gt;+2 days&lt;/dt&gt;&lt;dd style=&quot;padding: 0.5em 0px;&quot;&gt;Monday 14th June (2021-06-14)&lt;/dd&gt;&lt;dt style=&quot;font-weight: bold;&quot;&gt;+3 days&lt;/dt&gt;&lt;dd style=&quot;padding: 0.5em 0px;&quot;&gt;Tuesday 15th June (2021-06-15)&lt;/dd&gt;&lt;/dl&gt;&lt;p style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;&quot;&gt;As always there are often different ways to achieve the same result. In the list above you can see that &#39;3 days ago&#39; is equivalent to &#39;-3 days&#39;. Also &#39;yesterday&#39; is the same as &#39;-1 days&#39; or &#39;1 day ago&#39;. The &#39;s&#39; on the end of &#39;days&#39;, &#39;years&#39; or other measurements can be left off if you want.&lt;/p&gt;&lt;p style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;&quot;&gt;The &#39;now&#39; and &#39;today&#39; input values in the list above are superfluous as if we leave off the second paramater of the&amp;nbsp;&lt;tt style=&quot;background-color: #aaffff; white-space: pre;&quot;&gt;date&lt;/tt&gt;&amp;nbsp;function it will default to the current time anyway.&lt;/p&gt;&lt;h2 id=&quot;section_1&quot; style=&quot;background: rgb(224, 216, 183); border-radius: 6px / 12px; box-shadow: rgb(255, 255, 255) 0px 0px 5px inset; clear: both; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.25em; letter-spacing: 1px; margin: 53px -10px 20px; padding: 4px 16px; position: relative;&quot;&gt;2. Working with days of the week&lt;/h2&gt;&lt;p style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;&quot;&gt;Sometimes we work with days of the week and need to know the last/next occurrence of, for example, a Saturday:&lt;/p&gt;&lt;dl class=&quot;glossary&quot; style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; margin: 1em;&quot;&gt;&lt;dt style=&quot;font-weight: bold;&quot;&gt;-2 weeks Saturday&lt;/dt&gt;&lt;dd style=&quot;padding: 0.5em 0px;&quot;&gt;Saturday 29th May (2021-05-29)&lt;/dd&gt;&lt;dt style=&quot;font-weight: bold;&quot;&gt;last Saturday&lt;/dt&gt;&lt;dd style=&quot;padding: 0.5em 0px;&quot;&gt;Saturday 5th June (2021-06-05)&lt;/dd&gt;&lt;dt style=&quot;font-weight: bold;&quot;&gt;Saturday&lt;/dt&gt;&lt;dd style=&quot;padding: 0.5em 0px;&quot;&gt;Saturday 12th June (2021-06-12)&lt;/dd&gt;&lt;dt style=&quot;font-weight: bold;&quot;&gt;this Saturday&lt;/dt&gt;&lt;dd style=&quot;padding: 0.5em 0px;&quot;&gt;Saturday 12th June (2021-06-12)&lt;/dd&gt;&lt;dt style=&quot;font-weight: bold;&quot;&gt;first Saturday&lt;/dt&gt;&lt;dd style=&quot;padding: 0.5em 0px;&quot;&gt;Saturday 19th June (2021-06-19)&lt;/dd&gt;&lt;dt style=&quot;font-weight: bold;&quot;&gt;next Saturday&lt;/dt&gt;&lt;dd style=&quot;padding: 0.5em 0px;&quot;&gt;Saturday 19th June (2021-06-19)&lt;/dd&gt;&lt;dt style=&quot;font-weight: bold;&quot;&gt;third Saturday&lt;/dt&gt;&lt;dd style=&quot;padding: 0.5em 0px;&quot;&gt;Saturday 3rd July (2021-07-03)&lt;/dd&gt;&lt;dt style=&quot;font-weight: bold;&quot;&gt;+2 weeks Saturday&lt;/dt&gt;&lt;dd style=&quot;padding: 0.5em 0px;&quot;&gt;Saturday 26th June (2021-06-26)&lt;/dd&gt;&lt;/dl&gt;&lt;p style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;&quot;&gt;In the list above we can see that &#39;Saturday&#39;, &#39;this Saturday&#39; and &#39;first Saturday&#39; are all equivalent. The &#39;this&#39; and &#39;first&#39; keywords are only used to improve readability.&lt;/p&gt;&lt;p style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;&quot;&gt;Now it gets a bit complicated to explain. The following appears on the PHP website:&lt;/p&gt;&lt;blockquote cite=&quot;https://www.the-art-of-web.com/php/strtotime/www.php.net&quot; style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; margin: 0px 2em;&quot;&gt;In PHP 5 up to 5.0.2, &quot;now&quot; and other relative times are wrongly computed from today&#39;s midnight. It differs from other versions where it is correctly computed from current time.&lt;/blockquote&gt;&lt;p style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;&quot;&gt;In addition, they&#39;ve introduced &#39;second&#39; as in &#39;second Saturday&#39; and seem to have changed the meaning of &#39;next&#39; to mean the same as &#39;first&#39;. Finally, the return value on failure is now&amp;nbsp;&lt;tt style=&quot;background-color: #aaffff; white-space: pre;&quot;&gt;FALSE&lt;/tt&gt;&amp;nbsp;instead of -1. This last change is the most likely to cause problems in legacy applications.&lt;/p&gt;&lt;p style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;&quot;&gt;The table below shows how the output has changed:&lt;/p&gt;&lt;table cellpadding=&quot;3&quot; class=&quot;collapse&quot; style=&quot;background-color: white; border-collapse: collapse; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; margin: 1em auto;&quot;&gt;&lt;tbody&gt;&lt;tr style=&quot;border: 1px solid rgb(224, 216, 183); vertical-align: top;&quot;&gt;&lt;th style=&quot;background: rgb(224, 216, 183); border: 1px dotted rgb(153, 153, 153); padding: 2px 4px; text-align: left;&quot;&gt;Older versions of PHP:&lt;/th&gt;&lt;th style=&quot;background: rgb(224, 216, 183); border: 1px dotted rgb(153, 153, 153); padding: 2px 4px; text-align: left;&quot;&gt;PHP 5.0.2 and higher:&lt;/th&gt;&lt;/tr&gt;&lt;tr style=&quot;background: rgb(252, 250, 240); border: 1px solid rgb(224, 216, 183); vertical-align: top;&quot;&gt;&lt;td style=&quot;border: 1px dotted rgb(153, 153, 153); padding: 2px 4px; vertical-align: top;&quot;&gt;&lt;ul&gt;&lt;li&gt;last Saturday&lt;/li&gt;&lt;li&gt;this Saturday or first Saturday&lt;/li&gt;&lt;li&gt;next Saturday&lt;/li&gt;&lt;li&gt;third Saturday&lt;/li&gt;&lt;li&gt;fourth Saturday&lt;/li&gt;&lt;/ul&gt;&lt;/td&gt;&lt;td style=&quot;border: 1px dotted rgb(153, 153, 153); padding: 2px 4px; vertical-align: top;&quot;&gt;&lt;ul&gt;&lt;li&gt;last Saturday&lt;/li&gt;&lt;li&gt;this Saturday or first Saturday or next Saturday&lt;/li&gt;&lt;li&gt;second Saturday&lt;/li&gt;&lt;li&gt;third Saturday&lt;/li&gt;&lt;li&gt;fourth Saturday&lt;/li&gt;&lt;/ul&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;h2 id=&quot;section_2&quot; style=&quot;background: rgb(224, 216, 183); border-radius: 6px / 12px; box-shadow: rgb(255, 255, 255) 0px 0px 5px inset; clear: both; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.25em; letter-spacing: 1px; margin: 53px -10px 20px; padding: 4px 16px; position: relative;&quot;&gt;3. Using offsets to get the right day&lt;/h2&gt;&lt;p style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;&quot;&gt;Another problem is when you want to find the previous or next occurence of a certain day of the week. For example, today being a Saturday we can run the following:&lt;/p&gt;&lt;dl class=&quot;glossary&quot; style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; margin: 1em;&quot;&gt;&lt;dt style=&quot;font-weight: bold;&quot;&gt;last Saturday&lt;/dt&gt;&lt;dd style=&quot;padding: 0.5em 0px;&quot;&gt;Saturday 5th June (2021-06-05)&lt;/dd&gt;&lt;dt style=&quot;font-weight: bold;&quot;&gt;Saturday&lt;/dt&gt;&lt;dd style=&quot;padding: 0.5em 0px;&quot;&gt;Saturday 12th June (2021-06-12)&lt;/dd&gt;&lt;dt style=&quot;font-weight: bold;&quot;&gt;this Saturday&lt;/dt&gt;&lt;dd style=&quot;padding: 0.5em 0px;&quot;&gt;Saturday 12th June (2021-06-12)&lt;/dd&gt;&lt;dt style=&quot;font-weight: bold;&quot;&gt;first Saturday&lt;/dt&gt;&lt;dd style=&quot;padding: 0.5em 0px;&quot;&gt;Saturday 19th June (2021-06-19)&lt;/dd&gt;&lt;dt style=&quot;font-weight: bold;&quot;&gt;next Saturday&lt;/dt&gt;&lt;dd style=&quot;padding: 0.5em 0px;&quot;&gt;Saturday 19th June (2021-06-19)&lt;/dd&gt;&lt;dt style=&quot;font-weight: bold;&quot;&gt;third Saturday&lt;/dt&gt;&lt;dd style=&quot;padding: 0.5em 0px;&quot;&gt;Saturday 3rd July (2021-07-03)&lt;/dd&gt;&lt;/dl&gt;&lt;table cellpadding=&quot;3&quot; class=&quot;collapse&quot; style=&quot;background-color: white; border-collapse: collapse; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; margin: 1em auto;&quot;&gt;&lt;tbody&gt;&lt;tr style=&quot;border: 1px solid rgb(224, 216, 183); vertical-align: top;&quot;&gt;&lt;th style=&quot;background: rgb(224, 216, 183); border: 1px dotted rgb(153, 153, 153); padding: 2px 4px; text-align: left;&quot;&gt;Older versions of PHP:&lt;/th&gt;&lt;th style=&quot;background: rgb(224, 216, 183); border: 1px dotted rgb(153, 153, 153); padding: 2px 4px; text-align: left;&quot;&gt;PHP 5.0.2 and higher:&lt;/th&gt;&lt;/tr&gt;&lt;tr style=&quot;background: rgb(252, 250, 240); border: 1px solid rgb(224, 216, 183); vertical-align: top;&quot;&gt;&lt;td style=&quot;border: 1px dotted rgb(153, 153, 153); padding: 2px 4px; vertical-align: top;&quot;&gt;&lt;ul&gt;&lt;li&gt;last Saturday&lt;/li&gt;&lt;li&gt;this Saturday or first Saturday&lt;/li&gt;&lt;li&gt;next Saturday&lt;/li&gt;&lt;li&gt;third Saturday&lt;/li&gt;&lt;li&gt;fourth Saturday&lt;/li&gt;&lt;/ul&gt;&lt;/td&gt;&lt;td style=&quot;border: 1px dotted rgb(153, 153, 153); padding: 2px 4px; vertical-align: top;&quot;&gt;&lt;ul&gt;&lt;li&gt;last Saturday&lt;/li&gt;&lt;li&gt;this Saturday&lt;/li&gt;&lt;li&gt;first Saturday or next Saturday&lt;/li&gt;&lt;li&gt;second Saturday&lt;/li&gt;&lt;li&gt;third Saturday&lt;/li&gt;&lt;/ul&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;&quot;&gt;You can see in the table above that, while &#39;next Saturday&#39; returns the same result, the &#39;first&#39;, &#39;second&#39;, &#39;third&#39;, ... modifiers have all changed in meaning - thankfully to a more logical state.&lt;/p&gt;&lt;p style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;&quot;&gt;You may notice also that this&amp;nbsp;&lt;b&gt;only&lt;/b&gt;&amp;nbsp;occurs when you&#39;re calculating from the current day and not in the previous examples (unless today&amp;nbsp;&lt;b&gt;is&lt;/b&gt;&amp;nbsp;Saturday). Whenever you do calculations based on days you should test as many possibilities as possible: Does it work today? yesterday? tomorrow? and so on.&lt;/p&gt;&lt;p style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;&quot;&gt;Sometimes you want to find the last occurence of a day&amp;nbsp;&lt;b&gt;before&lt;/b&gt;&amp;nbsp;today, or before yesterday or before 2 days ago. The following examples show the syntax you can use for this:&lt;/p&gt;&lt;dl class=&quot;glossary&quot; style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; margin: 1em;&quot;&gt;&lt;dt style=&quot;font-weight: bold;&quot;&gt;-3 days last Saturday&lt;/dt&gt;&lt;dd style=&quot;padding: 0.5em 0px;&quot;&gt;Wednesday 2nd June (2021-06-02)&lt;/dd&gt;&lt;dt style=&quot;font-weight: bold;&quot;&gt;-2 days last Saturday&lt;/dt&gt;&lt;dd style=&quot;padding: 0.5em 0px;&quot;&gt;Thursday 3rd June (2021-06-03)&lt;/dd&gt;&lt;dt style=&quot;font-weight: bold;&quot;&gt;yesterday last Saturday&lt;/dt&gt;&lt;dd style=&quot;padding: 0.5em 0px;&quot;&gt;Friday 4th June (2021-06-04)&lt;/dd&gt;&lt;dt style=&quot;font-weight: bold;&quot;&gt;tomorrow Saturday&lt;/dt&gt;&lt;dd style=&quot;padding: 0.5em 0px;&quot;&gt;Sunday 13th June (2021-06-13)&lt;/dd&gt;&lt;dt style=&quot;font-weight: bold;&quot;&gt;+2 days Saturday&lt;/dt&gt;&lt;dd style=&quot;padding: 0.5em 0px;&quot;&gt;Monday 14th June (2021-06-14)&lt;/dd&gt;&lt;dt style=&quot;font-weight: bold;&quot;&gt;+3 days Saturday&lt;/dt&gt;&lt;dd style=&quot;padding: 0.5em 0px;&quot;&gt;Tuesday 15th June (2021-06-15)&lt;/dd&gt;&lt;/dl&gt;&lt;p style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;&quot;&gt;Now that you understand the inner workings of&amp;nbsp;&lt;tt style=&quot;background-color: #aaffff; white-space: pre;&quot;&gt;strtotime&lt;/tt&gt;&amp;nbsp;you should be able to drastically reduce the amount of code required to calculate past and future dates.&lt;/p&gt;&lt;h2 id=&quot;section_3&quot; style=&quot;background: rgb(224, 216, 183); border-radius: 6px / 12px; box-shadow: rgb(255, 255, 255) 0px 0px 5px inset; clear: both; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.25em; letter-spacing: 1px; margin: 53px -10px 20px; padding: 4px 16px; position: relative;&quot;&gt;4. Checking if a date is in the Past or Future&lt;/h2&gt;&lt;p style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;&quot;&gt;The&amp;nbsp;&lt;tt style=&quot;background-color: #aaffff; white-space: pre;&quot;&gt;strtotime&lt;/tt&gt;&amp;nbsp;function returns an integer value so it&#39;s a simple matter to see if a date is in the past or in the future.&lt;/p&gt;&lt;code style=&quot;background: repeating-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 1.4em, rgba(66, 208, 255, 0.05) 1.6em) rgb(252, 250, 240); border: 2px solid rgb(252, 250, 240); color: #333333; display: block; font-size: 12px; line-height: 1.3; margin: 1.5em 0px; overflow: auto; padding: 1.5em; white-space: pre;&quot;&gt;   if(strtotime(&lt;span style=&quot;color: #6666cc;&quot;&gt;dateString&lt;/span&gt;) &amp;gt; &lt;a href=&quot;http://www.php.net/time&quot; style=&quot;color: green;&quot; target=&quot;_blank&quot;&gt;time&lt;/a&gt;()) {
     # date is in the future
   }
   if(strtotime(&lt;span style=&quot;color: #6666cc;&quot;&gt;dateString&lt;/span&gt;) &amp;lt; time()) {
     # date is in the past
   }
   if(strtotime(&lt;span style=&quot;color: #6666cc;&quot;&gt;dateString&lt;/span&gt;) == time()) {
     # date is right now
   }&lt;/code&gt;&lt;p style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;&quot;&gt;&lt;small&gt;&lt;b&gt;Note:&lt;/b&gt;&amp;nbsp;&lt;tt style=&quot;background-color: #aaffff; white-space: pre;&quot;&gt;time()&lt;/tt&gt;&amp;nbsp;is equivalent to&amp;nbsp;&lt;tt style=&quot;background-color: #aaffff; white-space: pre;&quot;&gt;date(&#39;U&#39;)&lt;/tt&gt;&amp;nbsp;and returns the current timestamp to the nearest second.&lt;/small&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;&quot;&gt;You might want to replace&amp;nbsp;&lt;tt style=&quot;background-color: #aaffff; white-space: pre;&quot;&gt;time()&lt;/tt&gt;&amp;nbsp;with&amp;nbsp;&lt;tt style=&quot;background-color: #aaffff; white-space: pre;&quot;&gt;strtotime(&#39;0:00&#39;)&lt;/tt&gt;&amp;nbsp;if you want to compare a date string to the current date rather than the current date and time.&lt;/p&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;Source:&lt;/span&gt;&lt;/b&gt;&amp;nbsp;&lt;a href=&quot;https://www.the-art-of-web.com/php/strtotime/&quot;&gt;https://www.the-art-of-web.com/php/strtotime/&lt;/a&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://jasimalikhan.blogspot.com/feeds/7659744364161625450/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://jasimalikhan.blogspot.com/2021/06/php-calculating-past-and-future-dates.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/7659744364161625450'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/7659744364161625450'/><link rel='alternate' type='text/html' href='http://jasimalikhan.blogspot.com/2021/06/php-calculating-past-and-future-dates.html' title='PHP: Calculating past and future dates'/><author><name>Jasim Ali Khan</name><uri>http://www.blogger.com/profile/01684195966180752975</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4648682226035640118.post-7661940904172452217</id><published>2021-06-06T23:40:00.002-07:00</published><updated>2021-06-06T23:40:21.197-07:00</updated><title type='text'>stripe cancel subscription using curl in php</title><content type='html'>&lt;h2 style=&quot;-webkit-font-smoothing: antialiased; background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: Quicksand, sans-serif; font-size: 1.625rem; line-height: 1.25; margin: 0px 0px 0.75rem; max-width: 100%; outline: 0px; overflow-wrap: break-word; padding: 0px; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;stripe cancel subscription using curl in php&lt;/h2&gt;&lt;p style=&quot;-webkit-font-smoothing: antialiased; background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: Poppins, sans-serif; font-size: 16px; line-height: inherit; margin: 0px 0px 2rem; max-width: 100%; outline: 0px; overflow-wrap: break-word; padding: 0px; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;In this post we will show you&amp;nbsp;&lt;span style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; font-weight: 700; text-rendering: optimizelegibility;&quot;&gt;stripe cancel subscription using curl in php&lt;/span&gt;, hear for&amp;nbsp;&lt;span style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; font-weight: 700; text-rendering: optimizelegibility;&quot;&gt;stripe cancel subscription using curl in php&lt;/span&gt;&amp;nbsp;we will give you demo and example for implement.&lt;/p&gt;&lt;h3 style=&quot;-webkit-font-smoothing: antialiased; background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: Quicksand, sans-serif; font-size: 1.25rem; line-height: 1.25; margin: 0px 0px 0.75rem; max-width: 100%; outline: 0px; overflow-wrap: break-word; padding: 0px; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;stripe cancel subscriptionCanceling subscriptions&lt;/h3&gt;&lt;p style=&quot;-webkit-font-smoothing: antialiased; background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: Poppins, sans-serif; font-size: 16px; line-height: inherit; margin: 0px 0px 2rem; max-width: 100%; outline: 0px; overflow-wrap: break-word; padding: 0px; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;Subscriptions can be canceled through the API:&lt;/p&gt;&lt;div style=&quot;-webkit-font-smoothing: antialiased; background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: Poppins, sans-serif; font-size: 16px; line-height: inherit; margin: 0px 0px 2rem; max-width: 100%; outline: 0px; padding: 0px; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;syntaxhighlighter  php&quot; id=&quot;highlighter_709061&quot; style=&quot;-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; font-size: 1em !important; font-style: inherit; font-weight: inherit; line-height: inherit; margin: 1em 0px !important; outline: 0px; overflow: auto hidden !important; padding: 0px; position: relative !important; text-rendering: optimizelegibility; vertical-align: baseline; width: 773.25px;&quot;&gt;&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-collapse: collapse; border-radius: 0px !important; border-spacing: 0px; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; table-layout: auto !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: 773.25px;&quot;&gt;&lt;tbody style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;&lt;tr style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;&lt;td class=&quot;gutter&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(175, 175, 175) !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; text-align: right !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;1&lt;/div&gt;&lt;div class=&quot;line number2 index1 alt1&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; text-align: right !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;2&lt;/div&gt;&lt;div class=&quot;line number3 index2 alt2&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; text-align: right !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;3&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;code&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: 736.641px;&quot;&gt;&lt;div class=&quot;container&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;curl https:&lt;/code&gt;&lt;code class=&quot;php comments&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 130, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;//&lt;a class=&quot;vglnk&quot; href=&quot;http://api.stripe.com/v1/subscriptions/sub_B49U3MADTZ8Onp&quot; rel=&quot;nofollow&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 130, 0) !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow-wrap: break-word; overflow: visible !important; padding: 0px !important; position: static !important; text-decoration-color: transparent; text-rendering: optimizelegibility; transition: all 0.3s cubic-bezier(0.32, 0.74, 0.57, 1) 0s; vertical-align: baseline !important; width: auto !important;&quot;&gt;&lt;span style=&quot;-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;api&lt;/span&gt;&lt;span style=&quot;-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;stripe&lt;/span&gt;&lt;span style=&quot;-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;com&lt;/span&gt;&lt;span style=&quot;-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;v1&lt;/span&gt;&lt;span style=&quot;-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;subscriptions&lt;/span&gt;&lt;span style=&quot;-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;sub&lt;/span&gt;&lt;span style=&quot;-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;_&lt;/span&gt;&lt;span style=&quot;-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;B49U3MADTZ8Onp&lt;/span&gt;&lt;/a&gt; \&lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number2 index1 alt1&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;&lt;code class=&quot;php spaces&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;-u sk_test_a85RX6H48G5dfD55FDF77: \&lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number3 index2 alt2&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;&lt;code class=&quot;php spaces&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;-X &lt;/code&gt;&lt;code class=&quot;php functions&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(255, 20, 147) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;DELETE&lt;/code&gt;&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;/div&gt;&lt;h3 style=&quot;-webkit-font-smoothing: antialiased; background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: Quicksand, sans-serif; font-size: 1.25rem; line-height: 1.25; margin: 0px 0px 0.75rem; max-width: 100%; outline: 0px; overflow-wrap: break-word; padding: 0px; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;Code for stripe cancel subscription using curl in php&lt;/h3&gt;&lt;div style=&quot;-webkit-font-smoothing: antialiased; background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: Poppins, sans-serif; font-size: 16px; line-height: inherit; margin: 0px 0px 2rem; max-width: 100%; outline: 0px; padding: 0px; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;&lt;div class=&quot;syntaxhighlighter  php &quot; id=&quot;highlighter_447083&quot; style=&quot;-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; font-size: 1em !important; font-style: inherit; font-weight: inherit; line-height: inherit; margin: 1em 0px !important; outline: 0px; overflow: auto hidden !important; padding: 0px; position: relative !important; text-rendering: optimizelegibility; vertical-align: baseline; width: 773.25px;&quot;&gt;&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-collapse: collapse; border-radius: 0px !important; border-spacing: 0px; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; table-layout: auto !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: 807.953px;&quot;&gt;&lt;tbody style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;&lt;tr style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;&lt;td class=&quot;gutter&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(175, 175, 175) !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; text-align: right !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;1&lt;/div&gt;&lt;div class=&quot;line number2 index1 alt1&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; text-align: right !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;2&lt;/div&gt;&lt;div class=&quot;line number3 index2 alt2&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; text-align: right !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;3&lt;/div&gt;&lt;div class=&quot;line number4 index3 alt1&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; text-align: right !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;4&lt;/div&gt;&lt;div class=&quot;line number5 index4 alt2&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; text-align: right !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;5&lt;/div&gt;&lt;div class=&quot;line number6 index5 alt1&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; text-align: right !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;6&lt;/div&gt;&lt;div class=&quot;line number7 index6 alt2&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; text-align: right !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;7&lt;/div&gt;&lt;div class=&quot;line number8 index7 alt1&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; text-align: right !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;8&lt;/div&gt;&lt;div class=&quot;line number9 index8 alt2&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; text-align: right !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;9&lt;/div&gt;&lt;div class=&quot;line number10 index9 alt1&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; text-align: right !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;10&lt;/div&gt;&lt;div class=&quot;line number11 index10 alt2&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; text-align: right !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;11&lt;/div&gt;&lt;div class=&quot;line number12 index11 alt1&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; text-align: right !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;12&lt;/div&gt;&lt;div class=&quot;line number13 index12 alt2&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; text-align: right !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;13&lt;/div&gt;&lt;div class=&quot;line number14 index13 alt1&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; text-align: right !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;14&lt;/div&gt;&lt;div class=&quot;line number15 index14 alt2&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; text-align: right !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;15&lt;/div&gt;&lt;div class=&quot;line number16 index15 alt1&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; text-align: right !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;16&lt;/div&gt;&lt;div class=&quot;line number17 index16 alt2&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; text-align: right !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;17&lt;/div&gt;&lt;div class=&quot;line number18 index17 alt1&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; text-align: right !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;18&lt;/div&gt;&lt;div class=&quot;line number19 index18 alt2&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; text-align: right !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;19&lt;/div&gt;&lt;div class=&quot;line number20 index19 alt1&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; text-align: right !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;20&lt;/div&gt;&lt;div class=&quot;line number21 index20 alt2&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; text-align: right !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;21&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;code&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: 761.75px;&quot;&gt;&lt;div class=&quot;container&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;&lt;code class=&quot;php keyword&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;function&lt;/code&gt; &lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;curl_del(&lt;/code&gt;&lt;code class=&quot;php variable&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;$path&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;)&lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number2 index1 alt1&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;{&lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number3 index2 alt2&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;&lt;code class=&quot;php spaces&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;php comments&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 130, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;// Add your key&lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number4 index3 alt1&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;&lt;code class=&quot;php spaces&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;php variable&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;$headers&lt;/code&gt; &lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;= &lt;/code&gt;&lt;code class=&quot;php keyword&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;array&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;(&lt;/code&gt;&lt;code class=&quot;php string&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;&#39;Authorization: Bearer sk_test_a85RX6H48G5dfD55FDF77&#39;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;);&lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number5 index4 alt2&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;&lt;code class=&quot;php spaces&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;php variable&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;$ch&lt;/code&gt; &lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;= curl_init();&lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number6 index5 alt1&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;&lt;code class=&quot;php spaces&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;curl_setopt(&lt;/code&gt;&lt;code class=&quot;php variable&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;$ch&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;, CURLOPT_HTTPHEADER, &lt;/code&gt;&lt;code class=&quot;php variable&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;$headers&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;);&lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number7 index6 alt2&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;&lt;code class=&quot;php spaces&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;curl_setopt(&lt;/code&gt;&lt;code class=&quot;php variable&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;$ch&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;, CURLOPT_URL, &lt;/code&gt;&lt;code class=&quot;php variable&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;$path&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;);&lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number8 index7 alt1&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;&lt;code class=&quot;php spaces&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;curl_setopt(&lt;/code&gt;&lt;code class=&quot;php variable&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;$ch&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;, CURLOPT_CUSTOMREQUEST, &lt;/code&gt;&lt;code class=&quot;php string&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;&quot;DELETE&quot;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;);&lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number9 index8 alt2&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;&lt;code class=&quot;php spaces&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;curl_setopt(&lt;/code&gt;&lt;code class=&quot;php variable&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;$ch&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;, CURLOPT_SSL_VERIFYPEER, false);&lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number10 index9 alt1&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;&lt;code class=&quot;php spaces&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;php variable&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;$result&lt;/code&gt; &lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;= curl_exec(&lt;/code&gt;&lt;code class=&quot;php variable&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;$ch&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;);&lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number11 index10 alt2&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;&lt;code class=&quot;php spaces&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;php variable&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;$httpCode&lt;/code&gt; &lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;= curl_getinfo(&lt;/code&gt;&lt;code class=&quot;php variable&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;$ch&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;, CURLINFO_HTTP_CODE);&amp;nbsp; &lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number12 index11 alt1&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;&lt;code class=&quot;php spaces&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;curl_close(&lt;/code&gt;&lt;code class=&quot;php variable&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;$ch&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;);&lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number13 index12 alt2&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;&lt;code class=&quot;php spaces&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;php keyword&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;return&lt;/code&gt; &lt;code class=&quot;php variable&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;$result&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;;&lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number14 index13 alt1&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;}&lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number15 index14 alt2&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div class=&quot;line number16 index15 alt1&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;&lt;code class=&quot;php comments&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 130, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;// add your subscriptions id&lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number17 index16 alt2&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;&lt;code class=&quot;php variable&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;$path&lt;/code&gt; &lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;= &lt;/code&gt;&lt;code class=&quot;php string&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;&quot;&lt;a href=&quot;https://api.stripe.com/v1/subscriptions/sub_B49U3MADTZ8Onp&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow-wrap: break-word; overflow: visible !important; padding: 0px !important; position: static !important; text-decoration-color: transparent; text-rendering: optimizelegibility; transition: all 0.3s cubic-bezier(0.32, 0.74, 0.57, 1) 0s; vertical-align: baseline !important; width: auto !important;&quot;&gt;https://api.stripe.com/v1/subscriptions/sub_B49U3MADTZ8Onp&lt;/a&gt;&quot;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;;&lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number18 index17 alt1&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;&lt;code class=&quot;php variable&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;$curl_del&lt;/code&gt; &lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;= curl_del(&lt;/code&gt;&lt;code class=&quot;php variable&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;$path&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;);&lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number19 index18 alt2&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;&lt;code class=&quot;php functions&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(255, 20, 147) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;echo&lt;/code&gt; &lt;code class=&quot;php string&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;&quot;&amp;lt;pre&amp;gt;&quot;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;;&lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number20 index19 alt1&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;print_r(&lt;/code&gt;&lt;code class=&quot;php variable&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;$curl_del&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;);&lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number21 index20 alt2&quot; style=&quot;-webkit-font-smoothing: antialiased; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;&lt;code class=&quot;php functions&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(255, 20, 147) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;echo&lt;/code&gt; &lt;code class=&quot;php string&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;&quot;&amp;lt;/pre&amp;gt;&quot;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;-webkit-font-smoothing: antialiased; background: none !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; inset: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-rendering: optimizelegibility; vertical-align: baseline !important; width: auto !important;&quot;&gt;;&lt;/code&gt;&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&amp;nbsp;cSource:&amp;nbsp;&lt;a href=&quot;https://www.onlinecode.org/stripe-cancel-subscription-using-curl-php/&quot;&gt;https://www.onlinecode.org/stripe-cancel-subscription-using-curl-php/&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://jasimalikhan.blogspot.com/feeds/7661940904172452217/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://jasimalikhan.blogspot.com/2021/06/stripe-cancel-subscription-using-curl.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/7661940904172452217'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/7661940904172452217'/><link rel='alternate' type='text/html' href='http://jasimalikhan.blogspot.com/2021/06/stripe-cancel-subscription-using-curl.html' title='stripe cancel subscription using curl in php'/><author><name>Jasim Ali Khan</name><uri>http://www.blogger.com/profile/01684195966180752975</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4648682226035640118.post-7642524352636388714</id><published>2021-05-29T06:12:00.006-07:00</published><updated>2021-05-29T06:12:39.460-07:00</updated><title type='text'>jQuery DataTables: ROWSPAN in table body TBODY</title><content type='html'>&lt;p&gt;&amp;nbsp;&lt;span style=&quot;background-color: white; font-family: Roboto, sans-serif; font-size: 16px; font-weight: 700;&quot;&gt;jQuery DataTables plugin doesn’t yet support&amp;nbsp;&lt;/span&gt;&lt;code style=&quot;background-color: #f4f4f4; border-radius: 4px; box-sizing: border-box; color: #666666; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 14.4px; font-weight: 700; padding: 2px 4px;&quot;&gt;COLSPAN&lt;/code&gt;&lt;span style=&quot;background-color: white; font-family: Roboto, sans-serif; font-size: 16px; font-weight: 700;&quot;&gt;&amp;nbsp;and&amp;nbsp;&lt;/span&gt;&lt;code style=&quot;background-color: #f4f4f4; border-radius: 4px; box-sizing: border-box; color: #666666; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 14.4px; font-weight: 700; padding: 2px 4px;&quot;&gt;ROWSPAN&lt;/code&gt;&lt;span style=&quot;background-color: white; font-family: Roboto, sans-serif; font-size: 16px; font-weight: 700;&quot;&gt;&amp;nbsp;attributes in table body. However there is a&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://github.com/ashl1/datatables-rowsgroup&quot; style=&quot;background-color: white; box-sizing: border-box; color: #996611; font-family: Roboto, sans-serif; font-size: 16px; font-weight: 700;&quot;&gt;RowsGroup&lt;/a&gt;&lt;span style=&quot;background-color: white; font-family: Roboto, sans-serif; font-size: 16px; font-weight: 700;&quot;&gt;&amp;nbsp;plugin for jQuery DataTables that emulates appearance of using&amp;nbsp;&lt;/span&gt;&lt;code style=&quot;background-color: #f4f4f4; border-radius: 4px; box-sizing: border-box; color: #666666; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 14.4px; font-weight: 700; padding: 2px 4px;&quot;&gt;ROWSPAN&lt;/code&gt;&lt;span style=&quot;background-color: white; font-family: Roboto, sans-serif; font-size: 16px; font-weight: 700;&quot;&gt;&amp;nbsp;attribute by grouping cells together.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 16px; margin: 0px 0px 16px;&quot;&gt;Plugin requires jQuery DataTables version 1.10 or above. According to the&amp;nbsp;&lt;a href=&quot;https://datatables.net/forums/discussion/29319/new-rowsgroup-plugin-merge-cells-vertically-rowspan&quot; style=&quot;background-color: transparent; box-sizing: border-box; color: #996611;&quot;&gt;author’s post on DataTables forum&lt;/a&gt;, this plugin has the following features:&lt;/p&gt;&lt;ul style=&quot;background-color: white; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 16px; margin-bottom: 12px; margin-top: 0px;&quot;&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;supports nested multi grouping rows&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;supports both client-side and server-side processing&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;correctly handles single-column and multi-column ordering&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 16px; margin: 0px 0px 16px;&quot;&gt;To use the plugin, you need to include JavaScript file&amp;nbsp;&lt;code style=&quot;background-color: #f4f4f4; border-radius: 4px; box-sizing: border-box; color: #666666; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 14.4px; padding: 2px 4px;&quot;&gt;dataTables.rowsGroup.js&lt;/code&gt;&amp;nbsp;and use&amp;nbsp;&lt;code style=&quot;background-color: #f4f4f4; border-radius: 4px; box-sizing: border-box; color: #666666; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 14.4px; padding: 2px 4px;&quot;&gt;rowsGroup&lt;/code&gt;&amp;nbsp;option as shown below. Option&amp;nbsp;&lt;code style=&quot;background-color: #f4f4f4; border-radius: 4px; box-sizing: border-box; color: #666666; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 14.4px; padding: 2px 4px;&quot;&gt;rowsGroup&lt;/code&gt;&amp;nbsp;should be an array of the&amp;nbsp;&lt;a href=&quot;https://datatables.net/reference/type/column-selector&quot; style=&quot;background-color: transparent; box-sizing: border-box; color: #996611;&quot;&gt;column selectors&lt;/a&gt;&amp;nbsp;in order you want the grouping to be applied.&lt;/p&gt;&lt;pre class=&quot; language-javascript&quot; style=&quot;background: rgb(245, 242, 240); border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 16px; hyphens: none; line-height: 1.5; margin-bottom: 1em; margin-top: 1em; overflow-wrap: normal; overflow: auto; padding: 1em; tab-size: 4; text-shadow: rgb(255, 255, 255) 0px 1px; word-break: normal;&quot;&gt;&lt;code class=&quot; language-javascript&quot; style=&quot;background: 0px 0px; border-radius: 0px; box-sizing: border-box; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 1em; hyphens: none; line-height: 1.5; overflow-wrap: normal; padding: 0px; tab-size: 4; text-shadow: rgb(255, 255, 255) 0px 1px; word-break: normal; word-spacing: normal;&quot;&gt;&lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #0077aa;&quot;&gt;var&lt;/span&gt; table &lt;span class=&quot;token operator&quot; style=&quot;background: rgba(255, 255, 255, 0.5); box-sizing: border-box; color: #9a6e3a;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #dd4a68;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #669900;&quot;&gt;&#39;#example&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #dd4a68;&quot;&gt;DataTable&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;{&lt;/span&gt;
   &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #669900;&quot;&gt;&#39;rowsGroup&#39;&lt;/span&gt;&lt;span class=&quot;token operator&quot; style=&quot;background: rgba(255, 255, 255, 0.5); box-sizing: border-box; color: #9a6e3a;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;token number&quot; style=&quot;box-sizing: border-box; color: #990055;&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;]&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 16px; margin: 0px 0px 16px;&quot;&gt;More details on usage can be found on&amp;nbsp;&lt;a href=&quot;https://github.com/ashl1/datatables-rowsgroup&quot; style=&quot;background-color: transparent; box-sizing: border-box; color: #996611;&quot;&gt;plugin’s project page&lt;/a&gt;.&lt;/p&gt;&lt;pre class=&quot;line-numbers language-javascript&quot; style=&quot;background: rgb(245, 242, 240); border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; counter-reset: linenumber 0; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 16px; hyphens: none; line-height: 1.5; margin-bottom: 1em; margin-top: 1em; overflow-wrap: normal; overflow: auto; padding: 1em 1em 1em 3.8em; position: relative; tab-size: 4; text-shadow: rgb(255, 255, 255) 0px 1px; word-break: normal;&quot;&gt;&lt;code class=&quot; language-javascript&quot; style=&quot;background: 0px 0px; border-radius: 0px; box-sizing: border-box; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 1em; hyphens: none; line-height: 1.5; overflow-wrap: normal; padding: 0px; position: relative; tab-size: 4; text-shadow: rgb(255, 255, 255) 0px 1px; white-space: inherit; word-break: normal; word-spacing: normal;&quot;&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #dd4a68;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;(&lt;/span&gt;document&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #dd4a68;&quot;&gt;ready&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #0077aa;&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;{&lt;/span&gt;
   &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #0077aa;&quot;&gt;var&lt;/span&gt; table &lt;span class=&quot;token operator&quot; style=&quot;background: rgba(255, 255, 255, 0.5); box-sizing: border-box; color: #9a6e3a;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #dd4a68;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #669900;&quot;&gt;&#39;#example&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #dd4a68;&quot;&gt;DataTable&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;{&lt;/span&gt;
      &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #669900;&quot;&gt;&#39;ajax&#39;&lt;/span&gt;&lt;span class=&quot;token operator&quot; style=&quot;background: rgba(255, 255, 255, 0.5); box-sizing: border-box; color: #9a6e3a;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #669900;&quot;&gt;&#39;https://api.myjson.com/bins/qgcu&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;,&lt;/span&gt;
      &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #669900;&quot;&gt;&#39;rowsGroup&#39;&lt;/span&gt;&lt;span class=&quot;token operator&quot; style=&quot;background: rgba(255, 255, 255, 0.5); box-sizing: border-box; color: #9a6e3a;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;token number&quot; style=&quot;box-sizing: border-box; color: #990055;&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;]&lt;/span&gt;
   &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #999999;&quot;&gt;;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 16px; margin: 0px 0px 16px;&quot;&gt;In addition to the above code, the following Javascript library files are loaded for use in this example:&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js&quot; style=&quot;background-color: white; box-sizing: border-box; color: #996611; font-family: Roboto, sans-serif; font-size: 16px;&quot;&gt;//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js&lt;/a&gt;&lt;br style=&quot;background-color: white; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 16px;&quot; /&gt;&lt;a href=&quot;https://cdn.datatables.net/v/dt/dt-1.10.12/datatables.min.js&quot; style=&quot;background-color: white; box-sizing: border-box; color: #996611; font-family: Roboto, sans-serif; font-size: 16px;&quot;&gt;https://cdn.datatables.net/v/dt/dt-1.10.12/datatables.min.js&lt;/a&gt;&lt;br style=&quot;background-color: white; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 16px;&quot; /&gt;&lt;a href=&quot;https://cdn.rawgit.com/ashl1/datatables-rowsgroup/fbd569b8768155c7a9a62568e66a64115887d7d0/dataTables.rowsGroup.js&quot; style=&quot;background-color: white; box-sizing: border-box; color: #996611; font-family: Roboto, sans-serif; font-size: 16px;&quot;&gt;https://cdn.rawgit.com/ashl1/datatables-rowsgroup/fbd569b8768155c7a9a62568e66a64115887d7d0/dataTables.rowsGroup.js&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;Credits &amp;amp; Source:&amp;nbsp;&lt;a href=&quot;https://www.gyrocode.com/articles/jquery-datatables-rowspan-in-table-body-tbody/&quot;&gt;https://www.gyrocode.com/articles/jquery-datatables-rowspan-in-table-body-tbody/&lt;/a&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://jasimalikhan.blogspot.com/feeds/7642524352636388714/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://jasimalikhan.blogspot.com/2021/05/jquery-datatables-rowspan-in-table-body.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/7642524352636388714'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/7642524352636388714'/><link rel='alternate' type='text/html' href='http://jasimalikhan.blogspot.com/2021/05/jquery-datatables-rowspan-in-table-body.html' title='jQuery DataTables: ROWSPAN in table body TBODY'/><author><name>Jasim Ali Khan</name><uri>http://www.blogger.com/profile/01684195966180752975</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4648682226035640118.post-7085988705109832481</id><published>2021-04-22T09:54:00.000-07:00</published><updated>2021-04-22T09:54:02.060-07:00</updated><title type='text'>Convert MSSQL to MySQL</title><content type='html'>&lt;p&gt;With this website you can covert MSSQL to msyql easily.&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #242729; font-family: Arial, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 15px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://www.sqlines.com/online&quot; rel=&quot;noreferrer&quot; style=&quot;background-color: white; border: 0px; box-sizing: inherit; cursor: pointer; font-family: Arial, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 15px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; user-select: auto; vertical-align: baseline;&quot;&gt;http://www.sqlines.com/online&lt;/a&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://jasimalikhan.blogspot.com/feeds/7085988705109832481/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://jasimalikhan.blogspot.com/2021/04/convert-mssql-to-mysql.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/7085988705109832481'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/7085988705109832481'/><link rel='alternate' type='text/html' href='http://jasimalikhan.blogspot.com/2021/04/convert-mssql-to-mysql.html' title='Convert MSSQL to MySQL'/><author><name>Jasim Ali Khan</name><uri>http://www.blogger.com/profile/01684195966180752975</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4648682226035640118.post-4730891204661851127</id><published>2021-04-16T10:15:00.003-07:00</published><updated>2021-04-16T10:15:35.549-07:00</updated><title type='text'>Convert php date to mysql format</title><content type='html'>&lt;div class=&quot;answercell post-layout--right&quot; style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #242729; font-family: Arial, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 13px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; grid-column: 2 / auto; line-height: inherit; margin: 0px; min-width: 0px; padding: 0px 16px 0px 0px; vertical-align: baseline; width: auto;&quot;&gt;&lt;div class=&quot;s-prose js-post-body&quot; itemprop=&quot;text&quot; style=&quot;--s-prose-line-height: 1.5; --s-prose-spacing-condensed: calc(var(--s-prose-spacing) / 2); --s-prose-spacing: 1.1em; border: 0px; box-sizing: inherit; font-family: var(--theme-question-body-font-family); font-size: 15px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: var(--s-prose-line-height); margin: 0px; overflow-wrap: break-word; padding: 0px; vertical-align: baseline; width: 659px;&quot;&gt;&lt;pre class=&quot;default s-code-block hljs bash&quot; style=&quot;background-color: var(--highlight-bg); border-radius: 5px; border: 0px; box-sizing: inherit; color: var(--highlight-color); font-family: Consolas, Menlo, Monaco, &amp;quot;Lucida Console&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;DejaVu Sans Mono&amp;quot;, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, monospace, sans-serif; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.30769; margin-bottom: calc(var(--s-prose-spacing) + 0.4em); margin-top: 0px; max-height: 600px; overflow-wrap: normal; overflow: auto; padding: 12px; vertical-align: baseline; width: auto;&quot;&gt;&lt;code style=&quot;background-color: transparent; border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;&quot;&gt;&lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$date&lt;/span&gt; = mysql_real_escape_string(&lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$_POST&lt;/span&gt;[&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;intake_date&#39;&lt;/span&gt;]);
&lt;/code&gt;&lt;/pre&gt;&lt;p style=&quot;border: 0px; box-sizing: inherit; clear: both; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: var(--s-prose-spacing); margin-left: 0px; margin-right: 0px; margin-top: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;1. If your MySQL column is&amp;nbsp;&lt;code style=&quot;background-color: var(--black-075); border-radius: 3px; border: 0px; box-sizing: inherit; color: var(--black-800); font-family: Consolas, Menlo, Monaco, &amp;quot;Lucida Console&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;DejaVu Sans Mono&amp;quot;, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, monospace, sans-serif; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;DATE&lt;/code&gt;&amp;nbsp;type:&lt;/p&gt;&lt;pre class=&quot;default s-code-block hljs lua&quot; style=&quot;background-color: var(--highlight-bg); border-radius: 5px; border: 0px; box-sizing: inherit; color: var(--highlight-color); font-family: Consolas, Menlo, Monaco, &amp;quot;Lucida Console&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;DejaVu Sans Mono&amp;quot;, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, monospace, sans-serif; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.30769; margin-bottom: calc(var(--s-prose-spacing) + 0.4em); margin-top: 0px; max-height: 600px; overflow-wrap: normal; overflow: auto; padding: 12px; vertical-align: baseline; width: auto;&quot;&gt;&lt;code style=&quot;background-color: transparent; border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;&quot;&gt;$&lt;span class=&quot;hljs-built_in&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;date&lt;/span&gt; = &lt;span class=&quot;hljs-built_in&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;date&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Y-m-d&#39;&lt;/span&gt;, strtotime(str_replace(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;-&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;/&#39;&lt;/span&gt;, $&lt;span class=&quot;hljs-built_in&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;date&lt;/span&gt;)));
&lt;/code&gt;&lt;/pre&gt;&lt;p style=&quot;border: 0px; box-sizing: inherit; clear: both; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: var(--s-prose-spacing); margin-left: 0px; margin-right: 0px; margin-top: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;2. If your MySQL column is&amp;nbsp;&lt;code style=&quot;background-color: var(--black-075); border-radius: 3px; border: 0px; box-sizing: inherit; color: var(--black-800); font-family: Consolas, Menlo, Monaco, &amp;quot;Lucida Console&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;DejaVu Sans Mono&amp;quot;, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, monospace, sans-serif; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;DATETIME&lt;/code&gt;&amp;nbsp;type:&lt;/p&gt;&lt;pre class=&quot;default s-code-block hljs lua&quot; style=&quot;background-color: var(--highlight-bg); border-radius: 5px; border: 0px; box-sizing: inherit; color: var(--highlight-color); font-family: Consolas, Menlo, Monaco, &amp;quot;Lucida Console&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;DejaVu Sans Mono&amp;quot;, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, monospace, sans-serif; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.30769; margin-bottom: calc(var(--s-prose-spacing) + 0.4em); margin-top: 0px; max-height: 600px; overflow-wrap: normal; overflow: auto; padding: 12px; vertical-align: baseline; width: auto;&quot;&gt;&lt;code style=&quot;background-color: transparent; border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;&quot;&gt;$&lt;span class=&quot;hljs-built_in&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;date&lt;/span&gt; = &lt;span class=&quot;hljs-built_in&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;date&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Y-m-d H:i:s&#39;&lt;/span&gt;, strtotime(str_replace(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;-&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;/&#39;&lt;/span&gt;, $&lt;span class=&quot;hljs-built_in&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;date&lt;/span&gt;)));
&lt;/code&gt;&lt;/pre&gt;&lt;p style=&quot;border: 0px; box-sizing: inherit; clear: both; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: var(--s-prose-spacing); margin-left: 0px; margin-right: 0px; margin-top: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;You haven&#39;t got to work&amp;nbsp;&lt;code style=&quot;background-color: var(--black-075); border-radius: 3px; border: 0px; box-sizing: inherit; color: var(--black-800); font-family: Consolas, Menlo, Monaco, &amp;quot;Lucida Console&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;DejaVu Sans Mono&amp;quot;, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, monospace, sans-serif; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;strototime()&lt;/code&gt;, because it will not work with dash&amp;nbsp;&lt;code style=&quot;background-color: var(--black-075); border-radius: 3px; border: 0px; box-sizing: inherit; color: var(--black-800); font-family: Consolas, Menlo, Monaco, &amp;quot;Lucida Console&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;DejaVu Sans Mono&amp;quot;, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, monospace, sans-serif; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;-&lt;/code&gt;&amp;nbsp;separators, it will try to do a subtraction.&lt;/p&gt;&lt;hr style=&quot;background-color: var(--black-100); border: 0px; box-sizing: inherit; color: var(--black-100); height: 1px; margin-bottom: var(--s-prose-spacing);&quot; /&gt;&lt;p style=&quot;border: 0px; box-sizing: inherit; clear: both; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: var(--s-prose-spacing); margin-left: 0px; margin-right: 0px; margin-top: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;strong style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Update&lt;/strong&gt;, the way your date is formatted you can&#39;t use&amp;nbsp;&lt;code style=&quot;background-color: var(--black-075); border-radius: 3px; border: 0px; box-sizing: inherit; color: var(--black-800); font-family: Consolas, Menlo, Monaco, &amp;quot;Lucida Console&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;DejaVu Sans Mono&amp;quot;, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, monospace, sans-serif; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 2px 4px; vertical-align: baseline; white-space: pre-wrap;&quot;&gt;strtotime()&lt;/code&gt;, use this code instead:&lt;/p&gt;&lt;pre class=&quot;default s-code-block hljs bash&quot; style=&quot;background-color: var(--highlight-bg); border-radius: 5px; border: 0px; box-sizing: inherit; color: var(--highlight-color); font-family: Consolas, Menlo, Monaco, &amp;quot;Lucida Console&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;DejaVu Sans Mono&amp;quot;, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, monospace, sans-serif; font-size: 13px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.30769; margin-bottom: calc(var(--s-prose-spacing) + 0.4em); margin-top: 0px; max-height: 600px; overflow-wrap: normal; overflow: auto; padding: 12px; vertical-align: baseline; width: auto;&quot;&gt;&lt;code style=&quot;background-color: transparent; border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;&quot;&gt;&lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$date&lt;/span&gt; = &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;02/07/2009 00:07:00&#39;&lt;/span&gt;;
&lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$date&lt;/span&gt; = preg_replace(&lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;#(\d{2})/(\d{2})/(\d{4})\s(.*)#&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;$3-$2-$1 $4&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$date&lt;/span&gt;);
&lt;span class=&quot;hljs-built_in&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-literal); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;echo&lt;/span&gt; &lt;span class=&quot;hljs-variable&quot; style=&quot;border: 0px; box-sizing: inherit; color: var(--highlight-variable); font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$date&lt;/span&gt;;
&lt;/code&gt;&lt;/pre&gt;&lt;p style=&quot;border: 0px; box-sizing: inherit; clear: both; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: var(--s-prose-spacing); margin-left: 0px; margin-right: 0px; margin-top: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Output:&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&lt;span style=&quot;color: var(--highlight-color); font-family: inherit; font-size: 13px; font-style: inherit; font-variant-caps: inherit; font-variant-ligatures: inherit; font-weight: inherit; white-space: inherit;&quot;&gt;2009-07-02 00:07:00&lt;/span&gt;&amp;nbsp;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;Source:&amp;nbsp;&lt;a href=&quot;https://stackoverflow.com/questions/6790930/convert-php-date-to-mysql-format/6791068&quot;&gt;https://stackoverflow.com/questions/6790930/convert-php-date-to-mysql-format/6791068&lt;/a&gt;&lt;/p&gt;&lt;p&gt;BY:&amp;nbsp;&lt;a href=&quot;https://stackoverflow.com/users/645186/shef&quot;&gt;https://stackoverflow.com/users/645186/shef&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://jasimalikhan.blogspot.com/feeds/4730891204661851127/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://jasimalikhan.blogspot.com/2021/04/convert-php-date-to-mysql-format.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/4730891204661851127'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/4730891204661851127'/><link rel='alternate' type='text/html' href='http://jasimalikhan.blogspot.com/2021/04/convert-php-date-to-mysql-format.html' title='Convert php date to mysql format'/><author><name>Jasim Ali Khan</name><uri>http://www.blogger.com/profile/01684195966180752975</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4648682226035640118.post-7736912803191608598</id><published>2021-04-09T11:27:00.003-07:00</published><updated>2021-04-09T11:27:14.754-07:00</updated><title type='text'>Autocomplete Address Search Module Using Google API and PHP</title><content type='html'>&lt;div&gt;&lt;h2 style=&quot;background-color: white; color: rgb(255, 120, 75) !important; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; margin-bottom: 0.4em;&quot;&gt;Steps to implement an autocomplete address search module&lt;/h2&gt;&lt;p style=&quot;background-color: white; color: #525252; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 1.15em; line-height: 1.7; margin-top: 0px;&quot;&gt;The first step is to grab a google’s&amp;nbsp;&lt;strong&gt;API Key&lt;/strong&gt;, you can find it&amp;nbsp;&lt;a href=&quot;https://developers.google.com/places/web-service/get-api-key&quot; rel=&quot;noopener&quot; style=&quot;color: #ff784b; text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;here&lt;/a&gt;.&lt;/p&gt;&lt;p style=&quot;background-color: white; color: #525252; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 1.15em; line-height: 1.7; margin-top: 0px;&quot;&gt;index.php&lt;/p&gt;&lt;pre class=&quot; language-html&quot; style=&quot;background: rgb(39, 40, 34); border-radius: 0.3em; color: #f8f8f2; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; hyphens: none; line-height: 1.5; margin-bottom: 0.5em; margin-top: 0.5em; overflow-wrap: normal; overflow: auto; padding: 1em; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; word-break: normal;&quot;&gt;&lt;code class=&quot; language-html&quot; style=&quot;background: 0px 0px; border-radius: 4px; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 14.4px; hyphens: none; line-height: 1.5; overflow-wrap: normal; padding: 2px 4px; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; word-break: normal; word-spacing: normal;&quot;&gt;&lt;span class=&quot;token doctype&quot; style=&quot;color: slategrey;&quot;&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;html&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #a6e22e;&quot;&gt;lang&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&quot;&lt;/span&gt;en&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
    &lt;span class=&quot;token tag&quot; style=&quot;color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;head&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
        &lt;span class=&quot;token tag&quot; style=&quot;color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;meta&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #a6e22e;&quot;&gt;charset&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&quot;&lt;/span&gt;utf-8&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
        &lt;span class=&quot;token tag&quot; style=&quot;color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;meta&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #a6e22e;&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&quot;&lt;/span&gt;viewport&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #a6e22e;&quot;&gt;content&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&quot;&lt;/span&gt;width&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;=&lt;/span&gt;device-width, initial-scale&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;=&lt;/span&gt;1.0&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;

        &lt;span class=&quot;token tag&quot; style=&quot;color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;script&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #a6e22e;&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&quot;&lt;/span&gt;text/javascript&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #a6e22e;&quot;&gt;src&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&quot;&lt;/span&gt;https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token script language-javascript&quot;&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;lt;/&lt;/span&gt;script&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;

        &lt;span class=&quot;token tag&quot; style=&quot;color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;link&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #a6e22e;&quot;&gt;href&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&quot;&lt;/span&gt;https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #a6e22e;&quot;&gt;rel&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&quot;&lt;/span&gt;stylesheet&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;

        &lt;span class=&quot;token tag&quot; style=&quot;color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;script&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #a6e22e;&quot;&gt;src&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&quot;&lt;/span&gt;https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token script language-javascript&quot;&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;lt;/&lt;/span&gt;script&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;

    &lt;span class=&quot;token tag&quot; style=&quot;color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;lt;/&lt;/span&gt;head&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
    &lt;span class=&quot;token tag&quot; style=&quot;color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;body&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;

        &lt;span class=&quot;token tag&quot; style=&quot;color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;select&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #a6e22e;&quot;&gt;id&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&quot;&lt;/span&gt;address&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token style-attr language-css&quot;&gt;&lt;span class=&quot;token attr-name&quot; style=&quot;color: #a6e22e;&quot;&gt; &lt;span class=&quot;token attr-name&quot;&gt;style&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;=&quot;&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #e6db74;&quot;&gt;&lt;span class=&quot;token property&quot; style=&quot;color: #f92672;&quot;&gt;width&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;:&lt;/span&gt;500px&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;lt;/&lt;/span&gt;select&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;

        &lt;span class=&quot;token tag&quot; style=&quot;color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;script&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #a6e22e;&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&quot;&lt;/span&gt;text/javascript&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token script language-javascript&quot;&gt;
            &lt;span class=&quot;token function&quot; style=&quot;color: #e6db74;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;document&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;color: #e6db74;&quot;&gt;ready&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token keyword&quot; style=&quot;color: #66d9ef;&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;

                &lt;span class=&quot;token function&quot; style=&quot;color: #e6db74;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;color: #a6e22e;&quot;&gt;&quot;#submit&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;color: #e6db74;&quot;&gt;click&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token keyword&quot; style=&quot;color: #66d9ef;&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
                    &lt;span class=&quot;token keyword&quot; style=&quot;color: #66d9ef;&quot;&gt;var&lt;/span&gt; val &lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;color: #e6db74;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;color: #a6e22e;&quot;&gt;&quot;#address&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;color: #e6db74;&quot;&gt;val&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
                    &lt;span class=&quot;token function&quot; style=&quot;color: #e6db74;&quot;&gt;alert&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;val&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
                &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;

                &lt;span class=&quot;token function&quot; style=&quot;color: #e6db74;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;color: #a6e22e;&quot;&gt;&#39;select&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;color: #e6db74;&quot;&gt;select2&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
                    placeholder&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;color: #a6e22e;&quot;&gt;&quot;Search for your city&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
                    ajax&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
                        url&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;color: #66d9ef;&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;params&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
                            &lt;span class=&quot;token keyword&quot; style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;color: #a6e22e;&quot;&gt;&#39;api.php?data=&#39;&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;+&lt;/span&gt;params&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;term&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt; 
                        &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
                        dataType&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;color: #a6e22e;&quot;&gt;&#39;json&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt; 
                        processResults&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;color: #66d9ef;&quot;&gt;function&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;data&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
                            &lt;span class=&quot;token keyword&quot; style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
                                results&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; $&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;color: #e6db74;&quot;&gt;map&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;data&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;color: #66d9ef;&quot;&gt;function&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;item&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
                                    &lt;span class=&quot;token keyword&quot; style=&quot;color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
                                        text&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; item&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;text&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
                                        id&lt;span class=&quot;token punctuation&quot;&gt;:&lt;/span&gt; item&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;text
                                    &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;
                                &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;
                            &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
                        &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;
                    &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;

                &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
            &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
        &lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;lt;/&lt;/span&gt;script&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;

    &lt;span class=&quot;token tag&quot; style=&quot;color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;lt;/&lt;/span&gt;body&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;lt;/&lt;/span&gt;html&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;p style=&quot;background-color: white; color: #525252; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 1.15em; line-height: 1.7; margin-top: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;background-color: white; color: #525252; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 1.15em; line-height: 1.7; margin-top: 0px;&quot;&gt;api.php&lt;/p&gt;&lt;pre class=&quot; language-php&quot; style=&quot;background: rgb(39, 40, 34); border-radius: 0.3em; color: #f8f8f2; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; hyphens: none; line-height: 1.5; margin-bottom: 0.5em; margin-top: 0.5em; overflow-wrap: normal; overflow: auto; padding: 1em; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; word-break: normal;&quot;&gt;&lt;code class=&quot; language-php&quot; style=&quot;background: 0px 0px; border-radius: 4px; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 14.4px; hyphens: none; line-height: 1.5; overflow-wrap: normal; padding: 2px 4px; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; word-break: normal; word-spacing: normal;&quot;&gt;
&lt;span class=&quot;token php language-php&quot;&gt;&lt;span class=&quot;token delimiter important&quot; style=&quot;color: #fd971f; font-weight: 700;&quot;&gt;&amp;lt;?php&lt;/span&gt;

 &lt;span class=&quot;token variable&quot;&gt;$terms&lt;/span&gt; &lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token variable&quot;&gt;$_GET&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;color: #a6e22e;&quot;&gt;&#39;data&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;

 &lt;span class=&quot;token variable&quot;&gt;$data&lt;/span&gt; &lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;color: #e6db74;&quot;&gt;file_get_contents&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;color: #a6e22e;&quot;&gt;&quot;https://maps.googleapis.com/maps/api/place/autocomplete/json?input=&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token variable&quot;&gt;$terms&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;color: #a6e22e;&quot;&gt;&quot;&amp;amp;types=geocode&amp;amp;key={YOUR_API_KEY}&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;


 &lt;span class=&quot;token variable&quot;&gt;$arr&lt;/span&gt; &lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;color: #66d9ef;&quot;&gt;array&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
 &lt;span class=&quot;token variable&quot;&gt;$i&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token number&quot; style=&quot;color: #ae81ff;&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
 &lt;span class=&quot;token keyword&quot; style=&quot;color: #66d9ef;&quot;&gt;foreach&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;color: #e6db74;&quot;&gt;json_decode&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token variable&quot;&gt;$data&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;token property&quot; style=&quot;color: #f92672;&quot;&gt;predictions&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;color: #66d9ef;&quot;&gt;as&lt;/span&gt; &lt;span class=&quot;token variable&quot;&gt;$item&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;{&lt;/span&gt;
 &lt;span class=&quot;token variable&quot;&gt;$arr&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;token variable&quot;&gt;$i&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;]&lt;/span&gt; &lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;color: #66d9ef;&quot;&gt;array&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;
 &lt;span class=&quot;token string&quot; style=&quot;color: #a6e22e;&quot;&gt;&#39;id&#39;&lt;/span&gt; &lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span class=&quot;token variable&quot;&gt;$i&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;,&lt;/span&gt;
 &lt;span class=&quot;token string&quot; style=&quot;color: #a6e22e;&quot;&gt;&#39;text&#39;&lt;/span&gt; &lt;span class=&quot;token operator&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span class=&quot;token variable&quot;&gt;$item&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;token property&quot; style=&quot;color: #f92672;&quot;&gt;description&lt;/span&gt;
 &lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
 &lt;span class=&quot;token variable&quot;&gt;$i&lt;/span&gt;&lt;span class=&quot;token operator&quot;&gt;++&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;
 &lt;span class=&quot;token punctuation&quot;&gt;}&lt;/span&gt;

 &lt;span class=&quot;token keyword&quot; style=&quot;color: #66d9ef;&quot;&gt;echo&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;color: #e6db74;&quot;&gt;json_encode&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token variable&quot;&gt;$arr&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;;&lt;/span&gt;

&lt;span class=&quot;token delimiter important&quot; style=&quot;color: #fd971f; font-weight: 700;&quot;&gt;?&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;p style=&quot;background-color: white; color: #525252; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 1.15em; line-height: 1.7; margin-top: 0px;&quot;&gt;you just have to put above&amp;nbsp;&lt;strong&gt;index.html&lt;/strong&gt;&amp;nbsp;and&amp;nbsp;&lt;strong&gt;api.php&amp;nbsp;&lt;/strong&gt;in the same directory, and you replace&amp;nbsp;&lt;strong&gt;{YOUR_API_KEY}&amp;nbsp;&lt;/strong&gt;with your’s one.&lt;/p&gt;&lt;h4 style=&quot;background-color: white; color: rgb(255, 120, 75) !important; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; margin-bottom: 0.4em;&quot;&gt;Important Note&lt;/h4&gt;&lt;p style=&quot;background-color: white; color: #525252; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 1.15em; line-height: 1.7; margin-top: 0px;&quot;&gt;By using&amp;nbsp;&lt;strong&gt;google place API&lt;/strong&gt;&amp;nbsp;google simply needs some policy to follow (&lt;a href=&quot;https://developers.google.com/places/web-service/policies&quot; rel=&quot;noopener&quot; style=&quot;color: #ff784b; text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;read this policy here&lt;/a&gt;), Google wants their “&lt;strong&gt;powered by Google&lt;/strong&gt;” logo to be shown in the drop-down.&lt;/p&gt;&lt;p style=&quot;background-color: white; color: #525252; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 1.15em; line-height: 1.7; margin-top: 0px;&quot;&gt;&lt;strong&gt;Note:-&amp;nbsp;&lt;/strong&gt;you need a live or local server to run this module.&lt;/p&gt;&lt;p style=&quot;background-color: white; color: #525252; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 1.15em; line-height: 1.7; margin-top: 0px;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;/div&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #ffa400;&quot;&gt;Source:&amp;nbsp;&lt;a href=&quot;https://www.myprogrammingtutorials.com/autocomplete-address-search-module-google-api-php.html&quot;&gt;https://www.myprogrammingtutorials.com/autocomplete-address-search-module-google-api-php.html&lt;/a&gt;&lt;/span&gt;&lt;/b&gt;&lt;/h3&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://jasimalikhan.blogspot.com/feeds/7736912803191608598/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://jasimalikhan.blogspot.com/2021/04/autocomplete-address-search-module.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/7736912803191608598'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/7736912803191608598'/><link rel='alternate' type='text/html' href='http://jasimalikhan.blogspot.com/2021/04/autocomplete-address-search-module.html' title='Autocomplete Address Search Module Using Google API and PHP'/><author><name>Jasim Ali Khan</name><uri>http://www.blogger.com/profile/01684195966180752975</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4648682226035640118.post-6976825037854051634</id><published>2021-04-02T07:56:00.003-07:00</published><updated>2021-04-02T07:56:37.612-07:00</updated><title type='text'>PHP cURL Examples</title><content type='html'>&lt;p style=&quot;background-color: #f9fafa; color: #555555; font-family: &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 16px; margin: 0px; padding: 0px 0px 26px;&quot;&gt;cURL is software which you can use to make various requests using different protocols. PHP has the option to use cURL and in this article, we’ll show several examples.&lt;/p&gt;&lt;h2 style=&quot;background-color: #f9fafa; color: #363d40; font-family: &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 28px; letter-spacing: -0.6px; line-height: 28px; margin: 26px 0px;&quot;&gt;PHP cURL Basics&lt;/h2&gt;&lt;pre style=&quot;background: rgb(249, 250, 250); border-radius: 3px; border: 1px solid rgb(214, 214, 214); color: #555555; font-family: Menlo, Monaco, Consolas, &amp;quot;courier new&amp;quot;, monospace; font-size: 16px; line-height: 1.5em; margin-bottom: 1.5em; margin-top: 0px; overflow-wrap: break-word; padding: 2em; white-space: pre-wrap; word-break: break-all;&quot;&gt;curl_init();      &lt;span style=&quot;color: #339966;&quot;&gt;// initializes a cURL session&lt;/span&gt;
curl_setopt();    &lt;span style=&quot;color: #339966;&quot;&gt;// changes the cURL session behavior with options&lt;/span&gt;
curl_exec();      &lt;span style=&quot;color: #339966;&quot;&gt;// executes the started cURL session&lt;/span&gt;
curl_close();     &lt;span style=&quot;color: #339966;&quot;&gt;// closes the cURL session and deletes the variable made by curl_init();&lt;/span&gt;&lt;/pre&gt;&lt;h2 style=&quot;background-color: #f9fafa; color: #363d40; font-family: &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 28px; letter-spacing: -0.6px; line-height: 28px; margin: 26px 0px;&quot;&gt;PHP cURL POST Request&lt;/h2&gt;&lt;p&gt;&lt;span style=&quot;background-color: #f9fafa; color: #555555; font-family: &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 16px;&quot;&gt;A POST request is usually made to send user collected data to a server.&lt;/span&gt;&amp;nbsp;&lt;/p&gt;&lt;pre style=&quot;background: rgb(249, 250, 250); border-radius: 3px; border: 1px solid rgb(214, 214, 214); color: #555555; font-family: Menlo, Monaco, Consolas, &amp;quot;courier new&amp;quot;, monospace; font-size: 16px; line-height: 1.5em; margin-bottom: 1.5em; margin-top: 0px; overflow-wrap: break-word; padding: 2em; white-space: pre-wrap; word-break: break-all;&quot;&gt;&amp;lt;?php

$postRequest = array(
    &#39;firstFieldData&#39; =&amp;gt; &#39;foo&#39;,
    &#39;secondFieldData&#39; =&amp;gt; &#39;bar&#39;
);

$cURLConnection = curl_init(&#39;http://hostname.tld/api&#39;);
curl_setopt($cURLConnection, CURLOPT_POSTFIELDS, $postRequest);
curl_setopt($cURLConnection, CURLOPT_RETURNTRANSFER, true);

$apiResponse = curl_exec($cURLConnection);
curl_close($cURLConnection);

// $apiResponse - available data from the API request
$jsonArrayResponse - json_decode($apiResponse);&lt;/pre&gt;&lt;h2 style=&quot;background-color: #f9fafa; color: #363d40; font-family: &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 28px; letter-spacing: -0.6px; line-height: 28px; margin: 26px 0px;&quot;&gt;PHP cURL GET Request&lt;/h2&gt;&lt;p style=&quot;background-color: #f9fafa; color: #555555; font-family: &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 16px; margin: 0px; padding: 0px 0px 26px;&quot;&gt;A GET request retrieves data from a server. This can be a website’s HTML, an API response or other resources.&lt;/p&gt;&lt;pre style=&quot;background: rgb(249, 250, 250); border-radius: 3px; border: 1px solid rgb(214, 214, 214); color: #555555; font-family: Menlo, Monaco, Consolas, &amp;quot;courier new&amp;quot;, monospace; font-size: 16px; line-height: 1.5em; margin-bottom: 1.5em; margin-top: 0px; overflow-wrap: break-word; padding: 2em; white-space: pre-wrap; word-break: break-all;&quot;&gt;&amp;lt;?php

$cURLConnection = curl_init();

curl_setopt($cURLConnection, CURLOPT_URL, &#39;https://hostname.tld/phone-list&#39;);
curl_setopt($cURLConnection, CURLOPT_RETURNTRANSFER, true);

$phoneList = curl_exec($cURLConnection);
curl_close($cURLConnection);

$jsonArrayResponse - json_decode($phoneList);&lt;/pre&gt;&lt;h2 style=&quot;background-color: #f9fafa; color: #363d40; font-family: &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 28px; letter-spacing: -0.6px; line-height: 28px; margin: 26px 0px;&quot;&gt;PHP cURL Header&lt;/h2&gt;&lt;p style=&quot;background-color: #f9fafa; color: #555555; font-family: &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, sans-serif; font-size: 16px; margin: 0px; padding: 0px 0px 26px;&quot;&gt;You can also set custom headers in your cURL requests. For this, we’ll use the&amp;nbsp;curl_setopt() function.&lt;/p&gt;&lt;pre style=&quot;background: rgb(249, 250, 250); border-radius: 3px; border: 1px solid rgb(214, 214, 214); color: #555555; font-family: Menlo, Monaco, Consolas, &amp;quot;courier new&amp;quot;, monospace; font-size: 16px; line-height: 1.5em; margin-bottom: 1.5em; margin-top: 0px; overflow-wrap: break-word; padding: 2em; white-space: pre-wrap; word-break: break-all;&quot;&gt;curl_setopt($ch, CURLOPT_HTTPHEADER, array(
    &#39;Header-Key: Header-Value&#39;,
    &#39;Header-Key-2: Header-Value-2&#39;
));&lt;/pre&gt;&lt;div&gt;Source:&amp;nbsp;https://www.webhostface.com/kb/knowledgebase/php-curl-examples/&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://jasimalikhan.blogspot.com/feeds/6976825037854051634/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://jasimalikhan.blogspot.com/2021/04/php-curl-examples.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/6976825037854051634'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/6976825037854051634'/><link rel='alternate' type='text/html' href='http://jasimalikhan.blogspot.com/2021/04/php-curl-examples.html' title='PHP cURL Examples'/><author><name>Jasim Ali Khan</name><uri>http://www.blogger.com/profile/01684195966180752975</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4648682226035640118.post-7249391449566361979</id><published>2021-03-25T00:38:00.002-07:00</published><updated>2021-03-25T00:38:19.413-07:00</updated><title type='text'>dayofweek() : Records of the weekdays</title><content type='html'>&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;h1 itemprop=&quot;headline&quot; style=&quot;background-color: white; box-sizing: border-box; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 2.5rem; font-weight: 500; line-height: 1.2; margin-bottom: 0.5rem; margin-top: 0px; text-align: justify;&quot;&gt;dayofweek() : Records of the weekdays&lt;/h1&gt;&lt;span itemprop=&quot;articleBody&quot; style=&quot;background-color: white; box-sizing: border-box; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 20px; text-align: justify;&quot;&gt;To get the number of weekday ( from 1 to 7 ) we will use&amp;nbsp;&lt;i style=&quot;box-sizing: border-box;&quot;&gt;dayofweek&lt;/i&gt;&amp;nbsp;function of MySQL.&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; word-break: break-all;&quot;&gt;&lt;code style=&quot;box-sizing: border-box; color: inherit; font-family: SFMono-Regular, Menlo, Monaco, Consolas, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; word-break: normal;&quot;&gt;DAYOFWEEK(date)&lt;/code&gt;&lt;/pre&gt;Example&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; word-break: break-all;&quot;&gt;&lt;code style=&quot;box-sizing: border-box; color: inherit; font-family: SFMono-Regular, Menlo, Monaco, Consolas, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; word-break: normal;&quot;&gt;SELECT DAYOFWEEK(&#39;2016-05-06&#39;)&lt;/code&gt;&lt;/pre&gt;Output is&amp;nbsp;&lt;i style=&quot;box-sizing: border-box;&quot;&gt;6&lt;/i&gt;.&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;For a invalid date output will give&amp;nbsp;&lt;i style=&quot;box-sizing: border-box;&quot;&gt;NULL&lt;/i&gt;&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;1 = Sunday , 2 = Monday, 3 = Tuesday, 4 = Wednesday , 5 = Thursday, 6 = Friday, 7 = Saturday&lt;/span&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 20px; text-align: justify;&quot;&gt;This function&amp;nbsp;&lt;/span&gt;&lt;i style=&quot;background-color: white; box-sizing: border-box; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 20px; text-align: justify;&quot;&gt;dayofweek&lt;/i&gt;&lt;span style=&quot;background-color: white; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 20px; text-align: justify;&quot;&gt;&amp;nbsp;returns values 1 to 7 based on the weekday starting from Sunday as 1, Monday as 2 and �so on for others. So if today is Thursday then dayofweek function will return 5. So we need before three days record ( excluding today ) from today to get the records stating from Monday. So we will deduct 2 from the weekday figure. Here is the query to get the records of all weekdays of a week till today.&lt;/span&gt;&lt;/p&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; text-align: justify; word-break: break-all;&quot;&gt;&lt;code style=&quot;box-sizing: border-box; color: inherit; font-family: SFMono-Regular, Menlo, Monaco, Consolas, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; word-break: normal;&quot;&gt;SELECT id,date,weekday, dayofweek(CURDATE()) as dayofweek 
FROM dt_weekday 
WHERE `date` BETWEEN DATE_SUB( CURDATE( ) ,INTERVAL (dayofweek(CURDATE())-2) DAY ) AND CURDATE( )&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 20px; text-align: justify;&quot;&gt;Above query will collect records starting from Monday and ending with today. For example if today is Tuesday then you will get two records ( of Monday and Tuesday )&lt;/span&gt;&lt;br style=&quot;background-color: white; box-sizing: border-box; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 20px; text-align: justify;&quot; /&gt;&lt;br style=&quot;background-color: white; box-sizing: border-box; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 20px; text-align: justify;&quot; /&gt;&lt;a href=&quot;https://www.plus2net.com/sql_tutorial/date-lastweek.php&quot; style=&quot;background-color: white; box-sizing: border-box; color: #007bff; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 20px; text-align: justify; text-decoration-line: none;&quot;&gt;Please read the tutorial on last x day&#39;s record in part 1&lt;/a&gt;&lt;span style=&quot;background-color: white; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 20px; text-align: justify;&quot;&gt;&amp;nbsp;of this tutorial. Here we will develop a query to get records of weekdays of the present week.&lt;/span&gt;&lt;br style=&quot;background-color: white; box-sizing: border-box; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 20px; text-align: justify;&quot; /&gt;&lt;br style=&quot;background-color: white; box-sizing: border-box; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 20px; text-align: justify;&quot; /&gt;&lt;span style=&quot;background-color: white; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 20px; text-align: justify;&quot;&gt;For your understanding we have displayed dayofweek value against each record.&lt;/span&gt;&lt;/p&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 2rem; font-weight: 500; line-height: 1.2; margin-bottom: 0.5rem; margin-top: 0.5cm; text-align: justify;&quot;&gt;Using weekday function&lt;/h2&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 20px; text-align: justify;&quot;&gt;By using weekday function we will get the same result but here weekday will return different number for days.&lt;/span&gt;&lt;/p&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; text-align: justify; word-break: break-all;&quot;&gt;&lt;code style=&quot;box-sizing: border-box; color: inherit; font-family: SFMono-Regular, Menlo, Monaco, Consolas, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; word-break: normal;&quot;&gt;Monday = 0, Tuesday = 1  and so on�� &lt;/code&gt;&lt;/pre&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 20px; text-align: justify;&quot;&gt;Here is a simple query&lt;/span&gt;&lt;/p&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; text-align: justify; word-break: break-all;&quot;&gt;&lt;code style=&quot;box-sizing: border-box; color: inherit; font-family: SFMono-Regular, Menlo, Monaco, Consolas, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; word-break: normal;&quot;&gt;SELECT WEEKDAY(  &#39;2014-08-15&#39; )&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 20px; text-align: justify;&quot;&gt;Output of above query is 4 . (15th Aug 2014 is Friday).&lt;/span&gt;&lt;br style=&quot;background-color: white; box-sizing: border-box; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 20px; text-align: justify;&quot; /&gt;&lt;br style=&quot;background-color: white; box-sizing: border-box; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 20px; text-align: justify;&quot; /&gt;&lt;span style=&quot;background-color: white; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 20px; text-align: justify;&quot;&gt;Here is the query using weekday function to get records of the week starting from Monday.&lt;/span&gt;&lt;/p&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; text-align: justify; word-break: break-all;&quot;&gt;&lt;code style=&quot;box-sizing: border-box; color: inherit; font-family: SFMono-Regular, Menlo, Monaco, Consolas, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; word-break: normal;&quot;&gt;SELECT id, DATE, weekday, WEEKDAY( CURDATE( ) ) AS weekday 
FROM dt_weekday 
WHERE  `date` BETWEEN DATE_SUB( CURDATE( ) , INTERVAL( WEEKDAY( CURDATE( ) ) ) DAY ) AND CURDATE( )&lt;/code&gt;&lt;/pre&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 2rem; font-weight: 500; line-height: 1.2; margin-bottom: 0.5rem; margin-top: 0.5cm; text-align: justify;&quot;&gt;Previous One week records&lt;/h2&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 20px; text-align: justify;&quot;&gt;By adjusting the interval in our above query we can return the records of previous Week starting from Monday to Saturday.&lt;/span&gt;&lt;/p&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; text-align: justify; word-break: break-all;&quot;&gt;&lt;code style=&quot;box-sizing: border-box; color: inherit; font-family: SFMono-Regular, Menlo, Monaco, Consolas, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; word-break: normal;&quot;&gt;SELECT id, DATE, weekday, DAYOFWEEK( CURDATE( ) ) AS dayofweek 
FROM dt_weekday 
WHERE `date` 
BETWEEN DATE_SUB( CURDATE( ) , INTERVAL (dayofweek(CURDATE())+5) 
DAY ) 
AND DATE_SUB( CURDATE( ) , INTERVAL (dayofweek(CURDATE())) 
DAY ) 
&lt;/code&gt;&lt;/pre&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 2rem; font-weight: 500; line-height: 1.2; margin-bottom: 0.5rem; margin-top: 0.5cm; text-align: justify;&quot;&gt;Previous Two week records&lt;/h2&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 20px; text-align: justify;&quot;&gt;This query can be further adjusted to return previous two weeks record. ( Check the difference with previous query )&lt;/span&gt;&lt;/p&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; text-align: justify; word-break: break-all;&quot;&gt;&lt;code style=&quot;box-sizing: border-box; color: inherit; font-family: SFMono-Regular, Menlo, Monaco, Consolas, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; word-break: normal;&quot;&gt;SELECT id, DATE, weekday, DAYOFWEEK( CURDATE( ) ) AS dayofweek
FROM dt_weekday
WHERE  `date` 
BETWEEN DATE_SUB( CURDATE( ) , INTERVAL( DAYOFWEEK( CURDATE( ) ) +12 ) 
DAY ) 
AND DATE_SUB( CURDATE( ) , INTERVAL( DAYOFWEEK( CURDATE( ) ) +7 ) 
DAY )&lt;/code&gt;&lt;/pre&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 2rem; font-weight: 500; line-height: 1.2; margin-bottom: 0.5rem; margin-top: 0.5cm; text-align: justify;&quot;&gt;Dynamic SQL Dump&lt;/h2&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 20px; text-align: justify;&quot;&gt;Here is the sql dump to create table&amp;nbsp;&lt;/span&gt;&lt;i style=&quot;background-color: white; box-sizing: border-box; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 20px; text-align: justify;&quot;&gt;dt_weekday&lt;/i&gt;&lt;span style=&quot;background-color: white; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 20px; text-align: justify;&quot;&gt;. This dump is dynamically created by considering previous 15 days and next 15 days starting from today. You will have one record for each day.&lt;/span&gt;&lt;br style=&quot;background-color: white; box-sizing: border-box; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 20px; text-align: justify;&quot; /&gt;&lt;br style=&quot;background-color: white; box-sizing: border-box; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 20px; text-align: justify;&quot; /&gt;&lt;span style=&quot;background-color: white; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 20px; text-align: justify;&quot;&gt;You should always take a fresh dump file from here for your testing, if you are not executing on same day.&lt;/span&gt;&lt;br style=&quot;background-color: white; box-sizing: border-box; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 20px; text-align: justify;&quot; /&gt;&lt;br style=&quot;background-color: white; box-sizing: border-box; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 20px; text-align: justify;&quot; /&gt;&lt;span style=&quot;background-color: white; color: #212529; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 20px; text-align: justify;&quot;&gt;One column weekday is kept to store name of the weekday ( sun, mon, tue � ) for your understanding.&lt;/span&gt;&lt;/p&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; text-align: justify; word-break: break-all;&quot;&gt;&lt;code style=&quot;box-sizing: border-box; color: inherit; font-family: SFMono-Regular, Menlo, Monaco, Consolas, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; word-break: normal;&quot;&gt;CREATE TABLE IF NOT EXISTS `dt_weekday` (&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;
  `id` varchar(3) NOT NULL,&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;
  `date` date NOT NULL,&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;
  `weekday` varchar(3) NOT NULL&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;
) ENGINE=InnoDB DEFAULT CHARSET=utf8;&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;


INSERT INTO `dt_weekday` VALUES (&#39;-15&#39;, &#39;2021-04-09&#39;,&#39;Fri&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;-14&#39;, &#39;2021-04-08&#39;,&#39;Thu&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;-13&#39;, &#39;2021-04-07&#39;,&#39;Wed&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;-12&#39;, &#39;2021-04-06&#39;,&#39;Tue&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;-11&#39;, &#39;2021-04-05&#39;,&#39;Mon&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;-10&#39;, &#39;2021-04-04&#39;,&#39;Sun&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;-9&#39;, &#39;2021-04-03&#39;,&#39;Sat&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;-8&#39;, &#39;2021-04-02&#39;,&#39;Fri&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;-7&#39;, &#39;2021-04-01&#39;,&#39;Thu&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;-6&#39;, &#39;2021-03-31&#39;,&#39;Wed&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;-5&#39;, &#39;2021-03-30&#39;,&#39;Tue&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;-4&#39;, &#39;2021-03-29&#39;,&#39;Mon&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;-3&#39;, &#39;2021-03-28&#39;,&#39;Sun&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;-2&#39;, &#39;2021-03-27&#39;,&#39;Sat&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;-1&#39;, &#39;2021-03-26&#39;,&#39;Fri&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;0&#39;, &#39;2021-03-25&#39;,&#39;Thu&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;1&#39;, &#39;2021-03-24&#39;,&#39;Wed&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;2&#39;, &#39;2021-03-23&#39;,&#39;Tue&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;3&#39;, &#39;2021-03-22&#39;,&#39;Mon&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;4&#39;, &#39;2021-03-21&#39;,&#39;Sun&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;5&#39;, &#39;2021-03-20&#39;,&#39;Sat&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;6&#39;, &#39;2021-03-19&#39;,&#39;Fri&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;7&#39;, &#39;2021-03-18&#39;,&#39;Thu&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;8&#39;, &#39;2021-03-17&#39;,&#39;Wed&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;9&#39;, &#39;2021-03-16&#39;,&#39;Tue&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;10&#39;, &#39;2021-03-15&#39;,&#39;Mon&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;11&#39;, &#39;2021-03-14&#39;,&#39;Sun&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;12&#39;, &#39;2021-03-13&#39;,&#39;Sat&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;13&#39;, &#39;2021-03-12&#39;,&#39;Fri&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;14&#39;, &#39;2021-03-11&#39;,&#39;Thu&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;15&#39;, &#39;2021-03-10&#39;,&#39;Wed&#39; ); &lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INSERT INTO `dt_weekday` VALUES (&#39;16&#39;, &#39;2021-03-09&#39;,&#39;Tue&#39; ); &lt;/code&gt;&lt;/pre&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;b&gt;&lt;i&gt;&lt;span style=&quot;color: #ffa400;&quot;&gt;Source &amp;amp; Credit:&amp;nbsp;&lt;a href=&quot;https://www.plus2net.com/sql_tutorial/date-dayofweek.php&quot;&gt;https://www.plus2net.com/sql_tutorial/date-dayofweek.php&lt;/a&gt;&lt;/span&gt;&lt;/i&gt;&lt;/b&gt;&lt;/h3&gt;</content><link rel='replies' type='application/atom+xml' href='http://jasimalikhan.blogspot.com/feeds/7249391449566361979/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://jasimalikhan.blogspot.com/2021/03/dayofweek-records-of-weekdays.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/7249391449566361979'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/7249391449566361979'/><link rel='alternate' type='text/html' href='http://jasimalikhan.blogspot.com/2021/03/dayofweek-records-of-weekdays.html' title='dayofweek() : Records of the weekdays'/><author><name>Jasim Ali Khan</name><uri>http://www.blogger.com/profile/01684195966180752975</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4648682226035640118.post-8265496625914103719</id><published>2021-03-25T00:35:00.002-07:00</published><updated>2021-03-25T00:35:46.063-07:00</updated><title type='text'>Getting the recent week, one month or year records from MySQL table</title><content type='html'>&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;h1 itemprop=&quot;headline&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 36px; font-weight: 500; line-height: 1.1; margin: 20px 0px 10px; text-align: justify;&quot;&gt;DATE_SUB() Getting the recent one month or year records from MySQL table&lt;/h1&gt;&lt;span itemprop=&quot;articleBody&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify;&quot;&gt;Syntax of DATE_SUB()&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;DATE_SUB(date, INTERVAL, expression, UNIT)&lt;/code&gt;&lt;/pre&gt;Example&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT DATE_SUB(  &#39;2016-12-25&#39;, INTERVAL 3 DAY )&lt;/code&gt;&lt;/pre&gt;Output is 2016-12-22&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;We have subtracted three days form the given date by using&amp;nbsp;&lt;i style=&quot;box-sizing: border-box;&quot;&gt;DATE_SUB()&lt;/i&gt;&amp;nbsp;function. In place of DAY we can use Month, year, hour, minute, second etc , here is the list.&lt;table class=&quot;table table-striped&quot; style=&quot;background-color: transparent; border-collapse: collapse; border-spacing: 0px; margin-bottom: 20px; max-width: 100%; width: 764px;&quot;&gt;&lt;tbody style=&quot;box-sizing: border-box;&quot;&gt;&lt;tr class=&quot;info&quot; style=&quot;background-color: #f9f9f9; box-sizing: border-box;&quot;&gt;&lt;th style=&quot;background-color: #d9edf7; border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; line-height: 1.42857; padding: 8px; text-align: left; vertical-align: top;&quot;&gt;unit Value&lt;/th&gt;&lt;th style=&quot;background-color: #d9edf7; border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; line-height: 1.42857; padding: 8px; text-align: left; vertical-align: top;&quot;&gt;Expected expr Format&lt;/th&gt;&lt;th style=&quot;background-color: #d9edf7; border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; line-height: 1.42857; padding: 8px; text-align: left; vertical-align: top;&quot;&gt;Example&lt;/th&gt;&lt;/tr&gt;&lt;tr style=&quot;box-sizing: border-box;&quot;&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;DAY&lt;/td&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;DAYS&lt;/td&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;DATE_SUB( &#39;2016-11-29&#39;, INTERVAL 10 DAY )&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;background-color: #f9f9f9; box-sizing: border-box;&quot;&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;MONTH&lt;/td&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;MONTHS&lt;/td&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;DATE_SUB( &#39;2015-11-20&#39;, INTERVAL 5 MONTH )&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;box-sizing: border-box;&quot;&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;WEEK&lt;/td&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;WEEKS&lt;/td&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;DATE_SUB( &#39;2016-08-20&#39;, INTERVAL 5 WEEK )&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;background-color: #f9f9f9; box-sizing: border-box;&quot;&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;QUARTER&lt;/td&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;QUARTERS&lt;/td&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;DATE_SUB( &#39;2016-08-20&#39;, INTERVAL 2 QUARTER )&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;box-sizing: border-box;&quot;&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;YEAR&lt;/td&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;YEARS&lt;/td&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;DATE_SUB( &#39;2016-02-23&#39;, INTERVAL 2 YEAR )&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;background-color: #f9f9f9; box-sizing: border-box;&quot;&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;YEAR_MONTH&lt;/td&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;&#39;YEARS-MONTHS&#39;&lt;/td&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;DATE_SUB( &#39;2016-02-23&#39;, INTERVAL &#39;2-5&#39; YEAR_MONTH )&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;To use the above Examples add&amp;nbsp;&lt;i style=&quot;box-sizing: border-box;&quot;&gt;SELECT&lt;/i&gt;&amp;nbsp;at left and run the query.&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT DATE_SUB( &#39;2016-02-23&#39;, INTERVAL 2 YEAR ); // 2014-02-23 
SELECT DATE_SUB( CURDATE(), INTERVAL 2 YEAR ); // 2018-02-23&lt;/code&gt;&lt;/pre&gt;The second query depends on the todays date, so your result will be different.&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;Some time we have to collect last 7 or 15 days or X days (or month, year or week) data from MySQL table.&lt;/span&gt;&lt;div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #333333; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 20px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;For example let us find out who are the new members joined in our forum in last week. One shop may be interested in knowing new products added in last one month. What are the books arrived in last one year. Here irrespective of the date values we want the records of last X days from today, or we can say that the records between today and last X days ( month , year or week) are required.&lt;/span&gt;&lt;br style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot; /&gt;&lt;br style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot; /&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;We will use the MySQL function&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://www.plus2net.com/sql_tutorial/date-curdate.php&quot; style=&quot;background-color: white; box-sizing: border-box; color: #337ab7; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-decoration-line: none;&quot;&gt;CURDATE()&lt;/a&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;&amp;nbsp;to get the today&#39;s date.&lt;/span&gt;&lt;br style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot; /&gt;&lt;br style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot; /&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;To get the difference in today date and previous day or month we have to use the MySQL function&amp;nbsp;&lt;/span&gt;&lt;i style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;DATE_SUB&lt;/i&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;&lt;/span&gt;&lt;br style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot; /&gt;&lt;br style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot; /&gt;&lt;i style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;DATE_SUB&lt;/i&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;&amp;nbsp;is a MySQL function which takes date expression, the interval and the constant to return the date value for further calculation.&lt;/span&gt;&lt;br style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot; /&gt;&lt;br style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot; /&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;Here are some sample queries on how to get the records as per requirements . �&lt;/span&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #283c78; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 1px; margin-top: 50px;&quot;&gt;Last 10 days records&lt;/h2&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;select * from dt_table where  `date` &amp;gt;= DATE_SUB(CURDATE(), INTERVAL 10 DAY)&lt;/code&gt;&lt;/pre&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;The above query will return last 10 days records. Note that this query will return all future dates also. To exclude future dates we have to modify the above command a little by using&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://www.plus2net.com/sql_tutorial/sql_between.php&quot; style=&quot;background-color: white; box-sizing: border-box; color: #337ab7; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-decoration-line: none;&quot;&gt;between query&lt;/a&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;&amp;nbsp;to get records. Here is the modified one.&lt;/span&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT * FROM dt_table WHERE `date` BETWEEN DATE_SUB( CURDATE( ) ,INTERVAL 10 DAY ) AND CURDATE( )&lt;/code&gt;&lt;/pre&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #283c78; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 1px; margin-top: 50px;&quot;&gt;Present Month Records&lt;/h2&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;Starting from 1st day of the current month till now.&lt;/span&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT * FROM `dt_table` WHERE  date between  DATE_FORMAT(CURDATE() ,&#39;%Y-%m-01&#39;) AND CURDATE()&lt;/code&gt;&lt;/pre&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #283c78; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 1px; margin-top: 50px;&quot;&gt;Present Year Records&lt;/h2&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;Starting from 1st Jan of the current Year till now.&lt;/span&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT * FROM `dt_table` WHERE  date between  DATE_FORMAT(CURDATE() ,&#39;%Y-01-01&#39;) AND CURDATE()&lt;/code&gt;&lt;/pre&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #283c78; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 1px; margin-top: 50px;&quot;&gt;Last one month records&lt;/h2&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;Let us try to get records added in last one month&lt;/span&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT * FROM dt_table where  `date` &amp;gt;= DATE_SUB(CURDATE(), INTERVAL 1 MONTH)&lt;/code&gt;&lt;/pre&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;Here also future records will be returned so we can take care of that by using&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://www.plus2net.com/sql_tutorial/sql_between.php&quot; style=&quot;background-color: white; box-sizing: border-box; color: #337ab7; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-decoration-line: none;&quot;&gt;&lt;i style=&quot;box-sizing: border-box;&quot;&gt;BETWEEN&lt;/i&gt;&lt;/a&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;&amp;nbsp;commands if required.&lt;/span&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT * FROM dt_table WHERE date BETWEEN DATE_SUB(CURDATE(), INTERVAL 1 MONTH)  AND CURDATE();&lt;/code&gt;&lt;/pre&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;Using Year&lt;/span&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;select * from dt_table WHERE `date` &amp;gt;= DATE_SUB(CURDATE(), INTERVAL 1 YEAR)&lt;/code&gt;&lt;/pre&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;Using year with BETWEEN&lt;/span&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT * FROM dt_table WHERE date BETWEEN DATE_SUB(CURDATE(), INTERVAL 1 YEAR)  AND CURDATE();&lt;/code&gt;&lt;/pre&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #283c78; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 1px; margin-top: 50px;&quot;&gt;Records of previous month of any year&lt;/h2&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT * FROM  dt_table WHERE MONTH( DATE ) = MONTH( DATE_SUB(CURDATE(),INTERVAL 1 MONTH ))&lt;/code&gt;&lt;/pre&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #283c78; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 1px; margin-top: 50px;&quot;&gt;Records of previous month of same year&lt;/h2&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT * FROM  dt_table WHERE MONTH( DATE ) = MONTH( DATE_SUB(CURDATE(),INTERVAL 1 MONTH )) 
AND 
YEAR( DATE ) = YEAR( DATE_SUB(CURDATE( ),INTERVAL 1 MONTH ))&lt;/code&gt;&lt;/pre&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;Note the difference between&amp;nbsp;&lt;/span&gt;&lt;i style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;Last one month record&lt;/i&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;&amp;nbsp;and&amp;nbsp;&lt;/span&gt;&lt;i style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;Previous month record&lt;/i&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;&lt;/span&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #283c78; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 1px; margin-top: 50px;&quot;&gt;Records of two date ranges&lt;/h2&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;We can collect records between a particular date ranges by using between command and DATE_SUB. Here are some queries to generate records between two date ranges.&lt;/span&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT * FROM dt_table WHERE `date` BETWEEN DATE_SUB( CURDATE( ) ,INTERVAL 3 MONTH ) AND DATE_SUB( CURDATE( ) ,INTERVAL 0 MONTH )&lt;/code&gt;&lt;/pre&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;This query will return records between last three months. This query again we will modify to get the records between three moths and six months.&lt;/span&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT * FROM dt_table WHERE `date` BETWEEN DATE_SUB( CURDATE( ) ,INTERVAL 6 MONTH ) AND DATE_SUB( CURDATE( ) ,INTERVAL 3 MONTH )&lt;/code&gt;&lt;/pre&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;Now let us change this to get records between 6 month and 12 month.&lt;/span&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT * FROM dt_table WHERE `date` BETWEEN DATE_SUB( CURDATE( ) ,INTERVAL 12  MONTH ) AND DATE_SUB( CURDATE( ) ,INTERVAL 6 MONTH )&lt;/code&gt;&lt;/pre&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;With this you can understand how the records between a month range or a year range can be collected from a table. Note that the months ranges are calculated starting from current day. So if we are collecting records of last three months and we are in 15th day of 9th month then records of 15th day of 6th month we will get but the records of 14th day of 6th month will be returning on next query that is between 3 months and 6 months.&lt;/span&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #283c78; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 1px; margin-top: 50px;&quot;&gt;Records of present week&lt;/h2&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT * FROM `dt_table` WHERE WEEKOFYEAR(date)=WEEKOFYEAR(CURDATE())&lt;/code&gt;&lt;/pre&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #283c78; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 1px; margin-top: 50px;&quot;&gt;Records of previous week&lt;/h2&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT * FROM `dt_table` WHERE WEEKOFYEAR(date)=WEEKOFYEAR(CURDATE())-1&lt;/code&gt;&lt;/pre&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #283c78; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 1px; margin-top: 50px;&quot;&gt;Records of next week&lt;/h2&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT * FROM `dt_table` WHERE WEEKOFYEAR(date)=WEEKOFYEAR(CURDATE())+1&lt;/code&gt;&lt;/pre&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #283c78; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 1px; margin-top: 50px;&quot;&gt;Records of present week all working days ( Mon - Fri )&lt;/h2&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT * FROM `dt_table` WHERE WEEKOFYEAR(date)=WEEKOFYEAR(CURDATE()) 
AND 
WEEKDAY(date)  BETWEEN 1 AND 5&lt;/code&gt;&lt;/pre&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #283c78; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 1px; margin-top: 50px;&quot;&gt;Records of present week all working days till today&lt;/h2&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT * FROM `dt_table` 
WHERE WEEKOFYEAR( DATE ) = WEEKOFYEAR( CURDATE( ) )
AND WEEKDAY( DATE ) BETWEEN 1 AND WEEKDAY(CURDATE())&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #283c78; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 1.1; margin-bottom: 1px; margin-top: 50px; text-align: justify;&quot;&gt;Using Date and time Queries&lt;/h2&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify;&quot;&gt;Now let us calculate with Time&lt;/span&gt;&lt;/p&gt;&lt;table class=&quot;table table-striped &quot; style=&quot;background-color: white; border-collapse: collapse; border-spacing: 0px; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; margin-bottom: 20px; max-width: 100%; width: 764px;&quot;&gt;&lt;tbody style=&quot;box-sizing: border-box;&quot;&gt;&lt;tr class=&quot;info&quot; style=&quot;background-color: #f9f9f9; box-sizing: border-box;&quot;&gt;&lt;th style=&quot;background-color: #d9edf7; border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; line-height: 1.42857; padding: 8px; text-align: left; vertical-align: top;&quot;&gt;unit Value&lt;/th&gt;&lt;th style=&quot;background-color: #d9edf7; border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; line-height: 1.42857; padding: 8px; text-align: left; vertical-align: top;&quot;&gt;Expected expr Format&lt;/th&gt;&lt;/tr&gt;&lt;tr style=&quot;box-sizing: border-box;&quot;&gt;&lt;td colspan=&quot;2&quot; style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;Example&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;background-color: #f9f9f9; box-sizing: border-box;&quot;&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;MICROSECOND&lt;/td&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;MICROSECONDS&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;box-sizing: border-box;&quot;&gt;&lt;td colspan=&quot;2&quot; style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;DATE_SUB( &#39;2016-02-23 20:55:58&#39;, INTERVAL 225 MICROSECOND )&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;background-color: #f9f9f9; box-sizing: border-box;&quot;&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;SECOND&lt;/td&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;SECONDS&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;box-sizing: border-box;&quot;&gt;&lt;td colspan=&quot;2&quot; style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;DATE_SUB( &#39;2016-02-23 20:55:58&#39;, INTERVAL 2 SECOND )&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;background-color: #f9f9f9; box-sizing: border-box;&quot;&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;MINUTE&lt;/td&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;MINUTES&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;box-sizing: border-box;&quot;&gt;&lt;td colspan=&quot;2&quot; style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;DATE_SUB( &#39;2016-02-23 20:55:58&#39;, INTERVAL 2 MINUTE )&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;background-color: #f9f9f9; box-sizing: border-box;&quot;&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;HOUR&lt;/td&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;HOURS&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;box-sizing: border-box;&quot;&gt;&lt;td colspan=&quot;2&quot; style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;DATE_SUB( &#39;2016-02-23 20:55:58&#39;, INTERVAL 5 HOUR )&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;background-color: #f9f9f9; box-sizing: border-box;&quot;&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;SECOND_MICROSECOND&lt;/td&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;&#39;SECONDS.&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;MICROSECONDS&#39;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;box-sizing: border-box;&quot;&gt;&lt;td colspan=&quot;2&quot; style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;DATE_SUB( &#39;2016-02-23 20:55:58&#39;, INTERVAL &#39;1.543&#39; SECOND_MICROSECOND )&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;background-color: #f9f9f9; box-sizing: border-box;&quot;&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;MINUTE_MICROSECOND&lt;/td&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;&#39;MINUTES:&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;SECONDS.&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;MICROSECONDS&#39;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;box-sizing: border-box;&quot;&gt;&lt;td colspan=&quot;2&quot; style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;DATE_SUB&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;( &#39;2016-02-23 20:55:58&#39;,&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;INTERVAL &#39;5:2.743&#39; MINUTE_MICROSECOND )&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;background-color: #f9f9f9; box-sizing: border-box;&quot;&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;MINUTE_SECOND&lt;/td&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;&#39;MINUTES:&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;SECONDS&#39;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;box-sizing: border-box;&quot;&gt;&lt;td colspan=&quot;2&quot; style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;DATE_SUB( &#39;2016-02-23 20:55:58&#39;, INTERVAL &#39;5:2&#39; MINUTE_SECOND )&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;background-color: #f9f9f9; box-sizing: border-box;&quot;&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;HOUR_MICROSECOND&lt;/td&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;&#39;HOURS:MINUTES:&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;SECONDS.&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;MICROSECONDS&#39;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;box-sizing: border-box;&quot;&gt;&lt;td colspan=&quot;2&quot; style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;DATE_SUB( &#39;2016-02-23 20:55:58&#39;, INTERVAL &#39;5:2:1.249&#39; HOUR_MICROSECOND)&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;background-color: #f9f9f9; box-sizing: border-box;&quot;&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;HOUR_SECOND&lt;/td&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;&#39;HOURS:MINUTES:&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;SECONDS&#39;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;box-sizing: border-box;&quot;&gt;&lt;td colspan=&quot;2&quot; style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;DATE_SUB( &#39;2016-02-23 20:55:58&#39;, INTERVAL &#39;5:2:1&#39; HOUR_SECOND )&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;background-color: #f9f9f9; box-sizing: border-box;&quot;&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;HOUR_MINUTE&lt;/td&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;&#39;HOURS:MINUTES&#39;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;box-sizing: border-box;&quot;&gt;&lt;td colspan=&quot;2&quot; style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;DATE_SUB( &#39;2016-02-23 20:55:52&#39;, INTERVAL &#39;5:2&#39; HOUR_MINUTE )&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;background-color: #f9f9f9; box-sizing: border-box;&quot;&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;DAY_MICROSECOND&lt;/td&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;&#39;DAYS HOURS:&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;MINUTES:&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;SECONDS.&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;MICROSECONDS&#39;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;box-sizing: border-box;&quot;&gt;&lt;td colspan=&quot;2&quot; style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;DATE_SUB( &#39;2016-02-23 20:55:52&#39;, INTERVAL &#39;2 5:2:24.879&#39; DAY_MICROSECOND&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;background-color: #f9f9f9; box-sizing: border-box;&quot;&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;DAY_SECOND&lt;/td&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;&#39;DAYS HOURS:&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;MINUTES:SECONDS&#39;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;box-sizing: border-box;&quot;&gt;&lt;td colspan=&quot;2&quot; style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;DATE_SUB( &#39;2016-02-23 20:55:52&#39;, INTERVAL &#39;2 5:2:24&#39; DAY_SECOND)&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;background-color: #f9f9f9; box-sizing: border-box;&quot;&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;DAY_MINUTE&lt;/td&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;&#39;DAYS HOURS:&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;MINUTES&#39;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;box-sizing: border-box;&quot;&gt;&lt;td colspan=&quot;2&quot; style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;DATE_SUB( &#39;2016-02-23 20:55:52&#39;, INTERVAL &#39;2 5:2&#39; DAY_MINUTE)&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;background-color: #f9f9f9; box-sizing: border-box;&quot;&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;DAY_HOUR&lt;/td&gt;&lt;td style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;&#39;DAYS HOURS&#39;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;box-sizing: border-box;&quot;&gt;&lt;td colspan=&quot;2&quot; style=&quot;border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-size: 20px; line-height: 1.8em; padding: 5px !important; text-align: justify; vertical-align: top;&quot;&gt;DATE_SUB( &#39;2016-02-23 20:55:52&#39;, INTERVAL &#39;2 5&#39; DAY_HOUR)&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify;&quot;&gt;Our sample table&amp;nbsp;&lt;/span&gt;&lt;i style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify;&quot;&gt;dt_table_tm&lt;/i&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify;&quot;&gt;&amp;nbsp;stores login date with time in a field along with one more column showing event_id.&lt;/span&gt;&lt;br style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify;&quot; /&gt;&lt;br style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify;&quot; /&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify;&quot;&gt;All records of Last 5 Hours&lt;/span&gt;&lt;/p&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; text-align: justify; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT * FROM `dt_table_tm` WHERE tm&amp;gt;=DATE_SUB(NOW(), INTERVAL 5 HOUR)&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify;&quot;&gt;All records of Last 48 Hours&lt;/span&gt;&lt;/p&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; text-align: justify; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT * FROM `dt_table_tm` WHERE tm&amp;gt;=DATE_SUB(NOW(), INTERVAL 48 HOUR)&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify;&quot;&gt;All records of 15 hours 12 minutes&lt;/span&gt;&lt;/p&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; text-align: justify; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT * FROM `dt_table_tm` WHERE tm&amp;gt;=DATE_SUB(NOW() , INTERVAL &#39;15:12&#39; HOUR_MINUTE)&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify;&quot;&gt;In place of&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://www.plus2net.com/sql_tutorial/date-now.php&quot; style=&quot;background-color: white; box-sizing: border-box; color: #337ab7; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify; text-decoration-line: none;&quot;&gt;NOW()&lt;/a&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify;&quot;&gt;&amp;nbsp;we can use specific date and time ( timestamp ) Note : While using date use the format YYYY-mm-dd ( YEAR - Month - date) and while using time use HH:MM:SS ( Hour : Minutes : Seconds )&lt;/span&gt;&lt;/p&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; text-align: justify; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT * FROM  `dt_table_tm` WHERE tm &amp;gt;= DATE_SUB( &#39;2018-08-10 11:50:00&#39;, INTERVAL &#39;2:18:33&#39; HOUR_SECOND )&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify;&quot;&gt;All logins between 9 and 10 hours ( from 9 and 10 both inclusive till it is not 11 )&lt;/span&gt;&lt;/p&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; text-align: justify; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT * FROM `dt_table_tm` WHERE HOUR(tm) between 9 and 10&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify;&quot;&gt;All logins betwee 9 and 10 for a perticular month and year&lt;/span&gt;&lt;/p&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; text-align: justify; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT * FROM `dt_table_tm` WHERE HOUR(tm) between 9 and 10 and MONTH(tm)=08 and year(tm)=2018&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify;&quot;&gt;By Using&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://www.plus2net.com/sql_tutorial/date_format.php&quot; style=&quot;background-color: white; box-sizing: border-box; color: #337ab7; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify; text-decoration-line: none;&quot;&gt;date_format()&lt;/a&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify;&quot;&gt;&lt;/span&gt;&lt;/p&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; text-align: justify; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT * FROM `dt_table_tm` WHERE HOUR(tm) between 9 and 10 and date_format(tm,&#39;%Y-%m&#39;)=&#39;2018-08&#39;&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify;&quot;&gt;All logins between 11 and 18 hours on a prticular day&lt;/span&gt;&lt;/p&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; text-align: justify; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT * FROM `dt_table_tm` WHERE HOUR(tm) between 11 and 18 and date(tm)=&#39;2018-08-09&#39;&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify;&quot;&gt;All logins between two input times in hour : minutes : seconds on a perticular day&lt;/span&gt;&lt;/p&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; text-align: justify; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT * FROM `dt_table_tm` WHERE date(tm)=&#39;2018-08-09&#39; AND  TIME(tm) BETWEEN TIME(&#39;9:00:00&#39;) AND TIME(&#39;10:15:00&#39;)&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify;&quot;&gt;Counting logins at different hours in all days ( using&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://www.plus2net.com/sql_tutorial/date-group-by.php&quot; style=&quot;background-color: white; box-sizing: border-box; color: #337ab7; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify; text-decoration-line: none;&quot;&gt;GROUP BY&lt;/a&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify;&quot;&gt;&amp;nbsp;)&lt;/span&gt;&lt;/p&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; text-align: justify; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT hour(tm) , count(event_id)   FROM `dt_table_tm` group by HOUR(tm)&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify;&quot;&gt;First Login ( tm ) of all days. We will use&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://www.plus2net.com/sql_tutorial/sql_group_by.php&quot; style=&quot;background-color: white; box-sizing: border-box; color: #337ab7; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify; text-decoration-line: none;&quot;&gt;GROUP BY&lt;/a&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify;&quot;&gt;&amp;nbsp;and&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://www.plus2net.com/sql_tutorial/sql_min.php&quot; style=&quot;background-color: white; box-sizing: border-box; color: #337ab7; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify; text-decoration-line: none;&quot;&gt;MIN()&lt;/a&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify;&quot;&gt;&lt;/span&gt;&lt;/p&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; text-align: justify; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT DATE(tm), MIN(tm),DATE_FORMAT(MIN(tm),&#39;%H : %i :%s&#39;) time 
FROM `dt_table_tm` GROUP BY  DATE(tm) &lt;/code&gt;&lt;/pre&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify;&quot;&gt;First Login of all days after a particular hour. ( HOUR(tm) &amp;gt;16 )&lt;/span&gt;&lt;/p&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; text-align: justify; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT DATE(tm), MIN(tm),DATE_FORMAT(MIN(tm),&#39;%H : %i :%s&#39;) time
 FROM `dt_table_tm`  WHERE HOUR(tm) &amp;gt; 16 GROUP BY  DATE(tm)  &lt;/code&gt;&lt;/pre&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; text-align: justify;&quot;&gt;First login of all days after a particular HOUR Minutes and seconds.&lt;/span&gt;&lt;/p&gt;&lt;pre style=&quot;background-color: #f6f8fa; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 18px; line-height: 1.42857; margin-bottom: 1cm; margin-top: 1cm; overflow-wrap: break-word; overflow: auto; padding: 9.5px; text-align: justify; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;SELECT DATE(tm), MIN(tm),DATE_FORMAT(MIN(tm),&#39;%H : %i :%s&#39;) time 
 FROM `dt_table_tm`  WHERE TIME(tm) &amp;gt; &#39;16:01:00&#39;  GROUP BY  DATE(tm) &lt;/code&gt;&lt;/pre&gt;&lt;p&gt;&lt;span style=&quot;color: #ffa400;&quot;&gt;&lt;b&gt;Credit &amp;amp; Source:&amp;nbsp;&lt;a href=&quot;https://www.plus2net.com/sql_tutorial/date-lastweek.php&quot;&gt;https://www.plus2net.com/sql_tutorial/date-lastweek.php&lt;/a&gt;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://jasimalikhan.blogspot.com/feeds/8265496625914103719/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://jasimalikhan.blogspot.com/2021/03/getting-recent-week-one-month-or-year.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/8265496625914103719'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/8265496625914103719'/><link rel='alternate' type='text/html' href='http://jasimalikhan.blogspot.com/2021/03/getting-recent-week-one-month-or-year.html' title='Getting the recent week, one month or year records from MySQL table'/><author><name>Jasim Ali Khan</name><uri>http://www.blogger.com/profile/01684195966180752975</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4648682226035640118.post-3958359016583796491</id><published>2021-03-21T06:38:00.006-07:00</published><updated>2021-03-21T06:38:36.383-07:00</updated><title type='text'>HTML2Canvas does not render full div, only what is visible on screen?</title><content type='html'>&lt;h4 style=&quot;border-radius: 5px; border: 0px; box-sizing: inherit; font-family: Consolas, Menlo, Monaco, &amp;quot;Lucida Console&amp;quot;, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;DejaVu Sans Mono&amp;quot;, &amp;quot;Bitstream Vera Sans Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, monospace, sans-serif; font-size: 13px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.30769; margin-bottom: 0px; margin-top: 0px; max-height: 600px; overflow-wrap: normal; overflow: auto; padding: 12px; text-align: left; vertical-align: baseline; width: auto;&quot;&gt;&lt;span style=&quot;color: #800180;&quot;&gt;&lt;code style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;&quot;&gt;html2canvas(htmlSource, {&lt;span class=&quot;hljs-attr&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;scrollY&lt;/span&gt;: -&lt;span class=&quot;hljs-built_in&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;window&lt;/span&gt;.scrollY}).then(&lt;span class=&quot;hljs-function&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;function&lt;/span&gt;(&lt;span class=&quot;hljs-params&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;canvas&lt;/span&gt;) &lt;/span&gt;{&lt;br /&gt;&lt;/code&gt;&lt;code style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;&quot;&gt;            &lt;span class=&quot;hljs-keyword&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;var&lt;/span&gt; img = canvas.toDataURL();&lt;br /&gt;&lt;/code&gt;&lt;code style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;&quot;&gt;            &lt;span class=&quot;hljs-built_in&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;window&lt;/span&gt;.open(img);&lt;br /&gt;&lt;/code&gt;&lt;code style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;&quot;&gt;});&lt;/code&gt;&lt;/span&gt;&lt;/h4&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;color: #ffa400;&quot;&gt;Credit:&lt;a href=&quot;https://stackoverflow.com/questions/36213275/html2canvas-does-not-render-full-div-only-what-is-visible-on-screen/59841384#59841384&quot; target=&quot;_blank&quot;&gt;&amp;nbsp;https://stackoverflow.com/questions/36213275/html2canvas-does-not-render-full-div-only-what-is-visible-on-screen/59841384#59841384&lt;/a&gt;&lt;/span&gt;&lt;/h3&gt;</content><link rel='replies' type='application/atom+xml' href='http://jasimalikhan.blogspot.com/feeds/3958359016583796491/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://jasimalikhan.blogspot.com/2021/03/html2canvas-does-not-render-full-div.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/3958359016583796491'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/3958359016583796491'/><link rel='alternate' type='text/html' href='http://jasimalikhan.blogspot.com/2021/03/html2canvas-does-not-render-full-div.html' title='HTML2Canvas does not render full div, only what is visible on screen?'/><author><name>Jasim Ali Khan</name><uri>http://www.blogger.com/profile/01684195966180752975</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4648682226035640118.post-8030729337323900017</id><published>2021-02-21T09:54:00.004-08:00</published><updated>2021-02-21T09:54:29.088-08:00</updated><title type='text'>How to Quickly Insert Date and Timestamp in Excel</title><content type='html'>&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;A timestamp is something you use when you want to track activities.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;For example, you may want to track activities such as when was a particular expense incurred, what time did the sale invoice was created, when was the data entry done in a cell, when was the report last updated, etc.&lt;/p&gt;&lt;div class=&quot;ez-toc-v2_0_11 counter-hierarchy counter-numeric ez-toc-light-blue&quot; id=&quot;ez-toc-container&quot; style=&quot;background: rgb(237, 246, 255); border-radius: 4px; border: 1px solid rgb(170, 170, 170); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px; box-sizing: border-box; color: #0c0c0c; display: table; font-family: Lato, sans-serif; font-size: 18px; margin: 1em 0px; padding: 10px; position: relative; width: 606px;&quot;&gt;&lt;div class=&quot;ez-toc-title-container&quot; style=&quot;border: 0px; box-sizing: border-box; display: table; margin: 0px; padding: 12px 0px; width: 584px;&quot;&gt;&lt;p class=&quot;ez-toc-title&quot; style=&quot;border: 0px; box-sizing: border-box; display: table-cell; font-weight: 700; line-height: 1.45; margin: 0px; padding: 0px; vertical-align: middle;&quot;&gt;This Tutorial Covers:&lt;/p&gt;&lt;span class=&quot;ez-toc-title-toggle&quot; style=&quot;border: 0px; box-sizing: border-box; display: table-cell; margin: 0px; padding: 0px; vertical-align: middle;&quot;&gt;&lt;a class=&quot;ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle&quot; style=&quot;background-color: white; background-image: linear-gradient(rgb(255, 255, 255) 0px, rgb(224, 224, 224) 100%); background-repeat: repeat-x; border-radius: 3px; border: 1px solid rgb(204, 204, 204); box-shadow: none; box-sizing: border-box; color: #444444; cursor: pointer; display: inline-block; float: right !important; font-size: 12px; line-height: 1.5; margin: 0px 0px 0px 10px; padding: 1px 5px; text-align: center; text-shadow: none; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; user-select: none; vertical-align: middle; white-space: nowrap;&quot;&gt;&lt;span class=&quot;ez-toc-glyphicon ez-toc-icon-toggle&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: ez-toc-icomoon !important; font-size: 16px; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1; margin-left: 2px; position: relative; speak: none; top: 1px; width: 1em;&quot;&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;nav style=&quot;box-sizing: border-box;&quot;&gt;&lt;ul class=&quot;ez-toc-list ez-toc-list-level-1&quot; style=&quot;background: 0px 0px; border: 0px; box-sizing: border-box; counter-reset: item 0; line-height: 1.6; list-style: none none; margin: 0px; overflow: hidden; padding: 0px; z-index: 1;&quot;&gt;&lt;li class=&quot;ez-toc-page-1 ez-toc-heading-level-2&quot; style=&quot;background: 0px 0px; border: 0px; box-sizing: border-box; font-size: 17.1px; line-height: 34.2px; list-style: inside none decimal; margin: 0px; overflow: hidden; padding: 0px; z-index: 1;&quot;&gt;&lt;a class=&quot;ez-toc-link ez-toc-heading-1&quot; href=&quot;https://trumpexcel.com/date-timestamp-excel/#Keyboard-Shortcut-to-Insert-Date-and-Timestamp-in-Excel&quot; style=&quot;background-color: transparent; border: 0px; box-shadow: none; box-sizing: border-box; color: #444444; margin: 0px; padding: 0px; text-decoration-line: none; text-shadow: none; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s;&quot; title=&quot;Keyboard Shortcut to Insert Date and Timestamp in Excel&quot;&gt;Keyboard Shortcut to Insert Date and Timestamp in Excel&lt;/a&gt;&lt;/li&gt;&lt;li class=&quot;ez-toc-page-1 ez-toc-heading-level-2&quot; style=&quot;background: 0px 0px; border: 0px; box-sizing: border-box; font-size: 17.1px; line-height: 34.2px; list-style: inside none decimal; margin: 0px; overflow: hidden; padding: 0px; z-index: 1;&quot;&gt;&lt;a class=&quot;ez-toc-link ez-toc-heading-2&quot; href=&quot;https://trumpexcel.com/date-timestamp-excel/#Using-TODAY-and-NOW-Functions-to-Insert-Date-and-Timestamps-in-Excel&quot; style=&quot;background-color: transparent; border: 0px; box-shadow: none; box-sizing: border-box; color: #444444; margin: 0px; padding: 0px; text-decoration-line: none; text-shadow: none; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s;&quot; title=&quot;Using TODAY and NOW Functions to Insert Date and Timestamps in Excel&quot;&gt;Using TODAY and NOW Functions to Insert Date and Timestamps in Excel&lt;/a&gt;&lt;ul class=&quot;ez-toc-list-level-3&quot; style=&quot;background: 0px 0px; border: 0px; box-sizing: border-box; counter-reset: item 0; line-height: 1.6; list-style: none none; margin: 0px 0px 0px 1.5em; overflow: hidden; padding: 0px; z-index: 1;&quot;&gt;&lt;li class=&quot;ez-toc-heading-level-3&quot; style=&quot;background: 0px 0px; border: 0px; box-sizing: border-box; font-size: 16.245px; line-height: 32.49px; list-style: inside none decimal; margin: 0px; overflow: hidden; padding: 0px; z-index: 1;&quot;&gt;&lt;a class=&quot;ez-toc-link ez-toc-heading-3&quot; href=&quot;https://trumpexcel.com/date-timestamp-excel/#Insert-Current-Date-Using-TODAY-Function&quot; style=&quot;background-color: transparent; border: 0px; box-shadow: none; box-sizing: border-box; color: #444444; margin: 0px; padding: 0px; text-decoration-line: none; text-shadow: none; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s;&quot; title=&quot;Insert Current Date Using TODAY Function&quot;&gt;Insert Current Date Using TODAY Function&lt;/a&gt;&lt;/li&gt;&lt;li class=&quot;ez-toc-page-1 ez-toc-heading-level-3&quot; style=&quot;background: 0px 0px; border: 0px; box-sizing: border-box; font-size: 16.245px; line-height: 32.49px; list-style: inside none decimal; margin: 0px; overflow: hidden; padding: 0px; z-index: 1;&quot;&gt;&lt;a class=&quot;ez-toc-link ez-toc-heading-4&quot; href=&quot;https://trumpexcel.com/date-timestamp-excel/#Insert-Date-and-Timestamp-Using-NOW-Function&quot; style=&quot;background-color: transparent; border: 0px; box-shadow: none; box-sizing: border-box; color: #444444; margin: 0px; padding: 0px; text-decoration-line: none; text-shadow: none; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s;&quot; title=&quot;Insert Date and Timestamp Using NOW Function&quot;&gt;Insert Date and Timestamp Using NOW Function&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li class=&quot;ez-toc-page-1 ez-toc-heading-level-2&quot; style=&quot;background: 0px 0px; border: 0px; box-sizing: border-box; font-size: 17.1px; line-height: 34.2px; list-style: inside none decimal; margin: 0px; overflow: hidden; padding: 0px; z-index: 1;&quot;&gt;&lt;a class=&quot;ez-toc-link ez-toc-heading-5&quot; href=&quot;https://trumpexcel.com/date-timestamp-excel/#Circular-References-Trick-to-Automatically-Insert-Date-and-Timestamp-in-Excel&quot; style=&quot;background-color: transparent; border: 0px; box-shadow: none; box-sizing: border-box; color: #444444; margin: 0px; padding: 0px; text-decoration-line: none; text-shadow: none; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s;&quot; title=&quot;Circular References Trick to Automatically Insert Date and Timestamp in Excel&quot;&gt;Circular References Trick to Automatically Insert Date and Timestamp in Excel&lt;/a&gt;&lt;/li&gt;&lt;li class=&quot;ez-toc-page-1 ez-toc-heading-level-2&quot; style=&quot;background: 0px 0px; border: 0px; box-sizing: border-box; font-size: 17.1px; line-height: 34.2px; list-style: inside none decimal; margin: 0px; overflow: hidden; padding: 0px; z-index: 1;&quot;&gt;&lt;a class=&quot;ez-toc-link ez-toc-heading-6&quot; href=&quot;https://trumpexcel.com/date-timestamp-excel/#Using-VBA-to-Automatically-Insert-Timestamp-in-Excel&quot; style=&quot;background-color: transparent; border: 0px; box-shadow: none; box-sizing: border-box; color: #444444; margin: 0px; padding: 0px; text-decoration-line: none; text-shadow: none; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s;&quot; title=&quot;Using VBA to Automatically Insert Timestamp in Excel&quot;&gt;Using VBA to Automatically Insert Timestamp in Excel&lt;/a&gt;&lt;/li&gt;&lt;li class=&quot;ez-toc-page-1 ez-toc-heading-level-2&quot; style=&quot;background: 0px 0px; border: 0px; box-sizing: border-box; font-size: 17.1px; line-height: 34.2px; list-style: inside none decimal; margin: 0px; overflow: hidden; padding: 0px; z-index: 1;&quot;&gt;&lt;a class=&quot;ez-toc-link ez-toc-heading-7&quot; href=&quot;https://trumpexcel.com/date-timestamp-excel/#Creating-a-Custom-Function-to-Insert-Timestamp&quot; style=&quot;background-color: transparent; border: 0px; box-shadow: none; box-sizing: border-box; color: #444444; margin: 0px; padding: 0px; text-decoration-line: none; text-shadow: none; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s;&quot; title=&quot;Creating a Custom Function to Insert Timestamp&quot;&gt;Creating a Custom Function to Insert Timestamp&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/nav&gt;&lt;/div&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;Let’s get started.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 36px; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px;&quot;&gt;&lt;span class=&quot;ez-toc-section&quot; id=&quot;Keyboard-Shortcut-to-Insert-Date-and-Timestamp-in-Excel&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;Keyboard Shortcut to Insert Date and Timestamp in Excel&lt;span class=&quot;ez-toc-section-end&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;If you have to insert the date and timestamp in a few cells in Excel, doing it manually could be faster and more efficient.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;Here is the&amp;nbsp;&lt;a href=&quot;https://trumpexcel.com/excel-keyboard-shortcuts/&quot; style=&quot;background-color: transparent; border: 0px; box-shadow: none; box-sizing: border-box; color: #1e73be; margin: 0px; padding: 0px; text-decoration-line: none; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s;&quot;&gt;keyboard shortcut&lt;/a&gt;&amp;nbsp;to quickly enter the current Date in Excel:&lt;/p&gt;&lt;pre style=&quot;background: rgba(0, 0, 0, 0.05); border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: inherit; font-size: 18px; line-height: 1.8; margin-bottom: 1.5em; margin-top: 0px; max-width: 100%; overflow: auto; padding: 20px; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;border: 0px; box-sizing: border-box; font-weight: 700; margin: 0px; padding: 0px;&quot;&gt;Control + :&lt;/span&gt; (hold the control key and press the colon key).&lt;/pre&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;Here is how to use it:&lt;/p&gt;&lt;ul style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; list-style-image: initial; list-style-position: initial; margin: 0px 0px 1.5em 3em; padding: 0px;&quot;&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; margin: 20px 0px; padding: 0px;&quot;&gt;Select the cell where you want to insert the timestamp.&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; margin: 20px 0px; padding: 0px;&quot;&gt;Use the keyboard shortcut&amp;nbsp;&lt;span style=&quot;border: 0px; box-sizing: border-box; font-weight: 700; margin: 0px; padding: 0px;&quot;&gt;Control + :&lt;/span&gt;&lt;ul style=&quot;border: 0px; box-sizing: border-box; list-style: disc; margin: 0px 0px 0px 1.5em; padding: 0px;&quot;&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; margin: 20px 0px; padding: 0px;&quot;&gt;This would instantly insert the current date in the cell.&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;&lt;img alt=&quot;Automatically insert Timestamp in Excel - Keyboard shortcut&quot; class=&quot;aligncenter wp-image-17445 size-full lazyloaded&quot; height=&quot;216&quot; nitro-lazy-empty=&quot;&quot; nitro-lazy-src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Control-Colon.gif&quot; src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Control-Colon.gif&quot; style=&quot;border-radius: 0px; border: 2px solid rgb(213, 213, 213); box-shadow: none; box-sizing: border-box; clear: both; display: block; height: auto; margin: 20px auto; max-width: 100%;&quot; width=&quot;688&quot; /&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;A couple of important things to know:&lt;/p&gt;&lt;ul style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; list-style-image: initial; list-style-position: initial; margin: 0px 0px 1.5em 3em; padding: 0px;&quot;&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; margin: 20px 0px; padding: 0px;&quot;&gt;This shortcut would only insert the current date and not the time.&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; margin: 20px 0px; padding: 0px;&quot;&gt;It comes in handy when you want to selectively enter the current date.&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; margin: 20px 0px; padding: 0px;&quot;&gt;It picks the current date from your system’s clock.&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; margin: 20px 0px; padding: 0px;&quot;&gt;Once you have the date in the cell, you can apply any date format to it. Simply go to the ‘Number Format’ drop-down in the ribbon and select the date format&amp;nbsp;you want.&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;Note that this is not dynamic, which means that it will not refresh and change the next time you open the workbook. Once inserted, it remains as a static value in the cell.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;While this shortcut does not insert the timestamp, you can use the following shortcut to do this:&lt;/p&gt;&lt;pre style=&quot;background: rgba(0, 0, 0, 0.05); border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: inherit; font-size: 18px; line-height: 1.8; margin-bottom: 1.5em; margin-top: 0px; max-width: 100%; overflow: auto; padding: 20px; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;border: 0px; box-sizing: border-box; font-weight: 700; margin: 0px; padding: 0px;&quot;&gt;Control + Shift + :&lt;/span&gt;&lt;/pre&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;This would instantly insert the current time in the cell.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;&lt;img alt=&quot;Automatically insert date and Timestamp in Excel - shift-control-colon&quot; class=&quot;aligncenter wp-image-17446 size-full lazyloaded&quot; height=&quot;228&quot; nitro-lazy-empty=&quot;&quot; nitro-lazy-src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Shift-Control-Colon.gif&quot; src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Shift-Control-Colon.gif&quot; style=&quot;border-radius: 0px; border: 2px solid rgb(213, 213, 213); box-shadow: none; box-sizing: border-box; clear: both; display: block; height: auto; margin: 20px auto; max-width: 100%;&quot; width=&quot;624&quot; /&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;So if you want to have both date and timestamp, you can use two different cells, one for date and one for the&amp;nbsp;timestamp.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 36px; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px;&quot;&gt;&lt;span class=&quot;ez-toc-section&quot; id=&quot;Using-TODAY-and-NOW-Functions-to-Insert-Date-and-Timestamps-in-Excel&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;Using TODAY and NOW Functions to Insert Date and Timestamps in Excel&lt;span class=&quot;ez-toc-section-end&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;In the above method using shortcuts, the date and timestamp&amp;nbsp;inserted are static values and don’t update with the change in date and time.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;If you want to update the current date and time every time a change is done in the workbook, you need to use&amp;nbsp;&lt;a href=&quot;https://trumpexcel.com/excel-functions/&quot; style=&quot;background-color: transparent; border: 0px; box-shadow: none; box-sizing: border-box; color: #1e73be; margin: 0px; padding: 0px; text-decoration-line: none; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s;&quot;&gt;Excel functions&lt;/a&gt;.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;This could be the case when you have a report and you want the printed copy to reflect the last update time.&lt;/p&gt;&lt;h3 style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 30px; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px;&quot;&gt;&lt;span class=&quot;ez-toc-section&quot; id=&quot;Insert-Current-Date-Using-TODAY-Function&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;Insert Current Date Using TODAY Function&lt;span class=&quot;ez-toc-section-end&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/h3&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;To insert&amp;nbsp;the current date, simply enter&amp;nbsp;&lt;span style=&quot;border: 0px; box-sizing: border-box; color: blue; margin: 0px; padding: 0px;&quot;&gt;&lt;a href=&quot;https://trumpexcel.com/excel-today-function/&quot; style=&quot;background-color: transparent; border: 0px; box-shadow: none; box-sizing: border-box; color: blue; margin: 0px; padding: 0px; text-decoration-line: none; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s;&quot;&gt;=TODAY()&lt;/a&gt;&lt;/span&gt;&amp;nbsp;in the cell where you want it.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;&lt;img alt=&quot;Automatically insert Timestamp in Excel - Using Today Function&quot; class=&quot;aligncenter wp-image-17447 size-full lazyloaded&quot; height=&quot;228&quot; nitro-lazy-empty=&quot;&quot; nitro-lazy-src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Today.gif&quot; nitro-lazy-srcset=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Today.gif 420w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Today-50x27.gif 50w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Today-250x136.gif 250w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Today-184x100.gif 184w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Today-368x200.gif 368w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Today-276x150.gif 276w&quot; sizes=&quot;(max-width: 420px) 100vw, 420px&quot; src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Today.gif&quot; srcset=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Today.gif 420w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Today-50x27.gif 50w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Today-250x136.gif 250w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Today-184x100.gif 184w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Today-368x200.gif 368w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Today-276x150.gif 276w&quot; style=&quot;border-radius: 0px; border: 2px solid rgb(213, 213, 213); box-shadow: none; box-sizing: border-box; clear: both; display: block; height: auto; margin: 20px auto; max-width: 100%;&quot; width=&quot;420&quot; /&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;Since all the dates and times are stored as numbers in Excel, make sure that the cell is formatted to display the result of the TODAY function in the date format.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;To do this:&lt;/p&gt;&lt;ul style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; list-style-image: initial; list-style-position: initial; margin: 0px 0px 1.5em 3em; padding: 0px;&quot;&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; margin: 20px 0px; padding: 0px;&quot;&gt;Right-click on the cell and select ‘Format cells’.&lt;img alt=&quot;Automatically insert Timestamp in Excel - format cells&quot; class=&quot;aligncenter wp-image-17448 size-full lazyloaded&quot; height=&quot;431&quot; nitro-lazy-empty=&quot;&quot; nitro-lazy-src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Format-Cells.png&quot; nitro-lazy-srcset=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Format-Cells.png 404w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Format-Cells-281x300.png 281w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Format-Cells-47x50.png 47w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Format-Cells-234x250.png 234w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Format-Cells-94x100.png 94w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Format-Cells-187x200.png 187w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Format-Cells-141x150.png 141w&quot; sizes=&quot;(max-width: 404px) 100vw, 404px&quot; src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Format-Cells.png&quot; srcset=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Format-Cells.png 404w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Format-Cells-281x300.png 281w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Format-Cells-47x50.png 47w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Format-Cells-234x250.png 234w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Format-Cells-94x100.png 94w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Format-Cells-187x200.png 187w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Format-Cells-141x150.png 141w&quot; style=&quot;border-radius: 0px; border: 2px solid rgb(213, 213, 213); box-shadow: none; box-sizing: border-box; clear: both; display: block; height: auto; margin: 20px auto; max-width: 100%;&quot; width=&quot;404&quot; /&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; margin: 20px 0px; padding: 0px;&quot;&gt;In the Format Cells dialog box, select Date category in the Number tab.&lt;img alt=&quot;Automatically insert Timestamp in Excel - date-category&quot; class=&quot;aligncenter wp-image-17449 size-full lazyloaded&quot; nitro-lazy-empty=&quot;&quot; nitro-lazy-src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Date-Category.png&quot; src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Date-Category.png&quot; style=&quot;border-radius: 0px; border: 2px solid rgb(213, 213, 213); box-shadow: none; box-sizing: border-box; clear: both; display: block; height: auto; margin: 20px auto; max-width: 100%;&quot; /&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; margin: 20px 0px; padding: 0px;&quot;&gt;Select the required date format (or you can simply go with the default one).&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; margin: 20px 0px; padding: 0px;&quot;&gt;Click OK.&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;Note that this formula is&amp;nbsp;&lt;a href=&quot;https://trumpexcel.com/excel-volatile-formulas/&quot; style=&quot;background-color: transparent; border: 0px; box-shadow: none; box-sizing: border-box; color: #1e73be; margin: 0px; padding: 0px; text-decoration-line: none; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s;&quot;&gt;volatile&lt;/a&gt;&amp;nbsp;and would recalculate every time there is a change in the workbook.&lt;/p&gt;&lt;h3 style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 30px; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px;&quot;&gt;&lt;span class=&quot;ez-toc-section&quot; id=&quot;Insert-Date-and-Timestamp-Using-NOW-Function&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;Insert Date and Timestamp Using NOW Function&lt;span class=&quot;ez-toc-section-end&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/h3&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;If you want the date and timestamp together in a cell, you can use the&amp;nbsp;&lt;a href=&quot;https://trumpexcel.com/excel-now-function/&quot; style=&quot;background-color: transparent; border: 0px; box-shadow: none; box-sizing: border-box; color: #1e73be; margin: 0px; padding: 0px; text-decoration-line: none; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s;&quot;&gt;NOW function&lt;/a&gt;.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;&lt;img alt=&quot;Automatically insert date and Timestamp in Excel - now function&quot; class=&quot;aligncenter wp-image-17451 size-full lazyloaded&quot; height=&quot;228&quot; nitro-lazy-empty=&quot;&quot; nitro-lazy-src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-NOW.gif&quot; nitro-lazy-srcset=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-NOW.gif 420w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-NOW-50x27.gif 50w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-NOW-250x136.gif 250w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-NOW-184x100.gif 184w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-NOW-368x200.gif 368w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-NOW-276x150.gif 276w&quot; sizes=&quot;(max-width: 420px) 100vw, 420px&quot; src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-NOW.gif&quot; srcset=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-NOW.gif 420w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-NOW-50x27.gif 50w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-NOW-250x136.gif 250w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-NOW-184x100.gif 184w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-NOW-368x200.gif 368w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-NOW-276x150.gif 276w&quot; style=&quot;border-radius: 0px; border: 2px solid rgb(213, 213, 213); box-shadow: none; box-sizing: border-box; clear: both; display: block; height: auto; margin: 20px auto; max-width: 100%;&quot; width=&quot;420&quot; /&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;Again, since all the dates and times are stored as numbers in Excel, it is important to make sure that the cell is formatted to have the result of the NOW function displayed in the format that shows the date as well as time.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;To do this:&lt;/p&gt;&lt;ul style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; list-style-image: initial; list-style-position: initial; margin: 0px 0px 1.5em 3em; padding: 0px;&quot;&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; margin: 20px 0px; padding: 0px;&quot;&gt;Right-click on the cell and select ‘Format cells’.&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; margin: 20px 0px; padding: 0px;&quot;&gt;In the Format Cells dialog box, select&amp;nbsp;‘Custom’ category in the Number tab.&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; margin: 20px 0px; padding: 0px;&quot;&gt;In the Type field, enter&amp;nbsp;&lt;em style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px;&quot;&gt;dd-mm-&lt;/em&gt;yyyy&lt;em style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px;&quot;&gt;&amp;nbsp;hh:mm:ss&lt;img alt=&quot;insert-date-and-timestamp-in-excel-custom-format&quot; class=&quot;size-full wp-image-17452 aligncenter lazyloaded&quot; nitro-lazy-empty=&quot;&quot; nitro-lazy-src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-custom-format.png&quot; src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-custom-format.png&quot; style=&quot;border-radius: 0px; border: 2px solid rgb(213, 213, 213); box-shadow: none; box-sizing: border-box; clear: both; display: block; height: auto; margin: 20px auto; max-width: 100%;&quot; /&gt;&lt;/em&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; margin: 20px 0px; padding: 0px;&quot;&gt;Click OK.&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;This would ensure that the result shows the date as well as the time.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;Note that this formula is volatile and would recalculate every time there is a change in the workbook.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 36px; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px;&quot;&gt;&lt;span class=&quot;ez-toc-section&quot; id=&quot;Circular-References-Trick-to-Automatically-Insert-Date-and-Timestamp-in-Excel&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;Circular References Trick to Automatically Insert Date and Timestamp in Excel&lt;span class=&quot;ez-toc-section-end&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;One of my readers Jim Meyer reached out to me with the below query.&lt;/p&gt;&lt;address style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 0px 0px 1.5em; padding: 0px;&quot;&gt;&lt;em style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px;&quot;&gt;“Is there a way we can automatically Insert Date and Time Stamp in Excel when a data entry is made, such&amp;nbsp;that it does not change every time there is a change or the workbook is saved and opened?”&lt;/em&gt;&lt;/address&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;This can be done using the keyboard shortcuts (as shown above in the tutorial). However, it is not automatic. With shortcuts, you’ll have to manually insert the date and timestamp in Excel.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;To automatically insert the timestamp, there is a smart technique using circular references (thanks to Chandoo for this wonderful&amp;nbsp;&lt;a href=&quot;http://chandoo.org/wp/2009/01/08/timestamps-excel-formula-help/&quot; rel=&quot;noopener&quot; style=&quot;background-color: transparent; border: 0px; box-shadow: none; box-sizing: border-box; color: #1e73be; margin: 0px; padding: 0px; text-decoration-line: none; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s;&quot; target=&quot;_blank&quot;&gt;technique&lt;/a&gt;).&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;Let’s first understand what a&amp;nbsp;&lt;a href=&quot;https://trumpexcel.com/find-circular-reference-excel/&quot; style=&quot;background-color: transparent; border: 0px; box-shadow: none; box-sizing: border-box; color: #1e73be; margin: 0px; padding: 0px; text-decoration-line: none; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s;&quot;&gt;circular reference&lt;/a&gt;&amp;nbsp;means in Excel.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;Suppose you have a value 1 in cell A1 and 2 in cell A2.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;Now if you use the formula =A1+A2+A3 in cell A3, it will lead to a circular reference error. You may also see a prompt as shown below:&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;&lt;img alt=&quot;circular reference prompt in Excel&quot; class=&quot;aligncenter wp-image-17434 size-full lazyloaded&quot; height=&quot;161&quot; nitro-lazy-empty=&quot;&quot; nitro-lazy-src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Circular-Reference-Promt.png&quot; nitro-lazy-srcset=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Circular-Reference-Promt.png 992w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Circular-Reference-Promt-600x97.png 600w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Circular-Reference-Promt-768x125.png 768w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Circular-Reference-Promt-50x8.png 50w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Circular-Reference-Promt-250x41.png 250w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Circular-Reference-Promt-400x65.png 400w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Circular-Reference-Promt-350x57.png 350w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Circular-Reference-Promt-840x136.png 840w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Circular-Reference-Promt-860x140.png 860w&quot; sizes=&quot;(max-width: 992px) 100vw, 992px&quot; src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Circular-Reference-Promt.png&quot; srcset=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Circular-Reference-Promt.png 992w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Circular-Reference-Promt-600x97.png 600w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Circular-Reference-Promt-768x125.png 768w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Circular-Reference-Promt-50x8.png 50w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Circular-Reference-Promt-250x41.png 250w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Circular-Reference-Promt-400x65.png 400w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Circular-Reference-Promt-350x57.png 350w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Circular-Reference-Promt-840x136.png 840w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Circular-Reference-Promt-860x140.png 860w&quot; style=&quot;border-radius: 0px; border: 2px solid rgb(213, 213, 213); box-shadow: none; box-sizing: border-box; clear: both; display: block; height: auto; margin: 20px auto; max-width: 100%;&quot; width=&quot;992&quot; /&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;This happens as you are using the cell reference A3 in the calculation that is happening in A3.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;Now, when a circular reference error happens, there is a non-ending loop that starts and would have led to a stalled Excel program. But the smart folks in the Excel development team made sure that when a circular reference is found, it is not calculated and the non-ending loop disaster is averted.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;However, there is a mechanism where we can force Excel to at least try for a given number of times before giving up.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;Now let’s see how we can use this to automatically get a date and timestamp in Excel (as shown below).&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;&lt;img alt=&quot;inserting the date and time automatically using circular reference&quot; class=&quot;aligncenter wp-image-17483 size-full lazyloaded&quot; height=&quot;240&quot; nitro-lazy-empty=&quot;&quot; nitro-lazy-src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-demo.gif&quot; nitro-lazy-srcset=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-demo.gif 424w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-demo-50x28.gif 50w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-demo-250x142.gif 250w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-demo-177x100.gif 177w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-demo-353x200.gif 353w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-demo-265x150.gif 265w&quot; sizes=&quot;(max-width: 424px) 100vw, 424px&quot; src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-demo.gif&quot; srcset=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-demo.gif 424w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-demo-50x28.gif 50w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-demo-250x142.gif 250w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-demo-177x100.gif 177w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-demo-353x200.gif 353w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-demo-265x150.gif 265w&quot; style=&quot;border-radius: 0px; border: 2px solid rgb(213, 213, 213); box-shadow: none; box-sizing: border-box; clear: both; display: block; height: auto; margin: 20px auto; max-width: 100%;&quot; width=&quot;424&quot; /&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;Note that as soon as I enter something in cells in column A, a timestamp appears in the adjacent cell in column B. However, if I change a value anywhere else, nothing happens.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;Here are the steps to get this done:&lt;/p&gt;&lt;ul style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; list-style-image: initial; list-style-position: initial; margin: 0px 0px 1.5em 3em; padding: 0px;&quot;&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; margin: 20px 0px; padding: 0px;&quot;&gt;Go to File –&amp;gt; Options.&lt;img alt=&quot;insert-date-and-timestamp-in-excel-options&quot; class=&quot;size-full wp-image-17453 aligncenter lazyloaded&quot; height=&quot;389&quot; nitro-lazy-empty=&quot;&quot; nitro-lazy-src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Options.png&quot; nitro-lazy-srcset=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Options.png 303w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Options-234x300.png 234w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Options-39x50.png 39w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Options-195x250.png 195w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Options-78x100.png 78w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Options-156x200.png 156w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Options-117x150.png 117w&quot; sizes=&quot;(max-width: 303px) 100vw, 303px&quot; src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Options.png&quot; srcset=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Options.png 303w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Options-234x300.png 234w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Options-39x50.png 39w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Options-195x250.png 195w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Options-78x100.png 78w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Options-156x200.png 156w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Options-117x150.png 117w&quot; style=&quot;border-radius: 0px; border: 2px solid rgb(213, 213, 213); box-shadow: none; box-sizing: border-box; clear: both; display: block; height: auto; margin: 20px auto; max-width: 100%;&quot; width=&quot;303&quot; /&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; margin: 20px 0px; padding: 0px;&quot;&gt;In the Excel Options dialog box, select Formulas.&lt;img alt=&quot;Changing formulas settings in Excel&quot; class=&quot;aligncenter wp-image-17456 size-full lazyloaded&quot; height=&quot;274&quot; nitro-lazy-empty=&quot;&quot; nitro-lazy-src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-formulas.png&quot; nitro-lazy-srcset=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-formulas.png 496w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-formulas-50x28.png 50w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-formulas-250x138.png 250w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-formulas-181x100.png 181w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-formulas-362x200.png 362w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-formulas-272x150.png 272w&quot; sizes=&quot;(max-width: 496px) 100vw, 496px&quot; src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-formulas.png&quot; srcset=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-formulas.png 496w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-formulas-50x28.png 50w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-formulas-250x138.png 250w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-formulas-181x100.png 181w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-formulas-362x200.png 362w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-formulas-272x150.png 272w&quot; style=&quot;border-radius: 0px; border: 2px solid rgb(213, 213, 213); box-shadow: none; box-sizing: border-box; clear: both; display: block; height: auto; margin: 20px auto; max-width: 100%;&quot; width=&quot;496&quot; /&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; margin: 20px 0px; padding: 0px;&quot;&gt;In the Calculated options, check the Enable iterative calculation option.&lt;img alt=&quot;Enable iterative calculation in Excel for inserting timestamps&quot; class=&quot;aligncenter wp-image-17481 size-full lazyloaded&quot; nitro-lazy-empty=&quot;&quot; nitro-lazy-src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Iterative.png&quot; src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Iterative.png&quot; style=&quot;border-radius: 0px; border: 2px solid rgb(213, 213, 213); box-shadow: none; box-sizing: border-box; clear: both; display: block; height: auto; margin: 20px auto; max-width: 100%;&quot; /&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; margin: 20px 0px; padding: 0px;&quot;&gt;Go to cell B2 and enter the following formula:&lt;pre style=&quot;background: rgba(0, 0, 0, 0.05); border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; line-height: 1.8; margin-bottom: 1.5em; margin-top: 0px; max-width: 100%; overflow: auto; padding: 20px; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;border: 0px; box-sizing: border-box; color: blue; margin: 0px; padding: 0px;&quot;&gt;=IF(A2&amp;lt;&amp;gt;&quot;&quot;,IF(B2&amp;lt;&amp;gt;&quot;&quot;,B2,NOW()),&quot;&quot;)&lt;/span&gt;&lt;/pre&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;That’s it!&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;Now when you enter anything in column A, a timestamp would automatically appear in column B in the cell adjacent to it.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;&lt;img alt=&quot;insert-date-and-timestamp-in-excel-timestamp-demo&quot; class=&quot;size-full wp-image-17483 aligncenter ls-is-cached lazyloaded&quot; height=&quot;240&quot; nitro-lazy-empty=&quot;&quot; nitro-lazy-src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-demo.gif&quot; nitro-lazy-srcset=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-demo.gif 424w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-demo-50x28.gif 50w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-demo-250x142.gif 250w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-demo-177x100.gif 177w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-demo-353x200.gif 353w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-demo-265x150.gif 265w&quot; sizes=&quot;(max-width: 424px) 100vw, 424px&quot; src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-demo.gif&quot; srcset=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-demo.gif 424w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-demo-50x28.gif 50w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-demo-250x142.gif 250w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-demo-177x100.gif 177w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-demo-353x200.gif 353w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-demo-265x150.gif 265w&quot; style=&quot;border-radius: 0px; border: 2px solid rgb(213, 213, 213); box-shadow: none; box-sizing: border-box; clear: both; display: block; height: auto; margin: 20px auto; max-width: 100%;&quot; width=&quot;424&quot; /&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;With the above formula, once the timestamp is inserted, it doesn’t update when you change the contents of the adjacent cell.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;If you want the timestamp to update every time the adjacent cell in Column A is updated,&amp;nbsp;use the below formula (use&amp;nbsp;&lt;span style=&quot;border: 0px; box-sizing: border-box; font-weight: 700; margin: 0px; padding: 0px;&quot;&gt;Control + Shift + Enter&lt;/span&gt;&amp;nbsp;instead of the Enter key):&lt;/p&gt;&lt;pre style=&quot;background: rgba(0, 0, 0, 0.05); border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: inherit; font-size: 18px; line-height: 1.8; margin-bottom: 1.5em; margin-top: 0px; max-width: 100%; overflow: auto; padding: 20px; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;border: 0px; box-sizing: border-box; color: blue; margin: 0px; padding: 0px;&quot;&gt;=IF(A2&amp;lt;&amp;gt;&quot;&quot;,IF(AND(B2&amp;lt;&amp;gt;&quot;&quot;,CELL(&quot;address&quot;)=ADDRESS(ROW(A2),COLUMN(A2))),NOW(),IF(CELL(&quot;address&quot;)&amp;lt;&amp;gt;ADDRESS(ROW(A2),COLUMN(A2)),B2,NOW())),&quot;&quot;)&lt;/span&gt;&lt;/pre&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;&lt;img alt=&quot;insert-date-and-timestamp-in-excel-timestamp-update-demo&quot; class=&quot;size-full wp-image-17484 aligncenter lazyloaded&quot; height=&quot;240&quot; nitro-lazy-empty=&quot;&quot; nitro-lazy-src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-update-demo.gif&quot; nitro-lazy-srcset=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-update-demo.gif 424w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-update-demo-50x28.gif 50w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-update-demo-250x142.gif 250w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-update-demo-177x100.gif 177w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-update-demo-353x200.gif 353w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-update-demo-265x150.gif 265w&quot; sizes=&quot;(max-width: 424px) 100vw, 424px&quot; src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-update-demo.gif&quot; srcset=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-update-demo.gif 424w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-update-demo-50x28.gif 50w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-update-demo-250x142.gif 250w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-update-demo-177x100.gif 177w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-update-demo-353x200.gif 353w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-Timestamp-update-demo-265x150.gif 265w&quot; style=&quot;border-radius: 0px; border: 2px solid rgb(213, 213, 213); box-shadow: none; box-sizing: border-box; clear: both; display: block; height: auto; margin: 20px auto; max-width: 100%;&quot; width=&quot;424&quot; /&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;This formula uses the CELL function to get the reference of the last edited cell, and if it’s the same as the one to the left of it, it updates the timestamp.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;Note: When you enable iterative calculations in the workbook once, it will be active until you turn it off. To turn it off, you need to go to Excel Options and uncheck the ‘Enable iterative calculation’ option.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 36px; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px;&quot;&gt;&lt;span class=&quot;ez-toc-section&quot; id=&quot;Using-VBA-to-Automatically-Insert-Timestamp-in-Excel&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;Using VBA to Automatically Insert Timestamp in Excel&lt;span class=&quot;ez-toc-section-end&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;If VBA is your weapon of choice, you’ll find it to be a handy way to insert a timestamp in Excel.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;VBA gives you a lot of flexibility in assigning conditions in which you want the timestamp to appear.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;Below is a code that will insert a timestamp in column B whenever there is any entry/change in the cells in Column A.&lt;/p&gt;&lt;pre style=&quot;background: rgba(0, 0, 0, 0.05); border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: inherit; font-size: 18px; line-height: 1.8; margin-bottom: 1.5em; margin-top: 0px; max-width: 100%; overflow: auto; padding: 20px; white-space: pre-wrap;&quot;&gt;&#39;Code by Sumit Bansal from https://trumpexcel.com
Private Sub Worksheet_Change(ByVal Target As Range)
On Error GoTo Handler
If Target.Column = 1 And Target.Value &amp;lt;&amp;gt; &quot;&quot; Then
Application.EnableEvents = False
Target.Offset(0, 1) = Format(Now(), &quot;dd-mm-yyyy hh:mm:ss&quot;)
Application.EnableEvents = True
End If
Handler:
End Sub&lt;/pre&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;This code uses the&amp;nbsp;&lt;a href=&quot;https://trumpexcel.com/if-then-else-vba/&quot; rel=&quot;noopener noreferrer&quot; style=&quot;background-color: transparent; border: 0px; box-shadow: none; box-sizing: border-box; color: #1e73be; margin: 0px; padding: 0px; text-decoration-line: none; transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s;&quot; target=&quot;_blank&quot;&gt;IF Then construct&lt;/a&gt;&amp;nbsp;to check whether the cell that is being edited is in column A. If this is the case, then it inserts the timestamp in the adjacent cell in column B.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;Note that this code would overwrite any existing contents of the cells in column B. If you want. You can modify the code to add a message box to show a prompt in case there is any existing content.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;&lt;span style=&quot;border: 0px; box-sizing: border-box; font-weight: 700; margin: 0px; padding: 0px;&quot;&gt;Where to Put this Code?&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;This code needs to be&amp;nbsp;entered as the worksheet change event so that it gets triggered whenever there is a change.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;To do this:&lt;/p&gt;&lt;ul style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; list-style-image: initial; list-style-position: initial; margin: 0px 0px 1.5em 3em; padding: 0px;&quot;&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; margin: 20px 0px; padding: 0px;&quot;&gt;Right-click on the worksheet tab and select View Code (or use the keyboard shortcut Alt + F11 and then double click on the sheet name in the project explorer).&lt;img alt=&quot;insert-date-and-timestamp-in-excel-sheet-right-click&quot; class=&quot;size-full wp-image-17486 aligncenter lazyloaded&quot; height=&quot;275&quot; nitro-lazy-empty=&quot;&quot; nitro-lazy-src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-sheet-right-click.png&quot; nitro-lazy-srcset=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-sheet-right-click.png 204w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-sheet-right-click-37x50.png 37w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-sheet-right-click-185x250.png 185w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-sheet-right-click-74x100.png 74w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-sheet-right-click-148x200.png 148w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-sheet-right-click-111x150.png 111w&quot; sizes=&quot;(max-width: 204px) 100vw, 204px&quot; src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-sheet-right-click.png&quot; srcset=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-sheet-right-click.png 204w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-sheet-right-click-37x50.png 37w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-sheet-right-click-185x250.png 185w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-sheet-right-click-74x100.png 74w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-sheet-right-click-148x200.png 148w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-sheet-right-click-111x150.png 111w&quot; style=&quot;border-radius: 0px; border: 2px solid rgb(213, 213, 213); box-shadow: none; box-sizing: border-box; clear: both; display: block; height: auto; margin: 20px auto; max-width: 100%;&quot; width=&quot;204&quot; /&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; margin: 20px 0px; padding: 0px;&quot;&gt;Copy-paste this code into the code window for the sheet.&lt;img alt=&quot;insert-date-and-timestamp-in-excel-worksheet-change-code2&quot; class=&quot;size-full wp-image-17525 aligncenter lazyloaded&quot; height=&quot;265&quot; nitro-lazy-empty=&quot;&quot; nitro-lazy-src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-worksheet-change-code2.png&quot; nitro-lazy-srcset=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-worksheet-change-code2.png 828w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-worksheet-change-code2-600x192.png 600w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-worksheet-change-code2-768x246.png 768w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-worksheet-change-code2-50x16.png 50w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-worksheet-change-code2-250x80.png 250w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-worksheet-change-code2-400x128.png 400w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-worksheet-change-code2-350x112.png 350w&quot; sizes=&quot;(max-width: 828px) 100vw, 828px&quot; src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-worksheet-change-code2.png&quot; srcset=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-worksheet-change-code2.png 828w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-worksheet-change-code2-600x192.png 600w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-worksheet-change-code2-768x246.png 768w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-worksheet-change-code2-50x16.png 50w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-worksheet-change-code2-250x80.png 250w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-worksheet-change-code2-400x128.png 400w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-worksheet-change-code2-350x112.png 350w&quot; style=&quot;border-radius: 0px; border: 2px solid rgb(213, 213, 213); box-shadow: none; box-sizing: border-box; clear: both; display: block; height: auto; margin: 20px auto; max-width: 100%;&quot; width=&quot;828&quot; /&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; margin: 20px 0px; padding: 0px;&quot;&gt;Close the VB Editor.&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;Make sure you save the file with .XLS or .XLSM extension as it contains a macro.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 36px; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px;&quot;&gt;&lt;span class=&quot;ez-toc-section&quot; id=&quot;Creating-a-Custom-Function-to-Insert-Timestamp&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;Creating a Custom Function to Insert Timestamp&lt;span class=&quot;ez-toc-section-end&quot; style=&quot;border: 0px; box-sizing: border-box; margin: 0px; padding: 0px;&quot;&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;Creating a custom function&amp;nbsp;is a really smart way of inserting a&amp;nbsp;timestamp in Excel.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;It combines the power of VBA with functions, and you can use it like any other worksheet function.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;Here is the code that will create a custom “Timestamp” function in Excel:&lt;/p&gt;&lt;pre style=&quot;background: rgba(0, 0, 0, 0.05); border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: inherit; font-size: 18px; line-height: 1.8; margin-bottom: 1.5em; margin-top: 0px; max-width: 100%; overflow: auto; padding: 20px; white-space: pre-wrap;&quot;&gt;&#39;Code by Sumit Bansal from http://trumpexcel.com
Function Timestamp(Reference As Range)
If Reference.Value &amp;lt;&amp;gt; &quot;&quot; Then
Timestamp = Format(Now, &quot;dd-mm-yyy hh:mm:ss&quot;)
Else
Timestamp = &quot;&quot;
End If
End Function&lt;/pre&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;&lt;span style=&quot;border: 0px; box-sizing: border-box; font-weight: 700; margin: 0px; padding: 0px;&quot;&gt;Where to Put this Code?&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;This code needs to be placed in a module in the VB Editor. Once you do that, the Timestamp function becomes available in the worksheet (just like any other regular function).&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;Here are the steps to place this code in a&amp;nbsp;module:&lt;/p&gt;&lt;ul style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; list-style-image: initial; list-style-position: initial; margin: 0px 0px 1.5em 3em; padding: 0px;&quot;&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; margin: 20px 0px; padding: 0px;&quot;&gt;Press ALT + F11 from your keyboard. It will open the VB Editor.&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; margin: 20px 0px; padding: 0px;&quot;&gt;In the Project Explorer in VB Editor, right-click on any of the objects and go to Insert –&amp;gt; Module. This will insert a new module.&lt;img alt=&quot;insert-date-and-timestamp-in-excel-insert-module&quot; class=&quot;size-full wp-image-17488 aligncenter lazyloaded&quot; height=&quot;428&quot; nitro-lazy-empty=&quot;&quot; nitro-lazy-src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-insert-module.png&quot; nitro-lazy-srcset=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-insert-module.png 466w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-insert-module-327x300.png 327w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-insert-module-50x46.png 50w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-insert-module-250x230.png 250w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-insert-module-109x100.png 109w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-insert-module-218x200.png 218w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-insert-module-163x150.png 163w&quot; sizes=&quot;(max-width: 466px) 100vw, 466px&quot; src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-insert-module.png&quot; srcset=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-insert-module.png 466w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-insert-module-327x300.png 327w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-insert-module-50x46.png 50w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-insert-module-250x230.png 250w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-insert-module-109x100.png 109w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-insert-module-218x200.png 218w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-insert-module-163x150.png 163w&quot; style=&quot;border-radius: 0px; border: 2px solid rgb(213, 213, 213); box-shadow: none; box-sizing: border-box; clear: both; display: block; height: auto; margin: 20px auto; max-width: 100%;&quot; width=&quot;466&quot; /&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; margin: 20px 0px; padding: 0px;&quot;&gt;Copy-paste the above code in the module code window.&lt;img alt=&quot;insert-date-and-timestamp-in-excel-code-in-module&quot; class=&quot;alignnone size-full wp-image-17489 lazyloaded&quot; height=&quot;255&quot; nitro-lazy-empty=&quot;&quot; nitro-lazy-src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-code-in-module.png&quot; nitro-lazy-srcset=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-code-in-module.png 704w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-code-in-module-600x217.png 600w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-code-in-module-50x18.png 50w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-code-in-module-250x91.png 250w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-code-in-module-400x145.png 400w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-code-in-module-350x127.png 350w&quot; sizes=&quot;(max-width: 704px) 100vw, 704px&quot; src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-code-in-module.png&quot; srcset=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-code-in-module.png 704w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-code-in-module-600x217.png 600w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-code-in-module-50x18.png 50w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-code-in-module-250x91.png 250w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-code-in-module-400x145.png 400w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/optimized/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-code-in-module-350x127.png 350w&quot; style=&quot;border-radius: 0px; border: 2px solid rgb(213, 213, 213); box-shadow: none; box-sizing: border-box; height: auto; margin-bottom: 20px; margin-top: 20px; max-width: 100%;&quot; width=&quot;704&quot; /&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; margin: 20px 0px; padding: 0px;&quot;&gt;Close the VB Editor or press ALT + F11 again to go back to the worksheet.&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;Now you can use the function in the worksheet. It will evaluate the cell to its left and insert the timestamp accordingly.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;&lt;img alt=&quot;insert-date-and-timestamp-in-excel-timestamp-formula&quot; class=&quot;size-full wp-image-17490 aligncenter nitro-lazy&quot; height=&quot;244&quot; nitro-lazy-empty=&quot;&quot; nitro-lazy-src=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-timestamp-formula.gif&quot; nitro-lazy-srcset=&quot;https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-timestamp-formula.gif 436w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-timestamp-formula-50x28.gif 50w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-timestamp-formula-250x140.gif 250w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-timestamp-formula-179x100.gif 179w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-timestamp-formula-357x200.gif 357w, https://v1.nitrocdn.com/zciqOWZgDznkuqFpvIJsLUeyHlJtlHxe/assets/static/source/rev-029371b/wp-content/uploads/2016/09/Insert-Date-and-Timestamp-in-Excel-timestamp-formula-268x150.gif 268w&quot; sizes=&quot;(max-width: 436px) 100vw, 436px&quot; src=&quot;data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDM2IDI0NCIgd2lkdGg9IjQzNiIgaGVpZ2h0PSIyNDQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+&quot; style=&quot;border-radius: 0px; border: 2px solid rgb(213, 213, 213); box-shadow: none; box-sizing: border-box; clear: both; display: block; height: auto; margin: 20px auto; max-width: 100%;&quot; width=&quot;436&quot; /&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;It also updates the timestamp whenever the entry is updated.&lt;/p&gt;&lt;p style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px; margin: 1.5em 0px; padding: 0px;&quot;&gt;Make sure you save the file with .XLS or .XLSM extension as it contains VB code.&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #0c0c0c; font-family: Lato, sans-serif; font-size: 18px;&quot;&gt;Hope you’ve found this tutorial useful.&lt;/span&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: red; font-size: large;&quot;&gt;&lt;b&gt;Source &amp;amp; Credits:&lt;/b&gt;&amp;nbsp;&lt;a href=&quot;https://trumpexcel.com/date-timestamp-excel/&quot;&gt;https://trumpexcel.com/date-timestamp-excel/&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://jasimalikhan.blogspot.com/feeds/8030729337323900017/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://jasimalikhan.blogspot.com/2021/02/how-to-quickly-insert-date-and.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/8030729337323900017'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/8030729337323900017'/><link rel='alternate' type='text/html' href='http://jasimalikhan.blogspot.com/2021/02/how-to-quickly-insert-date-and.html' title='How to Quickly Insert Date and Timestamp in Excel'/><author><name>Jasim Ali Khan</name><uri>http://www.blogger.com/profile/01684195966180752975</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4648682226035640118.post-5700472813126234850</id><published>2021-02-10T02:42:00.003-08:00</published><updated>2021-02-10T02:42:27.051-08:00</updated><title type='text'>PHPSpreadSheet Beginner Tutorial</title><content type='html'>&lt;h3 style=&quot;background-color: white; border: 0px; box-sizing: inherit; clear: both; color: #404040; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 20px; font-weight: inherit; line-height: 2.4rem; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;What is PHPSpreadSheet Library&lt;/h3&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot;&gt;PHPSpreadSheet library is purely writter in PHP and it main purpose of communicate your PHP application with Excel spreadsheet. Here communicate means data send and received or import or export from excel spreadsheet to PHP application and from PHP application to Excel file. It not only support excel file for reading and writing of data, but also read and write html file data and CSV file data. PHPSpreadSheet library is a import version of PHPExcel library. PHPExcel library is not maintained for many years and very less has used this library. Most of the user has been migrated to this PHPSpreadSheet library or any other alternate library.&lt;/span&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot;&gt;If you want to use this PHPSpreadSheet Library, you have to PHP 7.1 version or latest PHP version. For this library you have to install&amp;nbsp;&lt;/span&gt;&lt;b style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot;&gt;composer&lt;/b&gt;&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot;&gt;&amp;nbsp;in your computer.&lt;/span&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;h4 style=&quot;background-color: white; border: 0px; box-sizing: inherit; clear: both; color: #404040; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 18px; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;How to install PHPSpreadSheet Library&lt;/h4&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot;&gt;If you are looking for install PHPSpreadsheet library, then you have to go command prompt and go to directory in which you want to download this library and write following command.&lt;/span&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;pre class=&quot;line-numbers  language-markup&quot; style=&quot;background: rgb(245, 242, 240); border: 1px solid rgb(204, 204, 204); box-sizing: inherit; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 1.5rem; hyphens: none; line-height: 1.5; margin-bottom: 0.5em; margin-top: 0.5em; max-width: 100%; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 1em; tab-size: 4; text-shadow: white 0px 1px; vertical-align: baseline; word-break: normal;&quot;&gt;&lt;code class=&quot; language-markup&quot; style=&quot;background: none; border: 0px; box-sizing: inherit; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 15px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; hyphens: none; line-height: 1.5; margin: 0px; outline: 0px; overflow-wrap: normal; padding: 0px; tab-size: 4; text-shadow: white 0px 1px; vertical-align: baseline; word-break: normal; word-spacing: normal;&quot;&gt;
composer require phpoffice/phpspreadsheet
&lt;/code&gt;
&lt;/pre&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot;&gt;This command will download PHPSpreadSheet library by using composer. We will discuss following topic of PHPSpreadsheet library in this post.&lt;/span&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;ol style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px; list-style-image: initial; list-style-position: initial; margin: 0px 0px 1.5em 3em; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;li style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;a href=&quot;https://www.blogger.com/blogger.g?rinli=1&amp;amp;pli=1&amp;amp;blogID=8964111134041337103#part1&quot; style=&quot;border: 0px; box-sizing: inherit; color: #404040; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration-line: none; transition: color 0.3s ease-in-out 0s; vertical-align: baseline;&quot;&gt;Load Excel File Data in Browser&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;a href=&quot;https://www.blogger.com/blogger.g?rinli=1&amp;amp;pli=1&amp;amp;blogID=8964111134041337103#part2&quot; style=&quot;border: 0px; box-sizing: inherit; color: #404040; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration-line: none; transition: color 0.3s ease-in-out 0s; vertical-align: baseline;&quot;&gt;Convert HTML Table Data to Excel Sheet Data&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;a href=&quot;https://www.blogger.com/blogger.g?rinli=1&amp;amp;pli=1&amp;amp;blogID=8964111134041337103#part3&quot; style=&quot;border: 0px; box-sizing: inherit; color: #404040; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration-line: none; transition: color 0.3s ease-in-out 0s; vertical-align: baseline;&quot;&gt;Import Data From Xls, Xlsx or CSV file to Mysql&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;a href=&quot;https://www.blogger.com/blogger.g?rinli=1&amp;amp;pli=1&amp;amp;blogID=8964111134041337103#part4&quot; style=&quot;border: 0px; box-sizing: inherit; color: #404040; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration-line: none; transition: color 0.3s ease-in-out 0s; vertical-align: baseline;&quot;&gt;Export Mysql Table Data to .xlsx, .xls or .csv file&lt;/a&gt;&lt;/li&gt;&lt;/ol&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;h3 id=&quot;part1&quot; style=&quot;background-color: white; border: 0px; box-sizing: inherit; clear: both; color: #404040; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 20px; font-weight: inherit; line-height: 2.4rem; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;1. Load Excel File Data in Browser&lt;/h3&gt;&lt;p&gt;&amp;nbsp;&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot;&gt;This is first topic, which we have discuss in this post is that How to view Excel Spreadsheet data in Browser by using PHPSpreadSheet library. Here we will make PHP script with PHPSpreadsheet library for load Excel sheet content directly in browser without store in our computer. Because this library has capability to view excel data in browser. Below you can find source code of directly view Excel data in browser.&lt;/span&gt;&lt;/p&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;b style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot;&gt;index.php&lt;/b&gt;&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot;&gt;&lt;/span&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;pre class=&quot;line-numbers  language-markup&quot; style=&quot;background: rgb(245, 242, 240); border: 1px solid rgb(204, 204, 204); box-sizing: inherit; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 1.5rem; hyphens: none; line-height: 1.5; margin-bottom: 0.5em; margin-top: 0.5em; max-width: 100%; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 1em; tab-size: 4; text-shadow: white 0px 1px; vertical-align: baseline; word-break: normal;&quot;&gt;&lt;code class=&quot; language-markup&quot; style=&quot;background: none; border: 0px; box-sizing: inherit; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 15px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; hyphens: none; line-height: 1.5; margin: 0px; outline: 0px; overflow-wrap: normal; padding: 0px; tab-size: 4; text-shadow: white 0px 1px; vertical-align: baseline; word-break: normal; word-spacing: normal;&quot;&gt;
&lt;span class=&quot;token doctype&quot; style=&quot;border: 0px; box-sizing: inherit; color: slategrey; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;html&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
   &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;head&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
     &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;title&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Load Excel Sheet in Browser using PHPSpreadsheet&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;title&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
     &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;meta&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;viewport&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;content&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;width=device-width, initial-scale=1.0&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
     &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;link&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;rel&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;stylesheet&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;href&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
   &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;head&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
   &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;body&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
     &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;container&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
      &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;br&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
      &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;h3&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;align&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;center&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Load Excel Sheet in Browser using PHPSpreadsheet&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;h3&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
      &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;br&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
      &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;table-responsive&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
       &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;span&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;id&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;message&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;span&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
          &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;form&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;method&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;post&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;id&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;load_excel_form&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;enctype&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;multipart/form-data&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
            &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;table&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;table&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
              &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;tr&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;td&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;width&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;25%&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;align&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;right&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Select Excel File&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;td&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;td&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;width&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;50%&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;input&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;file&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;select_excel&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;td&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;td&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;width&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;25%&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;input&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;submit&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;load&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;btn btn-primary&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;td&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
              &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;tr&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
            &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;table&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
          &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;form&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
       &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;br&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
          &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;id&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;excel_area&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
      &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
     &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
     &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;script&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;src&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token script language-javascript&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;script&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
  &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;body&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;html&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;script&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token script language-javascript&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;document&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;ready&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;#load_excel_form&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;on&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;submit&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;event&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;{&lt;/span&gt;
    event&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;preventDefault&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;;&lt;/span&gt;
    $&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;ajax&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;{&lt;/span&gt;
      url&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;upload.php&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;,&lt;/span&gt;
      method&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;POST&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;,&lt;/span&gt;
      data&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;token keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;new&lt;/span&gt; &lt;span class=&quot;token class-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;FormData&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;this&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;,&lt;/span&gt;
      contentType&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;token boolean&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;false&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;,&lt;/span&gt;
      cache&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;token boolean&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;false&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;,&lt;/span&gt;
      processData&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;token boolean&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;false&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;,&lt;/span&gt;
      success&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;token keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;data&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;
      &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;{&lt;/span&gt;
        &lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;#excel_area&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;html&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;data&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;;&lt;/span&gt;
        &lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;table&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;css&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;width&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;100%&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;;&lt;/span&gt;
      &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;}&lt;/span&gt;
    &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;script&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;/code&gt;
&lt;/pre&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;b style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot;&gt;upload.php&lt;/b&gt;&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot;&gt;&lt;/span&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;pre class=&quot;line-numbers  language-php&quot; style=&quot;background: rgb(245, 242, 240); border: 1px solid rgb(204, 204, 204); box-sizing: inherit; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 1.5rem; hyphens: none; line-height: 1.5; margin-bottom: 0.5em; margin-top: 0.5em; max-width: 100%; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 1em; tab-size: 4; text-shadow: white 0px 1px; vertical-align: baseline; word-break: normal;&quot;&gt;&lt;code class=&quot; language-php&quot; style=&quot;background: none; border: 0px; box-sizing: inherit; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 15px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; hyphens: none; line-height: 1.5; margin: 0px; outline: 0px; overflow-wrap: normal; padding: 0px; tab-size: 4; text-shadow: white 0px 1px; vertical-align: baseline; word-break: normal; word-spacing: normal;&quot;&gt;
&amp;lt;?php

//upload.php

include &#39;vendor/autoload.php&#39;;

use PhpOffice\PhpSpreadsheet\IOFactory;
use PhpOffice\PhpSpreadsheet\Spreadsheet;

if($_FILES[&quot;select_excel&quot;][&quot;name&quot;] != &#39;&#39;)
{
 $allowed_extension = array(&#39;xls&#39;, &#39;xlsx&#39;);
 $file_array = explode(&quot;.&quot;, $_FILES[&#39;select_excel&#39;][&#39;name&#39;]);
 $file_extension = end($file_array);
 if(in_array($file_extension, $allowed_extension))
 {
  $reader = IOFactory::createReader(&#39;Xlsx&#39;);
  $spreadsheet = $reader-&amp;gt;load($_FILES[&#39;select_excel&#39;][&#39;tmp_name&#39;]);
  $writer = IOFactory::createWriter($spreadsheet, &#39;Html&#39;);
  $message = $writer-&amp;gt;save(&#39;php://output&#39;);
 }
 else
 {
  $message = &#39;&amp;lt;div class=&quot;alert alert-danger&quot;&amp;gt;Only .xls or .xlsx file allowed&amp;lt;/div&amp;gt;&#39;;
 }
}
else
{
 $message = &#39;&amp;lt;div class=&quot;alert alert-danger&quot;&amp;gt;Please Select File&amp;lt;/div&amp;gt;&#39;;
}

echo $message;

?&amp;gt;
&lt;/code&gt;
&lt;/pre&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;h3 id=&quot;part2&quot; style=&quot;background-color: white; border: 0px; box-sizing: inherit; clear: both; color: #404040; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 20px; font-weight: inherit; line-height: 2.4rem; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;2. Convert HTML Table Data to Excel Sheet Data&lt;/h3&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot;&gt;There are lots of tutorial available on Internet regarding make excel sheet from HTML table data, but that tutorial use javascript for convert html table data to excel data. But it has not make original excel spreadsheet but it has only open html data in excel file format. So, when we have open that type of excel then it has display corrupted or invalid file format message has been appear in window. This is because that file is not correctly excel file but only open html file in excel file. For make original excel file you have to use PHPSpreadsheet library or PHPExcel library. By using both library you can make excel sheet.&lt;/span&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot;&gt;Here we have use PHPSpreadsheet library for create excel file from HTML table data. Here we have use simple jquery code with PHP script and PHPSpreadsheet library for export html table data to excel. First it will store html table data in temporary html file, then after by using PHPSpreadsheet IOFactory class method, it will read HTML file by using createReader() method of IOFactory class. Next it will make excel file from that temporary html file by using createWriter() method of PHPSpreadSheet IOFactory class. Once HTML table data has been exported to Excel file then excel sheet will be downloaded in computer and temporary excel file and temporary html file will be removed from working folder.&lt;/span&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;b style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot;&gt;html-to-excel.php&lt;/b&gt;&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot;&gt;&lt;/span&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;/p&gt;&lt;pre class=&quot;line-numbers  language-markup&quot; style=&quot;background: rgb(245, 242, 240); border: 1px solid rgb(204, 204, 204); box-sizing: inherit; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 1.5rem; hyphens: none; line-height: 1.5; margin-bottom: 0.5em; margin-top: 0.5em; max-width: 100%; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 1em; tab-size: 4; text-shadow: white 0px 1px; vertical-align: baseline; word-break: normal;&quot;&gt;&lt;code class=&quot; language-markup&quot; style=&quot;background: none; border: 0px; box-sizing: inherit; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 15px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; hyphens: none; line-height: 1.5; margin: 0px; outline: 0px; overflow-wrap: normal; padding: 0px; tab-size: 4; text-shadow: white 0px 1px; vertical-align: baseline; word-break: normal; word-spacing: normal;&quot;&gt;
&lt;span class=&quot;token prolog&quot; style=&quot;border: 0px; box-sizing: inherit; color: slategrey; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;?php

//html-to-excel.php

$connect = new PDO(&quot;mysql:host=localhost;dbname=testing&quot;, &quot;root&quot;, &quot;&quot;);

$query = &quot;SELECT * FROM sample_datas&quot;;

$statement = $connect-&amp;gt;prepare($query);

$statement-&amp;gt;execute();

$result = $statement-&amp;gt;fetchAll();

?&amp;gt;&lt;/span&gt;

&lt;span class=&quot;token doctype&quot; style=&quot;border: 0px; box-sizing: inherit; color: slategrey; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;html&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
   &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;head&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
     &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;title&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Convert HTML Table to Excel using PHPSpreadsheet&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;title&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
     &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;meta&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;viewport&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;content&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;width=device-width, initial-scale=1.0&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
     &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;link&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;rel&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;stylesheet&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;href&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
   &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;head&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
   &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;body&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
     &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;container&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
      &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;br&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
      &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;h3&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;align&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;center&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Convert HTML Table to Excel using PHPSpreadsheet&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;h3&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
      &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;br&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
      &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;table-responsive&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
       &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;form&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;method&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;POST&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;id&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;convert_form&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;action&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;export.php&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
            &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;table&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;table table-striped table-bordered&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;id&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;table_content&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
              &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;tr&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;th&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;First Name&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;th&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;th&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Last Name&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;th&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;th&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Created At&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;th&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;th&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Updated At&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;th&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
              &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;tr&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
              &lt;span class=&quot;token prolog&quot; style=&quot;border: 0px; box-sizing: inherit; color: slategrey; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;?php
              foreach($result as $row)
              {
                echo &#39;
                &amp;lt;tr&amp;gt;
                  &amp;lt;td&amp;gt;&#39;.$row[&quot;first_name&quot;].&#39;&amp;lt;/td&amp;gt;
                  &amp;lt;td&amp;gt;&#39;.$row[&quot;last_name&quot;].&#39;&amp;lt;/td&amp;gt;
                  &amp;lt;td&amp;gt;&#39;.$row[&quot;created_at&quot;].&#39;&amp;lt;/td&amp;gt;
                  &amp;lt;td&amp;gt;&#39;.$row[&quot;updated_at&quot;].&#39;&amp;lt;/td&amp;gt;
                &amp;lt;/tr&amp;gt;
                &#39;;
              }
              ?&amp;gt;&lt;/span&gt;
            &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;table&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
            &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;input&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;hidden&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;file_content&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;id&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;file_content&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
            &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;button&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;button&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;convert&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;id&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;convert&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;btn btn-primary&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Convert&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;button&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
          &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;form&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
          &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;br&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
          &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;br&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
      &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
     &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
     &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;script&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;src&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token script language-javascript&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;script&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
  &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;body&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;html&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;

&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;script&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token script language-javascript&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;document&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;ready&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;{&lt;/span&gt;
 &lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;#convert&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;click&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;{&lt;/span&gt;
    &lt;span class=&quot;token keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;var&lt;/span&gt; table_content &lt;span class=&quot;token operator&quot; style=&quot;background: rgba(255, 255, 255, 0.5); border: 0px; box-sizing: inherit; color: #9a6e3a; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;&amp;lt;table&amp;gt;&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;;&lt;/span&gt;
    table_content &lt;span class=&quot;token operator&quot; style=&quot;background: rgba(255, 255, 255, 0.5); border: 0px; box-sizing: inherit; color: #9a6e3a; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;+=&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;#table_content&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;html&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;;&lt;/span&gt;
    table_content &lt;span class=&quot;token operator&quot; style=&quot;background: rgba(255, 255, 255, 0.5); border: 0px; box-sizing: inherit; color: #9a6e3a; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;+=&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;&amp;lt;/table&amp;gt;&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;;&lt;/span&gt;
    &lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;#file_content&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;val&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;table_content&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;;&lt;/span&gt;
    &lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;#convert_form&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;submit&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;script&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;/code&gt;
&lt;/pre&gt;&lt;p&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;b style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot;&gt;export.php&lt;/b&gt;&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot;&gt;&lt;/span&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;/p&gt;&lt;pre class=&quot;line-numbers  language-php&quot; style=&quot;background: rgb(245, 242, 240); border: 1px solid rgb(204, 204, 204); box-sizing: inherit; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 1.5rem; hyphens: none; line-height: 1.5; margin-bottom: 0.5em; margin-top: 0.5em; max-width: 100%; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 1em; tab-size: 4; text-shadow: white 0px 1px; vertical-align: baseline; word-break: normal;&quot;&gt;&lt;code class=&quot; language-php&quot; style=&quot;background: none; border: 0px; box-sizing: inherit; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 15px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; hyphens: none; line-height: 1.5; margin: 0px; outline: 0px; overflow-wrap: normal; padding: 0px; tab-size: 4; text-shadow: white 0px 1px; vertical-align: baseline; word-break: normal; word-spacing: normal;&quot;&gt;
&amp;lt;?php

//export.php

include &#39;vendor/autoload.php&#39;;
use PhpOffice\PhpSpreadsheet\IOFactory;

if(isset($_POST[&quot;file_content&quot;]))
{
 $temporary_html_file = &#39;./tmp_html/&#39; . time() . &#39;.html&#39;;

 file_put_contents($temporary_html_file, $_POST[&quot;file_content&quot;]);

 $reader = IOFactory::createReader(&#39;Html&#39;);

 $spreadsheet = $reader-&amp;gt;load($temporary_html_file);

 $writer = IOFactory::createWriter($spreadsheet, &#39;Xlsx&#39;);

 $filename = time() . &#39;.xlsx&#39;;

 $writer-&amp;gt;save($filename);

 header(&#39;Content-Type: application/x-www-form-urlencoded&#39;);

 header(&#39;Content-Transfer-Encoding: Binary&#39;);

 header(&quot;Content-disposition: attachment; filename=\&quot;&quot;.$filename.&quot;\&quot;&quot;);

 readfile($filename);

 unlink($temporary_html_file);

 unlink($filename);

 exit;
}

?&amp;gt;
&lt;/code&gt;
&lt;/pre&gt;&lt;p&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;span style=&quot;background-color: white; color: #404040; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 20px; font-weight: inherit;&quot;&gt;3. Import Data From Xls, Xlsx or CSV file to Mysql&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot;&gt;PHPSpreadSheet library is able to read data from Excel file or CSV file. So, here we have use PHPSpreadSheet library has been use for Import data from Excel sheet or CSV file and Insert into Mysql table using PHP script. If we have developed any web based application, then data import is the basic feature for any PHP application. So, for this feature here we have use PHPSpreadsheet library for read data from Excel or CSV file, this is because by using this library, we can easily import data from Excel or CSV file and Insert into Mysql table using PHP script.&lt;/span&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;b style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot;&gt;php_spreadsheet_import.php&lt;/b&gt;&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot;&gt;&lt;/span&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;/p&gt;&lt;pre class=&quot;line-numbers  language-markup&quot; style=&quot;background: rgb(245, 242, 240); border: 1px solid rgb(204, 204, 204); box-sizing: inherit; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 1.5rem; hyphens: none; line-height: 1.5; margin-bottom: 0.5em; margin-top: 0.5em; max-width: 100%; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 1em; tab-size: 4; text-shadow: white 0px 1px; vertical-align: baseline; word-break: normal;&quot;&gt;&lt;code class=&quot; language-markup&quot; style=&quot;background: none; border: 0px; box-sizing: inherit; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 15px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; hyphens: none; line-height: 1.5; margin: 0px; outline: 0px; overflow-wrap: normal; padding: 0px; tab-size: 4; text-shadow: white 0px 1px; vertical-align: baseline; word-break: normal; word-spacing: normal;&quot;&gt;
&lt;span class=&quot;token doctype&quot; style=&quot;border: 0px; box-sizing: inherit; color: slategrey; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;html&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
   &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;head&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
     &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;title&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Import Data From Excel or CSV File to Mysql using PHPSpreadsheet&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;title&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
     &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;meta&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;viewport&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;content&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;width=device-width, initial-scale=1.0&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
     &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;link&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;rel&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;stylesheet&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;href&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
   &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;head&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
   &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;body&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
     &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;container&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
      &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;br&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
      &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;h3&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;align&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;center&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Import Data From Excel or CSV File to Mysql using PHPSpreadsheet&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;h3&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
      &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;br&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
        &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;panel panel-default&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
          &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;panel-heading&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Import Data From Excel or CSV File to Mysql using PHPSpreadsheet&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
          &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;panel-body&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
          &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;table-responsive&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
           &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;span&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;id&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;message&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;span&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
              &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;form&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;method&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;post&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;id&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;import_excel_form&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;enctype&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;multipart/form-data&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;table&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;table&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                  &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;tr&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                    &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;td&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;width&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;25%&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;align&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;right&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Select Excel File&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;td&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                    &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;td&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;width&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;50%&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;input&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;file&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;import_excel&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;td&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                    &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;td&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;width&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;25%&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;input&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;submit&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;import&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;id&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;import&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;btn btn-primary&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;value&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;Import&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;td&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                  &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;tr&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;table&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
              &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;form&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
           &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;br&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
              
          &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
          &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
        &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
     &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
     &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;script&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;src&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token script language-javascript&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;script&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
  &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;body&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;html&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;script&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token script language-javascript&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;document&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;ready&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;#import_excel_form&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;on&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;submit&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;event&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;{&lt;/span&gt;
    event&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;preventDefault&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;;&lt;/span&gt;
    $&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;ajax&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;{&lt;/span&gt;
      url&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;import.php&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;,&lt;/span&gt;
      method&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;POST&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;,&lt;/span&gt;
      data&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;token keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;new&lt;/span&gt; &lt;span class=&quot;token class-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;FormData&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;this&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;,&lt;/span&gt;
      contentType&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;token boolean&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;false&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;,&lt;/span&gt;
      cache&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;token boolean&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;false&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;,&lt;/span&gt;
      processData&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;token boolean&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;false&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;,&lt;/span&gt;
      beforeSend&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;token keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;{&lt;/span&gt;
        &lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;#import&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;attr&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;disabled&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;disabled&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;;&lt;/span&gt;
        &lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;#import&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;val&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Importing...&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;;&lt;/span&gt;
      &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;,&lt;/span&gt;
      success&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;token keyword&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;data&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;
      &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;{&lt;/span&gt;
        &lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;#message&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;html&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;data&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;;&lt;/span&gt;
        &lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;#import_excel_form&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;token number&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;reset&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;;&lt;/span&gt;
        &lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;#import&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;attr&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;disabled&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token boolean&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;false&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;;&lt;/span&gt;
        &lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;#import&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;border: 0px; box-sizing: inherit; color: #dd4a68; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;val&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&#39;Import&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;;&lt;/span&gt;
      &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;}&lt;/span&gt;
    &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;script&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;/code&gt;
&lt;/pre&gt;&lt;p&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;b style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot;&gt;import.php&lt;/b&gt;&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot;&gt;&lt;/span&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;/p&gt;&lt;pre class=&quot;line-numbers  language-php&quot; style=&quot;background: rgb(245, 242, 240); border: 1px solid rgb(204, 204, 204); box-sizing: inherit; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 1.5rem; hyphens: none; line-height: 1.5; margin-bottom: 0.5em; margin-top: 0.5em; max-width: 100%; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 1em; tab-size: 4; text-shadow: white 0px 1px; vertical-align: baseline; word-break: normal;&quot;&gt;&lt;code class=&quot; language-php&quot; style=&quot;background: none; border: 0px; box-sizing: inherit; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 15px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; hyphens: none; line-height: 1.5; margin: 0px; outline: 0px; overflow-wrap: normal; padding: 0px; tab-size: 4; text-shadow: white 0px 1px; vertical-align: baseline; word-break: normal; word-spacing: normal;&quot;&gt;
&amp;lt;?php

//import.php

include &#39;vendor/autoload.php&#39;;

$connect = new PDO(&quot;mysql:host=localhost;dbname=testing&quot;, &quot;root&quot;, &quot;&quot;);

if($_FILES[&quot;import_excel&quot;][&quot;name&quot;] != &#39;&#39;)
{
 $allowed_extension = array(&#39;xls&#39;, &#39;csv&#39;, &#39;xlsx&#39;);
 $file_array = explode(&quot;.&quot;, $_FILES[&quot;import_excel&quot;][&quot;name&quot;]);
 $file_extension = end($file_array);

 if(in_array($file_extension, $allowed_extension))
 {
  $file_name = time() . &#39;.&#39; . $file_extension;
  move_uploaded_file($_FILES[&#39;import_excel&#39;][&#39;tmp_name&#39;], $file_name);
  $file_type = \PhpOffice\PhpSpreadsheet\IOFactory::identify($file_name);
  $reader = \PhpOffice\PhpSpreadsheet\IOFactory::createReader($file_type);

  $spreadsheet = $reader-&amp;gt;load($file_name);

  unlink($file_name);

  $data = $spreadsheet-&amp;gt;getActiveSheet()-&amp;gt;toArray();

  foreach($data as $row)
  {
   $insert_data = array(
    &#39;:first_name&#39;  =&amp;gt; $row[0],
    &#39;:last_name&#39;  =&amp;gt; $row[1],
    &#39;:created_at&#39;  =&amp;gt; $row[2],
    &#39;:updated_at&#39;  =&amp;gt; $row[3]
   );

   $query = &quot;
   INSERT INTO sample_datas 
   (first_name, last_name, created_at, updated_at) 
   VALUES (:first_name, :last_name, :created_at, :updated_at)
   &quot;;

   $statement = $connect-&amp;gt;prepare($query);
   $statement-&amp;gt;execute($insert_data);
  }
  $message = &#39;&amp;lt;div class=&quot;alert alert-success&quot;&amp;gt;Data Imported Successfully&amp;lt;/div&amp;gt;&#39;;

 }
 else
 {
  $message = &#39;&amp;lt;div class=&quot;alert alert-danger&quot;&amp;gt;Only .xls .csv or .xlsx file allowed&amp;lt;/div&amp;gt;&#39;;
 }
}
else
{
 $message = &#39;&amp;lt;div class=&quot;alert alert-danger&quot;&amp;gt;Please Select File&amp;lt;/div&amp;gt;&#39;;
}

echo $message;

?&amp;gt;
&lt;/code&gt;
&lt;/pre&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #404040; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 20px; font-weight: inherit;&quot;&gt;4. Export Mysql Table Data to .xlsx, .xls or .csv File&lt;/span&gt;&lt;/p&gt;&lt;div&gt;&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot;&gt;PHPSpreadSheet library can write data in Excel or CSV file. So suppose you have build any web based application by using PHP script. Then you have to use PHPSpreadSheet library for export data from Mysql database to any spreadsheet file format like .xlsx, .xls or .csv file. Export data from web application is one of the feature of you system. If your system is able to give data to user in Excel or csv file, so it will increase your application usabilty and user can use that data for other purpose. So, below you can find source code for How to Export Mysql data to Excel or Csv file format by using PhpSpreadsheet library.&lt;/span&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;b style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot;&gt;php_spreadsheet_export.php&lt;/b&gt;&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot;&gt;&lt;/span&gt;&lt;br style=&quot;background-color: white; box-sizing: inherit; color: #888888; font-family: &amp;quot;PT Serif&amp;quot;, sans-serif; font-size: 14px;&quot; /&gt;&lt;pre class=&quot;line-numbers  language-markup&quot; style=&quot;background: rgb(245, 242, 240); border: 1px solid rgb(204, 204, 204); box-sizing: inherit; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 1.5rem; hyphens: none; line-height: 1.5; margin-bottom: 0.5em; margin-top: 0.5em; max-width: 100%; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 1em; tab-size: 4; text-shadow: white 0px 1px; vertical-align: baseline; word-break: normal;&quot;&gt;&lt;code class=&quot; language-markup&quot; style=&quot;background: none; border: 0px; box-sizing: inherit; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 15px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; hyphens: none; line-height: 1.5; margin: 0px; outline: 0px; overflow-wrap: normal; padding: 0px; tab-size: 4; text-shadow: white 0px 1px; vertical-align: baseline; word-break: normal; word-spacing: normal;&quot;&gt;
&lt;span class=&quot;token prolog&quot; style=&quot;border: 0px; box-sizing: inherit; color: slategrey; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;?php

//php_spreadsheet_export.php

include &#39;vendor/autoload.php&#39;;

use PhpOffice\PhpSpreadsheet\Spreadsheet;


$connect = new PDO(&quot;mysql:host=localhost;dbname=testing&quot;, &quot;root&quot;, &quot;&quot;);


$query = &quot;SELECT * FROM sample_datas ORDER BY id DESC&quot;;

$statement = $connect-&amp;gt;prepare($query);

$statement-&amp;gt;execute();

$result = $statement-&amp;gt;fetchAll();

if(isset($_POST[&quot;export&quot;]))
{
  $file = new Spreadsheet();

  $active_sheet = $file-&amp;gt;getActiveSheet();

  $active_sheet-&amp;gt;setCellValue(&#39;A1&#39;, &#39;First Name&#39;);
  $active_sheet-&amp;gt;setCellValue(&#39;B1&#39;, &#39;Last Name&#39;);
  $active_sheet-&amp;gt;setCellValue(&#39;C1&#39;, &#39;Created At&#39;);
  $active_sheet-&amp;gt;setCellValue(&#39;D1&#39;, &#39;Updated At&#39;);

  $count = 2;

  foreach($result as $row)
  {
    $active_sheet-&amp;gt;setCellValue(&#39;A&#39; . $count, $row[&quot;first_name&quot;]);
    $active_sheet-&amp;gt;setCellValue(&#39;B&#39; . $count, $row[&quot;last_name&quot;]);
    $active_sheet-&amp;gt;setCellValue(&#39;C&#39; . $count, $row[&quot;created_at&quot;]);
    $active_sheet-&amp;gt;setCellValue(&#39;D&#39; . $count, $row[&quot;updated_at&quot;]);

    $count = $count + 1;
  }

  $writer = \PhpOffice\PhpSpreadsheet\IOFactory::createWriter($file, $_POST[&quot;file_type&quot;]);

  $file_name = time() . &#39;.&#39; . strtolower($_POST[&quot;file_type&quot;]);

  $writer-&amp;gt;save($file_name);

  header(&#39;Content-Type: application/x-www-form-urlencoded&#39;);

  header(&#39;Content-Transfer-Encoding: Binary&#39;);

  header(&quot;Content-disposition: attachment; filename=\&quot;&quot;.$file_name.&quot;\&quot;&quot;);

  readfile($file_name);

  unlink($file_name);

  exit;

}

?&amp;gt;&lt;/span&gt;
&lt;span class=&quot;token doctype&quot; style=&quot;border: 0px; box-sizing: inherit; color: slategrey; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;html&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
   &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;head&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
     &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;title&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Export Data From Mysql to Excel using PHPSpreadsheet&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;title&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
     &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;meta&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;viewport&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;content&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;width=device-width, initial-scale=1.0&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
     &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;link&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;rel&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;stylesheet&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;href&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
   &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;head&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
   &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;body&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
     &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;container&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
      &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;br&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
      &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;h3&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;align&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;center&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Export Data From Mysql to Excel using PHPSpreadsheet&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;h3&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
      &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;br&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
        &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;panel panel-default&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
          &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;panel-heading&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
            &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;form&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;method&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;post&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
              &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;row&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;col-md-6&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;User Data&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;col-md-4&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                  &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;select&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;file_type&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;form-control input-sm&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                    &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;option&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;value&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;Xlsx&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Xlsx&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;option&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                    &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;option&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;value&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;Xls&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Xls&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;option&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                    &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;option&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;value&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;Csv&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Csv&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;option&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                  &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;select&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;col-md-2&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                  &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;input&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;submit&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;export&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;btn btn-primary btn-sm&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;value&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;Export&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
                &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
              &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
            &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;form&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
          &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
          &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;panel-body&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
          &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;table-responsive&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
           &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;table&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;table table-striped table-bordered&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;tr&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                  &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;th&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;First Name&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;th&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                  &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;th&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Last Name&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;th&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                  &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;th&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Created At&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;th&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                  &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;th&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Updated At&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;th&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;tr&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
                &lt;span class=&quot;token prolog&quot; style=&quot;border: 0px; box-sizing: inherit; color: slategrey; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;?php

                foreach($result as $row)
                {
                  echo &#39;
                  &amp;lt;tr&amp;gt;
                    &amp;lt;td&amp;gt;&#39;.$row[&quot;first_name&quot;].&#39;&amp;lt;/td&amp;gt;
                    &amp;lt;td&amp;gt;&#39;.$row[&quot;last_name&quot;].&#39;&amp;lt;/td&amp;gt;
                    &amp;lt;td&amp;gt;&#39;.$row[&quot;created_at&quot;].&#39;&amp;lt;/td&amp;gt;
                    &amp;lt;td&amp;gt;&#39;.$row[&quot;updated_at&quot;].&#39;&amp;lt;/td&amp;gt;
                  &amp;lt;/tr&amp;gt;
                  &#39;;
                }
                ?&amp;gt;&lt;/span&gt;

              &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;table&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
          &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
          &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
        &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
     &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
      &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;br&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
      &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;br&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
     &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;&lt;/span&gt;script&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;border: 0px; box-sizing: inherit; color: #669900; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;src&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;border: 0px; box-sizing: inherit; color: #0077aa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token script language-javascript&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;script&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
  &lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;body&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; color: #990055; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;border: 0px; box-sizing: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;lt;/&lt;/span&gt;html&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;border: 0px; box-sizing: inherit; color: #999999; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;/code&gt;
&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;Sourece&lt;/b&gt;:&amp;nbsp;&lt;a href=&quot;https://www.webslesson.info/2020/03/phpspreadsheet-beginner-tutorial.html&quot;&gt;https://www.webslesson.info/2020/03/phpspreadsheet-beginner-tutorial.html&lt;/a&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://jasimalikhan.blogspot.com/feeds/5700472813126234850/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://jasimalikhan.blogspot.com/2021/02/phpspreadsheet-beginner-tutorial.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/5700472813126234850'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/5700472813126234850'/><link rel='alternate' type='text/html' href='http://jasimalikhan.blogspot.com/2021/02/phpspreadsheet-beginner-tutorial.html' title='PHPSpreadSheet Beginner Tutorial'/><author><name>Jasim Ali Khan</name><uri>http://www.blogger.com/profile/01684195966180752975</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4648682226035640118.post-2550043137926567352</id><published>2021-02-06T07:40:00.004-08:00</published><updated>2021-02-06T07:40:32.484-08:00</updated><title type='text'>Loading data remotely in Select2 with AJAX</title><content type='html'>&lt;p style=&quot;background-color: white; box-sizing: border-box; clear: both !important; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 16px; margin: 1.5em 0px;&quot;&gt;Select2 is a jQuery plugin that extends the functionality of a simple HTML drop-down element by allowing to search the list, adding the&amp;nbsp;&lt;a href=&quot;https://makitweb.com/insert-image-in-dropdown-lists-with-jquery/&quot; rel=&quot;noopener noreferrer&quot; style=&quot;box-sizing: border-box; color: #e6a117; transition: color 0.2s ease 0s;&quot; target=&quot;_blank&quot;&gt;image&lt;/a&gt;&amp;nbsp;with options, navigate to the option with arrow keys, etc.&lt;/p&gt;&lt;div class=&quot;code-block code-block-2&quot; style=&quot;background-color: white; box-sizing: border-box; clear: both; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 16px; margin: 8px auto; text-align: center;&quot;&gt;&lt;/div&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; clear: both !important; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 16px; margin: 1.5em 0px;&quot;&gt;It comes with the AJAX supports where you can call it in the same way as $.ajax in the jQuery.&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;background-color: white; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 16px;&quot;&gt;The plugin provides the currently inputted value in the&lt;/span&gt;&lt;span style=&quot;background-color: white; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 16px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://makitweb.com/make-a-dropdown-with-search-box-using-jquery/&quot; rel=&quot;noopener noreferrer&quot; style=&quot;box-sizing: border-box; color: #e6a117; font-family: geomanist, Helvetica, Arial; font-size: 16px; transition: color 0.2s ease 0s;&quot; target=&quot;_blank&quot;&gt;search box&lt;/a&gt;&lt;span style=&quot;background-color: white; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 16px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color: white; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 16px;&quot;&gt;which can be used as data in the AJAX request.&lt;/span&gt;&lt;/p&gt;&lt;h2 class=&quot;content-title&quot; style=&quot;background-color: white; box-sizing: border-box; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 2.25em; font-weight: 400; line-height: 1.34; margin: 0px; padding: 0px;&quot;&gt;Contents&lt;/h2&gt;&lt;ol class=&quot;olcontent&quot; style=&quot;background-color: white; box-sizing: border-box; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 16px; margin: 1.5em; padding: 0px;&quot;&gt;&lt;li style=&quot;box-sizing: border-box; font-size: 22px; letter-spacing: 2px; margin-left: 20px;&quot;&gt;&lt;a href=&quot;https://makitweb.com/loading-data-remotely-in-select2-with-ajax/#table&quot; style=&quot;box-sizing: border-box; color: black; text-decoration-line: none; transition: color 0.2s ease 0s;&quot;&gt;Table structure&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; font-size: 22px; letter-spacing: 2px; margin-left: 20px;&quot;&gt;&lt;a href=&quot;https://makitweb.com/loading-data-remotely-in-select2-with-ajax/#config&quot; style=&quot;box-sizing: border-box; color: black; text-decoration-line: none; transition: color 0.2s ease 0s;&quot;&gt;Configuration&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; font-size: 22px; letter-spacing: 2px; margin-left: 20px;&quot;&gt;&lt;a href=&quot;https://makitweb.com/loading-data-remotely-in-select2-with-ajax/#download&quot; style=&quot;box-sizing: border-box; color: black; text-decoration-line: none; transition: color 0.2s ease 0s;&quot;&gt;Download and Include&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; font-size: 22px; letter-spacing: 2px; margin-left: 20px;&quot;&gt;&lt;a href=&quot;https://makitweb.com/loading-data-remotely-in-select2-with-ajax/#html&quot; style=&quot;box-sizing: border-box; color: black; text-decoration-line: none; transition: color 0.2s ease 0s;&quot;&gt;HTML&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; font-size: 22px; letter-spacing: 2px; margin-left: 20px;&quot;&gt;&lt;a href=&quot;https://makitweb.com/loading-data-remotely-in-select2-with-ajax/#php&quot; style=&quot;box-sizing: border-box; color: black; text-decoration-line: none; transition: color 0.2s ease 0s;&quot;&gt;PHP&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; font-size: 22px; letter-spacing: 2px; margin-left: 20px;&quot;&gt;&lt;a href=&quot;https://makitweb.com/loading-data-remotely-in-select2-with-ajax/#jquery&quot; style=&quot;box-sizing: border-box; color: black; text-decoration-line: none; transition: color 0.2s ease 0s;&quot;&gt;jQuery&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; font-size: 22px; letter-spacing: 2px; margin-left: 20px;&quot;&gt;&lt;a href=&quot;https://makitweb.com/loading-data-remotely-in-select2-with-ajax/#demo&quot; style=&quot;box-sizing: border-box; color: black; text-decoration-line: none; transition: color 0.2s ease 0s;&quot;&gt;Demo&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; font-size: 22px; letter-spacing: 2px; margin-left: 20px;&quot;&gt;&lt;a href=&quot;https://makitweb.com/loading-data-remotely-in-select2-with-ajax/#conclusion&quot; style=&quot;box-sizing: border-box; color: black; text-decoration-line: none; transition: color 0.2s ease 0s;&quot;&gt;Conclusion&lt;/a&gt;&lt;/li&gt;&lt;/ol&gt;&lt;hr class=&quot;hr&quot; style=&quot;background: rgb(237, 238, 240); border: 0px; box-sizing: border-box; clear: both; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 16px; height: 2px; margin: 70px 0px;&quot; /&gt;&lt;h2 class=&quot;content-title&quot; id=&quot;table&quot; style=&quot;background-color: white; box-sizing: border-box; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 2.25em; font-weight: 400; line-height: 1.34; margin: 0px; padding: 0px;&quot;&gt;&lt;span class=&quot;number&quot; style=&quot;box-sizing: border-box;&quot;&gt;1.&amp;nbsp;&lt;/span&gt;Table structure&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; clear: both !important; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 16px; margin: 1.5em 0px;&quot;&gt;I am using&amp;nbsp;&lt;code style=&quot;background: rgb(232, 234, 238); box-sizing: border-box; padding: 0px 0.375em;&quot;&gt;users&lt;/code&gt;&amp;nbsp;table.&lt;/p&gt;&lt;pre style=&quot;background: rgb(232, 234, 238); box-sizing: border-box; color: #373b41; overflow-wrap: normal !important; overflow-x: auto; padding: 0.75em;&quot;&gt;CREATE TABLE `users` (
  `id` int(11) NOT NULL PRIMARY KEY AUTO_INCREMENT,
  `username` varchar(80) NOT NULL,
  `name` varchar(80) NOT NULL,
  `password` varchar(80) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;&lt;/pre&gt;&lt;hr class=&quot;hr&quot; style=&quot;background: rgb(237, 238, 240); border: 0px; box-sizing: border-box; clear: both; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 16px; height: 2px; margin: 70px 0px;&quot; /&gt;&lt;h2 class=&quot;content-title&quot; id=&quot;config&quot; style=&quot;background-color: white; box-sizing: border-box; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 2.25em; font-weight: 400; line-height: 1.34; margin: 0px; padding: 0px;&quot;&gt;&lt;span class=&quot;number&quot; style=&quot;box-sizing: border-box;&quot;&gt;2.&amp;nbsp;&lt;/span&gt;Configuration&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; clear: both !important; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 16px; margin: 1.5em 0px;&quot;&gt;Create a&amp;nbsp;&lt;code style=&quot;background: rgb(232, 234, 238); box-sizing: border-box; padding: 0px 0.375em;&quot;&gt;config.php&lt;/code&gt;&amp;nbsp;for database configuration.&lt;/p&gt;&lt;p class=&quot;completedCode&quot; style=&quot;background-color: white; box-sizing: border-box; clear: both !important; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 16px; margin: 20px 0px 1.5em;&quot;&gt;&lt;strong style=&quot;box-sizing: border-box;&quot;&gt;Completed Code&lt;/strong&gt;&lt;/p&gt;&lt;pre style=&quot;background: rgb(232, 234, 238); box-sizing: border-box; color: #373b41; overflow-wrap: normal !important; overflow-x: auto; padding: 0.75em;&quot;&gt;&amp;lt;?php

$host = &quot;localhost&quot;; /* Host name */
$user = &quot;root&quot;; /* User */
$password = &quot;&quot;; /* Password */
$dbname = &quot;tutorial&quot;; /* Database name */

$con = mysqli_connect($host, $user, $password,$dbname);
// Check connection
if (!$con) {
  die(&quot;Connection failed: &quot; . mysqli_connect_error());
}
&lt;/pre&gt;&lt;hr class=&quot;hr&quot; style=&quot;background: rgb(237, 238, 240); border: 0px; box-sizing: border-box; clear: both; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 16px; height: 2px; margin: 70px 0px;&quot; /&gt;&lt;h2 class=&quot;content-title&quot; id=&quot;download&quot; style=&quot;background-color: white; box-sizing: border-box; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 2.25em; font-weight: 400; line-height: 1.34; margin: 0px; padding: 0px;&quot;&gt;&lt;span class=&quot;number&quot; style=&quot;box-sizing: border-box;&quot;&gt;3.&amp;nbsp;&lt;/span&gt;Download and Include&lt;/h2&gt;&lt;ul style=&quot;background-color: white; box-sizing: border-box; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 16px; margin: 1.5em; padding: 0px;&quot;&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Download the library from&amp;nbsp;&lt;a href=&quot;https://github.com/select2/select2/releases&quot; rel=&quot;noopener noreferrer&quot; style=&quot;box-sizing: border-box; color: #e6a117; transition: color 0.2s ease 0s;&quot; target=&quot;_blank&quot;&gt;here&lt;/a&gt;.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Include&amp;nbsp;&lt;code style=&quot;background: rgb(232, 234, 238); box-sizing: border-box; padding: 0px 0.375em;&quot;&gt;select2.min.css&lt;/code&gt;&amp;nbsp;and&amp;nbsp;&lt;code style=&quot;background: rgb(232, 234, 238); box-sizing: border-box; padding: 0px 0.375em;&quot;&gt;select2.min.js&lt;/code&gt;&amp;nbsp;files with the jQuery library in the&amp;nbsp;&lt;code style=&quot;background: rgb(232, 234, 238); box-sizing: border-box; padding: 0px 0.375em;&quot;&gt;&amp;lt;head&amp;gt;&lt;/code&gt;&amp;nbsp;section. You can also use the CDN.&lt;/li&gt;&lt;/ul&gt;&lt;pre style=&quot;background: rgb(232, 234, 238); box-sizing: border-box; color: #373b41; overflow-wrap: normal !important; overflow-x: auto; padding: 0.75em;&quot;&gt;&amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
&amp;lt;link href=&#39;https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css&#39; rel=&#39;stylesheet&#39; type=&#39;text/css&#39;&amp;gt;

&amp;lt;!-- Script --&amp;gt;
&amp;lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;
&amp;lt;script src=&#39;https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js&#39;&amp;gt;&amp;lt;/script&amp;gt;&lt;/pre&gt;&lt;hr class=&quot;hr&quot; style=&quot;background: rgb(237, 238, 240); border: 0px; box-sizing: border-box; clear: both; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 16px; height: 2px; margin: 70px 0px;&quot; /&gt;&lt;h2 class=&quot;content-title&quot; id=&quot;html&quot; style=&quot;background-color: white; box-sizing: border-box; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 2.25em; font-weight: 400; line-height: 1.34; margin: 0px; padding: 0px;&quot;&gt;&lt;span class=&quot;number&quot; style=&quot;box-sizing: border-box;&quot;&gt;4.&amp;nbsp;&lt;/span&gt;HTML&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; clear: both !important; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 16px; margin: 1.5em 0px;&quot;&gt;Create a drop-down element.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; clear: both !important; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 16px; margin: 1.5em 0px;&quot;&gt;&lt;strong style=&quot;box-sizing: border-box;&quot;&gt;Completed Code&lt;/strong&gt;&lt;/p&gt;&lt;pre style=&quot;background: rgb(232, 234, 238); box-sizing: border-box; color: #373b41; overflow-wrap: normal !important; overflow-x: auto; padding: 0.75em;&quot;&gt;&amp;lt;select id=&#39;selUser&#39; style=&#39;width: 200px;&#39;&amp;gt;
 &amp;lt;option value=&#39;0&#39;&amp;gt;- Search user -&amp;lt;/option&amp;gt;
&amp;lt;/select&amp;gt;&lt;/pre&gt;&lt;hr class=&quot;hr&quot; style=&quot;background: rgb(237, 238, 240); border: 0px; box-sizing: border-box; clear: both; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 16px; height: 2px; margin: 70px 0px;&quot; /&gt;&lt;h2 class=&quot;content-title&quot; id=&quot;php&quot; style=&quot;background-color: white; box-sizing: border-box; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 2.25em; font-weight: 400; line-height: 1.34; margin: 0px; padding: 0px;&quot;&gt;&lt;span class=&quot;number&quot; style=&quot;box-sizing: border-box;&quot;&gt;5.&amp;nbsp;&lt;/span&gt;PHP&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; clear: both !important; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 16px; margin: 1.5em 0px;&quot;&gt;Create a&amp;nbsp;&lt;code style=&quot;background: rgb(232, 234, 238); box-sizing: border-box; padding: 0px 0.375em;&quot;&gt;getData.php&lt;/code&gt;&amp;nbsp;file.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; clear: both !important; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 16px; margin: 1.5em 0px;&quot;&gt;Select all records with the limit of 5 when&amp;nbsp;&lt;code style=&quot;background: rgb(232, 234, 238); box-sizing: border-box; padding: 0px 0.375em;&quot;&gt;$_POST[&#39;searchTerm&#39;]&lt;/code&gt;&amp;nbsp;is not set otherwise select record according to the search term.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; clear: both !important; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 16px; margin: 1.5em 0px;&quot;&gt;Create an array that initializes with user&amp;nbsp;&lt;code style=&quot;background: rgb(232, 234, 238); box-sizing: border-box; padding: 0px 0.375em;&quot;&gt;id&lt;/code&gt;&amp;nbsp;and&amp;nbsp;&lt;code style=&quot;background: rgb(232, 234, 238); box-sizing: border-box; padding: 0px 0.375em;&quot;&gt;name&lt;/code&gt;. Return the array in JSON format.&lt;/p&gt;&lt;blockquote style=&quot;background-color: white; border-left: 3px solid rgb(230, 161, 23); box-sizing: border-box; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 16px; margin: 1.5em 1.5em 1.5em 0px; padding-left: 1.5em;&quot;&gt;&lt;p style=&quot;box-sizing: border-box; clear: both !important; margin: 1.5em 0px;&quot;&gt;&lt;strong style=&quot;box-sizing: border-box;&quot;&gt;NOTE –&lt;/strong&gt;&amp;nbsp;While creating associative array for initialize the Array make sure that their you have defined&amp;nbsp;&lt;code style=&quot;background: rgb(232, 234, 238); box-sizing: border-box; padding: 0px 0.375em;&quot;&gt;id&lt;/code&gt;&amp;nbsp;and&amp;nbsp;&lt;code style=&quot;background: rgb(232, 234, 238); box-sizing: border-box; padding: 0px 0.375em;&quot;&gt;text&lt;/code&gt;&amp;nbsp;keys otherwise the HTML element will not be initialized.&lt;/p&gt;&lt;/blockquote&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; clear: both !important; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 16px; margin: 1.5em 0px;&quot;&gt;&lt;strong style=&quot;box-sizing: border-box;&quot;&gt;Completed Code&lt;/strong&gt;&lt;/p&gt;&lt;pre style=&quot;background: rgb(232, 234, 238); box-sizing: border-box; color: #373b41; overflow-wrap: normal !important; overflow-x: auto; padding: 0.75em;&quot;&gt;&amp;lt;?php
include &#39;config.php&#39;;

if(!isset($_POST[&#39;searchTerm&#39;])){ 
  $fetchData = mysqli_query($con,&quot;select * from users order by name limit 5&quot;);
}else{ 
  $search = $_POST[&#39;searchTerm&#39;];   
  $fetchData = mysqli_query($con,&quot;select * from users where name like &#39;%&quot;.$search.&quot;%&#39; limit 5&quot;);
} 

$data = array();
while ($row = mysqli_fetch_array($fetchData)) {&amp;nbsp; &amp;nbsp; 
  $data[] = array(&quot;id&quot;=&amp;gt;$row[&#39;id&#39;], &quot;text&quot;=&amp;gt;$row[&#39;name&#39;]);
}
echo json_encode($data);&lt;/pre&gt;&lt;hr class=&quot;hr&quot; style=&quot;background: rgb(237, 238, 240); border: 0px; box-sizing: border-box; clear: both; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 16px; height: 2px; margin: 70px 0px;&quot; /&gt;&lt;h2 id=&quot;jquery&quot; style=&quot;background-color: white; box-sizing: border-box; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 2.25em; font-weight: 400; line-height: 1.34; margin: 0px; padding: 0px;&quot;&gt;&lt;span class=&quot;number&quot; style=&quot;box-sizing: border-box;&quot;&gt;6.&amp;nbsp;&lt;/span&gt;jQuery&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; clear: both !important; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 16px; margin: 1.5em 0px;&quot;&gt;Call&amp;nbsp;&lt;code style=&quot;background: rgb(232, 234, 238); box-sizing: border-box; padding: 0px 0.375em;&quot;&gt;select2()&lt;/code&gt;&amp;nbsp;method on the&amp;nbsp;&lt;code style=&quot;background: rgb(232, 234, 238); box-sizing: border-box; padding: 0px 0.375em;&quot;&gt;&amp;lt;select id=&#39;selUser&#39;&amp;gt;&lt;/code&gt;&amp;nbsp;to initialize the plugin. To load records remotely&amp;nbsp;specify&amp;nbsp;&lt;code style=&quot;background: rgb(232, 234, 238); box-sizing: border-box; padding: 0px 0.375em;&quot;&gt;ajax&lt;/code&gt;&amp;nbsp;option where set its url, type, dataType, delay, data, and processResults.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; clear: both !important; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 16px; margin: 1.5em 0px;&quot;&gt;Get the entered values using&amp;nbsp;&lt;code style=&quot;background: rgb(232, 234, 238); box-sizing: border-box; padding: 0px 0.375em;&quot;&gt;params.term&lt;/code&gt;&amp;nbsp;in data. The successful callback handle by&amp;nbsp;&lt;code style=&quot;background: rgb(232, 234, 238); box-sizing: border-box; padding: 0px 0.375em;&quot;&gt;processResults&lt;/code&gt;&amp;nbsp;function where initialize&amp;nbsp;&lt;code style=&quot;background: rgb(232, 234, 238); box-sizing: border-box; padding: 0px 0.375em;&quot;&gt;results&lt;/code&gt;&amp;nbsp;with the&amp;nbsp;&lt;code style=&quot;background: rgb(232, 234, 238); box-sizing: border-box; padding: 0px 0.375em;&quot;&gt;response&lt;/code&gt;.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; clear: both !important; color: #373b41; font-family: geomanist, Helvetica, Arial; font-size: 16px; margin: 1.5em 0px;&quot;&gt;&lt;strong style=&quot;box-sizing: border-box;&quot;&gt;Completed Code&lt;/strong&gt;&lt;/p&gt;&lt;pre style=&quot;background: rgb(232, 234, 238); box-sizing: border-box; color: #373b41; overflow-wrap: normal !important; overflow-x: auto; padding: 0.75em;&quot;&gt;$(document).ready(function(){

 $(&quot;#selUser&quot;).select2({
  ajax: { 
   url: &quot;getData.php&quot;,
   type: &quot;post&quot;,
   dataType: &#39;json&#39;,
   delay: 250,
   data: function (params) {
    return {
      searchTerm: params.term // search term
    };
   },
   processResults: function (response) {
     return {
        results: response
     };
   },
   cache: true
  }
 });
});&lt;/pre&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #e06666;&quot;&gt;Credits:&amp;nbsp;&lt;a href=&quot;https://makitweb.com/loading-data-remotely-in-select2-with-ajax/&quot;&gt;https://makitweb.com/loading-data-remotely-in-select2-with-ajax/&lt;/a&gt;&lt;/span&gt;&lt;/b&gt;&lt;/h2&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://jasimalikhan.blogspot.com/feeds/2550043137926567352/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://jasimalikhan.blogspot.com/2021/02/loading-data-remotely-in-select2-with.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/2550043137926567352'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/2550043137926567352'/><link rel='alternate' type='text/html' href='http://jasimalikhan.blogspot.com/2021/02/loading-data-remotely-in-select2-with.html' title='Loading data remotely in Select2 with AJAX'/><author><name>Jasim Ali Khan</name><uri>http://www.blogger.com/profile/01684195966180752975</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4648682226035640118.post-7719161639634922695</id><published>2020-12-20T00:16:00.002-08:00</published><updated>2020-12-20T00:16:13.501-08:00</updated><title type='text'>Best Way to redirect http to https in CodeIgniter</title><content type='html'>&lt;p&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot;&gt;Follow the below steps to enable http to https on your
codeIgnitor 3.x using.&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;STEP 1. Config changes :- Go to
“application/config/config.php” and enable or set hooks to true.&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;$config[&#39;enable_hooks&#39;] = TRUE;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;STEP 2: Create a new file named hooks.php in
“application/config/hooks.php” if not exists and if its already exists just add
below code in hooks.php&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;$hook[&#39;post_controller_constructor&#39;][] = array(&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&#39;function&#39;
=&amp;gt; &#39;redirect_ssl&#39;,&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&#39;filename&#39;
=&amp;gt; &#39;ssl.php&#39;,&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&#39;filepath&#39; =&amp;gt; &#39;hooks&#39;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;STEP 3: Now create a new directory with named “hooks” under
application directory and then create new file named “ssl.php” in
“application/hooks/ssl.php” and add below code to “ssl.php”&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;function redirect_ssl() {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;$CI =&amp;amp;
get_instance();&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;$class =
$CI-&amp;gt;router-&amp;gt;fetch_class();&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;$exclude =&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;array(&#39;client&#39;);&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;// add all your controllers name to exclude
ssl.&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp; &lt;/span&gt;if(!in_array($class,$exclude)) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;// redirecting
to ssl.&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;$CI-&amp;gt;config-&amp;gt;config[&#39;base_url&#39;] = str_replace(&#39;http://&#39;,
&#39;https://&#39;, $CI-&amp;gt;config-&amp;gt;config[&#39;base_url&#39;]);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;if
($_SERVER[&#39;SERVER_PORT&#39;] != 443) redirect($CI-&amp;gt;uri-&amp;gt;uri_string());&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;} &lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;else {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;// redirecting
with no ssl.&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;$CI-&amp;gt;config-&amp;gt;config[&#39;base_url&#39;] = str_replace(&#39;https://&#39;,
&#39;http://&#39;, $CI-&amp;gt;config-&amp;gt;config[&#39;base_url&#39;]);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;if
($_SERVER[&#39;SERVER_PORT&#39;] == 443) redirect($CI-&amp;gt;uri-&amp;gt;uri_string());&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;Credits:&amp;nbsp;&lt;a href=&quot;https://stackoverflow.com/users/2261069/preetham-hegde&quot;&gt;https://stackoverflow.com/users/2261069/preetham-hegde&lt;/a&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://jasimalikhan.blogspot.com/feeds/7719161639634922695/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://jasimalikhan.blogspot.com/2020/12/best-way-to-redirect-http-to-https-in.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/7719161639634922695'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/7719161639634922695'/><link rel='alternate' type='text/html' href='http://jasimalikhan.blogspot.com/2020/12/best-way-to-redirect-http-to-https-in.html' title='Best Way to redirect http to https in CodeIgniter'/><author><name>Jasim Ali Khan</name><uri>http://www.blogger.com/profile/01684195966180752975</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4648682226035640118.post-205500153769408743</id><published>2020-12-17T06:25:00.002-08:00</published><updated>2020-12-17T06:25:18.856-08:00</updated><title type='text'>JavaScript : HTML Form validation - checking for password</title><content type='html'>&lt;h2 itemscope=&quot;&quot; itemtype=&quot;http://schema.org/WebPageElement/Heading&quot; style=&quot;background-color: white; border-bottom: 1px solid rgb(0, 0, 0); clear: both; color: rgba(0, 0, 0, 0.87); font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 400; line-height: 48px; margin: 24px 0px 15px; padding: 0px 0px 4px;&quot;&gt;Password validation&lt;/h2&gt;&lt;p style=&quot;background-color: white; clear: both; color: rgba(0, 0, 0, 0.87); font-family: Helvetica, Arial, sans-serif; font-size: 17px; line-height: 24px; margin: 0px 0px 16px; padding: 0px;&quot;&gt;Sometimes a password validation in a form is essential. You can create a password in different ways, it&#39;s structure may be simple, reasonable or strong. Here we validate various type of password structure through JavaScript codes and regular expression.&lt;/p&gt;&lt;ul class=&quot;w3r_list&quot; style=&quot;background-color: white; color: rgba(0, 0, 0, 0.87); font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px;&quot;&gt;&lt;li style=&quot;line-height: 1.5em; margin-bottom: 10px;&quot;&gt;Check a password between 7 to 16 characters which contain only characters,&amp;nbsp;&lt;span class=&quot;specialblocks&quot;&gt;numeric digit&lt;/span&gt;s and underscore and first character must be a letter.&lt;/li&gt;&lt;li style=&quot;line-height: 1.5em; margin-bottom: 10px;&quot;&gt;Check a password between 6 to 20 characters which contain at least one&amp;nbsp;&lt;span class=&quot;specialblocks&quot;&gt;numeric digit&lt;/span&gt;, one uppercase and one lowercase letter.&lt;/li&gt;&lt;li style=&quot;line-height: 1.5em; margin-bottom: 10px;&quot;&gt;Check a password between 7 to 15 characters which contain at least one&amp;nbsp;&lt;span class=&quot;specialblocks&quot;&gt;numeric digit&lt;/span&gt;&amp;nbsp;and a special character.&lt;/li&gt;&lt;li style=&quot;line-height: 1.5em; margin-bottom: 10px;&quot;&gt;Check a password between 8 to 15 characters which contain at least one lowercase letter, one uppercase letter, one numeric digit, and one special character.&lt;/li&gt;&lt;/ul&gt;&lt;p class=&quot;specialblocks&quot; style=&quot;background-color: white; clear: both; color: rgba(0, 0, 0, 0.87); font-family: Helvetica, Arial, sans-serif; font-size: 17px; line-height: 24px; margin: 0px 0px 16px; padding: 0px;&quot;&gt;Following code blocks contain actual codes for the said validations. We have kept the CSS code part common for all the validations.&lt;/p&gt;&lt;p style=&quot;background-color: white; clear: both; color: rgba(0, 0, 0, 0.87); font-family: Helvetica, Arial, sans-serif; font-size: 17px; line-height: 24px; margin: 0px 0px 16px; padding: 0px;&quot;&gt;&lt;strong&gt;CSS Code:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-toolbar&quot; style=&quot;background-color: white; color: rgba(0, 0, 0, 0.87); font-family: Helvetica, Arial, sans-serif; font-size: 16px; position: relative;&quot;&gt;&lt;pre class=&quot;line-numbers language-css&quot; style=&quot;background: none rgb(253, 253, 253); box-sizing: border-box; color: black; counter-reset: linenumber 0; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 1em; hyphens: none; line-height: 1.5; margin-bottom: 1em; margin-top: 0.5em; overflow-wrap: normal; overflow: visible; padding: 0px; position: relative; tab-size: 4; word-break: normal; word-spacing: normal;&quot;&gt;&lt;code class=&quot;language-css&quot; style=&quot;background-attachment: local; background-clip: content-box; background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%); background-origin: content-box; background-position: 0% 0%; background-repeat: initial; background-size: 3em 3em; border-left: 10px solid rgb(53, 140, 203); box-shadow: rgb(53, 140, 203) -1px 0px 0px 0px, rgb(223, 223, 223) 0px 0px 0px 1px; display: block; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 1em; height: inherit; hyphens: none; line-height: 1.5; max-height: inherit; overflow-wrap: normal; overflow: auto; padding: 0px 1em 0px 3.8em; position: relative; tab-size: 4; white-space: inherit; word-break: normal; word-spacing: normal;&quot;&gt;&lt;span class=&quot;token selector&quot; style=&quot;color: #2f9c0a;&quot;&gt;li&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;token property&quot; style=&quot;color: #c92c2c;&quot;&gt;list-style-type&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;:&lt;/span&gt; none&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token property&quot; style=&quot;color: #c92c2c;&quot;&gt;font-size&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token number&quot; style=&quot;color: #c92c2c;&quot;&gt;16&lt;/span&gt;&lt;span class=&quot;token unit&quot;&gt;pt&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token selector&quot; style=&quot;color: #2f9c0a;&quot;&gt;.mail&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;{&lt;/span&gt;
&lt;span class=&quot;token property&quot; style=&quot;color: #c92c2c;&quot;&gt;margin&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;:&lt;/span&gt; auto&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token property&quot; style=&quot;color: #c92c2c;&quot;&gt;padding-top&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token number&quot; style=&quot;color: #c92c2c;&quot;&gt;10&lt;/span&gt;&lt;span class=&quot;token unit&quot;&gt;px&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token property&quot; style=&quot;color: #c92c2c;&quot;&gt;padding-bottom&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token number&quot; style=&quot;color: #c92c2c;&quot;&gt;10&lt;/span&gt;&lt;span class=&quot;token unit&quot;&gt;px&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token property&quot; style=&quot;color: #c92c2c;&quot;&gt;width&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token number&quot; style=&quot;color: #c92c2c;&quot;&gt;400&lt;/span&gt;&lt;span class=&quot;token unit&quot;&gt;px&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token property&quot; style=&quot;color: #c92c2c;&quot;&gt;background&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token hexcode color&quot;&gt;&lt;span class=&quot;inline-color-wrapper&quot; style=&quot;background: url(&amp;quot;data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyIDIiPjxwYXRoIGZpbGw9ImdyYXkiIGQ9Ik0wIDBoMnYySDB6Ii8+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0wIDBoMXYxSDB6TTEgMWgxdjFIMXoiLz48L3N2Zz4=&amp;quot;) center center / 110%; border: 1px solid white; box-sizing: border-box; display: inline-block; height: 1.333ch; margin: 0px 0.333ch; outline: rgba(0, 0, 0, 0.5) solid 1px; overflow: hidden; width: 1.333ch;&quot;&gt;&lt;span class=&quot;inline-color&quot; style=&quot;background-color: #d8f1f8; display: block; height: 11.6562px; width: 11.6562px;&quot;&gt;&lt;/span&gt;&lt;/span&gt;#D8F1F8&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token property&quot; style=&quot;color: #c92c2c;&quot;&gt;border&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token number&quot; style=&quot;color: #c92c2c;&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;token unit&quot;&gt;px&lt;/span&gt; soild &lt;span class=&quot;token color&quot;&gt;&lt;span class=&quot;inline-color-wrapper&quot; style=&quot;background: url(&amp;quot;data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyIDIiPjxwYXRoIGZpbGw9ImdyYXkiIGQ9Ik0wIDBoMnYySDB6Ii8+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0wIDBoMXYxSDB6TTEgMWgxdjFIMXoiLz48L3N2Zz4=&amp;quot;) center center / 110%; border: 1px solid white; box-sizing: border-box; display: inline-block; height: 1.333ch; margin: 0px 0.333ch; outline: rgba(0, 0, 0, 0.5) solid 1px; overflow: hidden; width: 1.333ch;&quot;&gt;&lt;span class=&quot;inline-color&quot; style=&quot;background-color: silver; display: block; height: 11.6562px; width: 11.6562px;&quot;&gt;&lt;/span&gt;&lt;/span&gt;silver&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token selector&quot; style=&quot;color: #2f9c0a;&quot;&gt;&lt;span class=&quot;token class&quot;&gt;.mail&lt;/span&gt; h2&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;{&lt;/span&gt;
&lt;span class=&quot;token property&quot; style=&quot;color: #c92c2c;&quot;&gt;margin-left&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token number&quot; style=&quot;color: #c92c2c;&quot;&gt;38&lt;/span&gt;&lt;span class=&quot;token unit&quot;&gt;px&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token selector&quot; style=&quot;color: #2f9c0a;&quot;&gt;input&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;{&lt;/span&gt;
&lt;span class=&quot;token property&quot; style=&quot;color: #c92c2c;&quot;&gt;font-size&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token number&quot; style=&quot;color: #c92c2c;&quot;&gt;20&lt;/span&gt;&lt;span class=&quot;token unit&quot;&gt;pt&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token selector&quot; style=&quot;color: #2f9c0a;&quot;&gt;input&lt;span class=&quot;token pseudo-class&quot;&gt;:focus&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;,&lt;/span&gt; textarea&lt;span class=&quot;token pseudo-class&quot;&gt;:focus&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;{&lt;/span&gt;
&lt;span class=&quot;token property&quot; style=&quot;color: #c92c2c;&quot;&gt;background-color&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token color&quot;&gt;&lt;span class=&quot;inline-color-wrapper&quot; style=&quot;background: url(&amp;quot;data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyIDIiPjxwYXRoIGZpbGw9ImdyYXkiIGQ9Ik0wIDBoMnYySDB6Ii8+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0wIDBoMXYxSDB6TTEgMWgxdjFIMXoiLz48L3N2Zz4=&amp;quot;) center center / 110%; border: 1px solid white; box-sizing: border-box; display: inline-block; height: 1.333ch; margin: 0px 0.333ch; outline: rgba(0, 0, 0, 0.5) solid 1px; overflow: hidden; width: 1.333ch;&quot;&gt;&lt;span class=&quot;inline-color&quot; style=&quot;background-color: lightyellow; display: block; height: 11.6562px; width: 11.6562px;&quot;&gt;&lt;/span&gt;&lt;/span&gt;lightyellow&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token selector&quot; style=&quot;color: #2f9c0a;&quot;&gt;input submit&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;{&lt;/span&gt;
&lt;span class=&quot;token property&quot; style=&quot;color: #c92c2c;&quot;&gt;font-size&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token number&quot; style=&quot;color: #c92c2c;&quot;&gt;12&lt;/span&gt;&lt;span class=&quot;token unit&quot;&gt;pt&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token selector&quot; style=&quot;color: #2f9c0a;&quot;&gt;.rq&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;{&lt;/span&gt;
&lt;span class=&quot;token property&quot; style=&quot;color: #c92c2c;&quot;&gt;color&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token hexcode color&quot;&gt;&lt;span class=&quot;inline-color-wrapper&quot; style=&quot;background: url(&amp;quot;data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyIDIiPjxwYXRoIGZpbGw9ImdyYXkiIGQ9Ik0wIDBoMnYySDB6Ii8+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0wIDBoMXYxSDB6TTEgMWgxdjFIMXoiLz48L3N2Zz4=&amp;quot;) center center / 110%; border: 1px solid white; box-sizing: border-box; display: inline-block; height: 1.333ch; margin: 0px 0.333ch; outline: rgba(0, 0, 0, 0.5) solid 1px; overflow: hidden; width: 1.333ch;&quot;&gt;&lt;span class=&quot;inline-color&quot; style=&quot;background-color: red; display: block; height: 11.6562px; width: 11.6562px;&quot;&gt;&lt;/span&gt;&lt;/span&gt;#FF0000&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token property&quot; style=&quot;color: #c92c2c;&quot;&gt;font-size&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token number&quot; style=&quot;color: #c92c2c;&quot;&gt;10&lt;/span&gt;&lt;span class=&quot;token unit&quot;&gt;pt&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;}&lt;/span&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;line-numbers-rows&quot; style=&quot;border-right: 1px solid rgb(153, 153, 153); left: 0px; letter-spacing: -1px; pointer-events: none; position: absolute; top: 0px; user-select: none; width: 3em;&quot;&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div class=&quot;toolbar&quot; style=&quot;opacity: 0; position: absolute; right: 0.2em; top: 0.3em; transition: opacity 0.3s ease-in-out 0s;&quot;&gt;&lt;div class=&quot;toolbar-item&quot; style=&quot;display: inline-block;&quot;&gt;&lt;button style=&quot;background: rgba(224, 224, 224, 0.2); border-color: initial; border-radius: 0.5em; border-style: initial; border-width: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px; color: #bbbbbb; font-family: inherit; font-size: 0.8em; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; overflow: visible; padding: 0px 0.5em; user-select: none;&quot; type=&quot;button&quot;&gt;Copy&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;h2 itemscope=&quot;&quot; itemtype=&quot;http://schema.org/WebPageElement/Heading&quot; style=&quot;background-color: white; border-bottom: 1px solid rgb(0, 0, 0); clear: both; color: rgba(0, 0, 0, 0.87); font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 400; line-height: 48px; margin: 24px 0px 15px; padding: 0px 0px 4px;&quot;&gt;To check a password between 7 to 16 characters which contain only characters,&amp;nbsp;&lt;span class=&quot;specialblocks&quot;&gt;numeric digit&lt;/span&gt;s, underscore and first character must be a letter&lt;/h2&gt;&lt;p class=&quot;specialblocks&quot; style=&quot;background-color: white; clear: both; color: rgba(0, 0, 0, 0.87); font-family: Helvetica, Arial, sans-serif; font-size: 17px; line-height: 24px; margin: 0px 0px 16px; padding: 0px;&quot;&gt;To validate the said format we use the regular expression ^[A-Za-z]\w{7,15}$, where \w matches any word character (alphanumeric) including the underscore (equivalent to [A-Za-z0-9_]).&amp;nbsp; Next the match() method of string object is used to match the said regular expression against the input value. Here is the complete web document.&lt;/p&gt;&lt;p style=&quot;background-color: white; clear: both; color: rgba(0, 0, 0, 0.87); font-family: Helvetica, Arial, sans-serif; font-size: 17px; line-height: 24px; margin: 0px 0px 16px; padding: 0px;&quot;&gt;&lt;strong&gt;HTML Code:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-toolbar&quot; style=&quot;background-color: white; color: rgba(0, 0, 0, 0.87); font-family: Helvetica, Arial, sans-serif; font-size: 16px; position: relative;&quot;&gt;&lt;pre class=&quot;line-numbers language-html&quot; style=&quot;background: none rgb(253, 253, 253); box-sizing: border-box; color: black; counter-reset: linenumber 0; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 1em; hyphens: none; line-height: 1.5; margin-bottom: 1em; margin-top: 0.5em; overflow-wrap: normal; overflow: visible; padding: 0px; position: relative; tab-size: 4; word-break: normal; word-spacing: normal;&quot;&gt;&lt;code class=&quot;language-html&quot; style=&quot;background-attachment: local; background-clip: content-box; background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%); background-origin: content-box; background-position: 0% 0%; background-repeat: initial; background-size: 3em 3em; border-left: 10px solid rgb(53, 140, 203); box-shadow: rgb(53, 140, 203) -1px 0px 0px 0px, rgb(223, 223, 223) 0px 0px 0px 1px; display: block; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 1em; height: inherit; hyphens: none; line-height: 1.5; max-height: inherit; overflow-wrap: normal; overflow: auto; padding: 0px 1em 0px 3.8em; position: relative; tab-size: 4; white-space: inherit; word-break: normal; word-spacing: normal;&quot;&gt;&lt;span class=&quot;token doctype&quot; style=&quot;color: #7d8b99;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;!&lt;/span&gt;&lt;span class=&quot;token doctype-tag&quot;&gt;DOCTYPE&lt;/span&gt; &lt;span class=&quot;token name&quot;&gt;html&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;html&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;lang&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;en&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;head&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;meta&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;charset&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;utf-8&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
title&amp;gt;JavaScript form validation - Password Checking - 1&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;title&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;link&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;rel&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;stylesheet&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;href&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;form-style.css&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;text/css&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;head&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;body&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;onload&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;document.form1.text1.focus()&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;mail&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;h2&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Input Password and Submit [7 to 15 characters which contain only characters, numeric digits, underscore and first character must be a letter]&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;h2&lt;/span&gt;
&lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;&amp;lt;form&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;form1&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;action&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;#&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;ul&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;input&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;text&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;text1&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;li&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;rq&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;*Enter numbers only.&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token entity named-entity&quot; style=&quot;background: rgba(255, 255, 255, 0.5); color: #a67f59; cursor: help;&quot; title=&quot; &quot;&gt;&amp;amp;nbsp;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;li&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;submit&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;input&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;submit&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;submit&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;value&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;Submit&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;onclick&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;CheckPassword(document.form1.text1)&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token entity named-entity&quot; style=&quot;background: rgba(255, 255, 255, 0.5); color: #a67f59; cursor: help;&quot; title=&quot; &quot;&gt;&amp;amp;nbsp;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;ul&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;form&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;script&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;src&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;check-password-1.js&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token script&quot;&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;script&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;body&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;html&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span aria-hidden=&quot;true&quot; class=&quot;line-numbers-rows&quot; style=&quot;border-right: 1px solid rgb(153, 153, 153); left: 0px; letter-spacing: -1px; pointer-events: none; position: absolute; top: 0px; user-select: none; width: 3em;&quot;&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div class=&quot;toolbar&quot; style=&quot;opacity: 0; position: absolute; right: 0.2em; top: 0.3em; transition: opacity 0.3s ease-in-out 0s;&quot;&gt;&lt;div class=&quot;toolbar-item&quot; style=&quot;display: inline-block;&quot;&gt;&lt;button style=&quot;background: rgba(224, 224, 224, 0.2); border-color: initial; border-radius: 0.5em; border-style: initial; border-width: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px; color: #bbbbbb; font-family: inherit; font-size: 0.8em; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; overflow: visible; padding: 0px 0.5em; user-select: none;&quot; type=&quot;button&quot;&gt;Copy&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p style=&quot;background-color: white; clear: both; color: rgba(0, 0, 0, 0.87); font-family: Helvetica, Arial, sans-serif; font-size: 17px; line-height: 24px; margin: 0px 0px 16px; padding: 0px;&quot;&gt;&lt;strong&gt;JavaScript Code:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-toolbar&quot; style=&quot;background-color: white; color: rgba(0, 0, 0, 0.87); font-family: Helvetica, Arial, sans-serif; font-size: 16px; position: relative;&quot;&gt;&lt;pre class=&quot;line-numbers language-javascript&quot; style=&quot;background: none rgb(253, 253, 253); box-sizing: border-box; color: black; counter-reset: linenumber 0; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 1em; hyphens: none; line-height: 1.5; margin-bottom: 1em; margin-top: 0.5em; overflow-wrap: normal; overflow: visible; padding: 0px; position: relative; tab-size: 4; word-break: normal; word-spacing: normal;&quot;&gt;&lt;code class=&quot;language-javascript&quot; style=&quot;background-attachment: local; background-clip: content-box; background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%); background-origin: content-box; background-position: 0% 0%; background-repeat: initial; background-size: 3em 3em; border-left: 10px solid rgb(53, 140, 203); box-shadow: rgb(53, 140, 203) -1px 0px 0px 0px, rgb(223, 223, 223) 0px 0px 0px 1px; display: block; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 1em; height: inherit; hyphens: none; line-height: 1.5; max-height: inherit; overflow-wrap: normal; overflow: auto; padding: 0px 1em 0px 3.8em; position: relative; tab-size: 4; white-space: inherit; word-break: normal; word-spacing: normal;&quot;&gt;&lt;span class=&quot;token keyword&quot; style=&quot;color: #1990b8;&quot;&gt;function&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;color: #2f9c0a;&quot;&gt;CheckPassword&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token parameter&quot;&gt;inputtxt&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;)&lt;/span&gt; 
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;{&lt;/span&gt; 
&lt;span class=&quot;token keyword&quot; style=&quot;color: #1990b8;&quot;&gt;var&lt;/span&gt; passw&lt;span class=&quot;token operator&quot; style=&quot;background: rgba(255, 255, 255, 0.5); color: #a67f59;&quot;&gt;=&lt;/span&gt;  &lt;span class=&quot;token regex&quot; style=&quot;color: #ee9900;&quot;&gt;&lt;span class=&quot;token regex-delimiter&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;token regex-source language-regex&quot;&gt;^[A-Za-z]\w{7,14}$&lt;/span&gt;&lt;span class=&quot;token regex-delimiter&quot;&gt;/&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token keyword control-flow&quot; style=&quot;color: #1990b8;&quot;&gt;if&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;(&lt;/span&gt;inputtxt&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token property-access&quot;&gt;value&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token method function property-access&quot; style=&quot;color: #2f9c0a;&quot;&gt;match&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;(&lt;/span&gt;passw&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;)&lt;/span&gt; 
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;{&lt;/span&gt; 
&lt;span class=&quot;token function&quot; style=&quot;color: #2f9c0a;&quot;&gt;alert&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;color: #2f9c0a;&quot;&gt;&#39;Correct, try another...&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;)&lt;/span&gt;
&lt;span class=&quot;token keyword control-flow&quot; style=&quot;color: #1990b8;&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;token boolean&quot; style=&quot;color: #c92c2c;&quot;&gt;true&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token keyword control-flow&quot; style=&quot;color: #1990b8;&quot;&gt;else&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;{&lt;/span&gt; 
&lt;span class=&quot;token function&quot; style=&quot;color: #2f9c0a;&quot;&gt;alert&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;color: #2f9c0a;&quot;&gt;&#39;Wrong...!&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;)&lt;/span&gt;
&lt;span class=&quot;token keyword control-flow&quot; style=&quot;color: #1990b8;&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;token boolean&quot; style=&quot;color: #c92c2c;&quot;&gt;false&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;}&lt;/span&gt;
&lt;span aria-hidden=&quot;true&quot; class=&quot;line-numbers-rows&quot; style=&quot;border-right: 1px solid rgb(153, 153, 153); left: 0px; letter-spacing: -1px; pointer-events: none; position: absolute; top: 0px; user-select: none; width: 3em;&quot;&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div class=&quot;toolbar&quot; style=&quot;opacity: 0; position: absolute; right: 0.2em; top: 0.3em; transition: opacity 0.3s ease-in-out 0s;&quot;&gt;&lt;div class=&quot;toolbar-item&quot; style=&quot;display: inline-block;&quot;&gt;&lt;button style=&quot;background: rgba(224, 224, 224, 0.2); border-color: initial; border-radius: 0.5em; border-style: initial; border-width: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px; color: #bbbbbb; font-family: inherit; font-size: 0.8em; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; overflow: visible; padding: 0px 0.5em; user-select: none;&quot; type=&quot;button&quot;&gt;Copy&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p style=&quot;background-color: white; clear: both; color: rgba(0, 0, 0, 0.87); font-family: Helvetica, Arial, sans-serif; font-size: 17px; line-height: 24px; margin: 0px 0px 16px; padding: 0px;&quot;&gt;&lt;a href=&quot;https://www.w3resource.com/javascript/form/example1-javascript-form-validation-password.html&quot; style=&quot;-webkit-tap-highlight-color: rgba(255, 255, 255, 0); color: #448aff; text-decoration-line: none !important;&quot; target=&quot;_blank&quot;&gt;View the example in the browser&lt;/a&gt;&lt;/p&gt;&lt;h2 itemscope=&quot;&quot; itemtype=&quot;http://schema.org/WebPageElement/Heading&quot; style=&quot;background-color: white; border-bottom: 1px solid rgb(0, 0, 0); clear: both; color: rgba(0, 0, 0, 0.87); font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 400; line-height: 48px; margin: 24px 0px 15px; padding: 0px 0px 4px;&quot;&gt;To check a password between 6 to 20 characters which contain at least one&amp;nbsp;&lt;span class=&quot;specialblocks&quot;&gt;numeric digit&lt;/span&gt;, one uppercase and one lowercase letter&lt;/h2&gt;&lt;p class=&quot;specialblocks&quot; style=&quot;background-color: white; clear: both; color: rgba(0, 0, 0, 0.87); font-family: Helvetica, Arial, sans-serif; font-size: 17px; line-height: 24px; margin: 0px 0px 16px; padding: 0px;&quot;&gt;To validate the said format we use the regular expression ^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{4,8}$.&amp;nbsp; Next the match() method of string object is used to match the said regular expression against the input value. Here is the complete web document.&lt;/p&gt;&lt;p style=&quot;background-color: white; clear: both; color: rgba(0, 0, 0, 0.87); font-family: Helvetica, Arial, sans-serif; font-size: 17px; line-height: 24px; margin: 0px 0px 16px; padding: 0px;&quot;&gt;&lt;strong&gt;HTML Code:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-toolbar&quot; style=&quot;background-color: white; color: rgba(0, 0, 0, 0.87); font-family: Helvetica, Arial, sans-serif; font-size: 16px; position: relative;&quot;&gt;&lt;pre class=&quot;line-numbers language-html&quot; style=&quot;background: none rgb(253, 253, 253); box-sizing: border-box; color: black; counter-reset: linenumber 0; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 1em; hyphens: none; line-height: 1.5; margin-bottom: 1em; margin-top: 0.5em; overflow-wrap: normal; overflow: visible; padding: 0px; position: relative; tab-size: 4; word-break: normal; word-spacing: normal;&quot;&gt;&lt;code class=&quot;language-html&quot; style=&quot;background-attachment: local; background-clip: content-box; background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%); background-origin: content-box; background-position: 0% 0%; background-repeat: initial; background-size: 3em 3em; border-left: 10px solid rgb(53, 140, 203); box-shadow: rgb(53, 140, 203) -1px 0px 0px 0px, rgb(223, 223, 223) 0px 0px 0px 1px; display: block; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 1em; height: inherit; hyphens: none; line-height: 1.5; max-height: inherit; overflow-wrap: normal; overflow: auto; padding: 0px 1em 0px 3.8em; position: relative; tab-size: 4; white-space: inherit; word-break: normal; word-spacing: normal;&quot;&gt;&lt;span class=&quot;token doctype&quot; style=&quot;color: #7d8b99;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;!&lt;/span&gt;&lt;span class=&quot;token doctype-tag&quot;&gt;DOCTYPE&lt;/span&gt; &lt;span class=&quot;token name&quot;&gt;html&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;html&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;lang&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;en&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;head&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;meta&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;charset&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;utf-8&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;title&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;JavaScript form validation - Password Checking - 2&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;title&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;link&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;rel&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;stylesheet&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;href&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;form-style.css&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;text/css&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;head&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;body&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;onload&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;document.form1.text1.focus()&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;mail&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;h2&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Input Password and Submit [6 to 20 characters which contain at least one numeric digit, one uppercase and one lowercase letter]&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;h2&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;form&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;form1&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;action&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;#&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;ul&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;input&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;text&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;text1&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;li&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;rq&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;*Enter numbers only.&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token entity named-entity&quot; style=&quot;background: rgba(255, 255, 255, 0.5); color: #a67f59; cursor: help;&quot; title=&quot; &quot;&gt;&amp;amp;nbsp;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;li&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;submit&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;input&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;submit&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;submit&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;value&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;Submit&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;onclick&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;CheckPassword(document.form1.text1)&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token entity named-entity&quot; style=&quot;background: rgba(255, 255, 255, 0.5); color: #a67f59; cursor: help;&quot; title=&quot; &quot;&gt;&amp;amp;nbsp;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;ul&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;form&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;script&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;src&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;check-password-2.js&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token script&quot;&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;script&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;body&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;html&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;line-numbers-rows&quot; style=&quot;border-right: 1px solid rgb(153, 153, 153); left: 0px; letter-spacing: -1px; pointer-events: none; position: absolute; top: 0px; user-select: none; width: 3em;&quot;&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div class=&quot;toolbar&quot; style=&quot;opacity: 0; position: absolute; right: 0.2em; top: 0.3em; transition: opacity 0.3s ease-in-out 0s;&quot;&gt;&lt;div class=&quot;toolbar-item&quot; style=&quot;display: inline-block;&quot;&gt;&lt;button style=&quot;background: rgba(224, 224, 224, 0.2); border-color: initial; border-radius: 0.5em; border-style: initial; border-width: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px; color: #bbbbbb; font-family: inherit; font-size: 0.8em; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; overflow: visible; padding: 0px 0.5em; user-select: none;&quot; type=&quot;button&quot;&gt;Copy&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p style=&quot;background-color: white; clear: both; color: rgba(0, 0, 0, 0.87); font-family: Helvetica, Arial, sans-serif; font-size: 17px; line-height: 24px; margin: 0px 0px 16px; padding: 0px;&quot;&gt;&lt;strong&gt;JavaScript Code:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-toolbar&quot; style=&quot;background-color: white; color: rgba(0, 0, 0, 0.87); font-family: Helvetica, Arial, sans-serif; font-size: 16px; position: relative;&quot;&gt;&lt;pre class=&quot;line-numbers language-javascript&quot; style=&quot;background: none rgb(253, 253, 253); box-sizing: border-box; color: black; counter-reset: linenumber 0; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 1em; hyphens: none; line-height: 1.5; margin-bottom: 1em; margin-top: 0.5em; overflow-wrap: normal; overflow: visible; padding: 0px; position: relative; tab-size: 4; word-break: normal; word-spacing: normal;&quot;&gt;&lt;code class=&quot;language-javascript&quot; style=&quot;background-attachment: local; background-clip: content-box; background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%); background-origin: content-box; background-position: 0% 0%; background-repeat: initial; background-size: 3em 3em; border-left: 10px solid rgb(53, 140, 203); box-shadow: rgb(53, 140, 203) -1px 0px 0px 0px, rgb(223, 223, 223) 0px 0px 0px 1px; display: block; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 1em; height: inherit; hyphens: none; line-height: 1.5; max-height: inherit; overflow-wrap: normal; overflow: auto; padding: 0px 1em 0px 3.8em; position: relative; tab-size: 4; white-space: inherit; word-break: normal; word-spacing: normal;&quot;&gt;&lt;span class=&quot;token keyword&quot; style=&quot;color: #1990b8;&quot;&gt;function&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;color: #2f9c0a;&quot;&gt;CheckPassword&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token parameter&quot;&gt;inputtxt&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;)&lt;/span&gt; 
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;{&lt;/span&gt; 
&lt;span class=&quot;token keyword&quot; style=&quot;color: #1990b8;&quot;&gt;var&lt;/span&gt; passw &lt;span class=&quot;token operator&quot; style=&quot;background: rgba(255, 255, 255, 0.5); color: #a67f59;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token regex&quot; style=&quot;color: #ee9900;&quot;&gt;&lt;span class=&quot;token regex-delimiter&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;token regex-source language-regex&quot;&gt;^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,20}$&lt;/span&gt;&lt;span class=&quot;token regex-delimiter&quot;&gt;/&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token keyword control-flow&quot; style=&quot;color: #1990b8;&quot;&gt;if&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;(&lt;/span&gt;inputtxt&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token property-access&quot;&gt;value&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token method function property-access&quot; style=&quot;color: #2f9c0a;&quot;&gt;match&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;(&lt;/span&gt;passw&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;)&lt;/span&gt; 
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;{&lt;/span&gt; 
&lt;span class=&quot;token function&quot; style=&quot;color: #2f9c0a;&quot;&gt;alert&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;color: #2f9c0a;&quot;&gt;&#39;Correct, try another...&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;)&lt;/span&gt;
&lt;span class=&quot;token keyword control-flow&quot; style=&quot;color: #1990b8;&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;token boolean&quot; style=&quot;color: #c92c2c;&quot;&gt;true&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token keyword control-flow&quot; style=&quot;color: #1990b8;&quot;&gt;else&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;{&lt;/span&gt; 
&lt;span class=&quot;token function&quot; style=&quot;color: #2f9c0a;&quot;&gt;alert&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;color: #2f9c0a;&quot;&gt;&#39;Wrong...!&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;)&lt;/span&gt;
&lt;span class=&quot;token keyword control-flow&quot; style=&quot;color: #1990b8;&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;token boolean&quot; style=&quot;color: #c92c2c;&quot;&gt;false&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;}&lt;/span&gt;
&lt;span aria-hidden=&quot;true&quot; class=&quot;line-numbers-rows&quot; style=&quot;border-right: 1px solid rgb(153, 153, 153); left: 0px; letter-spacing: -1px; pointer-events: none; position: absolute; top: 0px; user-select: none; width: 3em;&quot;&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div class=&quot;toolbar&quot; style=&quot;opacity: 0; position: absolute; right: 0.2em; top: 0.3em; transition: opacity 0.3s ease-in-out 0s;&quot;&gt;&lt;div class=&quot;toolbar-item&quot; style=&quot;display: inline-block;&quot;&gt;&lt;button style=&quot;background: rgba(224, 224, 224, 0.2); border-color: initial; border-radius: 0.5em; border-style: initial; border-width: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px; color: #bbbbbb; font-family: inherit; font-size: 0.8em; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; overflow: visible; padding: 0px 0.5em; user-select: none;&quot; type=&quot;button&quot;&gt;Copy&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p style=&quot;background-color: white; clear: both; color: rgba(0, 0, 0, 0.87); font-family: Helvetica, Arial, sans-serif; font-size: 17px; line-height: 24px; margin: 0px 0px 16px; padding: 0px;&quot;&gt;&lt;a href=&quot;https://www.w3resource.com/javascript/form/example2-javascript-form-validation-password.html&quot; style=&quot;-webkit-tap-highlight-color: rgba(255, 255, 255, 0); color: #448aff; text-decoration-line: none !important;&quot; target=&quot;_blank&quot;&gt;View the example in the browser&lt;/a&gt;&lt;/p&gt;&lt;h2 itemscope=&quot;&quot; itemtype=&quot;http://schema.org/WebPageElement/Heading&quot; style=&quot;background-color: white; border-bottom: 1px solid rgb(0, 0, 0); clear: both; color: rgba(0, 0, 0, 0.87); font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 400; line-height: 48px; margin: 24px 0px 15px; padding: 0px 0px 4px;&quot;&gt;To check a password between 7 to 15 characters which contain at least one&amp;nbsp;&lt;span class=&quot;specialblocks&quot;&gt;numeric digit&lt;/span&gt;&amp;nbsp;and a special character&lt;/h2&gt;&lt;p class=&quot;specialblocks&quot; style=&quot;background-color: white; clear: both; color: rgba(0, 0, 0, 0.87); font-family: Helvetica, Arial, sans-serif; font-size: 17px; line-height: 24px; margin: 0px 0px 16px; padding: 0px;&quot;&gt;To validate the said format we use the regular expression ^^(?=.*[0-9])(?=.*[!@#$%^&amp;amp;*])[a-zA-Z0-9!@#$%^&amp;amp;*]{7,15}$.&amp;nbsp; Next the match() method of string object is used to match the said regular expression against the input value. Here is the complete web document.&lt;/p&gt;&lt;p style=&quot;background-color: white; clear: both; color: rgba(0, 0, 0, 0.87); font-family: Helvetica, Arial, sans-serif; font-size: 17px; line-height: 24px; margin: 0px 0px 16px; padding: 0px;&quot;&gt;&lt;strong&gt;HTML Code:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-toolbar&quot; style=&quot;background-color: white; color: rgba(0, 0, 0, 0.87); font-family: Helvetica, Arial, sans-serif; font-size: 16px; position: relative;&quot;&gt;&lt;pre class=&quot;line-numbers language-html&quot; style=&quot;background: none rgb(253, 253, 253); box-sizing: border-box; color: black; counter-reset: linenumber 0; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 1em; hyphens: none; line-height: 1.5; margin-bottom: 1em; margin-top: 0.5em; overflow-wrap: normal; overflow: visible; padding: 0px; position: relative; tab-size: 4; word-break: normal; word-spacing: normal;&quot;&gt;&lt;code class=&quot;language-html&quot; style=&quot;background-attachment: local; background-clip: content-box; background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%); background-origin: content-box; background-position: 0% 0%; background-repeat: initial; background-size: 3em 3em; border-left: 10px solid rgb(53, 140, 203); box-shadow: rgb(53, 140, 203) -1px 0px 0px 0px, rgb(223, 223, 223) 0px 0px 0px 1px; display: block; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 1em; height: inherit; hyphens: none; line-height: 1.5; max-height: inherit; overflow-wrap: normal; overflow: auto; padding: 0px 1em 0px 3.8em; position: relative; tab-size: 4; white-space: inherit; word-break: normal; word-spacing: normal;&quot;&gt;&lt;span class=&quot;token doctype&quot; style=&quot;color: #7d8b99;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;!&lt;/span&gt;&lt;span class=&quot;token doctype-tag&quot;&gt;DOCTYPE&lt;/span&gt; &lt;span class=&quot;token name&quot;&gt;html&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;html&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;lang&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;en&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;head&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;meta&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;charset&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;utf-8&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;title&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;JavaScript form validation - Password Checking - 3&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;title&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;link&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;rel&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;stylesheet&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;href&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;form-style.css&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;text/css&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;head&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;body&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;onload&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;document.form1.text1.focus()&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;mail&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;h2&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Input Password and Submit [7 to 15 characters which contain at least one numeric digit and a special character]&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;h2&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;form&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;form1&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;action&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;#&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;ul&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;input&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;text&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;text1&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;li&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;rq&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;*Enter numbers only.&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token entity named-entity&quot; style=&quot;background: rgba(255, 255, 255, 0.5); color: #a67f59; cursor: help;&quot; title=&quot; &quot;&gt;&amp;amp;nbsp;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;input&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;submit&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;submit&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;value&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;Submit&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;onclick&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;allnumericplusminus(document.form1.text1)&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token entity named-entity&quot; style=&quot;background: rgba(255, 255, 255, 0.5); color: #a67f59; cursor: help;&quot; title=&quot; &quot;&gt;&amp;amp;nbsp;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;ul&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;form&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;script&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;src&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;check-password-3.js&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token script&quot;&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;script&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;body&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;html&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span aria-hidden=&quot;true&quot; class=&quot;line-numbers-rows&quot; style=&quot;border-right: 1px solid rgb(153, 153, 153); left: 0px; letter-spacing: -1px; pointer-events: none; position: absolute; top: 0px; user-select: none; width: 3em;&quot;&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div class=&quot;toolbar&quot; style=&quot;opacity: 0; position: absolute; right: 0.2em; top: 0.3em; transition: opacity 0.3s ease-in-out 0s;&quot;&gt;&lt;div class=&quot;toolbar-item&quot; style=&quot;display: inline-block;&quot;&gt;&lt;button style=&quot;background: rgba(224, 224, 224, 0.2); border-color: initial; border-radius: 0.5em; border-style: initial; border-width: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px; color: #bbbbbb; font-family: inherit; font-size: 0.8em; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; overflow: visible; padding: 0px 0.5em; user-select: none;&quot; type=&quot;button&quot;&gt;Copy&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p style=&quot;background-color: white; clear: both; color: rgba(0, 0, 0, 0.87); font-family: Helvetica, Arial, sans-serif; font-size: 17px; line-height: 24px; margin: 0px 0px 16px; padding: 0px;&quot;&gt;&lt;strong&gt;JavaScript Code&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-toolbar&quot; style=&quot;background-color: white; color: rgba(0, 0, 0, 0.87); font-family: Helvetica, Arial, sans-serif; font-size: 16px; position: relative;&quot;&gt;&lt;pre class=&quot;line-numbers language-javascript&quot; style=&quot;background: none rgb(253, 253, 253); box-sizing: border-box; color: black; counter-reset: linenumber 0; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 1em; hyphens: none; line-height: 1.5; margin-bottom: 1em; margin-top: 0.5em; overflow-wrap: normal; overflow: visible; padding: 0px; position: relative; tab-size: 4; word-break: normal; word-spacing: normal;&quot;&gt;&lt;code class=&quot;language-javascript&quot; style=&quot;background-attachment: local; background-clip: content-box; background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%); background-origin: content-box; background-position: 0% 0%; background-repeat: initial; background-size: 3em 3em; border-left: 10px solid rgb(53, 140, 203); box-shadow: rgb(53, 140, 203) -1px 0px 0px 0px, rgb(223, 223, 223) 0px 0px 0px 1px; display: block; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 1em; height: inherit; hyphens: none; line-height: 1.5; max-height: inherit; overflow-wrap: normal; overflow: auto; padding: 0px 1em 0px 3.8em; position: relative; tab-size: 4; white-space: inherit; word-break: normal; word-spacing: normal;&quot;&gt;&lt;span class=&quot;token keyword&quot; style=&quot;color: #1990b8;&quot;&gt;function&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;color: #2f9c0a;&quot;&gt;CheckPassword&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token parameter&quot;&gt;inputtxt&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;)&lt;/span&gt; 
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;{&lt;/span&gt; 
&lt;span class=&quot;token keyword&quot; style=&quot;color: #1990b8;&quot;&gt;var&lt;/span&gt; paswd&lt;span class=&quot;token operator&quot; style=&quot;background: rgba(255, 255, 255, 0.5); color: #a67f59;&quot;&gt;=&lt;/span&gt;  &lt;span class=&quot;token regex&quot; style=&quot;color: #ee9900;&quot;&gt;&lt;span class=&quot;token regex-delimiter&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;token regex-source language-regex&quot;&gt;^(?=.*[0-9])(?=.*[!@#$%^&amp;amp;*])[a-zA-Z0-9!@#$%^&amp;amp;*]{7,15}$&lt;/span&gt;&lt;span class=&quot;token regex-delimiter&quot;&gt;/&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token keyword control-flow&quot; style=&quot;color: #1990b8;&quot;&gt;if&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;(&lt;/span&gt;inputtxt&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token property-access&quot;&gt;value&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token method function property-access&quot; style=&quot;color: #2f9c0a;&quot;&gt;match&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;(&lt;/span&gt;paswd&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;)&lt;/span&gt; 
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;{&lt;/span&gt; 
&lt;span class=&quot;token function&quot; style=&quot;color: #2f9c0a;&quot;&gt;alert&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;color: #2f9c0a;&quot;&gt;&#39;Correct, try another...&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;)&lt;/span&gt;
&lt;span class=&quot;token keyword control-flow&quot; style=&quot;color: #1990b8;&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;token boolean&quot; style=&quot;color: #c92c2c;&quot;&gt;true&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token keyword control-flow&quot; style=&quot;color: #1990b8;&quot;&gt;else&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;{&lt;/span&gt; 
&lt;span class=&quot;token function&quot; style=&quot;color: #2f9c0a;&quot;&gt;alert&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;color: #2f9c0a;&quot;&gt;&#39;Wrong...!&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;)&lt;/span&gt;
&lt;span class=&quot;token keyword control-flow&quot; style=&quot;color: #1990b8;&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;token boolean&quot; style=&quot;color: #c92c2c;&quot;&gt;false&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;}&lt;/span&gt;  
&lt;span aria-hidden=&quot;true&quot; class=&quot;line-numbers-rows&quot; style=&quot;border-right: 1px solid rgb(153, 153, 153); left: 0px; letter-spacing: -1px; pointer-events: none; position: absolute; top: 0px; user-select: none; width: 3em;&quot;&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div class=&quot;toolbar&quot; style=&quot;opacity: 0; position: absolute; right: 0.2em; top: 0.3em; transition: opacity 0.3s ease-in-out 0s;&quot;&gt;&lt;div class=&quot;toolbar-item&quot; style=&quot;display: inline-block;&quot;&gt;&lt;button style=&quot;background: rgba(224, 224, 224, 0.2); border-color: initial; border-radius: 0.5em; border-style: initial; border-width: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px; color: #bbbbbb; font-family: inherit; font-size: 0.8em; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; overflow: visible; padding: 0px 0.5em; user-select: none;&quot; type=&quot;button&quot;&gt;Copy&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p style=&quot;background-color: white; clear: both; color: rgba(0, 0, 0, 0.87); font-family: Helvetica, Arial, sans-serif; font-size: 17px; line-height: 24px; margin: 0px 0px 16px; padding: 0px;&quot;&gt;&lt;a href=&quot;https://www.w3resource.com/javascript/form/example3-javascript-form-validation-password.html&quot; style=&quot;-webkit-tap-highlight-color: rgba(255, 255, 255, 0); color: #448aff; text-decoration-line: none !important;&quot; target=&quot;_blank&quot;&gt;View the example in the browser&lt;/a&gt;&lt;/p&gt;&lt;h2 itemscope=&quot;&quot; itemtype=&quot;http://schema.org/WebPageElement/Heading&quot; style=&quot;background-color: white; border-bottom: 1px solid rgb(0, 0, 0); clear: both; color: rgba(0, 0, 0, 0.87); font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 400; line-height: 48px; margin: 24px 0px 15px; padding: 0px 0px 4px;&quot;&gt;To check a password between 8 to 15 characters which contain&amp;nbsp;&lt;span class=&quot;specialblocks&quot;&gt;at least one lowercase letter, one uppercase letter, one numeric digit, and one special character&lt;/span&gt;&lt;/h2&gt;&lt;p class=&quot;specialblocks&quot; style=&quot;background-color: white; clear: both; color: rgba(0, 0, 0, 0.87); font-family: Helvetica, Arial, sans-serif; font-size: 17px; line-height: 24px; margin: 0px 0px 16px; padding: 0px;&quot;&gt;To validate the said format we use the regular expression ^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9])(?!.*\s).{8,15}$.&amp;nbsp; Next the match() method of string object is used to match the said regular expression against the input value. Here is the complete web document.&lt;/p&gt;&lt;p style=&quot;background-color: white; clear: both; color: rgba(0, 0, 0, 0.87); font-family: Helvetica, Arial, sans-serif; font-size: 17px; line-height: 24px; margin: 0px 0px 16px; padding: 0px;&quot;&gt;&lt;strong&gt;HTML Code:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-toolbar&quot; style=&quot;background-color: white; color: rgba(0, 0, 0, 0.87); font-family: Helvetica, Arial, sans-serif; font-size: 16px; position: relative;&quot;&gt;&lt;pre class=&quot;line-numbers language-html&quot; style=&quot;background: none rgb(253, 253, 253); box-sizing: border-box; color: black; counter-reset: linenumber 0; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 1em; hyphens: none; line-height: 1.5; margin-bottom: 1em; margin-top: 0.5em; overflow-wrap: normal; overflow: visible; padding: 0px; position: relative; tab-size: 4; word-break: normal; word-spacing: normal;&quot;&gt;&lt;code class=&quot;language-html&quot; style=&quot;background-attachment: local; background-clip: content-box; background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%); background-origin: content-box; background-position: 0% 0%; background-repeat: initial; background-size: 3em 3em; border-left: 10px solid rgb(53, 140, 203); box-shadow: rgb(53, 140, 203) -1px 0px 0px 0px, rgb(223, 223, 223) 0px 0px 0px 1px; display: block; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 1em; height: inherit; hyphens: none; line-height: 1.5; max-height: inherit; overflow-wrap: normal; overflow: auto; padding: 0px 1em 0px 3.8em; position: relative; tab-size: 4; white-space: inherit; word-break: normal; word-spacing: normal;&quot;&gt;&lt;span class=&quot;token doctype&quot; style=&quot;color: #7d8b99;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;!&lt;/span&gt;&lt;span class=&quot;token doctype-tag&quot;&gt;DOCTYPE&lt;/span&gt; &lt;span class=&quot;token name&quot;&gt;html&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;html&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;lang&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;en&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;head&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;meta&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;charset&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;utf-8&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;title&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;JavaScript form validation - Password Checking - 4&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;title&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;link&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;rel&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;stylesheet&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;href&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;form-style.css&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;text/css&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;head&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;body&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;onload&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;document.form1.text1.focus()&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;mail&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;h2&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Input Password and Submit [8 to 15 characters which contain at least one lowercase letter, one uppercase letter, one numeric digit, and one special character]&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;h2&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;form&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;form1&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;action&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;#&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;ul&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;input&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;text&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;text1&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;li&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;rq&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;*Enter numbers only.&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token entity named-entity&quot; style=&quot;background: rgba(255, 255, 255, 0.5); color: #a67f59; cursor: help;&quot; title=&quot; &quot;&gt;&amp;amp;nbsp;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;input&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;submit&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;submit&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;value&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;Submit&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;onclick&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;allnumericplusminus(document.form1.text1)&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token entity named-entity&quot; style=&quot;background: rgba(255, 255, 255, 0.5); color: #a67f59; cursor: help;&quot; title=&quot; &quot;&gt;&amp;amp;nbsp;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;li&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;ul&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;form&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;&lt;/span&gt;script&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;color: #2f9c0a;&quot;&gt;src&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;color: #1990b8;&quot;&gt;&lt;span class=&quot;token punctuation attr-equals&quot; style=&quot;color: #5f6364;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;check-password-4.js&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token script&quot;&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;script&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;body&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token tag&quot; style=&quot;color: #c92c2c;&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;lt;/&lt;/span&gt;html&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;line-numbers-rows&quot; style=&quot;border-right: 1px solid rgb(153, 153, 153); left: 0px; letter-spacing: -1px; pointer-events: none; position: absolute; top: 0px; user-select: none; width: 3em;&quot;&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div class=&quot;toolbar&quot; style=&quot;opacity: 0; position: absolute; right: 0.2em; top: 0.3em; transition: opacity 0.3s ease-in-out 0s;&quot;&gt;&lt;div class=&quot;toolbar-item&quot; style=&quot;display: inline-block;&quot;&gt;&lt;button style=&quot;background: rgba(224, 224, 224, 0.2); border-color: initial; border-radius: 0.5em; border-style: initial; border-width: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px; color: #bbbbbb; font-family: inherit; font-size: 0.8em; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; overflow: visible; padding: 0px 0.5em; user-select: none;&quot; type=&quot;button&quot;&gt;Copy&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p style=&quot;background-color: white; clear: both; color: rgba(0, 0, 0, 0.87); font-family: Helvetica, Arial, sans-serif; font-size: 17px; line-height: 24px; margin: 0px 0px 16px; padding: 0px;&quot;&gt;&lt;strong&gt;JavaScript Code:&lt;/strong&gt;&lt;/p&gt;&lt;div class=&quot;code-toolbar&quot; style=&quot;background-color: white; color: rgba(0, 0, 0, 0.87); font-family: Helvetica, Arial, sans-serif; font-size: 16px; position: relative;&quot;&gt;&lt;pre class=&quot;line-numbers language-javascript&quot; style=&quot;background: none rgb(253, 253, 253); box-sizing: border-box; color: black; counter-reset: linenumber 0; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 1em; hyphens: none; line-height: 1.5; margin-bottom: 1em; margin-top: 0.5em; overflow-wrap: normal; overflow: visible; padding: 0px; position: relative; tab-size: 4; word-break: normal; word-spacing: normal;&quot;&gt;&lt;code class=&quot;language-javascript&quot; style=&quot;background-attachment: local; background-clip: content-box; background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%); background-origin: content-box; background-position: 0% 0%; background-repeat: initial; background-size: 3em 3em; border-left: 10px solid rgb(53, 140, 203); box-shadow: rgb(53, 140, 203) -1px 0px 0px 0px, rgb(223, 223, 223) 0px 0px 0px 1px; display: block; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 1em; height: inherit; hyphens: none; line-height: 1.5; max-height: inherit; overflow-wrap: normal; overflow: auto; padding: 0px 1em 0px 3.8em; position: relative; tab-size: 4; white-space: inherit; word-break: normal; word-spacing: normal;&quot;&gt;&lt;span class=&quot;token keyword&quot; style=&quot;color: #1990b8;&quot;&gt;function&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;color: #2f9c0a;&quot;&gt;CheckPassword&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token parameter&quot;&gt;inputtxt&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;)&lt;/span&gt; 
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;{&lt;/span&gt; 
&lt;span class=&quot;token keyword&quot; style=&quot;color: #1990b8;&quot;&gt;var&lt;/span&gt; decimal&lt;span class=&quot;token operator&quot; style=&quot;background: rgba(255, 255, 255, 0.5); color: #a67f59;&quot;&gt;=&lt;/span&gt;  &lt;span class=&quot;token regex&quot; style=&quot;color: #ee9900;&quot;&gt;&lt;span class=&quot;token regex-delimiter&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;token regex-source language-regex&quot;&gt;^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9])(?!.*\s).{8,15}$&lt;/span&gt;&lt;span class=&quot;token regex-delimiter&quot;&gt;/&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token keyword control-flow&quot; style=&quot;color: #1990b8;&quot;&gt;if&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;(&lt;/span&gt;inputtxt&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token property-access&quot;&gt;value&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token method function property-access&quot; style=&quot;color: #2f9c0a;&quot;&gt;match&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;(&lt;/span&gt;decimal&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;)&lt;/span&gt; 
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;{&lt;/span&gt; 
&lt;span class=&quot;token function&quot; style=&quot;color: #2f9c0a;&quot;&gt;alert&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;color: #2f9c0a;&quot;&gt;&#39;Correct, try another...&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;)&lt;/span&gt;
&lt;span class=&quot;token keyword control-flow&quot; style=&quot;color: #1990b8;&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;token boolean&quot; style=&quot;color: #c92c2c;&quot;&gt;true&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token keyword control-flow&quot; style=&quot;color: #1990b8;&quot;&gt;else&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;{&lt;/span&gt; 
&lt;span class=&quot;token function&quot; style=&quot;color: #2f9c0a;&quot;&gt;alert&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;color: #2f9c0a;&quot;&gt;&#39;Wrong...!&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;)&lt;/span&gt;
&lt;span class=&quot;token keyword control-flow&quot; style=&quot;color: #1990b8;&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;token boolean&quot; style=&quot;color: #c92c2c;&quot;&gt;false&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;color: #5f6364;&quot;&gt;}&lt;/span&gt; 
&lt;span aria-hidden=&quot;true&quot; class=&quot;line-numbers-rows&quot; style=&quot;border-right: 1px solid rgb(153, 153, 153); left: 0px; letter-spacing: -1px; pointer-events: none; position: absolute; top: 0px; user-select: none; width: 3em;&quot;&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;counter-increment: linenumber 1; display: block;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div class=&quot;toolbar&quot; style=&quot;opacity: 1; position: absolute; right: 0.2em; top: 0.3em; transition: opacity 0.3s ease-in-out 0s;&quot;&gt;&lt;div class=&quot;toolbar-item&quot; style=&quot;display: inline-block;&quot;&gt;&lt;button style=&quot;background: rgba(224, 224, 224, 0.2); border-color: initial; border-radius: 0.5em; border-style: initial; border-width: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px; color: #bbbbbb; font-family: inherit; font-size: 0.8em; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; overflow: visible; padding: 0px 0.5em; user-select: none;&quot; type=&quot;button&quot;&gt;Copy&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p style=&quot;background-color: white; clear: both; color: rgba(0, 0, 0, 0.87); font-family: Helvetica, Arial, sans-serif; font-size: 17px; line-height: 24px; margin: 0px 0px 16px; padding: 0px;&quot;&gt;&lt;a href=&quot;https://www.w3resource.com/javascript/form/example4-javascript-form-validation-password.html&quot; style=&quot;-webkit-tap-highlight-color: rgba(255, 255, 255, 0); color: #448aff; text-decoration-line: none !important;&quot; target=&quot;_blank&quot;&gt;View the example in the browser&lt;/a&gt;&lt;/p&gt;&lt;h4 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;color: #ffa400;&quot;&gt;Source &amp;amp; Credit:&lt;/span&gt;&lt;a href=&quot;https://www.w3resource.com/javascript/form/password-validation.php&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;color: #ffa400;&quot;&gt;&amp;nbsp;&lt;/span&gt;https://www.w3resource.com/javascript/form/password-validation.php&lt;/a&gt;&lt;/h4&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://jasimalikhan.blogspot.com/feeds/205500153769408743/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://jasimalikhan.blogspot.com/2020/12/javascript-html-form-validation.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/205500153769408743'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4648682226035640118/posts/default/205500153769408743'/><link rel='alternate' type='text/html' href='http://jasimalikhan.blogspot.com/2020/12/javascript-html-form-validation.html' title='JavaScript : HTML Form validation - checking for password'/><author><name>Jasim Ali Khan</name><uri>http://www.blogger.com/profile/01684195966180752975</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry></feed>