Help - Search - Members - Calendar
Full Version: Database (HTML)
HTMLHelp Forums > Web Authoring > Web Site Functionality
oliadulce
Hi everyone,
I am trying to build my database with a HTML code.
My website is on Godaddy...

So here is my problem, I added my HTML code on Godaddy. When I preview the page, the database works, meaning I see the "Search" box and I can search anything in my database.
However, when I publish the website, the database disappear from the website and I have, instead, a very ugly spreadsheet without the "Search box"...

Here is my code:
<html>
<head>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/t/dt/dt-1.10.11,af-2.1.1,b-1.1.2,b-colvis-1.1.2,b-flash-1.1.2,b-print-1.1.2,cr-1.3.1,fc-3.2.1,fh-3.1.1,r-2.0.2,sc-1.4.1/datatables.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/t/dt/dt-1.10.11,af-2.1.1,b-1.1.2,b-colvis-1.1.2,b-flash-1.1.2,b-print-1.1.2,cr-1.3.1,fc-3.2.1,fh-3.1.1,r-2.0.2,sc-1.4.1/datatables.min.css">

<style>
table {
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: 20px;
}
input, textarea, select, .uneditable-input {
height: 20px;
line-height: 20px;
}

select {
width: 100px;
}

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

</style>

<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/t/dt/dt-1.10.11,af-2.1.1,b-1.1.2,b-colvis-1.1.2,b-flash-1.1.2,b-print-1.1.2,cr-1.3.1,fc-3.2.1,fh-3.1.1,r-2.0.2,sc-1.4.1/datatables.min.js"></script>
<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/t/dt/dt-1.10.11,af-2.1.1,b-1.1.2,b-colvis-1.1.2,b-flash-1.1.2,b-print-1.1.2,cr-1.3.1,fc-3.2.1,fh-3.1.1,r-2.0.2,sc-1.4.1/datatables.min.js"></script>

<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#five_year').dataTable({
"iDisplayLength": 10
});
});
</script>
</head>


<table id="five_year" style="width: 620px;">
<thead>
<tr>
<th class="ARTIST-cell">ARTIST</th>
<th class="TITLE-cell">TITLE</th>
<th class="DATE OF WORK-cell">DATE OF WORK</th>
<th class="MEDIUM-cell">MEDIUM</th>
<th class="DIMENSIONS-cell">DIMENSIONS (INCHES)</th>
<th class="LOW ESTIMATE-cell">LOW ESTIMATE (USD)</th>
<th class="HIGH ESTIMATE-cell">HIGH ESTIMATE (USD)</th>
<th class="AUCTION HOUSE-cell">AUCTION HOUSE</th>
<th class="AUCTION CITY-cell">AUCTION CITY</th>
<th class="AUCTION DATE-cell">AUCTION DATE</th>
</tr>
</thead>
<tbody>
<tr class="firstRow">
<td class="ARTIST-cell">After Bruegel the Elder, Pieter</td>
<td class="TITLE-cell">The Seven Virtues (Bastelaer, Hollstein 132-138; New Hollstein 13-19; Lebeer 31-37)</td>
<td class="DATE OF WORK-cell">1559-1560</td>
<td class="MEDIUM-cell">Engravings on paper</td>
<td class="DIMENSIONS-cell">8 3/4 x 11 7/8</td>
<td class="LOW ESTIMATE-cell">28,724</td>
<td class="HIGH ESTIMATE-cell">43,086</td>
<td class="AUCTION HOUSE-cell">Sotheby's</td>
<td class="AUCTION CITY-cell">London</td>
<td class="AUCTION DATE-cell">22-Mar-16</td>
</tr>
<tr>
<td class="ARTIST-cell">Harmensz. Van Rijn, Rembrandt</td>
<td class="TITLE-cell">Beggar Man and Beggar Woman Conversing (B., Holl 164; New Holl. 45: H. 7)</td>
<td class="DATE OF WORK-cell">1630</td>
<td class="MEDIUM-cell">Etching</td>
<td class="DIMENSIONS-cell">3 1/8 x 2 5/8</td>
<td class="LOW ESTIMATE-cell">4,309</td>
<td class="HIGH ESTIMATE-cell">7,181</td>
<td class="AUCTION HOUSE-cell">Sotheby's</td>
<td class="AUCTION CITY-cell">London</td>
<td class="AUCTION DATE-cell">22-Mar-16</td>
</tr>
<tr>
<td class="ARTIST-cell">Harmensz. Van Rijn, Rembrandt</td>
<td class="TITLE-cell">Beggar with a Wooden Leg (B., Holl. 179; New Holl. 49; H. 12)</td>
<td class="DATE OF WORK-cell">1630</td>
<td class="MEDIUM-cell">Etching</td>
<td class="DIMENSIONS-cell">4 5/8 x 2 7/8</td>
<td class="LOW ESTIMATE-cell">4,309</td>
<td class="HIGH ESTIMATE-cell">7,181</td>
<td class="AUCTION HOUSE-cell">Sotheby's</td>
<td class="AUCTION CITY-cell">London</td>
<td class="AUCTION DATE-cell">22-Mar-16</td>
</tr>
<tr>
<td class="ARTIST-cell">Sebald Beham, Hans</td>
<td class="TITLE-cell">The Peasants' Feast or the Twelve Months (Bartsch, Hollstein 154-163; Paul 177-186)</td>
<td class="DATE OF WORK-cell">1546-1547</td>
<td class="MEDIUM-cell">Etching</td>
<td class="DIMENSIONS-cell">2 x 2 7/8</td>
<td class="LOW ESTIMATE-cell">4,309</td>
<td class="HIGH ESTIMATE-cell">7,181</td>
<td class="AUCTION HOUSE-cell">Sotheby's</td>
<td class="AUCTION CITY-cell">London</td>
<td class="AUCTION DATE-cell">22-Mar-16</td>
</tr>
<tr>
<td class="ARTIST-cell">Ensor, James</td>
<td class="TITLE-cell">Hop Frog's Revenge (Taevernier 112)</td>
<td class="DATE OF WORK-cell">1898</td>
<td class="MEDIUM-cell">Etching</td>
<td class="DIMENSIONS-cell">21 3/4 x 17</td>
<td class="LOW ESTIMATE-cell">10,053</td>
<td class="HIGH ESTIMATE-cell">14,362</td>
<td class="AUCTION HOUSE-cell">Sotheby's</td>
<td class="AUCTION CITY-cell">London</td>
<td class="AUCTION DATE-cell">22-Mar-16</td>
</tr>
<tr>
<td class="ARTIST-cell">Feininger, Lyonel</td>
<td class="TITLE-cell">Pariser Hauser (Houses in Paris) (Prasse W76)</td>
<td class="DATE OF WORK-cell">1918</td>
<td class="MEDIUM-cell">Etching</td>
<td class="DIMENSIONS-cell">18 1/8 x 21 3/4</td>
<td class="LOW ESTIMATE-cell">8,617</td>
<td class="HIGH ESTIMATE-cell">11,490</td>
<td class="AUCTION HOUSE-cell">Sotheby's</td>
<td class="AUCTION CITY-cell">London</td>
<td class="AUCTION DATE-cell">22-Mar-16</td>
</tr>
<tr>
<td class="ARTIST-cell">Matisse, Henri</td>
<td class="TITLE-cell">Visages (Duthuit Books 11)</td>
<td class="DATE OF WORK-cell">1946</td>
<td class="MEDIUM-cell">Etching</td>
<td class="DIMENSIONS-cell">13 1/8 x 10 1/8</td>
<td class="LOW ESTIMATE-cell">11,490</td>
<td class="HIGH ESTIMATE-cell">17,234</td>
<td class="AUCTION HOUSE-cell">Sotheby's</td>
<td class="AUCTION CITY-cell">London</td>
<td class="AUCTION DATE-cell">22-Mar-16</td>
</tr>
<tr>
<td class="ARTIST-cell">Munch, Edvard</td>
<td class="TITLE-cell">August Strindberg (Woll 66; Schiefler 77)</td>
<td class="DATE OF WORK-cell">1896</td>
<td class="MEDIUM-cell">Lithograph</td>
<td class="DIMENSIONS-cell">25 x 17 1/2</td>
<td class="LOW ESTIMATE-cell">43,086</td>
<td class="HIGH ESTIMATE-cell">71,810</td>
<td class="AUCTION HOUSE-cell">Sotheby's</td>
<td class="AUCTION CITY-cell">London</td>
<td class="AUCTION DATE-cell">22-Mar-16</td>
</tr>
<tr>
<td class="ARTIST-cell">Munch, Edvard</td>
<td class="TITLE-cell">Woman with Red Hair and Green Eyes. The Sin (W. 198; SCH. 142)</td>
<td class="DATE OF WORK-cell">1902</td>
<td class="MEDIUM-cell">Lithograph</td>
<td class="DIMENSIONS-cell">30 1/2 x 21 1/8</td>
<td class="LOW ESTIMATE-cell">43,086</td>
<td class="HIGH ESTIMATE-cell">57,448</td>
<td class="AUCTION HOUSE-cell">Sotheby's</td>
<td class="AUCTION CITY-cell">London</td>
<td class="AUCTION DATE-cell">22-Mar-16</td>
</tr>
<tr>
<td class="ARTIST-cell">Kaws</td>
<td class="TITLE-cell">Companion (Black)</td>
<td class="DATE OF WORK-cell">2007</td>
<td class="MEDIUM-cell">Fibre-reinforced plastic multiple</td>
<td class="DIMENSIONS-cell">45 1/4</td>
<td class="LOW ESTIMATE-cell">21,543</td>
<td class="HIGH ESTIMATE-cell">28,724</td>
<td class="AUCTION HOUSE-cell">Sotheby's</td>
<td class="AUCTION CITY-cell">London</td>
<td class="AUCTION DATE-cell">22-Mar-16</td>
</tr>
<tr>
<td class="ARTIST-cell">Kusama, Yayoi</td>
<td class="TITLE-cell">Dots Infinity</td>
<td class="DATE OF WORK-cell">1986</td>
<td class="MEDIUM-cell">Screenprint</td>
<td class="DIMENSIONS-cell">17 1/2 x 14 1/4"</td>
<td class="LOW ESTIMATE-cell">4,309</td>
<td class="HIGH ESTIMATE-cell">7,181</td>
<td class="AUCTION HOUSE-cell">Sotheby's</td>
<td class="AUCTION CITY-cell">London</td>
<td class="AUCTION DATE-cell">22-Mar-16</td>
</tr>
<tr>
<td class="ARTIST-cell">Rauschenberg, Robert</td>
<td class="TITLE-cell">Sling-Shots Lit #4 (G. 1173)</td>
<td class="DATE OF WORK-cell">1985</td>
<td class="MEDIUM-cell">Lithographs and screenprint in colours on sailcloth and Mylar with wooden lightbox assemblage, fluorescent light fixture, aluminium, moveable window shade system and Plexiglas bars</td>
<td class="DIMENSIONS-cell">84 3/4 x 39 x 12 1/2</td>
<td class="LOW ESTIMATE-cell">10,053</td>
<td class="HIGH ESTIMATE-cell">12,926</td>
<td class="AUCTION HOUSE-cell">Sotheby's</td>
<td class="AUCTION CITY-cell">London</td>
<td class="AUCTION DATE-cell">22-Mar-16</td>
</tr>
<tr>
<td class="ARTIST-cell">Vasarely, Victor</td>
<td class="TITLE-cell">Flaari</td>
<td class="DATE OF WORK-cell">1955-1990</td>
<td class="MEDIUM-cell">Multiple comprising two screenprints on a plexiglass box</td>
<td class="DIMENSIONS-cell">20 x 16 3/8" x 2 3/8"</td>
<td class="LOW ESTIMATE-cell">4,309</td>
<td class="HIGH ESTIMATE-cell">7,181</td>
<td class="AUCTION HOUSE-cell">Sotheby's</td>
<td class="AUCTION CITY-cell">London</td>
<td class="AUCTION DATE-cell">22-Mar-16</td>
</tr>
<tr class="lastRow">
<td class="ARTIST-cell">Warhol, Andy</td>
<td class="TITLE-cell">Tattooed Woman Holding a Rose (Not in F. & S.)</td>
<td class="DATE OF WORK-cell">1955</td>
<td class="MEDIUM-cell">Offset lithograph</td>
<td class="DIMENSIONS-cell">28 7/8 x 11</td>
<td class="LOW ESTIMATE-cell">7,181</td>
<td class="HIGH ESTIMATE-cell">10,053</td>
<td class="AUCTION HOUSE-cell">Sotheby's</td>
<td class="AUCTION CITY-cell">London</td>
<td class="AUCTION DATE-cell">22-Mar-16</td>
</tr>
</tbody>
</table>

<br>
<br>


</html>

And here is how i see it when I previewed it on Godaddy (see attachment). I like how it showed in the attachment.
Here is how you see it on my website: http://www.boughtinatauction.com/member-login.html (which is awful and the search option is not there)...


Could you please help me??

I spent a lot of time and cannot figure out the problem!


Many thanks

Oliadulce
pandy
What you posted doesn't work, but it isn't the whole document. If I download your Godaddy page and load it locally it does work, search box and all. Can't figure out why that is.

You have lots of HTML errors. You should correct them, but I don't really think they are the reason the page works locally but not on the server. For instance, you can't paste a whole HTML document inside another one. You can't have HTML, HEAD and BODY for the table part. You should remove them and move all STYLE and SCRIPT blocks and tags to HEAD (the HEAD of the main document, that is).

Use the validator to find other errors.
http://validator.w3.org/

We've had other questions similar to yours about pages hosted with Godaddy, but I've never gotten a grip on if there is a problem with Godaddy or if it's just a coincidence.

I find others with similar problems with Google, but there seems to be different solutions for everyone.

http://google.com/search?q=godaddy+jquery
oliadulce
Hi Pandy,
Thank you so much for your message.
I changed the HTML code and tested it here; http://www.csgnetwork.com/htmlcodetest.html and it seems to work but it does not work on go daddy.
In order to build my code, I used the website datables.net...
I used your website to check the errors and most of them are linked to the datables.net links...
Is it normal?
Thank you so much!
Oliadulce


