Adding Content to HTML-Overlay

classic Classic list List threaded Threaded
1 message Options
Reply | Threaded
Open this post in threaded view
|

Adding Content to HTML-Overlay

Straifer
So I got this HTML with my custom DIV called Button (which works just they way I want it):

<div id="shadowbox_overlay"></div> +
               <div id="shadowbox_container"> +
                   <div id="shadowbox"> +
                       <div id="shadowbox_body"> +
                           <div id="shadowbox_body_inner"></div> +
                           <div id="shadowbox_loading"></div> +
                           '<div id="shadowbox_Button">' +
                 '<form action="https://www.paypal.com/cgi-bin/webscr" method="post">'
                           '<input type="hidden" name="cmd" value="_donations">' +
                 '<input type="hidden" name="business" value="#####">' +
                 '<input type="hidden" name="item_name" value="Donate">' +
                 '<input type="hidden" name="no_shipping" value="0">' +
                      '<input type="hidden" name="no_note" value="1">' +
                 '<input type="hidden" name="currency_code" value="USD">' +
                 '<input type="hidden" name="tax" value="0">' +
                      '<input type="hidden" name="lc" value="US">' +
                      '<input type="hidden" name="bn" value="PP-DonationsBF">' +
                 '<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donate_LG.gif" border="0" '+
                           'name="submit" alt="PayPal - The safer, easier way to pay online!">' +
                  '' +
                  '</form>'
                '</div>'
                          </div> +
                       <div id="shadowbox_title"> +
                           <div id="shadowbox_title_inner"></div> +
                       </div> +
                       <div id="shadowbox_toolbar"> +
                           <div id="shadowbox_toolbar_inner"></div> +
                       </div> +
                   </div> +
               </div>,


and I want to add this to clean it up a bit, I have already defined button under the options section and it seems to work:

<div id="shadowbox_overlay"></div> +
               <div id="shadowbox_container"> +
                   <div id="shadowbox"> +
                       <div id="shadowbox_body"> +
                           <div id="shadowbox_body_inner"></div> +
                           <div id="shadowbox_loading"></div> +
                           '<div id="shadowbox_Button">' +
                 
                            function() {appendHTML(options.skin.button);}


                            '</div> +
                         '
</div>' +
                       <div id="shadowbox_title"> +
                           <div id="shadowbox_title_inner"></div> +
                       </div> +
                       <div id="shadowbox_toolbar"> +
                           <div id="shadowbox_toolbar_inner"></div> +
                       </div> +
                   </div> +
               </div>,

Now, when I try it this way ShadowBox seems to crash on me.  Have I done something wrong here in the way I am trying to insert the HTML for the button, or, is it not possible to call functions in the middle like that?  

Any detailed help would be greatly appreciated.

Disregard the ' and +, for some reason they are not showing up correctly when I post it here.  I have already double checked that they were correct.