Hi,
i need to know how to make a exact prayer time table like this page www.sunnahcenter.com/gebedstijden
as you can see there is also drop down menu which you can choose your location. are they using MySQL database?
i need this time table for my wordpress site.
any idea and direction would be great.
thanks in advance.
When a drop down menu choice is chosen, they are reloading the page with a new form request. It is their back-end PHP server that’s providing the information. It’s most likely a MySQL database on the backend.
It could also be coming from a prayer-time API like this one - http://muslimsalat.com/api/ - given the way prayer times are calculated (sunrise/sunset/longitude/latitude), my guess is that it’s more likely to be calculated on the fly, than stored on a database. Without being able to poke around on the server end, it’s difficult to tell.
Based on a look at their source code, It looks like the developer for the Sunnah Center prayer times has copied the JavaScript code from http://praytimes.org/code/ and then, in an act directly against their terms of use, removed the copyright and attribution information.
This is something that has to be put right. I’ve got in touch with both the Sunnah Center and the prayertimes.org code developer, to see what can be done to right this wrong.
To answer your question, an excellent solution is found at http://praytimes.org/
Thanks for the replies guys.
Paul_Wilkins i think you right and that their main source for the table is http://praytimes.org . The link http://praytimes.org/wiki/Code_Manual
i see they have some sort of the same table that is used. If you look at the Monthly timetable: http://praytimes.org/code/v2/js/examples/monthly.htm is there any way how i can use a drop down menu for places instead of the Latitude: Longitude:. So to rephrase my question can i somehow replace the Latitude: Longitude: field with a drop down menu where you can choose some of my preferred locations just like the site i mentioned before. i am using xammp with my wordpress right now for testing this code .
tested and everything is working great.
anyway still looking for a way to have a drop down menu for locations
this is the java script file: http://praytimes.org/code/v2/js/PrayTimes.js
//--------------------- Copyright Block ----------------------
/*
PrayTimes.js: Prayer Times Calculator (ver 2.3)
Copyright (C) 2007-2011 PrayTimes.org
Developer: Hamid Zarrabi-Zadeh
License: GNU LGPL v3.0
TERMS OF USE:
Permission is granted to use this code, with or
without modification, in any website or application
provided that credit is given to the original work
with a link back to PrayTimes.org.
This program is distributed in the hope that it will
be useful, but WITHOUT ANY WARRANTY.
PLEASE DO NOT REMOVE THIS COPYRIGHT BLOCK.
*/
//--------------------- Help and Manual ----------------------
/*
User's Manual:
http://praytimes.org/manual
Calculation Formulas:
http://praytimes.org/calculation
//------------------------ User Interface -------------------------
getTimes (date, coordinates [, timeZone [, dst [, timeFormat]]])
setMethod (method) // set calculation method
adjust (parameters) // adjust calculation parameters
tune (offsets) // tune times by given offsets
getMethod () // get calculation method
getSetting () // get current calculation parameters
getOffsets () // get current time offsets
//------------------------- Sample Usage --------------------------
var PT = new PrayTimes('ISNA');
var times = PT.getTimes(new Date(), [43, -80], -5);
document.write('Sunrise = '+ times.sunrise)
*/
//----------------------- PrayTimes Class ------------------------
function PrayTimes(method) {
//------------------------ Constants --------------------------
var
// Time Names
timeNames = {
imsak : 'Imsak',
fajr : 'Fajr',
sunrise : 'Sunrise',
dhuhr : 'Dhuhr',
asr : 'Asr',
sunset : 'Sunset',
maghrib : 'Maghrib',
isha : 'Isha',
midnight : 'Midnight'
},
// Calculation Methods
methods = {
MWL: {
name: 'Muslim World League',
params: { fajr: 18, isha: 17 } },
ISNA: {
name: 'Islamic Society of North America (ISNA)',
params: { fajr: 15, isha: 15 } },
Egypt: {
name: 'Egyptian General Authority of Survey',
params: { fajr: 19.5, isha: 17.5 } },
Makkah: {
name: 'Umm Al-Qura University, Makkah',
params: { fajr: 18.5, isha: '90 min' } }, // fajr was 19 degrees before 1430 hijri
Karachi: {
name: 'University of Islamic Sciences, Karachi',
params: { fajr: 18, isha: 18 } },
Tehran: {
name: 'Institute of Geophysics, University of Tehran',
params: { fajr: 17.7, isha: 14, maghrib: 4.5, midnight: 'Jafari' } }, // isha is not explicitly specified in this method
Jafari: {
name: 'Shia Ithna-Ashari, Leva Institute, Qum',
params: { fajr: 16, isha: 14, maghrib: 4, midnight: 'Jafari' } }
},
// Default Parameters in Calculation Methods
defaultParams = {
maghrib: '0 min', midnight: 'Standard'
},
//----------------------- Parameter Values ----------------------
/*
// Asr Juristic Methods
asrJuristics = [
'Standard', // Shafi`i, Maliki, Ja`fari, Hanbali
'Hanafi' // Hanafi
],
// Midnight Mode
midnightMethods = [
'Standard', // Mid Sunset to Sunrise
'Jafari' // Mid Sunset to Fajr
],
// Adjust Methods for Higher Latitudes
highLatMethods = [
'NightMiddle', // middle of night
'AngleBased', // angle/60th of night
'OneSeventh', // 1/7th of night
'None' // No adjustment
],
// Time Formats
timeFormats = [
'24h', // 24-hour format
'12h', // 12-hour format
'12hNS', // 12-hour format with no suffix
'Float' // floating point number
],
*/
//---------------------- Default Settings --------------------
calcMethod = 'MWL',
// do not change anything here; use adjust method instead
setting = {
imsak : '10 min',
dhuhr : '0 min',
asr : 'Standard',
highLats : 'NightMiddle'
},
timeFormat = '24h',
timeSuffixes = ['am', 'pm'],
invalidTime = '-----',
numIterations = 1,
offset = {},
//----------------------- Local Variables ---------------------
lat, lng, elv, // coordinates
timeZone, jDate; // time variables
//---------------------- Initialization -----------------------
// set methods defaults
var defParams = defaultParams;
for (var i in methods) {
var params = methods[i].params;
for (var j in defParams)
if ((typeof(params[j]) == 'undefined'))
params[j] = defParams[j];
};
// initialize settings
calcMethod = methods[method] ? method : calcMethod;
var params = methods[calcMethod].params;
for (var id in params)
setting[id] = params[id];
// init time offsets
for (var i in timeNames)
offset[i] = 0;
//----------------------- Public Functions ------------------------
return {
// set calculation method
setMethod: function(method) {
if (methods[method]) {
this.adjust(methods[method].params);
calcMethod = method;
}
},
// set calculating parameters
adjust: function(params) {
for (var id in params)
setting[id] = params[id];
},
// set time offsets
tune: function(timeOffsets) {
for (var i in timeOffsets)
offset[i] = timeOffsets[i];
},
// get current calculation method
getMethod: function() { return calcMethod; },
// get current setting
getSetting: function() { return setting; },
// get current time offsets
getOffsets: function() { return offset; },
// get default calc parametrs
getDefaults: function() { return methods; },
// return prayer times for a given date
getTimes: function(date, coords, timezone, dst, format) {
lat = 1* coords[0];
lng = 1* coords[1];
elv = coords[2] ? 1* coords[2] : 0;
timeFormat = format || timeFormat;
if (date.constructor === Date)
date = [date.getFullYear(), date.getMonth()+ 1, date.getDate()];
if (typeof(timezone) == 'undefined' || timezone == 'auto')
timezone = this.getTimeZone(date);
if (typeof(dst) == 'undefined' || dst == 'auto')
dst = this.getDst(date);
timeZone = 1* timezone+ (1* dst ? 1 : 0);
jDate = this.julian(date[0], date[1], date[2])- lng/ (15* 24);
return this.computeTimes();
},
// convert float time to the given format (see timeFormats)
getFormattedTime: function(time, format, suffixes) {
if (isNaN(time))
return invalidTime;
if (format == 'Float') return time;
suffixes = suffixes || timeSuffixes;
time = DMath.fixHour(time+ 0.5/ 60); // add 0.5 minutes to round
var hours = Math.floor(time);
var minutes = Math.floor((time- hours)* 60);
var suffix = (format == '12h') ? suffixes[hours < 12 ? 0 : 1] : '';
var hour = (format == '24h') ? this.twoDigitsFormat(hours) : ((hours+ 12 -1)% 12+ 1);
return hour+ ':'+ this.twoDigitsFormat(minutes)+ (suffix ? ' '+ suffix : '');
},
//---------------------- Calculation Functions -----------------------
// compute mid-day time
midDay: function(time) {
var eqt = this.sunPosition(jDate+ time).equation;
var noon = DMath.fixHour(12- eqt);
return noon;
},
// compute the time at which sun reaches a specific angle below horizon
sunAngleTime: function(angle, time, direction) {
var decl = this.sunPosition(jDate+ time).declination;
var noon = this.midDay(time);
var t = 1/15* DMath.arccos((-DMath.sin(angle)- DMath.sin(decl)* DMath.sin(lat))/
(DMath.cos(decl)* DMath.cos(lat)));
return noon+ (direction == 'ccw' ? -t : t);
},
// compute asr time
asrTime: function(factor, time) {
var decl = this.sunPosition(jDate+ time).declination;
var angle = -DMath.arccot(factor+ DMath.tan(Math.abs(lat- decl)));
return this.sunAngleTime(angle, time);
},
// compute declination angle of sun and equation of time
// Ref: http://aa.usno.navy.mil/faq/docs/SunApprox.php
sunPosition: function(jd) {
var D = jd - 2451545.0;
var g = DMath.fixAngle(357.529 + 0.98560028* D);
var q = DMath.fixAngle(280.459 + 0.98564736* D);
var L = DMath.fixAngle(q + 1.915* DMath.sin(g) + 0.020* DMath.sin(2*g));
var R = 1.00014 - 0.01671* DMath.cos(g) - 0.00014* DMath.cos(2*g);
var e = 23.439 - 0.00000036* D;
var RA = DMath.arctan2(DMath.cos(e)* DMath.sin(L), DMath.cos(L))/ 15;
var eqt = q/15 - DMath.fixHour(RA);
var decl = DMath.arcsin(DMath.sin(e)* DMath.sin(L));
return {declination: decl, equation: eqt};
},
// convert Gregorian date to Julian day
// Ref: Astronomical Algorithms by Jean Meeus
julian: function(year, month, day) {
if (month <= 2) {
year -= 1;
month += 12;
};
var A = Math.floor(year/ 100);
var B = 2- A+ Math.floor(A/ 4);
var JD = Math.floor(365.25* (year+ 4716))+ Math.floor(30.6001* (month+ 1))+ day+ B- 1524.5;
return JD;
},
//---------------------- Compute Prayer Times -----------------------
// compute prayer times at given julian date
computePrayerTimes: function(times) {
times = this.dayPortion(times);
var params = setting;
var imsak = this.sunAngleTime(this.eval(params.imsak), times.imsak, 'ccw');
var fajr = this.sunAngleTime(this.eval(params.fajr), times.fajr, 'ccw');
var sunrise = this.sunAngleTime(this.riseSetAngle(), times.sunrise, 'ccw');
var dhuhr = this.midDay(times.dhuhr);
var asr = this.asrTime(this.asrFactor(params.asr), times.asr);
var sunset = this.sunAngleTime(this.riseSetAngle(), times.sunset);;
var maghrib = this.sunAngleTime(this.eval(params.maghrib), times.maghrib);
var isha = this.sunAngleTime(this.eval(params.isha), times.isha);
return {
imsak: imsak, fajr: fajr, sunrise: sunrise, dhuhr: dhuhr,
asr: asr, sunset: sunset, maghrib: maghrib, isha: isha
};
},
// compute prayer times
computeTimes: function() {
// default times
var times = {
imsak: 5, fajr: 5, sunrise: 6, dhuhr: 12,
asr: 13, sunset: 18, maghrib: 18, isha: 18
};
// main iterations
for (var i=1 ; i<=numIterations ; i++)
times = this.computePrayerTimes(times);
times = this.adjustTimes(times);
// add midnight time
times.midnight = (setting.midnight == 'Jafari') ?
times.sunset+ this.timeDiff(times.sunset, times.fajr)/ 2 :
times.sunset+ this.timeDiff(times.sunset, times.sunrise)/ 2;
times = this.tuneTimes(times);
return this.modifyFormats(times);
},
// adjust times
adjustTimes: function(times) {
var params = setting;
for (var i in times)
times[i] += timeZone- lng/ 15;
if (params.highLats != 'None')
times = this.adjustHighLats(times);
if (this.isMin(params.imsak))
times.imsak = times.fajr- this.eval(params.imsak)/ 60;
if (this.isMin(params.maghrib))
times.maghrib = times.sunset+ this.eval(params.maghrib)/ 60;
if (this.isMin(params.isha))
times.isha = times.maghrib+ this.eval(params.isha)/ 60;
times.dhuhr += this.eval(params.dhuhr)/ 60;
return times;
},
// get asr shadow factor
asrFactor: function(asrParam) {
var factor = {Standard: 1, Hanafi: 2}[asrParam];
return factor || this.eval(asrParam);
},
// return sun angle for sunset/sunrise
riseSetAngle: function() {
//var earthRad = 6371009; // in meters
//var angle = DMath.arccos(earthRad/(earthRad+ elv));
var angle = 0.0347* Math.sqrt(elv); // an approximation
return 0.833+ angle;
},
// apply offsets to the times
tuneTimes: function(times) {
for (var i in times)
times[i] += offset[i]/ 60;
return times;
},
// convert times to given time format
modifyFormats: function(times) {
for (var i in times)
times[i] = this.getFormattedTime(times[i], timeFormat);
return times;
},
// adjust times for locations in higher latitudes
adjustHighLats: function(times) {
var params = setting;
var nightTime = this.timeDiff(times.sunset, times.sunrise);
times.imsak = this.adjustHLTime(times.imsak, times.sunrise, this.eval(params.imsak), nightTime, 'ccw');
times.fajr = this.adjustHLTime(times.fajr, times.sunrise, this.eval(params.fajr), nightTime, 'ccw');
times.isha = this.adjustHLTime(times.isha, times.sunset, this.eval(params.isha), nightTime);
times.maghrib = this.adjustHLTime(times.maghrib, times.sunset, this.eval(params.maghrib), nightTime);
return times;
},
// adjust a time for higher latitudes
adjustHLTime: function(time, base, angle, night, direction) {
var portion = this.nightPortion(angle, night);
var timeDiff = (direction == 'ccw') ?
this.timeDiff(time, base):
this.timeDiff(base, time);
if (isNaN(time) || timeDiff > portion)
time = base+ (direction == 'ccw' ? -portion : portion);
return time;
},
// the night portion used for adjusting times in higher latitudes
nightPortion: function(angle, night) {
var method = setting.highLats;
var portion = 1/2 // MidNight
if (method == 'AngleBased')
portion = 1/60* angle;
if (method == 'OneSeventh')
portion = 1/7;
return portion* night;
},
// convert hours to day portions
dayPortion: function(times) {
for (var i in times)
times[i] /= 24;
return times;
},
//---------------------- Time Zone Functions -----------------------
// get local time zone
getTimeZone: function(date) {
var year = date[0];
var t1 = this.gmtOffset([year, 0, 1]);
var t2 = this.gmtOffset([year, 6, 1]);
return Math.min(t1, t2);
},
// get daylight saving for a given date
getDst: function(date) {
return 1* (this.gmtOffset(date) != this.getTimeZone(date));
},
// GMT offset for a given date
gmtOffset: function(date) {
var localDate = new Date(date[0], date[1]- 1, date[2], 12, 0, 0, 0);
var GMTString = localDate.toGMTString();
var GMTDate = new Date(GMTString.substring(0, GMTString.lastIndexOf(' ')- 1));
var hoursDiff = (localDate- GMTDate) / (1000* 60* 60);
return hoursDiff;
},
//---------------------- Misc Functions -----------------------
// convert given string into a number
eval: function(str) {
return 1* (str+ '').split(/[^0-9.+-]/)[0];
},
// detect if input contains 'min'
isMin: function(arg) {
return (arg+ '').indexOf('min') != -1;
},
// compute the difference between two times
timeDiff: function(time1, time2) {
return DMath.fixHour(time2- time1);
},
// add a leading 0 if necessary
twoDigitsFormat: function(num) {
return (num <10) ? '0'+ num : num;
}
}}
//---------------------- Degree-Based Math Class -----------------------
var DMath = {
dtr: function(d) { return (d * Math.PI) / 180.0; },
rtd: function(r) { return (r * 180.0) / Math.PI; },
sin: function(d) { return Math.sin(this.dtr(d)); },
cos: function(d) { return Math.cos(this.dtr(d)); },
tan: function(d) { return Math.tan(this.dtr(d)); },
arcsin: function(d) { return this.rtd(Math.asin(d)); },
arccos: function(d) { return this.rtd(Math.acos(d)); },
arctan: function(d) { return this.rtd(Math.atan(d)); },
arccot: function(x) { return this.rtd(Math.atan(1/x)); },
arctan2: function(y, x) { return this.rtd(Math.atan2(y, x)); },
fixAngle: function(a) { return this.fix(a, 360); },
fixHour: function(a) { return this.fix(a, 24 ); },
fix: function(a, b) {
a = a- b* (Math.floor(a/ b));
return (a < 0) ? a+ b : a;
}
}
//---------------------- Init Object -----------------------
var prayTimes = new PrayTimes();
and this the html file
<!DOCTYPE html>
<html>
<head>
<title> Monthly Prayer Timetable </title>
<style>
body, tr, form {font-family: tahoma; font-size: 12px; color: #404040; text-align: center; margin: 0; padding: 0}
pre {font-family: courier, serif, size: 10pt; margin: 0px 8px;}
input {font-size: 12px;}
.header {background:#eef; border-bottom: 1px solid #ddd; padding: 7px;}
.caption {font-size: 20px; color: #d95722; text-align: center; width: 10em;}
.arrow {font-weight: bold; text-decoration: none; color: #3D3D3D; }
.arrow:hover {text-decoration: underline;}
.command {font-weight: bold; text-decoration: none; color: #AAAAAA; }
.command:hover {text-decoration: underline;}
.timetable {border-width: 1px; border-style: outset; border-collapse: collapse; border-color: gray; margin: 0 auto;}
.timetable td {border-width: 1px; border-spacing: 1px; padding: 1px; border-style: inset; border-color: #CCCCCC;}
.head-row {color: black; background-color: #eef;}
.today-row {background-color: #F8F7F4; color: black}
</style>
</head>
<body>
<script type="text/javascript" src="../PrayTimes.js"></script>
<div class="header">
<form class="form" action="javascript:update();">
Latitude: <input type="text" value="43" id="latitude" size="2" onchange="update();" />
Longitude: <input type="text" value="-80" id="longitude" size="2" onchange="update();" />
Time Zone: <input type="text" value="-5" id="timezone" size="2" onchange="update();" />
DST:
<select id="dst" size="1" style="font-size: 12px;" onchange="update()">
<option value="auto" selected="selected">Auto</option>
<option value="0">0</option>
<option value="1">1</option>
</select>
Method:
<select id="method" size="1" style="font-size: 12px;" onchange="update()">
<option value="MWL" selected="selected">Muslim World League (MWL)</option>
<option value="ISNA">Islamic Society of North America (ISNA)</option>
<option value="Egypt">Egyptian General Authority of Survey</option>
<option value="Makkah">Umm al-Qura University, Makkah</option>
<option value="Karachi">University of Islamic Sciences, Karachi</option>
<option value="Jafari">Shia Ithna-Ashari (Jafari)</option>
<option value="Tehran">Institute of Geophysics, University of Tehran</option>
</select>
</form>
</div>
<br/>
<table align="center">
<tr>
<td><a href="javascript:displayMonth(-1)" class="arrow"><<</a></td>
<td id="table-title" class="caption"></td>
<td><a href="javascript:displayMonth(+1)" class="arrow">>></a></td>
</tr>
</table>
<br/>
<table id="timetable" class="timetable">
<tbody></tbody>
</table>
<div align="center" style="margin-top: 7px">
Source: <a href="http://praytimes.org/" class="command">PrayTimes.org</a> |
Time Format: <a id="time-format" href="javascript:switchFormat(1)" title="Change clock format" class="command"></a>
</div>
<br/>
<script type="text/javascript">
var currentDate = new Date();
var timeFormat = 1;
switchFormat(0);
// display monthly timetable
function displayMonth(offset) {
var lat = $('latitude').value;
var lng = $('longitude').value;
var timeZone = $('timezone').value;
var dst = $('dst').value;
var method = $('method').value;
prayTimes.setMethod(method);
currentDate.setMonth(currentDate.getMonth()+ 1* offset);
var month = currentDate.getMonth();
var year = currentDate.getFullYear();
var title = monthFullName(month)+ ' '+ year;
$('table-title').innerHTML = title;
makeTable(year, month, lat, lng, timeZone, dst);
}
// make monthly timetable
function makeTable(year, month, lat, lng, timeZone, dst) {
var items = {day: 'Day', fajr: 'Fajr', sunrise: 'Sunrise',
dhuhr: 'Dhuhr', asr: 'Asr', // sunset: 'Sunset',
maghrib: 'Maghrib', isha: 'Isha'};
var tbody = document.createElement('tbody');
tbody.appendChild(makeTableRow(items, items, 'head-row'));
var date = new Date(year, month, 1);
var endDate = new Date(year, month+ 1, 1);
var format = timeFormat ? '12hNS' : '24h';
while (date < endDate) {
var times = prayTimes.getTimes(date, [lat, lng], timeZone, dst, format);
times.day = date.getDate();
var today = new Date();
var isToday = (date.getMonth() == today.getMonth()) && (date.getDate() == today.getDate());
var klass = isToday ? 'today-row' : '';
tbody.appendChild(makeTableRow(times, items, klass));
date.setDate(date.getDate()+ 1); // next day
}
removeAllChild($('timetable'));
$('timetable').appendChild(tbody);
}
// make a table row
function makeTableRow(data, items, klass) {
var row = document.createElement('tr');
for (var i in items) {
var cell = document.createElement('td');
cell.innerHTML = data[i];
cell.style.width = i=='day' ? '2.5em' : '3.7em';
row.appendChild(cell);
}
row.className = klass;
return row;
}
// remove all children of a node
function removeAllChild(node) {
if (node == undefined || node == null)
return;
while (node.firstChild)
node.removeChild(node.firstChild);
}
// switch time format
function switchFormat(offset) {
var formats = ['24-hour', '12-hour'];
timeFormat = (timeFormat+ offset)% 2;
$('time-format').innerHTML = formats[timeFormat];
update();
}
// update table
function update() {
displayMonth(0);
}
// return month full name
function monthFullName(month) {
var monthName = new Array('January', 'February', 'March', 'April', 'May', 'June',
'July', 'August', 'September', 'October', 'November', 'December');
return monthName[month];
}
function $(id) {
return document.getElementById(id);
}
</script>
</body>
</html>
what steps should i take to get a drop down menu.
First you use the select element with options for each one that you want to choose.
Then, you’ll want to handle the select list change event.
I’m new to java script could you please explain this to me step by step.
First create the select box and its options.
<form class="form" action="javascript:update();">
<select id=" " size="1" style="font-size: 12px;" onchange="update()">
<option value="0" selected="selected">Amsterdam</option>
<option value="1">Madrid</option>
<option value="2">New York</option>
<option value="3">Berlin</option>
<option value="4">Paris</option>
</select>
i am not sure if this is any good or not, i am stuck at the values at the moment
You can’t do an action like that.
don’t jumble the JavaScript with the HTML at all - all the script goes in a separate file.
You can use the id of the select to handle both the change listener on the select and the submit listener on the form - just as long as the id has an actual value eg. id=“sel”
var theSel = document.getElementById('sel');
theSel.form.addEventListener('submit', update, false);
theSel.addEventListener('change', update, false);
ok here is what i tried but every time i try to change my location in the drop down menu noting happens.
i do get this error in my console
ReferenceError: getValues is not defined
i have got the select element like this
<select id="cities" size="1" style="font-size: 12px;" onchange="getValues()">
<option value="52.379189:4.899431:+2" selected="selected">Amsterdam</option>
<option value="33.45:-112.06:-2">Phoenix</option>
<option value="40.748817:-73.985428:+4">New York</option>
</select>
and the script from this
<script type="text/javascript">
var currentDate = new Date();
var timeFormat = 1;
switchFormat(0);
// display monthly timetable
function displayMonth(offset) {
var lat = $('latitude').value;
var lng = $('longitude').value;
var timeZone = $('timezone').value;
var dst = $('dst').value;
var method = $('method').value;
to this
<script type="text/javascript">
var currentDate = new Date();
var timeFormat = 1;
switchFormat(0);
// display monthly timetable
function displayMonth(offset) {
var details = [];
var val = document.getElementById("cities").value;
details = val.split(":");
var lat = details[1];
var lng = details[2];
var timeZone = details[3];
var dst = $('dst').value;
var method = $('method').value;
now as you can see i want the timezone to be included when i change my location in the drop down menu.
trying to change the locations from the drop down menu noting happens no location and timezone change
any idea what could be wrong
What does your getValues function look like?
“undefined” usually means it’s broken unless it failed to get pulled in for some reason
this the the script
<script type = "text/javascript">
function getValues() {
var details = [];
var val = document.getElementById("cities").value;
details = val.split(":");
var city = details[0];
var latitude = details[1];
var longitude = details[2];
var timezone = details[3];
}
// so you now have the details to process as you will.
</script>
changing the select element to update function seems to work but strangely i was getting wrong times for the locations fixed that by changing the details number which where wrong
changed to and problem was solved
var lat = details[0];
var lng = details[1];
var timeZone = details[2];
one more question how do i get the three letters of a day before the day of the month
example like this one www.sunnahcenter.com/gebedstijden
any idea which piece of code i have to edit
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.