Databases
StackOverflow2013
Postsdbo
POHow do you write Valid XHTML 1.0 Strict code when you are using javascript to fill an element that requires a child?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow do you write Valid XHTML 1.0 Strict code when you are using javascript to fill an element that requires a child?
    primarykey
    data
    text
    <p>I'm running my site through the W3C's validator trying to get it to validate as XHTML 1.0 Strict and I've gotten down to a particularly sticky (at least in my experience) validation error. I'm including certain badges from various services in the site that provide their own API and code for inclusion on an external site. These badges use javascript (for the most part) to fill an element that you insert in the markup which requires a child. This means that in the end, perfectly valid markup is generated, but to the validator, all it sees is an incomplete parent-child tag which it then throws an error on.</p> <p>As a caveat, I understand that I could complain to the services that their badges don't validate. Sans this, I assume that someone has validated their code while including badges like this, and that's what I'm interested in. Answers such as, 'Complain to Flickr about their badge' aren't going to help me much.</p> <p>An additional caveat: I would prefer that as much as possible the markup remains semantic. I.E. Adding an empty li tag or tr-td pair to make it validate would be an <em>undesirable</em> solution, even though it may be necessary. If that's the only way it can be made to validate, oh well, but please lean answers towards semantic markup.</p> <p>As an example: </p> <pre><code>&lt;div id="twitter_div"&gt; &lt;h2&gt;&lt;a href="http://twitter.com/stopsineman"&gt;@Twitter&lt;/a&gt;&lt;/h2&gt; &lt;ul id="twitter_update_list"&gt; &lt;script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="http://twitter.com/statuses/user_timeline/stopsineman.json?callback=twitterCallback2&amp;amp;count=1"&gt;&lt;/script&gt; &lt;/ul&gt; &lt;/div&gt; </code></pre> <p>Notice the ul tags wrapping the javascript. This eventually gets filled in with lis via the script, but to the validator it only sees the unpopulated ul.</p> <p>Thanks in advance!</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USJoe Lencioni
    1. USTim Visher
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COLooks like Twitter are using a callback that inserts the xhtml. For Twitter, you could open http://twitter.com/javascripts/blogger.js and check out twitterCallback2() and change it to work the way you prefer. Just pass the new callback function name into the callback param in the second script tag.
      singulars
      1. POHow do you write Valid XHTML 1.0 Strict code when you are using javascript to fill an element that requires a child?
      1. USJoe Lencioni
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload