document type does not allow element "div" here, (I think falsly indicated for Transitional XHTML 4.01)

the document is located at
http://pm.megatec.co.il/PrimaveraContentPage.aspx

this document uses an addon called PrettyPhotto (more info here :
http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/
)

in the <head> tag, there is a <script ...></script> which loads
PrettyPhotto, and the initializer gets a *markup* string with how the photo
popup should look like.. as follows:

<script type="text/javascript" language="javascript">
//<![CDATA[
        $(document).ready(function () {
            $("a[rel^='prettyPhoto']").prettyPhoto({
                show_title: false,
                theme: 'dark_rounded',
                social_tools: false,
                custom_markup: '<div id="map_canvas"
style="width:260px; height:265px">{path}<\/div>',
                iframe_markup: '<iframe src ="{path}" width="{width}"
height="{height}" frameborder="no"><\/iframe>',
                markup: '<div class="pp_pic_holder"> \
                                                <a class="pp_close"
href="#">&nbsp;<\/a>\
                        <div class="ppt">&nbsp;<\/div> \
                                                <div class="pp_top"> \
                                                        <div
class="pp_left"><\/div> \
                                                        <div
class="pp_middle"><\/div> \
                                                        <div
class="pp_right"><\/div> \
                                                <\/div> \
                                                <div
class="pp_content_container"> \
                                                        <div class="pp_left"> \
                                                        <div class="pp_right"> \
                                                                <div
class="pp_content"> \

 <div class="pp_loaderIcon"><\/div> \

 <div class="pp_fade"> \

         <a href="#" class="pp_expand" title="Expand the
image">Expand<\/a> \

         <div class="pp_hoverContainer"> \

                 <a class="pp_next" href="#">next<\/a> \

                 <a class="pp_previous" href="#">previous<\/a> \

         <\/div> \

         <div id="pp_full_res"><\/div> \

         <div class="pp_details"> \

                 <div class="pp_nav"> \

                         <a href="#"
class="pp_arrow_previous">Previous<\/a> \

                         <p class="currentTextHolder">0/0<\/p> \

                         <a href="#" class="pp_arrow_next">Next<\/a> \

                 <\/div> \

                 <p class="pp_description"><\/p> \

         <\/div> \

 <\/div> \
                                                                <\/div> \
                                                        <\/div> \
                                                        <\/div> \
                                                <\/div> \
                                                <div class="pp_bottom"> \
                                                        <div
class="pp_left"><\/div> \
                                                        <div
class="pp_middle"><\/div> \
                                                        <div
class="pp_right"><\/div> \
                                                <\/div> \
                                        <\/div> \
                                        <div class="pp_overlay"><\/div>',
            });
        });
//]]>
</script>


When i validate, i get errors indicating that the tags are not allowed
there.

[image: Error] *Line
17<http://validator.w3.org/check?uri=http%3A%2F%2Fpm.megatec.co.il%2FPrimaveraContentPage.aspx&charset=%28detect+automatically%29&doctype=Inline&ss=1&group=0&st=1&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices#line-17>,
Column 52*: document type does not allow element "div" here

                markup: '<div class="pp_pic_holder"> \


Though, right, there shouldn't be <div> beneth the <head> <script> tag, but
this is only a string representation...
the actual tag is placed beneath <body>

is it a validation error?
is it really not correct thing to do?
should i change something in my code?

Thank you very much,
Keep the good work going...
Tomer Weinberg.

Received on Sunday, 30 June 2013 21:42:08 UTC