I have recently designed a basic webpage in an attempt to simulate ajax using CSS. In order to achieve this, I aimed to create hidden radio buttons with visible labels, and load an external CSS file when the user clicks on a label. However, I encountered one issue: tags are displayed as plain text within the class area. Is there a solution to address this problem?
edit: Here is the code that was requested:
<!doctype html>
<html><head>
<title>Demo: Ajax without JS</title>
<style type="text/css">
#loader:checked:after{
content:'<link class="sheet" rel="stylesheet" type="text/css" href="external.css"/>';
}
</style>
</head><body>
<div class="rad"><input type="radio" id="loader"/><label for="loader">Loader</label></div>
</body></html>
Yes, it really is as simple as that.