0% found this document useful (0 votes)
51 views43 pages

Topalian JavaScript Sun Report 002 by Christopher Topalian

Object oriented JavaScript application that displays sun data, including still and animated images. Happy Scripting :-)
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
51 views43 pages

Topalian JavaScript Sun Report 002 by Christopher Topalian

Object oriented JavaScript application that displays sun data, including still and animated images. Happy Scripting :-)
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 43

Topalian

JavaScript
Sun Report
by
Christopher Andrew Topalian
All Rights Reserved
Copyright 2000-2023
Dedicated
to
God the Father
<!-- Dedicated to God the Father -->

<!-- All Rights Reserved Christopher Andrew


Topalian Copyright 2000-2023 -->

<!-- https://github.com/ChristopherTopalian --
>

<!--
https://github.com/ChristopherAndrewTopalia
n -->

<!-- Topalian_JavaScript_Sun_Report.html -->

<!-- Version 002 -->

<html>
<head>
<title> Topalian JavaScript Sun Report </title>

<link rel = "stylesheet" href =


"css/style001.css">

<script src = "js/utility.js"></script>

<script src = "data/solarData.js"></script>

<script>

function createApp(whichArray)
{
let titleOfApp = ce("div");
titleOfApp.textContent = "Topalian
JavaScript Sun Report";
titleOfApp.style.fontSize = "30px";
ba(titleOfApp);
//-//

let lineBreakUnderTitle = ce("hr");


ba(lineBreakUnderTitle);

//-//

for (let x = 0; x < whichArray.length; x++)


{
let nameOfImage = ce("div");
nameOfImage.className =
"nameOfImage";
nameOfImage.innerHTML =
whichArray[x].name;
nameOfImage.setAttribute("gloss",
whichArray[x].description);
ba(nameOfImage);
//-//

let theImage = ce("img");

theImage.src = whichArray[x].url;

theImage.style.width =
whichArray[x].theWidth + "px";

theImage.style.height =
whichArray[x].theHeight + "px";

ba(theImage);

//-//

let lineBreakUnderImage = ce("hr");


ba(lineBreakUnderImage);
}
}

</script>

</head>

<body onload = "createApp(solarData);">

</body>

</html>
// Dedicated to God the Father

// All Rights Reserved Christopher Andrew


Topalian Copyright 2000-2023

// https://github.com/ChristopherTopalian

//
https://github.com/ChristopherAndrewTopalia
n

// utility.js

function ge(whichId)
{
let result =
document.getElementById(whichId);
return result;
}

function ce(whichType)
{
let result =
document.createElement(whichType);

return result;
}

function ba(whichElement)
{
let result =
document.body.append(whichElement);

return result;
}
/* Dedicated to God the Father */

/* All Rights Reserved Christopher Andrew


Topalian Copyright 2000-2023 */

/* https://github.com/ChristopherTopalian */

/*
https://github.com/ChristopherAndrewTopalia
n */

/* style001.css */

body
{
background-color: rgb(40, 40, 40);
font-family: arial;
font-size: 20px;
font-weight: bold;
color: rgb(255, 255, 255);
}

.nameOfImage
{
position: relative;
}

.nameOfImage:hover:after
{
position: absolute;
left: 0px;
top: 50px;
padding-left: 13px;
padding-right: 13px;
z-index: 98;
background: rgba(0, 0, 0, .8);
border-style: solid;
border-width: 1px;
border-color: rgb(255, 255, 255);
border-radius: 8px;
font-size: 20px;
color: rgb(255, 255, 255);
content: attr(gloss);
white-space: pre;
}

/* underline that appears when hovering


mouse on the name of the image */
.nameOfImage:hover:before
{
position: absolute;
top: 100%;
width: 394px;
height: 1px;
background-color: rgb(255, 255, 255);
border-style: solid;
border-width: 0 5px 5px 5px transparent;
border-color: rgb(255, 255, 255);
content: "";
z-index: 100;
transform: scaleY(0.5);
}
// Dedicated to God the Father

// All Rights Reserved Christopher Andrew


Topalian Copyright 2000-2023

// https://github.com/ChristopherTopalian

//
https://github.com/ChristopherAndrewTopalia
n

// solarData.js

let width001 = 400;


let height001 = 400;

