Merge pull request #22 from rfapplets/20-add-a-button-to-try-to-load-…

…applets-without-extension-using-cheerpj-applets-api Added the functional of loading applets without extension
geugenm · Dec 15, 2023 · 20afa25 · 20afa25
2 parents 6df663f + 67af5d3
commit 20afa25
Show file tree

Hide file tree

Showing 22 changed files with 830 additions and 351 deletions.
diff --git a/README.md b/README.md
@@ -12,7 +12,7 @@
     <a href="https://github.com/rfapplets/modern-lab-comp-applets/tree/master/docs"><strong>Explore the docs »</strong></a>
     <br />
     <br />
-    <a href="https://www.acsu.buffalo.edu/~wie/applet/diffusion/diffusion.html">View Demo</a>
+    <a href="https://rfapplets.github.io">View Demo</a>
     ·
     <a href="https://github.com/rfapplets/modern-lab-comp-applets/issues">Report Bug</a>
     ·

diff --git a/src/decompiled/lab-1/src/cell.htm b/src/decompiled/lab-1/src/cell.htm
@@ -57,7 +57,9 @@
         <p class="error-message">
             Для просмотра этой страницы необходима поддержка апплетов в вашем браузере.
             Если у вас нет необходимого плагина, рекомендуем установить <a
-                class="download-link" href="https://chromewebstore.google.com/detail/cheerpj-applet-runner/bbmolahhldcbngedljfadjlognfaaein">Cheerj плагин</a>.
+                class="download-link"
+                href="https://chromewebstore.google.com/detail/cheerpj-applet-runner/bbmolahhldcbngedljfadjlognfaaein">Cheerj
+            плагин</a>.
             Если плагин у вас установлен, пожалуйста, подождите загрузки (до 15 сек).
         </p>
     </applet>

diff --git a/src/index.html b/src/index.html
@@ -57,7 +57,7 @@
     </style>
 </head>
 <body>
-    
+
 <header>Лабораторные работы по ФПП</header>
 
 <hr style="height: 1px; color: #0078d4; background-color: #0078d4; border: none;">

diff --git a/src/lab-1/cell_and_properties/cell.html b/src/lab-1/cell_and_properties/cell.html
@@ -44,6 +44,27 @@
             color: #0078d4;
             font-weight: bold;
         }
+
+        .back-button {
+            display: block;
+            width: 200px;
+            margin: 20px auto;
+            padding: 15px;
+            border: none;
+            border-radius: 5px;
+            font-size: 16px;
+            font-weight: bold;
+            text-align: center;
+            text-decoration: none;
+            color: #ffffff;
+            background-color: #0078d4;
+            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+            transition: background-color 0.3s ease;
+        }
+
+        .back-button:hover {
+            background-color: #005a9e;
+        }
     </style>
 
 </head>
@@ -57,8 +78,22 @@
         <p class="error-message">
             Для просмотра этой страницы необходима поддержка апплетов в вашем браузере.
             Если у вас нет необходимого плагина, рекомендуем установить <a
-                class="download-link" href="https://chromewebstore.google.com/detail/cheerpj-applet-runner/bbmolahhldcbngedljfadjlognfaaein">Cheerj плагин</a>.
+                class="download-link"
+                href="https://chromewebstore.google.com/detail/cheerpj-applet-runner/bbmolahhldcbngedljfadjlognfaaein">Cheerj
+            плагин</a>.
             Если плагин у вас установлен, пожалуйста, нажмите иконку плагина.
+            <script src="https://cjrtnc.leaningtech.com/3.0rc2/cj3loader.js"></script>
+            <script>
+                function initAndChangeText() {
+                    cheerpjInit();
+                    var button = document.getElementById('initButton');
+                    button.innerText = "Пожалуйста, подождите...";
+                    button.disabled = true;
+                }
+            </script>
+            <button class="back-button" id="initButton" onclick="initAndChangeText();">[BETA] Попробовать запустить без
+                расширения (нужен интернет и возможны баги)
+            </button>
         </p>
     </applet>
     <p>

diff --git a/src/lab-1/index.html b/src/lab-1/index.html
@@ -87,7 +87,7 @@
     </ul>
 </div>
 
-<a href="../index.html" class="back-button">Назад, к списку</a>
+<a class="back-button" href="../index.html">Назад, к списку</a>
 
 <hr style="height: 1px; color: #0078d4; background-color: #0078d4; border: none;">
 

diff --git a/src/lab-2/fermi/index.html b/src/lab-2/fermi/index.html
@@ -90,8 +90,23 @@
             <p class="error-message">
                 Для просмотра этой страницы необходима поддержка апплетов в вашем браузере.
                 Если у вас нет необходимого плагина, рекомендуем установить <a
-                    class="download-link" href="https://chromewebstore.google.com/detail/cheerpj-applet-runner/bbmolahhldcbngedljfadjlognfaaein">Cheerj плагин</a>.
+                    class="download-link"
+                    href="https://chromewebstore.google.com/detail/cheerpj-applet-runner/bbmolahhldcbngedljfadjlognfaaein">Cheerj
+                плагин</a>.
                 Если плагин у вас установлен, пожалуйста, нажмите иконку плагина.
+                <script src="https://cjrtnc.leaningtech.com/3.0rc2/cj3loader.js"></script>
+                <script>
+                    function initAndChangeText() {
+                        cheerpjInit();
+                        var button = document.getElementById('initButton');
+                        button.innerText = "Пожалуйста, подождите...";
+                        button.disabled = true;
+                    }
+                </script>
+                <button class="back-button" id="initButton" onclick="initAndChangeText();">[BETA] Попробовать запустить
+                    без
+                    расширения (нужен интернет и возможны баги)
+                </button>
             </p>
         </object>
     </div>

diff --git a/src/lab-2/fermi/tutorial.html b/src/lab-2/fermi/tutorial.html
@@ -4,7 +4,7 @@
     <TITLE>Зависимость от концентрации и уровня легирования</TITLE>
     <style>
         td {
-            font-family: verdana, arial,serif;
+            font-family: verdana, arial, serif;
             font-size: 10pt
         }
 
@@ -47,53 +47,54 @@
                     <tr>
                         <td>
                             <center class=title1>Обучение по использованию апплета</center>
-                                <UL>
-                                    <LI><p align=justify>
-                                        Двигайте вверх и вниз <FONT COLOR="#FF00FF">Ef</FONT>, используя полосу
-                                        прокрутки
-                                        или колесо мыши. &nbsp;Наблюдайте за изменениями в концентрацях
-                                        <FONT COLOR="#0000FF">n</FONT> и <FONT COLOR="#FF0000">p</FONT>.&nbsp;&nbsp;&nbsp;(Если
-                                        вы нажмёте на кнопку &quot;Показать параметры&quot;, вы увидите числа.)
-                                        &nbsp;<FONT COLOR="#008040">Ei </FONT>очень близко к середине запрещённой зоны.&nbsp;&nbsp;
-                                        Из апплета видно,что когда <FONT COLOR="#FF00FF">Ef </FONT>ближе к
-                                        <FONT COLOR="#0000FF">Ec </FONT>, чем <FONT COLOR="#FF0000">Ev
-                                    </FONT>(то есть, когда <FONT COLOR="#FF00FF">Ef </FONT><FONT COLOR="#000000">находится
-                                        над
-                                    </FONT><FONT COLOR="#008040">Ei</FONT>), это материал <FONT
-                                            COLOR="#0000FF">n-типа</FONT>,
-                                        и, когда <FONT COLOR="#FF00FF">Ef </FONT>ближе к <FONT COLOR="#FF0000">Ev
-                                    </FONT>(то есть, когда <FONT COLOR="#FF00FF">Ef </FONT><FONT COLOR="#000000">
-                                    </FONT>ниже <FONT COLOR="#008040">Ei</FONT>),это материал <FONT COLOR="#FF0000">p-типа</FONT>.
-                                        &nbsp;</LI>
+                            <UL>
+                                <LI><p align=justify>
+                                    Двигайте вверх и вниз <FONT COLOR="#FF00FF">Ef</FONT>, используя полосу
+                                    прокрутки
+                                    или колесо мыши. &nbsp;Наблюдайте за изменениями в концентрацях
+                                    <FONT COLOR="#0000FF">n</FONT> и <FONT COLOR="#FF0000">p</FONT>.&nbsp;&nbsp;&nbsp;(Если
+                                    вы нажмёте на кнопку &quot;Показать параметры&quot;, вы увидите числа.)
+                                    &nbsp;<FONT COLOR="#008040">Ei </FONT>очень близко к середине запрещённой зоны.&nbsp;&nbsp;
+                                    Из апплета видно,что когда <FONT COLOR="#FF00FF">Ef </FONT>ближе к
+                                    <FONT COLOR="#0000FF">Ec </FONT>, чем <FONT COLOR="#FF0000">Ev
+                                </FONT>(то есть, когда <FONT COLOR="#FF00FF">Ef </FONT><FONT COLOR="#000000">находится
+                                    над
+                                </FONT><FONT COLOR="#008040">Ei</FONT>), это материал <FONT
+                                        COLOR="#0000FF">n-типа</FONT>,
+                                    и, когда <FONT COLOR="#FF00FF">Ef </FONT>ближе к <FONT COLOR="#FF0000">Ev
+                                </FONT>(то есть, когда <FONT COLOR="#FF00FF">Ef </FONT><FONT COLOR="#000000">
+                                </FONT>ниже <FONT COLOR="#008040">Ei</FONT>),это материал <FONT
+                                        COLOR="#FF0000">p-типа</FONT>.
+                                    &nbsp;</LI>
 
