Javascript is not working in safari browser.

Question

1.00/5 (1 vote)

See more:

i have website GroceriesToGoAruba.com this site is working well in IE,Chrome,Firefox but not working well in safari browser. I have one page picktime.aspx on this page delivery dates are displayed to select delivery date for placed an order. but sometimes delivery dates are not displaying on this page when i use safari browser.
below is my code
picktime.aspx

JavaScript

<pre><%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="Picktime.aspx.cs" Inherits="NewFoodStore2Go.Picktime" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <script src="Scripts/UserInterface/PickTime.js" type="text/javascript"></script>

    <style type="text/css">
        .PicktimePadding2 {
            padding-left: 100px;
        }

        @media (max-width:480px) {
            .PicktimePadding2 {
                padding-left: 10px;
            }
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <table width="100%" cellpadding="0" cellspacing="0" border="0">
        <tr>
            <td align="center">
                <table cellpadding="0" cellspacing="0" border="0" width="80%" style="padding-left: 10px;">
                    <tr>
                        <td height="20px"></td>
                    </tr>
                    <tr>
                        <td align="left" class="formHeading">
                            <h3>Pick Your Delivery Time</h3>
                        </td>
                    </tr>
                    <tr>
                        <td height="10px"></td>
                    </tr>
                    <tr>
                        <td>
                            <div style="float: left;">
                                <img src="images/checkout_2.gif" alt="confirm delivery address" width="135" height="37"
                                    border="0" />
                            </div>
                            <div style="float: left;">
                                <img src="images/checkout_1c.gif" alt="pick a delivery time" width="122" height="37" border="0" />
                            </div>
                            <div style="float: left;">
                                <img src="images/checkout_3b.gif" alt="tip the delivery driver" width="131" height="37" border="0" />
                            </div>
                            <div style="float: left;">
                                <img src="images/checkout_4b.gif" alt="payment method" width="109" height="37" border="0" />
                            </div>
                            <div style="float: left;">
                                <img src="images/checkout_5b.gif" alt="complete order" width="103" height="37" border="0" />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td height="20px"></td>
                    </tr>
                    <tr>
                        <td class="formTextUSer">Please choose a delivery time below from the next upcoming delivery dates:
                        </td>
                    </tr>
                    <tr>
                        <td height="10px"></td>
                    </tr>
                    <tr>
                        <td class="PicktimePadding2">
                            <asp:Label ID="lblMsg" runat="server" CssClass="ErrorTxt1" Visible="false"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td height="10px"></td>
                    </tr>
                    <tr>
                        <td class="PicktimePadding2" valign="top" align="center">
                            <div id="pnlDeldate">
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="formTextUSer" align="center">Or, choose from another future delivery date:
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <table cellspacing="0" border="0" class="formTextUSer">
                                <tr>
                                    <td>Date:
                                    </td>
                                    <td>
                                        <div id="jqxdateselect"></div>
                                    </td>
                                </tr>
                                <tr>
                                    <td height="10px"> 
                                    </td>
                                </tr>

                                <tr id="divtime" style="display: none">
                                    <div>
                                        <td>Time:
                                        </td>
                                        <td>
                                            <div id="jqxTimeSelect">
                                                <select class="DropDownBox">
                                                    <option value="select"></option>
                                                </select>
                                            </div>
                                        </td>
                                    </div>
                                </tr>

                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td height="10px"> 
                        </td>
                    </tr>
                    <tr>
                        <td style="padding-left: 20%;">
                            <input type="button" id="btnChoose" value="Choose Date/Time" class="buttonUser" onclick="SelectedandSubmit()" />
                        </td>
                    </tr>
                    <tr>
                        <td height="65px"> 
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <script type="text/javascript">

        $(document).ready(function () {
            CheckCookie();
            CheckSession(DisplayZipCodes);
            CheckSession(LoadAllDates);
        });
    </script>
</asp:Content>

this is my js code
function CreateList(timedata) {
var picktimetable = '

';

if (timedata.length > 0) {
var date = new Date(timedata[0]["Date"]);
var test = timedata[0]["Date"];
var test2 = test.split(/[^0-9]/);
var date2 = new Date(test2[0], test2[1] - 1, test2[2]);
picktimetable += '';
picktimetable += '

';
picktimetable += '' + DayOfWeek[date2.getDay()] + ', ' + month[date2.getMonth()] + ' ' + date2.getDate() + ', ' + date2.getFullYear();
picktimetable += '

';
for (var i = 0; i < timedata.length; i++) {
picktimetable += '';
}
picktimetable += '

';
picktimetable += '' + timedata[i]["Time"] + '';
picktimetable += '

';
}

picktimetable += '

';
DisplayAllList(picktimetable);
}
function LoadAllDates() {
ServiceCall('Get', 'PickTime/GetDeliveryDates/?locationid=' + getQuery('Loc') + '&userid=' + userId + '&recordcount=0', null, onSuccess);
function onSuccess(data) {
if (data) {
var select = $('');
select.attr('class', 'DropDownBox');
select.attr('id', 'drpfuturedate');
select.attr('onclick', 'TimeForSelectedDate()');
select.attr('onchange', 'TimeForSelectedDate()');

var option1 = $('');
option1.attr('value', "0");
option1.append("Select ");
select.append(option1);

for (var key in data) {
var option = $('');
option.attr('value', data[key]["DeliveryDateID"]);
var dt = new Date(data[key]["Date"]);

test = data[key]["Date"];
test1 = test.split(/[^0-9]/);
test2 = new Date(test1[0], test1[1] - 1, test1[2]);
//option.append(month[dt.getMonth()] + ' ' + dt.getDate() + ', ' + dt.getFullYear());
option.append(month[test2.getMonth()] + ' ' + test2.getDate() + ', ' + test2.getFullYear());
select.append(option);
}
$('#jqxdateselect').append(select);
}
}
}

//Original code
function TimeForSelectedDate() {
var LocationId = getQuery('Loc');
dateID = $('#drpfuturedate option:selected').val();

ServiceCall('Get', 'PickTime/GetTimeOnDeliveryDate/?locationid=' + LocationId + '&deliverydateid=' + dateID, null, onSuccess);
function onSuccess(data) {
$('#divtime').show();
if (data) {
var select = $('');
select.attr('class', 'DropDownBox');
select.attr('id', 'drpfuturetime');

var option1 = $('');
option1.attr('value', "0");
option1.append("Select ");
select.append(option1);

for (var key in data) {
var option = $('');
option.attr('value', data[key]["DeliverytimeID"]);
option.append(data[key]["Time"]);
select.append(option);
}
$('#jqxTimeSelect').html(select);
}
}
}
function SelectedandSubmit() {
var value = $('input[name=timeselection]:radio:checked').val();
var deliverydate;
var deliverytime;
if (value == undefined) {
var drpdatevalue = $('#drpfuturedate option:selected').val();
var drptimevalue = $('#drpfuturetime option:selected').val();
if (drpdatevalue == 0) {
MessageBox('Please Fill Fields With * Mark', 'Please Select Delivery Date and Time', 170, 400);
return;
}
if (drptimevalue == 0) {
MessageBox('Please Fill Fields With * Mark', 'Please Select Delivery Time', 170, 400);
return;
}
deliverydate = $('#drpfuturedate option:selected').text();
deliverytime = $('#drpfuturetime option:selected').text();
}
else {
var datetime = $('input[name=timeselection]:radio:checked').val().split(',');
deliverydate = datetime[0];
deliverytime = datetime[1];
}

// ---Create PickTime Cookie
var dataString = '||deliverydate=' + deliverydate + '||deliverytime=' + deliverytime;
createCookie('PickTime', dataString.substring(2), 30);
window.location = 'tipping.aspx';
}
this my master page code
%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.Master.cs" Inherits="NewFoodStore2Go.SiteMaster" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width" />
<meta name="keywords" content="groceriestogo aruba, groceries to go aruba, online grocery aruba, Aruba online grocery delivery, Aruba grocery delivery, Grocery delivery aruba, groceries aruba, grocery shopping aruba, Aruba grocery, aruba groceries,online grocery delivery aruba, groceries online,groceries to go,groveries to go aruba,aruba delivery,online grocery delivery,online grocery delivery aruba,resort concierge aruba,aruba concierge,aruba food to go,pre-order groceries online,pre-order groceries online aruba,order groceries online aruba,online grocery shopping and delivery,online grocery shopping and delivery aruba,order groceries online delivery,order groceries online delivery aruba,groceries online delivery,groceries online delivery aruba,grocery shop online delivery,grocery shop online delivery aruba,grocery shop online home delivery,grocery shop online home delivery aruba,order groceries online for delivery,order groceries online for delivery aruba,grocery shop online hotel delivery,grocery shop online timeshare delivery,timeshare delivery aruba,hotel delivery aruba,online grocery shopping,online grocery shopping aruba">
<meta name="description" content="GroceriesToGo Aruba. Order online and let us deliver groceries and travel essentials directly to you, wherever, whenever!">

<title>GroceriesToGo Aruba








What I have tried:

I have tried debugging the code but in local machine its not giving any error.

Posted 3-Jul-17 4:31am

Member 12409011

Updated 3-Jul-17 6:39am

KarstenK

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

KarstenK · Answer 1 · 2017-07-03T06:39:00

remove all content which may cause the erros and add than parts until you find the code which safari doesnt like. Often some console logging is useful.

Here are some tips from the Apple Support. What are the specific errors in the console of the browser. Try to google them. If you say sometimes it works, than is it often a cache or reload problem of the DOM.