Please Help! DATABLE and Godaddy

Please Help! DATABLE and Godaddy

OliadulceOliadulce Posts: 2Questions: 1Answers: 0

Hi,
I am desperate!
I created at Database using Datables.net and the HTLM code seems to work (I tested it on http://www.csgnetwork.com/htmlcodetest.html)
However, when I put my HTML code on my Godaddy website, it does not work when I publish my website.
Here is my code:
<html>
<head>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/t/dt/pdfmake-0.1.18,dt-1.10.11,b-1.1.2,b-colvis-1.1.2,b-flash-1.1.2,b-html5-1.1.2,b-print-1.1.2,cr-1.3.1,fc-3.2.1,fh-3.1.1,kt-2.1.1,r-2.0.2,rr-1.1.1,sc-1.4.1,se-1.1.2/datatables.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/t/dt/pdfmake-0.1.18,dt-1.10.11,b-1.1.2,b-colvis-1.1.2,b-flash-1.1.2,b-html5-1.1.2,b-print-1.1.2,cr-1.3.1,fc-3.2.1,fh-3.1.1,kt-2.1.1,r-2.0.2,rr-1.1.1,sc-1.4.1,se-1.1.2/datatables.min.css">

<style>
table {
line-height: 20px;
font-size: 8px;
font-family: Arial, Helvetica, sans-serif;
float: left;
}
table th, table td {
text-align: center;
}

th, td {
padding-top: 8px;
padding-bottom: 8px;
font-size: 8px;
}

label {
width: 100%;
text-align: left;
}

table th {
font-weight: bold;
}

table thead th {
vertical-align: middle;
}

label, input, button, select, textarea {
line-height: 10px;
}
input, textarea, select, .uneditable-input {
height: 20px;
line-height: 20px;
}

select {
width: 100px;
}

.dataTables_length {
padding-left: 8px;
}
.dataTables_filter {
padding-right: 8px;
}

</style>


$(document).ready(function() { $('#five').dataTable({ "iDisplayLength": 10 }); });

</head>

<body>

<br>

ARTIST TITLE DATE OF WORK MEDIUM DIMENSIONS (INCHES) LOW ESTIMATE (USD) HIGH ESTIMATE (USD) AUCTION HOUSE AUCTION CITY AUCTION DATE
After Bruegel the Elder, Pieter The Seven Virtues (Bastelaer, Hollstein 132-138; New Hollstein 13-19; Lebeer 31-37) 1559-1560 Engravings on paper 8 3/4 28724 43086 Sotheby's London 22-Mar-16
Harmensz. Van Rijn, Rembrandt Beggar Man and Beggar Woman Conversing (B., Holl 164; New Holl. 45: H. 7) 1630 Etching 3 1/8 4309 7181 Sotheby's London 22-Mar-16
Warhol, Andy Tattooed Woman Holding a Rose (Not in F. & S.) 1955 Offset lithograph 28 7/8 7181 10053 Sotheby's London 22-Mar-16

<br>
<br>

</body>
</html>

Can someone help me?? Why it does not work on Godaddy?

Thank you so much!

Oliadulce

Answers

  • allanallan Posts: 61,892Questions: 1Answers: 10,144 Site admin

    Hi Oliadulce,

    DataTables is a client-side library, so I'm not aware of any reason why it wouldn't work on a GoDaddy host.

    We'd need a link to the page showing the issue, per the forum rules, to be able to offer any assistance.

    Allan

  • OliadulceOliadulce Posts: 2Questions: 1Answers: 0

    Hi Allan,
    Thank you so much for your message.
    Here is the link: http://www.boughtinatauction.com/member-login.html
    Thank you for your help!
    Oliadulce

  • allanallan Posts: 61,892Questions: 1Answers: 10,144 Site admin

    Thanks for the link.

    If you look at your browser's console you'll see:

    Uncaught TypeError: $(...).dataTable is not a function

    That appears to be happening because jQuery is being loaded multiple times on your page. The second one is overwriting the first (which has DataTables attached to it).

    Also worth noting you are loading the DataTables JS and CSS twice for each.

    Allan

This discussion has been closed.