-                                    <LI><p align=justify>
-                                        Отобразите донорную и акцепторную панели, кликая на соответствующие кнопки.
-                                        &nbsp;Также, вместо передвижения <FONT COLOR="#FF00FF">Ef </FONT>к
-                                        регулированию <FONT COLOR="#0000FF">n </FONT> и <FONT COLOR="#FF0000">p</FONT>,
-                                        ИЗМЕНЯЙТЕ УРОВЕНЬ ЛЕГИРОВАНИЯ <FONT COLOR="#FF0000">Na </FONT>или <FONT
-                                            COLOR="#0000FF">Nd
-                                    </FONT>и наблюдайте, что <FONT COLOR="#FF00FF">Ef</FONT>, <FONT
-                                            COLOR="#0000FF">n</FONT>,
-                                        и <FONT COLOR="#FF0000">p </FONT>регулируются изменением <FONT COLOR="#0000FF">Nd
-                                    </FONT>и/или <FONT COLOR="#FF0000">Na</FONT>. &nbsp;Это то, что действительно
-                                        происходит
-                                        в полупроводниках. &nbsp;Значения Na и Nd устанавлваются умышленным
-                                        введением химических примесей в полупроводник в течение роста кристалла
-                                        полупроводника.</LI>
+                                <LI><p align=justify>
+                                    Отобразите донорную и акцепторную панели, кликая на соответствующие кнопки.
+                                    &nbsp;Также, вместо передвижения <FONT COLOR="#FF00FF">Ef </FONT>к
+                                    регулированию <FONT COLOR="#0000FF">n </FONT> и <FONT COLOR="#FF0000">p</FONT>,
+                                    ИЗМЕНЯЙТЕ УРОВЕНЬ ЛЕГИРОВАНИЯ <FONT COLOR="#FF0000">Na </FONT>или <FONT
+                                        COLOR="#0000FF">Nd
+                                </FONT>и наблюдайте, что <FONT COLOR="#FF00FF">Ef</FONT>, <FONT
+                                        COLOR="#0000FF">n</FONT>,
+                                    и <FONT COLOR="#FF0000">p </FONT>регулируются изменением <FONT COLOR="#0000FF">Nd
+                                </FONT>и/или <FONT COLOR="#FF0000">Na</FONT>. &nbsp;Это то, что действительно
+                                    происходит
+                                    в полупроводниках. &nbsp;Значения Na и Nd устанавлваются умышленным
+                                    введением химических примесей в полупроводник в течение роста кристалла
+                                    полупроводника.</LI>
 
-                                    <LI><p align=justify>
-                                        Выравнивание:&nbsp;&nbsp;установите <FONT COLOR="#FF0000">Na </FONT>в
-                                        определённое значение
-                                        2E17, и установите <FONT COLOR="#0000FF">Nd </FONT> меньшим коэффициента
-                                        10 <FONT COLOR="#FF0000">Na </FONT>(то есть, между 0.1Na и 10Na).
-                                        &nbsp;Найдите концентрацию носителей заряда и проверьте компенсацию носителей
-                                        ( <FONT COLOR="#0000FF">n </FONT>= <FONT COLOR="#0000FF">Nd </FONT>-
-                                        <FONT COLOR="#FF0000">Na </FONT> или <FONT COLOR="#FF0000">p </FONT>= <FONT
-                                            COLOR="#FF0000">Na
-                                    </FONT>- <FONT COLOR="#0000FF">Nd</FONT>).&nbsp;&nbsp;Объясните физически, почему
-                                        это происходит.
-                                    </LI>
-                                </UL>
+                                <LI><p align=justify>
+                                    Выравнивание:&nbsp;&nbsp;установите <FONT COLOR="#FF0000">Na </FONT>в
+                                    определённое значение
+                                    2E17, и установите <FONT COLOR="#0000FF">Nd </FONT> меньшим коэффициента
+                                    10 <FONT COLOR="#FF0000">Na </FONT>(то есть, между 0.1Na и 10Na).
+                                    &nbsp;Найдите концентрацию носителей заряда и проверьте компенсацию носителей
+                                    ( <FONT COLOR="#0000FF">n </FONT>= <FONT COLOR="#0000FF">Nd </FONT>-
+                                    <FONT COLOR="#FF0000">Na </FONT> или <FONT COLOR="#FF0000">p </FONT>= <FONT
+                                        COLOR="#FF0000">Na
+                                </FONT>- <FONT COLOR="#0000FF">Nd</FONT>).&nbsp;&nbsp;Объясните физически, почему
+                                    это происходит.
+                                </LI>
+                            </UL>
                         </td>
                     </tr>
                     </TBODY>

diff --git a/src/lab-3/AlGaAs/index.html b/src/lab-3/AlGaAs/index.html
@@ -120,8 +120,22 @@
         <p class="error-message">
             Для просмотра этой страницы необходима поддержка апплетов в вашем браузере.
             Если у вас нет необходимого плагина, рекомендуем установить <a
-                class="download-link" href="https://chromewebstore.google.com/detail/cheerpj-applet-runner/bbmolahhldcbngedljfadjlognfaaein">Cheerj плагин</a>.
+                class="download-link"
+                href="https://chromewebstore.google.com/detail/cheerpj-applet-runner/bbmolahhldcbngedljfadjlognfaaein">Cheerj
+            плагин</a>.
             Если плагин у вас установлен, пожалуйста, нажмите иконку плагина.
+            <script src="https://cjrtnc.leaningtech.com/3.0rc2/cj3loader.js"></script>
+            <script>
+                function initAndChangeText() {
+                    cheerpjInit();
+                    var button = document.getElementById('initButton');
+                    button.innerText = "Пожалуйста, подождите...";
+                    button.disabled = true;
+                }
+            </script>
+            <button class="back-button" id="initButton" onclick="initAndChangeText();">[BETA] Попробовать запустить без
+                расширения (нужен интернет и возможны баги)
+            </button>
         </p>
     </applet>
     <ul>

diff --git a/src/lab-3/AlGaAs/worksheet.html b/src/lab-3/AlGaAs/worksheet.html
@@ -87,7 +87,7 @@
             <p>
                 1. Определите Eg для различных составов сплава
                 Укажите, это энергетическая запрещенная зона с прямыми переходами или с непрямыми.
-         
+
             <p>2. Какое физическое значение имеет энергетическая запрещенная
                 зона с прямыми или с непрямыми переходами (в смысле эффективности
                 светового излучения)? Поясните!

diff --git a/src/lab-3/SiGe/index.html b/src/lab-3/SiGe/index.html
@@ -106,8 +106,22 @@
         <p class="error-message">
             Для просмотра этой страницы необходима поддержка апплетов в вашем браузере.
             Если у вас нет необходимого плагина, рекомендуем установить <a
-                class="download-link" href="https://chromewebstore.google.com/detail/cheerpj-applet-runner/bbmolahhldcbngedljfadjlognfaaein">Cheerj плагин</a>.
+                class="download-link"
+                href="https://chromewebstore.google.com/detail/cheerpj-applet-runner/bbmolahhldcbngedljfadjlognfaaein">Cheerj
+            плагин</a>.
             Если плагин у вас установлен, пожалуйста, нажмите иконку плагина.
+            <script src="https://cjrtnc.leaningtech.com/3.0rc2/cj3loader.js"></script>
+            <script>
+                function initAndChangeText() {
+                    cheerpjInit();
+                    var button = document.getElementById('initButton');
+                    button.innerText = "Пожалуйста, подождите...";
+                    button.disabled = true;
+                }
+            </script>
+            <button class="back-button" id="initButton" onclick="initAndChangeText();">[BETA] Попробовать запустить без
+                расширения (нужен интернет и возможны баги)
+            </button>
         </p>
     </APPLET>
     <ul>

diff --git a/src/lab-3/SiGe/ref.html b/src/lab-3/SiGe/ref.html
@@ -101,7 +101,7 @@
                     F. R., Zekovic, S.: <i>J. Phys. C</i> <b>16</b> (1983) 6731.</font>
                 <p><a NAME="6"></a><font face="Times New Roman">6. Chelikowsky, J. R.,
                     Cohen, M.L.: <i>Phys. Rev. B</i> <b>30</b> (1976) 556.</font>
-    
+
             </td>
         </div>
     </div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -57,7 +57,7 @@ @@
         </style>
     </head>
     <body>
     <header>Лабораторные работы по ФПП</header>
     <hr style="height: 1px; color: #0078d4; background-color: #0078d4; border: none;">
@@ Expand Down @@