let solarData =
[
{
name: "LASCO/C3",
url:
"https://soho.nascom.nasa.gov/data/LATEST/
current_c3.gif",
description: "Animated Gif from
LASCO/C3",
theWidth: width001,
theHeight: height001
},

{
name: "LASCO/C2",
url:
"https://soho.nascom.nasa.gov/data/LATEST/
current_c2.gif",
description: "Animated Gif from
LASCO/C2",
theWidth: width001,
theHeight: height001
},

{
name: "LASCO C2",
url:
"https://soho.nascom.nasa.gov/data/realtime/
c2/512/latest.jpg",
description: "SOHO LASCO C2 Latest
Image",
theWidth: width001,
theHeight: height001
},

{
name: "noaa_sun_now_red",
url:
"https://sdo.gsfc.nasa.gov/assets/img/latest/l
atest_1024_0304.jpg",
description: "Current Image of the Sun -
Red",
theWidth: width001,
theHeight: height001
},

{
name: "noaa_sun_now_orange",
url:
"https://sdo.gsfc.nasa.gov/assets/img/latest/l
atest_1024_0193.jpg",
description: "Current Image of the Sun -
Orange",
theWidth: width001,
theHeight: height001
},

{
name: "noaa_sun_now_magnetogram",
url:
"https://sdo.gsfc.nasa.gov/assets/img/latest/l
atest_1024_HMIB.jpg",
description: "Current Image of the Sun -
Magnetogram",
theWidth: width001,
theHeight: height001
},

{
name: "noaa_sun_now_Intensitygram",
url:
"https://sdo.gsfc.nasa.gov/assets/img/latest/l
atest_1024_HMIIF.jpg",
description: "Current Image of the Sun -
Intensitygram \nSun Spots",
theWidth: width001,
theHeight: height001
},

{
name: "Nasa Sunspots",
url:
"https://soho.nascom.nasa.gov/data/synoptic
/sunspots_earth/mdi_sunspots_1024.jpg",
description: "Sun Spots",
theWidth: width001,
theHeight: height001
},

{
name: "NOAA Aurora Forecast-Northern
Hemisphere",
url:
"https://services.swpc.noaa.gov/images/anim
ations/ovation/north/latest.jpg",
description: "Aurora Forecast - North",
theWidth: width001,
theHeight: height001
},

{
name: "NOAA Aurora Forecast-Southern
Hemisphere",
url:
"https://services.swpc.noaa.gov/images/anim
ations/ovation/south/latest.jpg",
description: "Aurora Forecast - South",
theWidth: width001,
theHeight: height001
},

{
name: "Space Weather Overview",
url:
"https://services.swpc.noaa.gov/images/swx-
overview-small.gif",
description: "Overview",
theWidth: width001,
theHeight: height001
},

{
name: "WSA-Enlil Prediction",
url:
"https://services.swpc.noaa.gov/images/anim
ations/enlil/latest.jpg",
description: "WSA-Enlil Prediction",
theWidth: 625,
theHeight: height001
},

{
name: "EIT 284A",
url:
"https://soho.nascom.nasa.gov/data/LATEST/
current_eit_284.gif",
description: "Animated Gif from EIT
284A",
theWidth: width001,
theHeight: height001
},

{
name: "EIT 195A",
url:
"https://soho.nascom.nasa.gov/data/LATEST/
current_eit_195.gif",
description: "Animated Gif from EIT
195A",
theWidth: width001,
theHeight: height001
},

{
name: "EIT 171A",
url:
"https://soho.nascom.nasa.gov/data/LATEST/
current_eit_171.gif",
description: "Animated Gif from EIT
171A",
theWidth: width001,
theHeight: height001
},

{
name: "EIT 304A",
url:
"https://soho.nascom.nasa.gov/data/LATEST/
current_eit_304.gif",
description: "Animated Gif from EIT
304A",
theWidth: width001,
theHeight: height001
}
];
True Artificial Intelligence System
16-Gon
Tautology
MI 1111 CI
1101 1011
AND XNOR
0001 1001
LP RP
0011 0101

OR NOR
0111 1000

RC LC
1010 1100

XOR NAND
0110 1110
CNI MNI
Contra-
0100 0010
-diction
0000
For More Tutorials:
CollegeOfScripting.weebly.com

CollegeOfScripting.wordpress.com

Youtube.com/ScriptingCollege

Twitter.com/CollegeOfScript

GitHub.com/ChristopherTopalian

GitHub.com/ChristopherAndrewTopalian

GitLab.com/ChristopherAndrewTopalian

Sites.google.com/view/CollegeOfScripting
Dedicated to God the Father
This book is created by the
College of Scripting Music & Science.
Always remember, that each time you write a script
with a pencil and paper, it becomes imprinted so
deeply in memory that the material and methods are
learned extremely well.
When you Type the scripts, the same is true. The
more you type and write out the scripts by keyboard
or pencil and paper, the more you will learn
programming!
Write and Type every example that you find.
Keep all of your scripts organized.
Every script that you create increases your
programming abilities.
SEEING CODE, is one thing,
but WRITING CODE is another.
Write it, Type it, Speak It, See It, Dream It.
CollegeOfScripting.weebly.com

You might also like