I am using Classic. I have just tried adding it using Gutenburg HTML blocks and have the same result – only the heading shows.

This is the HTML if it is of any help in this issue.

<style>
body {
font-family: verdana;
}
table, th, td {
border: 1% solid black;
}
table th {
text-align: left;
}
table td:nth-child(1) {
width: 7.5%;
text-align: center;
}
table td:nth-child(2) {
width: 12.5%;
text-align: left;
text-transform: capitalize;
}
table td:nth-child(3) {
width: 50%;
text-transform: capitalize;
}
table td:nth-child(4) {
width: 30%;
text-transform: capitalize;
}
th {
font-size: 1.2em;
font-weight: bold;
}
</style>
<h1>kimn.ca Sold Properties</h1>
<p role="alert" id="errorMsg"></p>
<div id="content"></div>
<script>
function markSold(property_id) {

//make a reference to the checkbox
let c = document.getElementById('property' + property_id);

//clear any errors
document.getElementById('errorMsg').innerHTML = '';

//build the data
let data = {};
if(c.checked) {
data.setSold = {
property_id: property_id
};
} else {
data.setForSale = {
property_id: property_id
};
}
//alert(JSON.stringify(data));

//update the server
sync(data)
.then((response) => {
document.getElementById('errorMsg').innerHTML = response.success.message;
});

//if the server request fails, reset the state to its pre-change value
//this.checked = !this.checked;

}
</script>

<script>
//send data to the server and get the response
function sync(data) {
return new Promise((resolve, reject) => {
//set a timeout in case the server does not respond
//give it 5 seconds
setTimeout(() => {
reject(new Error('We did not get a response from the server.  Please try again in a moment.'));
}, 5000);

var request = new Request(‘/markSold/sold.php', {
method: 'post',
mode: 'cors',
body: JSON.stringify(data),
headers: new Headers()
});
fetch(request)
.then(function(response) {
//return response.text();
return response.json();
})
.then(function(response) {
//alert(JSON.stringify(response));
resolve(response);
}
)
.catch(function(error) {
switch(error.message) {
case 'The Internet connection appears to be offline.':
reject(error);
break;

default:
reject(error);
break;
}
});
});
}
</script>
<script>
//build the view all data
let data = {
viewAll: {
sortColumn: 'price', 
sortDirection: 'DESC'
}
};

//get the property list
sync(data)
.then((response) => {
//alert(response.success.message);
document.getElementById('content').innerHTML = response.success.message
});
</script>

• This reply was modified 5 months, 3 weeks ago by ma3ry.

I am on your test page and don’t see any of the content that should be there. I just see the header and “Paragraph after HTML code”. It should show a table with tick boxes in the first column with a heading of SOLD, Prices, and then Addresses in the last column.

Many thanks. I found the problem. There are a smart quote instead of a plain quote.