Skip to content

Commit 312b976

Browse files
author
[Christopher Andrew Topalian]
committed
update
0 parents  commit 312b976

File tree

20 files changed

+776
-0
lines changed

20 files changed

+776
-0
lines changed

‎CATopalian_HTML_JavaScript_Editor.html‎

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
<!-- Dedicated to God the Father -->
2+
<!-- All Rights Reserved Christopher Andrew Topalian Copyright 2000-2025 -->
3+
<!-- https://github.com/ChristopherTopalian -->
4+
<!-- https://github.com/ChristopherAndrewTopalian -->
5+
<!-- CATopalian_HTML_JavaScript_Editor.html -->
6+
7+
<html>
8+
<head>
9+
<title> CATopalian HTML JavaScript Editor </title>
10+
11+
<link rel = 'stylesheet' href = 'src/css/style001.css'>
12+
13+
<script src = 'src/js/1shortcuts/shortcuts.js'></script>
14+
15+
<script src = 'src/js/2worldVariables/worldVariables.js'></script>
16+
17+
<script src = 'src/js/sound/dataSounds.js'></script>
18+
19+
<script src = 'src/js/sound/loadSounds.js'></script>
20+
21+
<script src = 'src/js/sound/audioPlay.js'></script>
22+
23+
<!-- Templates -->
24+
25+
<script src = 'src/template/template001.js'></script>
26+
27+
<script src = 'src/template/sayMessage.js'></script>
28+
29+
<script src = 'src/js/text/copyText.js'></script>
30+
31+
<script src = 'src/js/text/downloadText.js'></script>
32+
33+
<script src = 'src/js/file/openFile.js'></script>
34+
35+
<script src = 'src/js/4make/makeApp.js'></script>
36+
37+
<script src = 'src/js/editor/updateOutput.js'></script>
38+
39+
<script src = 'src/js/whenLoaded/whenLoaded.js'></script>
40+
41+
</head>
42+
43+
<body onload = 'whenLoaded();'>
44+
45+
</body>
46+
47+
</html>
48+

‎README.md‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
# CATopalian HTML JavaScript Editor
2+
A JavaScript application that is an HTML JavaScript Code Editor that can edit text, run JavaScript, render HTML and save and load files.
3+
4+
Please Follow my Github page here and give this project a LIKE :-)
5+
Much Appreciated :-)
6+
7+
If you enjoy my apps and tutorials please consider buying me a coffee at [paypal.me/keystonermarch](https://www.paypal.com/paypalme/keystonermarch)
8+
9+
---
10+
11+
CODE: https://github.com/ChristopherAndrewTopalian/CATopalian_JavaScript_Code_Editor
12+
13+
---
14+
15+
### How to Download this App
16+
1. Click the green Code Button on this github page
17+
2. Choose Download ZIP
18+
3. Save the Zip File
19+
4. Extract All
20+
5. Double click the HTML file to start the App
21+
22+
---
23+
24+
Happy Scripting :-)
25+

‎index.html‎

Lines changed: 112 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,112 @@
1+
<!-- Dedicated to God the Father -->
2+
<!-- All Rights Reserved Christopher Andrew Topalian Copyright 2000-2025 -->
3+
<!-- https://github.com/ChristopherTopalian -->
4+
<!-- https://github.com/ChristopherAndrewTopalian -->
5+
<!-- index.html -->
6+
7+
<html>
8+
<head>
9+
<title> index </title>
10+
11+
<style>
12+
13+
body
14+
{
15+
background-color: rgb(0, 0, 0);
16+
font-family: Arial;
17+
color: rgb(255, 255, 255);
18+
}
19+
20+
</style>
21+
22+
<script>
23+
24+
// shortcuts.js
25+
26+
function ge(whichId)
27+
{
28+
let result = document.getElementById(whichId);
29+
return result;
30+
}
31+
32+
function ce(whichType)
33+
{
34+
let result = document.createElement(whichType);
35+
return result;
36+
}
37+
38+
function ba(whichElement)
39+
{
40+
let result = document.body.append(whichElement);
41+
return result;
42+
}
43+
44+
function cl(whichMessage)
45+
{
46+
let result = console.log(whichMessage);
47+
return result;
48+
}
49+
50+
function ct(whichText)
51+
{
52+
let result = document.createTextNode(whichText);
53+
return result;
54+
}
55+
56+
function gr(whichId)
57+
{
58+
let result = ge(whichId).getBoundingClientRect();
59+
return result;
60+
}
61+
62+
//----//
63+
64+
// Dedicated to God the Father
65+
// All Rights Reserved Christopher Andrew Topalian Copyright 2000-2025
66+
// https://github.com/ChristopherTopalian
67+
// https://github.com/ChristopherAndrewTopalian
68+
// https://sites.google.com/view/CollegeOfScripting
69+
70+
//-//
71+
72+
function makeAppLink()
73+
{
74+
let theLink = 'CATopalian_HTML_JavaScript_Editor.html';
75+
76+
let mainDiv = ce('div');
77+
mainDiv.style.display = 'flex';
78+
mainDiv.style.flexDirection = 'column';
79+
mainDiv.style.margin = 10 + 'px';
80+
ba(mainDiv);
81+
82+
//-//
83+
84+
let instructions = ce('div');
85+
instructions.textContent = 'Click on the Link Below to Open the Application';
86+
mainDiv.append(instructions);
87+
88+
//-//
89+
90+
let appLink = ce('a');
91+
appLink.href = theLink;
92+
appLink.textContent = 'Start Application';
93+
appLink.style.fontSize = 50 + 'px';
94+
appLink.style.fontWeight = 'bold';
95+
mainDiv.append(appLink);
96+
}
97+
98+
function whenLoaded()
99+
{
100+
makeAppLink();
101+
}
102+
103+
</script>
104+
105+
</head>
106+
107+
<body onload = 'whenLoaded();'>
108+
109+
</body>
110+
111+
</html>
112+