<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>

<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/t/dt/jq-2.2.0,pdfmake-0.1.18,dt-1.10.11,af-2.1.1,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.js"></script>
<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/t/dt/jq-2.2.0,pdfmake-0.1.18,dt-1.10.11,af-2.1.1,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.js"></script>


<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#five').dataTable({
"iDisplayLength": 10
});
});
</script>
</head>

<body>

<br>

<table id="five" style="width: 1000px;">
<thead>
<tr>
<th class="ARTIST-cell">ARTIST</th>
<th class="TITLE-cell">TITLE</th>
<th class="DATE OF WORK-cell">DATE OF WORK</th>
<th class="MEDIUM-cell">MEDIUM</th>
<th class="DIMENSIONS (INCHES)-cell">DIMENSIONS (INCHES)</th>
<th class="LOW ESTIMATE (USD)-cell">LOW ESTIMATE (USD)</th>
<th class="HIGH ESTIMATE (USD)-cell">HIGH ESTIMATE (USD)</th>
<th class="AUCTION HOUSE-cell">AUCTION HOUSE</th>
<th class="AUCTION CITY-cell">AUCTION CITY</th>
<th class="AUCTION DATE-cell">AUCTION DATE</th>
</tr>
</thead>
<tbody>
<tr class="firstRow">
<td class="ARTIST-cell">After Bruegel the Elder, Pieter</td>
<td class="TITLE-cell">The Seven Virtues (Bastelaer, Hollstein 132-138; New Hollstein 13-19; Lebeer 31-37)</td>
<td class="DATE OF WORK-cell">1559-1560</td>
<td class="MEDIUM-cell">Engravings on paper</td>
<td class="DIMENSIONS (INCHES)-cell">8 3/4</td>
<td class="LOW ESTIMATE (USD)-cell">28724</td>
<td class="HIGH ESTIMATE (USD)-cell">43086</td>
<td class="AUCTION HOUSE-cell">Sotheby's</td>
<td class="AUCTION CITY-cell">London</td>
<td class="AUCTION DATE-cell">22-Mar-16</td>
</tr>
<tr>
<td class="ARTIST-cell">Harmensz. Van Rijn, Rembrandt</td>
<td class="TITLE-cell">Beggar Man and Beggar Woman Conversing (B., Holl 164; New Holl. 45: H. 7)</td>
<td class="DATE OF WORK-cell">1630</td>
<td class="MEDIUM-cell">Etching</td>
<td class="DIMENSIONS (INCHES)-cell">3 1/8</td>
<td class="LOW ESTIMATE (USD)-cell">4309</td>
<td class="HIGH ESTIMATE (USD)-cell">7181</td>
<td class="AUCTION HOUSE-cell">Sotheby's</td>
<td class="AUCTION CITY-cell">London</td>
<td class="AUCTION DATE-cell">22-Mar-16</td>
</tr>
<tr>
<td class="ARTIST-cell">Harmensz. Van Rijn, Rembrandt</td>
<td class="TITLE-cell">Beggar with a Wooden Leg (B., Holl. 179; New Holl. 49; H. 12)</td>
<td class="DATE OF WORK-cell">1630</td>
<td class="MEDIUM-cell">Etching</td>
<td class="DIMENSIONS (INCHES)-cell">4 5/8</td>
<td class="LOW ESTIMATE (USD)-cell">4309</td>
<td class="HIGH ESTIMATE (USD)-cell">7181</td>
<td class="AUCTION HOUSE-cell">Sotheby's</td>
<td class="AUCTION CITY-cell">London</td>
<td class="AUCTION DATE-cell">22-Mar-16</td>
</tr>
<tr>
<tr class="lastRow">
<td class="ARTIST-cell">Warhol, Andy</td>
<td class="TITLE-cell">Tattooed Woman Holding a Rose (Not in F. & S.)</td>
<td class="DATE OF WORK-cell">1955</td>
<td class="MEDIUM-cell">Offset lithograph</td>
<td class="DIMENSIONS (INCHES)-cell">28 7/8</td>
<td class="LOW ESTIMATE (USD)-cell">7181</td>
<td class="HIGH ESTIMATE (USD)-cell">10053</td>
<td class="AUCTION HOUSE-cell">Sotheby's</td>
<td class="AUCTION CITY-cell">London</td>
<td class="AUCTION DATE-cell">22-Mar-16</td>
</tr>
</tbody>
</table>

<br>
<br>

</body>
</html>






QUOTE(pandy @ Apr 11 2016, 03:53 AM) *

What you posted doesn't work, but it isn't the whole document. If I download your Godaddy page and load it locally it does work, search box and all. Can't figure out why that is.

You have lots of HTML errors. You should correct them, but I don't really think they are the reason the page works locally but not on the server. For instance, you can't paste a whole HTML document inside another one. You can't have HTML, HEAD and BODY for the table part. You should remove them and move all STYLE and SCRIPT blocks and tags to HEAD (the HEAD of the main document, that is).

Use the validator to find other errors.
http://validator.w3.org/

We've had other questions similar to yours about pages hosted with Godaddy, but I've never gotten a grip on if there is a problem with Godaddy or if it's just a coincidence.

I find others with similar problems with Google, but there seems to be different solutions for everyone.

http://google.com/search?q=godaddy+jquery
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2017 Invision Power Services, Inc.