स्वागतम्

तत्त्द् गतिवशन्नित्यं यथा दृक्-तुल्यतां ग्रहाः।
प्रयान्ति तत्प्रवक्ष्यामि स्फ़ुटिकरणमादरात्॥
सुर्य सिद्धान्त ॥

यस्मिन् पक्षे यत्र काले येन दृग्गणितैक्यम्।
दृश्यते तेन पक्षेण कुर्यात्तिथ्यादिनिर्णयम्॥
वशिष्ठ॥

यात्राविवाहोत्सवजातकादौ खेटैः स्फुटैरेवफलस्फुटत्वम्।
स्यात्प्रोच्यते तेन नभश्चराणां स्फुटक्रिया दृग्गणितैक्यकृद्या॥
भास्कराचार्य॥

तिथिर्विष्णुस्तथा वारो नक्षत्रं विष्णुरेव च।
योगश्च करणं चैव सर्वं विष्णु मयं जगत्॥


Advertisement

Friday, June 4, 2021

Display Panchangam on your website.

To add panchangam on your web site/mobile application/mobile website. This will display based on your location. The location is obtained from your browser. for aaccuracy please use WIFI. Please use following code.

STEP #1. paste one of the iframe code into your HTML page.

<iframe name="newpanchang"
id="iframe1" src="https://www.mypanchang.com/newsite/compactfeed.php?pt=12pt"
scrolling="no"
frameBorder="1"
style="border-width:1px;border-style:solid;border-color:#452603;"
allowtransparency="true"></iframe>

if you want to increase font you can add ?pt attribute to the uri.

for example... following code sets size to 10pt.

<iframe name="newpanchang"
id="iframe1" src="https://www.mypanchang.com/newsite/compactfeed.php?pt=10pt"
scrolling="no"
frameBorder="1"
style="border-width:1px;border-style:solid;border-color:#452603;"
allowtransparency="true"/></iframe>

following code increases font to 12pt.

<iframe name="newpanchang"
id="iframe1" src="https://www.mypanchang.com/newsite/compactfeed.php?pt=10pt"
scrolling="no"
frameBorder="1"
style="border-width:1px;border-style:solid;border-color:#452603;"
allowtransparency="true"/></iframe>

whenever you make any changes press <CTRL><F5> to test. If you want to remove border then put frameBorder=0 and change style="border:0". You may experiment with other iframe flags. for eaample: Following will set font to 12 pt and border to 0.

<iframe name="newpanchang"
id="iframe1" src="https://www.mypanchang.com/newsite/compactfeed.php?pt=12pt"
scrolling="no"
frameBorder="0"
style="border:0;"
allowtransparency="true"/></iframe>

If you want to see full panchang and font is 12, the following code will help

<iframe name="newpanchang"
id="iframe1" src="https://www.mypanchang.com/newsite/compactfeed.php?pt=12pt&mode=FULL"
scrolling="no"
frameBorder="0"
style="border:0;"
allowtransparency="true"/></iframe>

STEP-2: Then add following Javascript in your page (IMPORTANT STEP)

<script>
    let iframe = document.querySelector("#newpanchang");
    window.addEventListener('message', function(e) {
         let message = e.data;
         iframe.style.height = message.height + 'px';
         iframe.style.width = message.width + 'px';
    } , false);
</script>
  

IMPORTANT make sure the iframe id here is "newpanchang", if you decide to change it to anything make sure to change newpanchang in the script also, here you can look for document.querySelector function, and the parameter here is the iframe id, make sure to put the new id after the # sign.

Subscribe to Our mailing list and get notified about hindu festivals and their observance dates.

Membership to the Mailing List information@mypanchang.com

On this web page you can subscribe to, or unsubscribe from, the mailing listinformation@mypanchang.com.
Yes, I want to become a member of the mailing list information@mypanchang.com .
Please remove me from mailing list information@mypanchang.com .
Enter your e-mail address:

Please confirm your e-mail address: