Skip to content

Instantly share code, notes, and snippets.

@VenkataRaju

VenkataRaju/TeluguMaasaaluRutuvulu.html

Last active January 21, 2020 01:52
Show Gist options
  • Save VenkataRaju/f92c86ed5443601ed3ecf6f2288e3b72 to your computer and use it in GitHub Desktop.
Save VenkataRaju/f92c86ed5443601ed3ecf6f2288e3b72 to your computer and use it in GitHub Desktop.
Download ZIP
భారతదేశంలోని ఋతువులు, అవి ఏ మాసంలో వస్తాయి, వాటి లక్షణాలు Telugu Maasaalu Rutuvulu
Raw
TeluguMaasaaluRutuvulu.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>భారతదేశంలోని ఋతువులు, అవి ఏ మాసంలో వస్తాయి, వాటి లక్షణాలు</title>
<style>
body
{
text-align: center;
cursor: default;
}
table
{
border-spacing: 0;
border: 1px solid #DDD;
border-radius: 4px;
display: inline-table;
}
th, td
{
border: 1px solid #DDD;
padding: 2px 4px;
text-align: center;
}
.highlight
{
background-color: #0000AA;
color: white;
}
</style>
<script>
function init()
{
let prevHighlighted = [];
let tb = document.querySelector('tbody');
let touchEnterSupported = ('ontouchenter' in document.documentElement);
tb.addEventListener('mouseover', highlight);
tb.addEventListener(touchEnterSupported ? 'touchenter' : 'touchstart', highlight);
tb.addEventListener('mouseleave', clearHighlighting);
tb.addEventListener(touchEnterSupported ? 'touchleave' : 'touchend', clearHighlighting);
function highlight(e)
{
clearHighlighting();
let td = e.target, rowSpan = td.rowSpan, tr = td.parentNode;
for (let i = 1, trs = tr; i <= rowSpan; i++)
{
prevHighlighted.push(...trs.children);
if (i < rowSpan)
trs = trs.nextElementSibling;
}
td = tr.lastElementChild;
while (td.rowSpan !== 4)
{
let trs = tr;
while (trs = trs.previousElementSibling)
{
if (tr.children.length < trs.children.length)
{
td = trs.children[tr.children.length];
break;
}
}
tr = trs;
for (let tds = td; tds; td = tds, tds = tds.nextElementSibling)
prevHighlighted.push(tds);
}
for (let el of prevHighlighted)
el.classList.add('highlight');
}
function clearHighlighting()
{
for (let el of prevHighlighted)
el.classList.remove('highlight');
prevHighlighted.length = 0;
}
}
</script>
</head>
<body onload='init()'>
<table>
<caption><h3>భారతదేశంలోని ఋతువులు, అవి ఏ మాసంలో వస్తాయి, వాటి లక్షణాలు</h3></caption>
<thead>
<tr><th>తెలుగు మాసం</th><th>English Month</th><th>ఋతువు</th><th>English</th><th>ప్రత్యేకత</th><th>కాలం</th></tr>
</thead>
<tbody>
<tr><td>చైత్రము</td><td>March / April</td><td rowspan='2'>వసంత ఋతువు</td><td rowspan='2'>Spring</td><td rowspan='2'>చెట్లు చిగురించి పూవులు పూయును</td><td rowspan='4'>వేసవి కాలం</td></tr>
<tr><td>వైశాఖము</td><td>April / May</td></tr>
<tr><td>జ్యేష్ఠము</td><td>May / June</td><td rowspan='2'>గ్రీష్మ ఋతువు</td><td rowspan='2'>Summer</td><td rowspan='2'>ఎండలు మెండుగా ఉండును</td></tr>
<tr><td>ఆషాఢము</td><td>June / July</td></tr>
<tr><td>శ్రావణము</td><td>July / August</td><td rowspan='2'>వర్ష ఋతువు</td><td rowspan='2'>Monsoon</td><td rowspan='2'>వర్షములు విశేషముగా ఉండును</td><td rowspan='4'>వర్షా కాలం</td></tr>
<tr><td>భాద్రపదము</td><td>August / September</td></tr>
<tr><td>ఆశ్వయుజము</td><td>September / October</td><td rowspan='2'>శరద్ ఋతువు</td><td rowspan='2'>Autumn</td><td rowspan='2'>మంచి వెన్నెల కాయును</td></tr>
<tr><td>కార్తీకము</td><td>October / November</td></tr>
<tr><td>మార్గశిరము</td><td>November / December</td><td rowspan='2'>హేమంత ఋతువు</td><td rowspan='2'>Winter</td><td rowspan='2'>మంచు కురియును, చల్లగా నుండు కాలము</td><td rowspan='4'>శీతా కాలం</td></tr>
<tr><td>పుష్యము</td><td>December / January</td></tr>
<tr><td>మాఘము</td><td>January / February</td><td rowspan='2'>శిశిర ఋతువు</td><td rowspan='2'>Winter & Fall</td><td rowspan='2'>చెట్లు ఆకులు రాల్చును</td></tr>
<tr><td>ఫాల్గుణము</td><td>February / March</td></tr>
</tbody>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment