Untitled Application
MyApp
Author name
1.0
GenericPhone
False
320
480
True
True
False
MobileApp
False
D:\periodic table.zip
C:\Users\asmat\Documents\VisualNeoWeb\Libraries\img\default-icon.png
.center{
top:0px!important;
left:0px!important;
right:0px!important;
bottom:0px!important;
margin:auto!important;
}
.gridContainer{
display:flex;
justify-content:center;
align-items:center;
}
@media (orientation: landscape) {
#allElement{
display: grid;
font-size: 6px;
grid-template-columns: repeat(18, 22px);
grid-template-rows: repeat(9, 22px);
gap: 2px;
}
}
.gridContainer .allElement {
font-family: Bree Serif;
font-size: 5px;
display: grid;
grid-template-columns: repeat(18, 14px);
grid-template-rows: repeat(9, 14px);
gap: 2px;
}
.allElement > .grid-item {
transition: 0.5s;
border: 1px solid transparent;
text-align: center;
padding-top: 3px;
}
.item2 {
grid-column-start: -2;
}
.item5,
.item13 {
grid-column-start: -7;
}
.item72,
.item104 {
grid-column-start: 4;
}
.item57,
.item89 {
grid-column-start: 4;
}
.item1,
.item6,
.item7,
.item8,
.item9,
.item15,
.item16,
.item17,
.item34,
.item35,
.item53,
.item85,
.item117 {
background-color: rgb(255, 242, 124);
}
.item3,
.item11,
.item19,
.item37,
.item55,
.item87 {
background-color: rgb(255, 167, 140);
}
.item4,
.item4,
.item12,
.item20,
.item38,
.item56,
.item88 {
background-color: rgb(152, 222, 231);
}
.item2,
.item10,
.item18,
.item36,
.item54,
.item86,
.item118 {
background-color: rgb(255, 204, 129);
}
.item21,
.item22,
.item23,
.item24,
.item25,
.item26,
.item27,
.item28,
.item29,
.item30,
.item39,
.item40,
.item41,
.item42,
.item43,
.item44,
.item45,
.item46,
.item47,
.item48,
.item72,
.item73,
.item74,
.item75,
.item76,
.item77,
.item78,
.item79,
.item80,
.item104,
.item105,
.item106,
.item107,
.item108,
.item109,
.item110,
.item111,
.item112 {
background-color: rgb(98, 213, 233);
}
.item13,
.item31,
.item49,
.item50,
.item81,
.item82,
.item83,
.item113,
.item114,
.item115,
.item116 {
background: rgb(145, 255, 102);
}
.item5,
.item14,
.item32,
.item33,
.item51,
.item52,
.item84 {
background-color: rgb(189, 247, 171);
}
.item57,
.item58,
.item59,
.item60,
.item61,
.item62,
.item63,
.item64,
.item65,
.item66,
.item67,
.item68,
.item69,
.item70,
.item71 {
background: rgb(160, 201, 255);
}
.item89,
.item90,
.item91,
.item92,
.item93,
.item94,
.item95,
.item96,
.item97,
.item98,
.item99,
.item100,
.item101,
.item102,
.item103 {
background: rgb(160, 255, 219);
}
.grid-item:hover {
background-color: black;
border: 2px solid black;
color: white;
}
en
#000000
perodd.table1.come
[AndroidOS]
normal
True
True
False
True
True
False
False
True
False
False
NeoScriptToJS
DisableTextSelection
StrParse "[info]" "," [elementInfoArray]
setvar [elementName] [elementInfoArray(0)]
setvar [symbol] [elementInfoArray(1)]
setvar [atomicNumber] [elementInfoArray(2)]
setvar [atomicMass] [elementInfoArray(3)]
refresh
[info]|STRING|
D:\info
BEGINJS
var realdata = {"item1":"Hydrogen,H,1,1.01","item2":"Helium,He,2,4.00","item3":"Lithium,Li,3,6.94","item4":"Beryllium,Be,4,9.01","item5":"Boron,B,5,10.81","item6":"Carbon,C,6,12.01","item7":"Nitrogen,N,7,14.01","item8":"Oxygen,O,8,16.00","item9":"Fluorine,F,9,19.00","item10":"Neon,Ne,10,20.18","item11":"Sodium,Na,11,22.99","item12":"Magnesium,Mg,12,24.31","item13":"Aluminum,Al,13,26.98","item14":"Silicon,Si,14,28.09","item15":"Phosphorus,P,15,30.97","item16":"Sulfur,S,16,32.07","item17":"Chlorine,Cl,17,35.45","item18":"Argon,Ar,18,39.95","item19":"Potassium,K,19,39.10","item20":"Calcium,Ca,20,40.08","item21":"Scandium,Sc,21,44.96","item22":"Titanium,Ti,22,47.87","item23":"Vanadium,V,23,50.94","item24":"Chromium,Cr,24,52.00","item25":"Manganese,Mn,25,54.94","item26":"Iron,Fe,26,55.85","item27":"Cobalt,Co,27,58.93","item28":"Nickel,Ni,28,58.69","item29":"Copper,Cu,29,63.55","item30":"Zinc,Zn,30,65.39","item31":"Gallium,Ga,31,69.72","item32":"Germanium,Ge,32,72.64","item33":"Arsenic,As,33,74.92","item34":"Selenium,Se,34,78.96","item35":"Bromine,Br,35,79.90","item36":"Krypton,Kr,36,83.80","item37":"Rubidium,Rb,37,85.47","item38":"Strontium,Sr,38,87.62","item39":"Yttrium,Y,39,88.91","item40":"Zirconium,Zr,40,91.22","item41":"Niobium,Nb,41,92.91","item42":"Molybdenum,Mo,42,95.94","item43":"Technetium,Tc,43,98.00","item44":"Ruthenium,Ru,44,101.07","item45":"Rhodium,Rh,45,102.91","item46":"Palladium,Pd,46,106.42","item47":"Silver,Ag,47,107.87","item48":"Cadmium,Cd,48,112.41","item49":"Indium,In,49,114.82","item50":"Tin,Sn,50,118.71","item51":"Antimony,Sb,51,121.76","item52":"Tellurium,Te,52,127.60","item53":"Iodine,I,53,126.91","item54":"Xenon,Xe,54,131.29","item55":"Cesium,Cs,55,132.91","item56":"Barium,Ba,56,137.33","item57":"Lanthanum,La,57,138.91","item58":"Cerium,Ce,58,140.12","item59":"Praseodymium,Pr,59,140.91","item60":"Neodymium,Nd,60,144.24","item61":"Promethium,Pm,61,145.00","item62":"Samarium,Sm,62,150.36","item63":"Europium,Eu,63,151.96","item64":"Gadolinium,Gd,64,157.25","item65":"Terbium,Tb,65,158.93","item66":"Dysprosium,Dy,66,162.50","item67":"Holmium,Ho,67,164.93","item68":"Erbium,Er,68,167.26","item69":"Thulium,Tm,69,168.93","item70":"Ytterbium,Yb,70,173.04","item71":"Lutetium,Lu,71,174.97","item72":"Hafnium,Hf,72,178.49","item73":"Tantalum,Ta,73,180.95","item74":"Tungsten,W,74,183.84","item75":"Rhenium,Re,75,186.21","item76":"Osmium,Os,76,190.23","item77":"Iridium,Ir,77,192.22","item78":"Platinum,Pt,78,195.08","item79":"Gold,Au,79,196.97","item80":"Mercury,Hg,80,200.59","item81":"Thallium,Tl,81,204.38","item82":"Lead,Pb,82,207.20","item83":"Bismuth,Bi,83,208.98","item84":"Polonium,Po,84,209.00","item85":"Astatine,At,85,210.00","item86":"Radon,Rn,86,222.00","item87":"Francium,Fr,87,223.00","item88":"Radium,Ra,88,226.00","item89":"Actinium,Ac,89,227.00","item90":"Thorium,Th,90,232.04","item91":"Protactinium,Pa,91,231.04","item92":"Uranium,U,92,238.03","item93":"Neptunium,Np,93,237.00","item94":"Plutonium,Pu,94,244.00","item95":"Americium,Am,95,243.00","item96":"Curium,Cm,96,247.00","item97":"Berkelium,Bk,97,247.00","item98":"Californium,Cf,98,251.00","item99":"Einsteinium,Es,99,252.00","item100":"Fermium,Fm,100,257.00","item101":"Mendelevium,Md,101,258.00","item102":"Nobelium,No,102,259.00","item103":"Lawrencium,Lr,103,262.00","item104":"Rutherfordium,Rf,104,261.00","item105":"Dubnium,Db,105,262.00","item106":"Seaborgium,Sg,106,266.00","item107":"Bohrium,Bh,107,264.00","item108":"Hassium,Hs,108,277.00","item109":"Meitnerium,Mt,109,268.00","item110":"Darmstadtium,Ds,110,[281][X]","item111":"Roentgenium,Rg,111,[282][X]","item112":"Copernicium,Cn,112,[285][X]","item113":"Nihonium,Nh,113,[286][X]","item114":"Flerovium,Fl,114,[289][X]","item115":"Moscovium,Mc,115,[290][X]","item116":"Livermorium,Lv,116,[293][X]","item117":"Tennessine,Ts,117,[294][X]","item118":"Oganesson,Og,118,[294][X]"}
for(i in realdata){
$('.'+i).attr('data-type', realdata[i]);
$('.'+i).on('click', function(){ neosubroutine.elementClick($(this).attr('data-type'))});
}
ENDJS
21px
46px
287px
403px
gridContainer center
<div id="allElement" class="allElement">
<div class="grid-item item1" >H</div>
<div class="grid-item item2">He</div>
<div class="grid-item item3">Li</div>
<div class="grid-item item4">Be</div>
<div class="grid-item item5">B</div>
<div class="grid-item item6">C</div>
<div class="grid-item item7">N</div>
<div class="grid-item item8">O</div>
<div class="grid-item item9">F</div>
<div class="grid-item item10">Ne</div>
<div class="grid-item item11">Na</div>
<div class="grid-item item12">Mg</div>
<div class="grid-item item13">Al</div>
<div class="grid-item item14">Si</div>
<div class="grid-item item15">P</div>
<div class="grid-item item16">S</div>
<div class="grid-item item17">Cl</div>
<div class="grid-item item18">Ar</div>
<div class="grid-item item19">K</div>
<div class="grid-item item20">Ca</div>
<div class="grid-item item21">Sc</div>
<div class="grid-item item22">Ti</div>
<div class="grid-item item23">V</div>
<div class="grid-item item24">Cr</div>
<div class="grid-item item25">Mn</div>
<div class="grid-item item26">Fe</div>
<div class="grid-item item27">Co</div>
<div class="grid-item item28">Ni</div>
<div class="grid-item item29">Cu</div>
<div class="grid-item item30">Zn</div>
<div class="grid-item item31">Ga</div>
<div class="grid-item item32">Ge</div>
<div class="grid-item item33">As</div>
<div class="grid-item item34">Se</div>
<div class="grid-item item35">Br</div>
<div class="grid-item item36">Kr</div>
<div class="grid-item item37">Rb</div>
<div class="grid-item item38">Sr</div>
<div class="grid-item item39">Y</div>
<div class="grid-item item40">Zr</div>
<div class="grid-item item41">Nb</div>
<div class="grid-item item42">Mo</div>
<div class="grid-item item43">Tc</div>
<div class="grid-item item44">Ru</div>
<div class="grid-item item45">Rh</div>
<div class="grid-item item46">Pd</div>
<div class="grid-item item47">Ag</div>
<div class="grid-item item48">Cd</div>
<div class="grid-item item49">In</div>
<div class="grid-item item50">Sn</div>
<div class="grid-item item51">Sb</div>
<div class="grid-item item52">Te</div>
<div class="grid-item item53">I</div>
<div class="grid-item item54">Xe</div>
<div class="grid-item item55">Cs</div>
<div class="grid-item item56">Ba</div>
<div class="grid-item item72">Hf</div>
<div class="grid-item item73">Ta</div>
<div class="grid-item item74">W</div>
<div class="grid-item item75">Re</div>
<div class="grid-item item76">Os</div>
<div class="grid-item item77">Ir</div>
<div class="grid-item item78">Pt</div>
<div class="grid-item item79">Au</div>
<div class="grid-item item80">Hg</div>
<div class="grid-item item81">Tl</div>
<div class="grid-item item82">Pb</div>
<div class="grid-item item83">Bi</div>
<div class="grid-item item84">Po</div>
<div class="grid-item item85">At</div>
<div class="grid-item item86">Rn</div>
<div class="grid-item item87">Fr</div>
<div class="grid-item item88">Ra</div>
<div class="grid-item item104">Rf</div>
<div class="grid-item item105">Db</div>
<div class="grid-item item106">Sg</div>
<div class="grid-item item107">Bh</div>
<div class="grid-item item108">Hs</div>
<div class="grid-item item109">Mt</div>
<div class="grid-item item110">Ds</div>
<div class="grid-item item111">Rg</div>
<div class="grid-item item112">Cn</div>
<div class="grid-item item113">Nh</div>
<div class="grid-item item114">Fl</div>
<div class="grid-item item115">Mc</div>
<div class="grid-item item116">Lv</div>
<div class="grid-item item117">Ts</div>
<div class="grid-item item118">Og</div>
<div class="grid-item item57">La</div>
<div class="grid-item item58">Ce</div>
<div class="grid-item item59">Pr</div>
<div class="grid-item item60">Nd</div>
<div class="grid-item item61">Pm</div>
<div class="grid-item item62">Sm</div>
<div class="grid-item item63">Eu</div>
<div class="grid-item item64">Gd</div>
<div class="grid-item item65">Tb</div>
<div class="grid-item item66">Dy</div>
<div class="grid-item item67">Ho</div>
<div class="grid-item item68">Er</div>
<div class="grid-item item69">Tm</div>
<div class="grid-item item70">Yb</div>
<div class="grid-item item71">Lu</div>
<div class="grid-item item89">Ac</div>
<div class="grid-item item90">Th</div>
<div class="grid-item item91">Pa</div>
<div class="grid-item item92">U</div>
<div class="grid-item item93">Np</div>
<div class="grid-item item94">Pu</div>
<div class="grid-item item95">Am</div>
<div class="grid-item item96">Cm</div>
<div class="grid-item item97">Bk</div>
<div class="grid-item item98">Cf</div>
<div class="grid-item item99">Es</div>
<div class="grid-item item100">Fm</div>
<div class="grid-item item101">Md</div>
<div class="grid-item item102">No</div>
<div class="grid-item item103">Lr</div>
</div>
64px
9px
192px
auto
Name:[elementName]<br>
Symbol:[symbol]<br>
AtomNumber:[atomicNumber]<br>
AtomMass :[atomicMass]
0px
0px
640px
480px
False
custom