[Plugin: Easy FancyBox] How to display just an html div or section of an external html page

  • Resolved baltaran

    (@baltaran)


    12 years, 5 months ago

    Hi, I am really falling in love with your Easy fancybox plugin and I am planning to use it in future projects. In this ocasion I am trying to use it to display a contact form that resides in an external page. The idea is to load only the form but not the whole page with its styles and extra content. Do you think this could be done.
    Thanks a lot in advance

    http://wordpress.org/extend/plugins/easy-fancybox/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Rolf Allard van Hagen

    (@ravanh)

    12 years, 5 months ago

    FancyBox cannot strip out the header, sidebars and footer. I see only two possible alternatives:

    1. Include the form inside a hidden div on the same page and call it as inline content (instead of another page as iframe content). This basically means you wrap the form inside <div style="display:none;" class="fancybox-hidden"><div id="myform" width="xxx" height="xxx"> ... </div></div> and make the link similar to <a href="#myform" class="fancybox">open my form</a>

    2. Create a complete new custom template file (that does not call the regular header.php, sidebar.php and footer.php) inside your theme folder and make the contact form page use that template… Start reading more on http://codex.wordpress.org/Theme_Development#Custom_Page_Templates

    If you’re new to themeing, my advise would be option 1. And if you use a form plugin like Contact Form 7, it’s really not difficult recreating that same form as you are already using on the regular contact page 🙂

    Thread Starter baltaran

    (@baltaran)

    12 years, 5 months ago

    Hi RavanH, Thanks a lot for your quick reply. I tried it with the second option and it works but I would stick with the first option to prevent taking users, with javascript disabeled, to another page with no styles but only a contact form. I apreciate your help

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Plugin: Easy FancyBox] How to display just an html div or section of an external html page’ is closed to new replies.