|
|
| |
1. Non-javascript support and divs without dimensions |
|
Reply |
|
|
red indian | 2011-03-01 10:50:35 |
Seems interesting, but do you also support non-javascript browsers with the <noscript> option? Maybe you could even fetch the content from those <noscript id="ad"> blocks using the id. Just an idea that popped into my head.
I've have div elements not honoring it's dimensions before. Just add a to it and it will work again. In this case the content is probably always bigger than a space so no worries there. Otherwise you could set font-size to very small or hide overflow. |
| |
2. Re: Non-javascript support and divs without dimensions |
|
Reply |
|
|
red indian | 2011-03-01 14:16:25 - In reply to message 1 from red indian |
Just did a quick test and it works!
You only have to convert < and > to get html back from <noscript> tags.
Demo code:
<html>
<body>
<!-- Container for HTML -->
<noscript id="ad">This is the content when the script is disabled. It also supports <b>html</b> tags.</noscript>
<!-- Div with yellow background to fill with HTML -->
<div id="ad-target" style="background:yellow;"></div>
<script type="text/javascript">
// Get html
var html = document.getElementById('ad').innerHTML;
// Convert < and >
html = html.replace( /</ig, '<' ).replace( />/ig, '>' );
// Just for fun to indicate javascript enabled or disabled
html = html.replace( /disabled/, 'enabled' );
// Write the div with yellow background
document.getElementById('ad-target').innerHTML = html;
</script>
</body>
</html>
|
| |
3. Re: Non-javascript support and divs without dimensions |
|
Reply |
|
|
red indian | 2011-03-01 18:42:57 - In reply to message 2 from red indian |
| Talking to myself here, but just found out that IE does not support reading the contents of <noscript> tags. So this is not a general solution. Too bad. |
| |
4. Re: Non-javascript support and divs without dimensions |
|
Reply |
|
|
Manuel Lemos | 2011-03-01 21:50:59 - In reply to message 1 from red indian |
Right, but it would be great if it worked in all browsers but as you have realized it would not work in IE.
Another idea that I was thinking is to put it inside a div as comments. I am just not sure if it is possible to access comment data in all browsers. I think I saw that somewhere.
As for not honoring the dimensions, I think I have tried putting a a inside before and it did not work.
Maybe it would be better to have some JavaScript to set the width and height properties right after the div. I am just not sure if the div will be ready to resize right away. |
|
Stumble It!
Bookmark in del.icio.us