‎src/css/style001.css‎

Lines changed: 85 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,85 @@
1+
/* style001.css */
2+
3+
body
4+
{
5+
background-color: rgb(40, 40, 40);
6+
color: rgb(255, 255, 255);
7+
}
8+
9+
textarea
10+
{
11+
width: 400px;
12+
height: 400px;
13+
border: solid 1px rgb(100, 100, 100);
14+
padding: 10px;
15+
background-color: rgb(0, 0, 0);
16+
resize: none;
17+
}
18+
19+
iframe
20+
{
21+
width: 70%;
22+
height: 400px;
23+
border: solid 1px;
24+
}
25+
26+
.mainDiv
27+
{
28+
display: flex;
29+
flex-direction: row;
30+
}
31+
32+
.buttonStyle001
33+
{
34+
border: solid 1px rgb(200, 200, 200);
35+
border-radius: 8px;
36+
background-color: rgb(0, 0, 0);
37+
font-family: Arial;
38+
font-size: 15px;
39+
font-weight: bold;
40+
color: rgb(130, 130, 130);
41+
}
42+
43+
.buttonStyle001:hover
44+
{
45+
border-color: rgb(0, 255, 255);
46+
color: rgb(0, 255, 255);
47+
}
48+
49+
.buttonStyle001:active
50+
{
51+
border-color: rgb(255, 0, 255);
52+
color: rgb(255, 0, 255);
53+
}
54+
55+
input[type="file"] {
56+
opacity: 1;
57+
background-color: rgb(0, 0, 0);
58+
color: rgb(130, 130, 130);
59+
position: absolute;
60+
left: -80px;
61+
top: -5px;
62+
font-size: 14px;
63+
text-align: right;
64+
cursor: pointer;
65+
}
66+
67+
68+
#htmlInput
69+
{
70+
font-family: Arial;
71+
font-size: 24px;
72+
font-weight: bold;
73+
color: white;
74+
}
75+
76+
#output
77+
{
78+
color: white;
79+
}
80+
81+
#container
82+
{
83+
display: flex;
84+
flex-direction: column;
85+
}

‎src/js/1shortcuts/shortcuts.js‎

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
// shortcuts.js
2+
3+
function ge(whichId)
4+
{
5+
let result = document.getElementById(whichId);
6+
return result;
7+
}
8+
9+
function ce(whichType)
10+
{
11+
let result = document.createElement(whichType);
12+
return result;
13+
}
14+
15+
function ba(whichElement)
16+
{
17+
let result = document.body.append(whichElement);
18+
return result;
19+
}
20+
21+
function cl(whichMessage)
22+
{
23+
let result = console.log(whichMessage);
24+
return result;
25+
}
26+
27+
function ct(whichText)
28+
{
29+
let result = document.createTextNode(whichText);
30+
return result;
31+
}
32+
33+
function gr(whichId)
34+
{
35+
let result = ge(whichId).getBoundingClientRect();
36+
return result;
37+
}
38+
39+
//----//
40+
41+
// Dedicated to God the Father
42+
// All Rights Reserved Christopher Andrew Topalian Copyright 2000-2025
43+
// https://github.com/ChristopherTopalian
44+
// https://github.com/ChristopherAndrewTopalian
45+
// https://sites.google.com/view/CollegeOfScripting
46+

‎src/js/2worldVariables/worldVariables.js‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
// worldVariables.js
2+
3+
let online = false;
4+
5+
//----//
6+
7+
// Dedicated to God the Father
8+
// All Rights Reserved Christopher Andrew Topalian Copyright 2000-2025
9+
// https://github.com/ChristopherTopalian
10+
// https://github.com/ChristopherAndrewTopalian
11+
// https://sites.google.com/view/CollegeOfScripting
12+

0 commit comments

Comments
 (0)