Best Interview Question

Programming
PHP
Java
Angular
Database
Frontend
App
Testing
Company
More
Blog

Ask Your Question

Loading…

What is <iframe> and why we can use this?

Home
Frontend /UI
HTML5 Interview Questions
What is and why we can use this?</span> </a><meta itemprop="position" content="5" /></li></ul> </p> </div> </div> </div> </section> <section class="post-content-area single-post-area questionDetail"> <div class="container"> <div class="row"> <div class="col-lg-8 posts-list"> <div class="AdArea"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3573787020334590" data-ad-slot="9278252359" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <h2>What is <iframe> and why we can use this?</h2> <div class="single-post row"> <div class="col-lg-12"> <div class="questionDetailPage"> <div class="answer"> <p>The <iframe> tag is used to indicate an inline frame, or, a browsing context that is nested. It allows outside documents to be inserted in the main HTML document seamlessly. Inline frames are mostly used in online advertising, where the contents of the iframe can e an ad from a third party.</p> </div> <div class="row"> <div class="postedDetail col-lg-12 text-right"> <a><span>BY </span> Admin <span>ON</span> 21 Dec 2018</a> </div> <div class="clearfix"></div> </div> <div class="ButtonArea quotes"> <a href="#" id="viewAnswerArea" class="genric-btn primary circle">View Suggestions</a> <span class="gap">OR</span> <a href="#" id="viewSuggestionForm" class="genric-btn primary circle">Post Your Suggestion</a> </div> </div> <section class="contact-page-area section-gap"> <div class="row"> <div class="col-lg-12"> <div class="AdArea"> <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-gu-3+1f-3d+2z" data-ad-client="ca-pub-3573787020334590" data-ad-slot="5207253201"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <h4><i class="fa fa-edit"></i> Suggest An Answer</h4> <div style="padding:5px 0px" class="displayMsgArea"></div> <form method="POST" action="https://www.bestinterviewquestion.com/question/what-is-iframe-and-why-we-can-use-this-x8lzm837" accept-charset="UTF-8" id="suggestAnAnswerForm" name="suggestAnAnswerForm" class="form-area contact-form"><input name="_token" type="hidden" value="tmHeQQLxBtRHnMbR1EduyhouYIPFjbCHLYrV6i7f"> <input name="qID" type="hidden" value="Y2F3cmcxbU1WYU5NR0lCM1JUWDYwQT09"> <div class="row"> <div class="col-lg-6 col-md-12 col-xs-12 form-group"> <input class="form-control" placeholder="Enter your name (*)" name="name" type="text"> </div> <div class="col-lg-6 col-md-12 col-xs-12 form-group"> <input class="form-control" placeholder="Enter email address (*)" name="email" type="text"> </div> <div class="col-lg-12 col-md-12 col-xs-12 form-group"> <textarea id="answerTextArea" class="form-control" placeholder="Enter Messege" name="answer1" cols="50" rows="10"></textarea> </div> <div class="col-md-8 form-group"> <script src="https://www.google.com/recaptcha/api.js?" async defer></script> <div data-sitekey="6LcYzokUAAAAAM2q0EYPhgG9s4-ycs8rC71r8D03" class="g-recaptcha"></div> </div> <div class="col-lg-4 col-md-12 col-xs-12"> <button class="genric-btn primary"z>Publish your answer</button> </div> </div> </form> <div class="AdArea">  <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-gu-3+1f-3d+2z" data-ad-client="ca-pub-3573787020334590" data-ad-slot="5207253201"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> </section> <div class="answerSection"> <div class="norecordfound text-center">No suggestions avaliable!</div> </div> <section class="contact-page-area section-gap"> <h2 class="mb-10">Latest post from HTML5 Interview Questions</h2> <div class="questionAnswerArea relatedPosts"> <div class="row"> <div class="col-lg-4 col-md-6 single-post align-items-center"> <div class="thumb"> <a class="bloglistTitle" href="https://www.bestinterviewquestion.com/blog/html5-and-css3-interview-questions"> <img src="https://www.bestinterviewquestion.com/storage/blog/small/1559584173.jpg" class="img-responsive" alt="HTML5 and CSS3 Interview Questions"> </a> </div> <a class="bloglistTitle" href="https://www.bestinterviewquestion.com/blog/html5-and-css3-interview-questions"> <h5>HTML5 and CSS3 Interview Questions</h5> </a> </div> <div class="col-lg-4 col-md-6 single-post align-items-center"> <div class="thumb"> <a class="bloglistTitle" href="https://www.bestinterviewquestion.com/blog/tips-to-crack-css-interviews"> <img src="https://www.bestinterviewquestion.com/storage/blog/small/1566643540.jpg" class="img-responsive" alt="Tips to crack CSS Interviews"> </a> </div> <a class="bloglistTitle" href="https://www.bestinterviewquestion.com/blog/tips-to-crack-css-interviews"> <h5>Tips to crack CSS Interviews</h5> </a> </div> <div class="col-lg-4 col-md-6 single-post align-items-center"> <div class="thumb"> <a class="bloglistTitle" href="https://www.bestinterviewquestion.com/blog/difference-between-html-and-html5"> <img src="https://www.bestinterviewquestion.com/storage/blog/small/1556348588.jpg" class="img-responsive" alt="Difference between html and html5"> </a> </div> <a class="bloglistTitle" href="https://www.bestinterviewquestion.com/blog/difference-between-html-and-html5"> <h5>Difference between html and html5</h5> </a> </div> </div> </div> </section> </div> </div> </div> <div class="col-lg-4 sidebar-widgets"> <div class="widget-wrap"> <div class="single-sidebar-widget search-widget"> <div class="sidebarSearch"> <form method="POST" action="https://www.bestinterviewquestion.com/question/what-is-iframe-and-why-we-can-use-this-x8lzm837" accept-charset="UTF-8" id="searchForm" name="searchForm" class="form-area search-form"><input name="_token" type="hidden" value="tmHeQQLxBtRHnMbR1EduyhouYIPFjbCHLYrV6i7f"> <input id="page_id" name="page_id" type="hidden" value=""> <input id="page_slug" name="page_slug" type="hidden" value=""> <input id="page_name" name="page_name" type="hidden" value=""> <input required autocomplete="off" id="searchKeyword" class="" placeholder="Enter PHP Interview Questions" name="keyword" type="text"> <button type="submit"><i class="fa fa-search"></i></button> <div class="clear"></div> <div class="suggestionDataArea"></div> </form> </div> </div> <div class="single-sidebar-widget post-category-widget" id="most-serch-list"> <h4 class="category-title">Most Searched Questions</h4> <ul class="cat-list" style="padding-top: 5px;"> <li> <a href="https://www.bestinterviewquestion.com/laravel-interview-questions" class="d-flex justify-content-between"> <p style="text-transform: uppercase">Laravel Interview Questions</p> <p class="questionCount">107</p> </a> </li> <li> <a href="https://www.bestinterviewquestion.com/wordpress-interview-questions" class="d-flex justify-content-between"> <p style="text-transform: uppercase">WordPress Interview Questions</p> <p class="questionCount">77</p> </a> </li> <li> <a href="https://www.bestinterviewquestion.com/react-js-interview-questions" class="d-flex justify-content-between"> <p style="text-transform: uppercase">React js interview questions</p> <p class="questionCount">34</p> </a> </li> <li> <a href="https://www.bestinterviewquestion.com/javascript-interview-questions" class="d-flex justify-content-between"> <p style="text-transform: uppercase">JavaScript interview questions</p> <p class="questionCount">33</p> </a> </li> <li> <a href="https://www.bestinterviewquestion.com/jquery-interview-questions" class="d-flex justify-content-between"> <p style="text-transform: uppercase">JQuery interview questions</p> <p class="questionCount">51</p> </a> </li> <li> <a href="https://www.bestinterviewquestion.com/angularjs-interview-questions" class="d-flex justify-content-between"> <p style="text-transform: uppercase">Angularjs Interview Questions</p> <p class="questionCount">39</p> </a> </li> <li> <a href="https://www.bestinterviewquestion.com/html-interview-questions" class="d-flex justify-content-between"> <p style="text-transform: uppercase">html Interview Questions</p> <p class="questionCount">33</p> </a> </li> <li> <a href="https://www.bestinterviewquestion.com/html5-interview-questions" class="d-flex justify-content-between"> <p style="text-transform: uppercase">HTML5 Interview Questions</p> <p class="questionCount">36</p> </a> </li> <li> <a href="https://www.bestinterviewquestion.com/css-interview-questions" class="d-flex justify-content-between"> <p style="text-transform: uppercase">CSS interview questions</p> <p class="questionCount">35</p> </a> </li> <li> <a href="https://www.bestinterviewquestion.com/node-js-interview-questions" class="d-flex justify-content-between"> <p style="text-transform: uppercase">Node js Interview Questions</p> <p class="questionCount">69</p> </a> </li> <li> <a href="https://www.bestinterviewquestion.com/python-interview-questions" class="d-flex justify-content-between"> <p style="text-transform: uppercase">Python Interview Questions</p> <p class="questionCount">54</p> </a> </li> <li> <a href="https://www.bestinterviewquestion.com/sql-interview-questions" class="d-flex justify-content-between"> <p style="text-transform: uppercase">SQL Interview Questions</p> <p class="questionCount">25</p> </a> </li> <li> <a href="https://www.bestinterviewquestion.com/mysql-interview-questions" class="d-flex justify-content-between"> <p style="text-transform: uppercase">Mysql Interview Questions</p> <p class="questionCount">62</p> </a> </li> <li> <a href="https://www.bestinterviewquestion.com/mongodb-interview-questions" class="d-flex justify-content-between"> <p style="text-transform: uppercase">MongoDB Interview Questions</p> <p class="questionCount">24</p> </a> </li> <li> <a href="https://www.bestinterviewquestion.com/core-php-interview-questions" class="d-flex justify-content-between"> <p style="text-transform: uppercase">PHP interview questions</p> <p class="questionCount">95</p> </a> </li> </ul> </div> <div class="single-sidebar-widget post-category-widget" id="most-serch-list"> <h4 class="category-title">Angular Interview Questions</h4> <ul class="cat-list" style="padding-top: 5px;"> <li> <a href="https://www.bestinterviewquestion.com/angularjs-interview-questions" class="d-flex justify-content-between"> <p style="text-transform: uppercase">Angularjs Interview Questions</p> <p class="questionCount">39</p> </a> </li> <li> <a href="https://www.bestinterviewquestion.com/angular-4-interview-questions" class="d-flex justify-content-between"> <p style="text-transform: uppercase">Angular 4 Interview Questions</p> <p class="questionCount">40</p> </a> </li> <li> <a href="https://www.bestinterviewquestion.com/angular-6-interview-questions" class="d-flex justify-content-between"> <p style="text-transform: uppercase">Angular 6 Interview Questions</p> <p class="questionCount">17</p> </a> </li> <li> <a href="https://www.bestinterviewquestion.com/angular-2-interview-questions" class="d-flex justify-content-between"> <p style="text-transform: uppercase">Angular 2 Interview Questions</p> <p class="questionCount">88</p> </a> </li> <li> <a href="https://www.bestinterviewquestion.com/angular-7-interview-questions" class="d-flex justify-content-between"> <p style="text-transform: uppercase">Angular 7 interview questions</p> <p class="questionCount">8</p> </a> </li> <li> <a href="https://www.bestinterviewquestion.com/angular-8-interview-questions" class="d-flex justify-content-between"> <p style="text-transform: uppercase">Angular 8 interview questions</p> <p class="questionCount">10</p> </a> </li> </ul> </div> <div class="single-sidebar-widget post-category-widget" id="most-serch-list"> <h4 class="category-title">PHP Interview Questions</h4> <ul class="cat-list" style="padding-top: 5px;"> <li> <a href="https://www.bestinterviewquestion.com/oops-interview-questions" class="d-flex justify-content-between"> <p style="text-transform: uppercase">OOPS interview questions</p> <p class="questionCount">20</p> </a> </li> <li> <a href="https://www.bestinterviewquestion.com/laravel-interview-questions" class="d-flex justify-content-between"> <p style="text-transform: uppercase">Laravel Interview Questions</p> <p class="questionCount">107</p> </a> </li> <li> <a href="https://www.bestinterviewquestion.com/wordpress-interview-questions" class="d-flex justify-content-between"> <p style="text-transform: uppercase">WordPress Interview Questions</p> <p class="questionCount">77</p> </a> </li> <li> <a href="https://www.bestinterviewquestion.com/yii-interview-questions" class="d-flex justify-content-between"> <p style="text-transform: uppercase">YII Interview Questions</p> <p class="questionCount">27</p> </a> </li> <li> <a href="https://www.bestinterviewquestion.com/drupal-interview-questions" class="d-flex justify-content-between"> <p style="text-transform: uppercase">Drupal Interview Questions</p> <p class="questionCount">30</p> </a> </li> <li> <a href="https://www.bestinterviewquestion.com/joomla-interview-questions" class="d-flex justify-content-between"> <p style="text-transform: uppercase">joomla interview questions</p> <p class="questionCount">27</p> </a> </li> <li> <a href="https://www.bestinterviewquestion.com/cakephp-interview-questions" class="d-flex justify-content-between"> <p style="text-transform: uppercase">CakePHP Interview Questions</p> <p class="questionCount">30</p> </a> </li> </ul> </div> <div class="single-sidebar-widget post-category-widget" id="most-serch-list"> <h4 class="category-title">Company Interview Questions</h4> <ul class="cat-list" style="padding-top: 5px;"> <li> <a href="https://www.bestinterviewquestion.com/tcs" class="d-flex justify-content-between"> <p style="text-transform: uppercase">TCS Interview Questions</p> </a> </li> <li> <a href="https://www.bestinterviewquestion.com/hcl" class="d-flex justify-content-between"> <p style="text-transform: uppercase">HCL Interview Questions</p> </a> </li> <li> <a href="https://www.bestinterviewquestion.com/linkedin" class="d-flex justify-content-between"> <p style="text-transform: uppercase">Linkedin Interview Questions</p> </a> </li> <li> <a href="https://www.bestinterviewquestion.com/facebook" class="d-flex justify-content-between"> <p style="text-transform: uppercase">Facebook Interview Questions</p> </a> </li> <li> <a href="https://www.bestinterviewquestion.com/google" class="d-flex justify-content-between"> <p style="text-transform: uppercase">Google Interview Questions</p> </a> </li> </ul> </div> <div class="single-sidebar-widget tag-cloud-widget"> <h4 class="tagcloud-title">Featured Category</h4> <ul> <li><a href="https://www.bestinterviewquestion.com/development">Development</a></li> <li><a href="https://www.bestinterviewquestion.com/front-end">Frontend /UI</a></li> <li><a href="https://www.bestinterviewquestion.com/database-interview-questions">Database</a></li> <li><a href="https://www.bestinterviewquestion.com/web-design">Web Design</a></li> <li><a href="https://www.bestinterviewquestion.com/mobile-app">Mobile App</a></li> <li><a href="https://www.bestinterviewquestion.com/government">Government</a></li> <li><a href="https://www.bestinterviewquestion.com/hr">HR</a></li> <li><a href="https://www.bestinterviewquestion.com/testing">Testing / QA</a></li> <li><a href="https://www.bestinterviewquestion.com/networking">Networking</a></li> <li><a href="https://www.bestinterviewquestion.com/digital-marketing">Digital Marketing</a></li> <li><a href="https://www.bestinterviewquestion.com/crm">CRM</a></li> <li><a href="https://www.bestinterviewquestion.com/git">GIT</a></li> <li><a href="https://www.bestinterviewquestion.com/php">PHP</a></li> <li><a href="https://www.bestinterviewquestion.com/seo">SEO</a></li> <li><a href="https://www.bestinterviewquestion.com/sem">SEM</a></li> <li><a href="https://www.bestinterviewquestion.com/smm-smo">SMM/SMO</a></li> <li><a href="https://www.bestinterviewquestion.com/java">java</a></li> <li><a href="https://www.bestinterviewquestion.com/node-js">Node JS</a></li> <li><a href="https://www.bestinterviewquestion.com/python">Python</a></li> <li><a href="https://www.bestinterviewquestion.com/asp-net">Asp .net</a></li> <li><a href="https://www.bestinterviewquestion.com/go-programming">GO programming</a></li> <li><a href="https://www.bestinterviewquestion.com/coldfusion">Coldfusion</a></li> <li><a href="https://www.bestinterviewquestion.com/c-programming">C Programming</a></li> <li><a href="https://www.bestinterviewquestion.com/objective-c">Objective C</a></li> <li><a href="https://www.bestinterviewquestion.com/pascal">Pascal</a></li> </ul> </div> </div> </div> </div> </div> </section>  <footer class="footer-area section-gap"> <div class="container"> <div class="row"> <div class="col-lg-3 col-md-6 col-sm-6"> <div class="single-footer-widget"> <h4>Best Interview Questions</h4> <ul> <li><a href="https://www.bestinterviewquestion.com/core-php-interview-questions">PHP Interview Questions</a></li> <li><a href="https://www.bestinterviewquestion.com/laravel-interview-questions">Laravel Interview Questions</a></li> <li><a href="https://www.bestinterviewquestion.com/wordpress-interview-questions">Wordpress Interview Questions</a></li> <li><a href="https://www.bestinterviewquestion.com/mysql-interview-questions">Mysql Interview Questions</a></li> <li><a href="https://www.bestinterviewquestion.com/javascript-interview-questions">JavaScript Interview Questions</a></li> <li><a href="https://www.bestinterviewquestion.com/angular-2-interview-questions">Angular 2 Interview Questions</a></li> <li><a href="https://www.bestinterviewquestion.com/full-stack-developer-interview-questions">Full Stack Interview Questions</a></li> <li><a href="https://www.bestinterviewquestion.com/c-interview-questions">C Interview Questions</a></li> <li><a href="https://www.bestinterviewquestion.com/java-interview-questions">Java Interview Questions</a></li> </ul> </div> </div> <div class="col-lg-3 col-md-6 col-sm-6"> <div class="single-footer-widget"> <h4>Popular Interview Questions</h4> <ul> <li><a href="https://www.bestinterviewquestion.com/node-js-interview-questions">Node JS Interview Questions</a></li> <li><a href="https://www.bestinterviewquestion.com/go-programming-interview-questions">GO Interview Questions</a></li> <li><a href="https://www.bestinterviewquestion.com/python-interview-questions">Python Interview Questions</a></li> <li><a href="https://www.bestinterviewquestion.com/html-interview-questions">HTML Interview Questions</a></li> <li><a href="https://www.bestinterviewquestion.com/css-interview-questions">CSS Interview Questions</a></li> <li><a href="https://www.bestinterviewquestion.com/react-js-interview-questions">React Interview Questions</a></li> <li><a href="https://www.bestinterviewquestion.com/angularjs-interview-questions">Angular JS Interview Questions</a></li> <li><a href="https://www.bestinterviewquestion.com/servlet-interview-questions">Servlet Interview Questions</a></li> <li><a href="https://www.bestinterviewquestion.com/common-interview-questions">Common Interview Questions</a></li> </ul> </div> </div> <div class="col-lg-3 col-md-6 col-sm-6"> <div class="single-footer-widget"> <h4>Recently Added Questions</h4> <ul> <li><a href="https://www.bestinterviewquestion.com/tcs-interview-questions">TCS Interview Questions</a></li> <li><a href="https://www.bestinterviewquestion.com/hcl-interview-questions">HCL Interview Questions</a></li> <li><a href="https://www.bestinterviewquestion.com/linkedin-interview-questions">Linkedin Interview Questions</a></li> <li><a href="https://www.bestinterviewquestion.com/facebook-interview-questions">Facebook Interview Questions</a></li> <li><a href="https://www.bestinterviewquestion.com/google-interview-questions-for-software-engineer">Google Interview Questions For Software Engineer</a></li> <li><a href="https://www.bestinterviewquestion.com/google-adwords-interview-questions">Google Adwords Interview Questions</a></li> <li><a href="https://www.bestinterviewquestion.com/google-analytics-interview-questions">Google Analytics Interview Questions</a></li> <li><a href="https://www.bestinterviewquestion.com/google-interview-questions">Google Interview Questions</a></li> </ul> </div> </div> <div class="col-lg-3 col-md-6 col-sm-6"> <div class="single-footer-widget"> <h4>Newsletter</h4> <p>Stay in touch to know the latest interview questions.</p> <div id="mc_embed_signup"> <form method="POST" action="https://www.bestinterviewquestion.com/question/what-is-iframe-and-why-we-can-use-this-x8lzm837" accept-charset="UTF-8" id="newsLetterForm" name="newsLetterForm" class="form-wrap"><input name="_token" type="hidden" value="tmHeQQLxBtRHnMbR1EduyhouYIPFjbCHLYrV6i7f"> <div class="input-group"> <input class="form-control" placeholder="Your Email Address" name="email" type="text"> <div class="input-group-btn"> <button class="btn btn-default" type="submit"> <span class="lnr lnr-arrow-right"></span> </button> </div> <div class="info"></div> </div> </form> <div class="subscribeDisplayMsgArea"></div> </div> <div class="footer-quick-link"> <a href="https://www.bestinterviewquestion.com">Home</a> <a href="https://www.bestinterviewquestion.com/about-us">About Us</a> <a href="https://www.bestinterviewquestion.com/blog">Blog</a> <a href="https://www.bestinterviewquestion.com/contact-us">Contact</a> <a href="https://www.bestinterviewquestion.com/privacy-policy">Privacy Policy</a> </div> </div> <div class="single-footer-widget mt-10"> <ul> <li><a href="https://in.jooble.org" target="_blank" rel="nofollow">Jobs in India</a></li> </ul> </div> </div> </div> <div class="footer-bottom row align-items-center justify-content-between"> <p class="footer-text m-0 col-lg-8 col-md-12"> Copyright © 2019 All rights reserved </p> <div class="col-lg-4 col-sm-12 footer-social"> <a href="https://www.facebook.com/Best-Interview-Questions-1202417033247667/" title="facebook page" target="_blank"><i class="fa fa-facebook"></i></a> <a href="https://twitter.com/bestinterviewq1/" title="twitter page" target="_blank"><i class="fa fa-twitter"></i></a> <a href="https://www.pinterest.com/bestinterviewquestion/" title="pinterest page" target="_blank"><i class="fa fa-pinterest"></i></a> <a href="https://www.linkedin.com/company/best-interview-question/" title="linkedin page" target="_blank"><i class="fa fa-linkedin"></i></a> <a href="https://www.youtube.com/channel/UCvkqbhXjD6koAzyhzh20MtA" title="Youtube channel" target="_blank"><i class="fa fa-youtube"></i></a> </div> </div> </div> </footer>  <div class="askQuestionButtonSideBar"><a data-toggle="modal" data-target="#myModal">Ask Question</a></div> <script as="script" src="https://www.bestinterviewquestion.com/public/frontend/js/vendor/jquery-2.2.4.min.js"></script> <script as="script" async src="https://www.bestinterviewquestion.com/public/frontend/js/vendor/bootstrap.min.js"></script> <script as="script" async src="https://www.bestinterviewquestion.com/public/frontend/js/easing.min.js"></script> <script as="script" async src="https://www.bestinterviewquestion.com/public/frontend/js/hoverIntent.js"></script> <script as="script" async src="https://www.bestinterviewquestion.com/public/frontend/js/owl.carousel.min.js"></script> <script as="script" async src="https://www.bestinterviewquestion.com/public/frontend/js/main.js"></script> <script as="script" async src="https://www.bestinterviewquestion.com/public/frontend/js/menu.js"></script> <script as="script" src="https://www.bestinterviewquestion.com/public/frontend/js/jquery.smartsticky.js"></script> <script src="https://www.bestinterviewquestion.com/public/admin/bower_components/ckeditor/ckeditor.js"></script> <script type="text/javascript"> $(document).ready(function () { $("#suggestAnAnswerForm").submit(function () { var answer = CKEDITOR.instances.answerTextArea.getData(); $(".loading").removeClass("displayNone"); $('.displayMsgArea').html(""); $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') } }); $.ajax({ type: "POST", url: "https://www.bestinterviewquestion.com/question/suggestanswervalidate", data: $('form#suggestAnAnswerForm').serialize() + '&answer=' + answer, dataType: "json", success: function (response) { $(".loading").addClass("displayNone"); if (response.data == 'success') { jQuery(".displayMsgArea").html("<div class='successMSG'>Thanks for suggest an answer. Your answer is awaiting moderation.</div>"); setTimeout(function () { $('#suggestAnAnswerForm')[0].reset(); location.reload(); }, 1000); } else if (response.data == 'error') { jQuery(".displayMsgArea").html(response.message); } }, error: function (response) { $(".loading").addClass("displayNone"); $(".displayMsgArea").html(""); var valueInTest = response.responseText; var object = JSON.parse(valueInTest); if (object.success == false) { var errorMsg = '<ul class="errorMSG">'; $.each(object.data, function (index, value) { errorMsg += '<li>' + value + '</li>'; }); errorMsg += '</ul>'; } $('.displayMsgArea').html(errorMsg); } }); return false; }); }); CKEDITOR.replace('answerTextArea'); $("#viewAnswerArea").click(function() { $('html,body').animate({ scrollTop: $(".answerSection").offset().top}, 'slow'); }); $("#viewSuggestionForm").click(function() { $('html,body').animate({ scrollTop: $(".contact-page-area").offset().top}, 'slow'); }); </script> <script type="text/javascript"> $('#lastAdsID').sticky({ top: 20, // Distance to the top of the page when it is fixed bottom: 20, // Distance to the bottom of the down element when stoped stopOn: '.footer-area', // Stand on this element (often footer) disableOn: 768 // Disable plugin on this screen width size (responsive themes) }); </script> <script type="text/javascript"> $(document).ready(function() { $("#newsLetterForm").submit(function () { $(".loading").removeClass("displayNone"); $('.subscribeDisplayMsgArea').html(""); $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') } }); $.ajax({ type: "POST", url: "https://www.bestinterviewquestion.com/email/subscribe", data : $('form#newsLetterForm').serialize(), dataType: "json", success: function (response) { $(".loading").addClass("displayNone"); if(response.data == 'success') { jQuery(".subscribeDisplayMsgArea").html("<div class='successMSG'>Verification link is sent to your email address. Please follow the instructions to verify your email address.</div>"); /* setTimeout(function() { $(".subscribeDisplayMsgArea").html(''); $('#newsLetterForm')[0].reset(); }, 15000); */ } else if(response.data == 'error') { jQuery(".subscribeDisplayMsgArea").html("<div class='errorMSG'>There is some technical error, try again later!</div>"); } }, error: function(response) { $(".loading").addClass("displayNone"); $(".subscribeDisplayMsgArea").html(""); var valueInTest = response.responseText; var object = JSON.parse(valueInTest); if(object.success == false) { var errorMsg = '<ul class="errorMSG">'; $.each(object.data, function( index, value ) { errorMsg += '<li>'+value+'</li>'; }); errorMsg += '</ul>'; } $('.subscribeDisplayMsgArea').html(errorMsg); } }); return false; }); }); $(document).ready(function() { $("#askQuestionPopup").submit(function () { $(".loading").removeClass("displayNone"); $('.AskQuestiondisplayMsgArea').html(""); $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') } }); $.ajax({ type: "POST", url: "https://www.bestinterviewquestion.com/askquestion/validate", data : $('form#askQuestionPopup').serialize(), dataType: "json", success: function (response) { $(".loading").addClass("displayNone"); if(response.data == 'success') { $(".AskQuestiondisplayMsgArea").html("<div class='successMSG'>Thank you for asking question, We will surely come back with an answer.</div>"); $('#askQuestionPopup')[0].reset(); setTimeout(function () { location.reload(); }, 3000); } else if(response.data == 'error') { jQuery(".AskQuestiondisplayMsgArea").html(response.message); } }, error: function(response) { $(".loading").addClass("displayNone"); $(".AskQuestiondisplayMsgArea").html(""); var valueInTest = response.responseText; var object = JSON.parse(valueInTest); if(object.success == false) { var errorMsg = '<ul class="errorMSG">'; $.each(object.data, function( index, value ) { errorMsg += '<li>'+value+'</li>'; }); errorMsg += '</ul>'; } $('.AskQuestiondisplayMsgArea').html(errorMsg); } }); return false; }); }); </script> <script type="text/javascript"> $(document).ready(function() { $("#searchForm").submit(function () { $(".loading").removeClass("displayNone"); var page_id = $("#page_id").val(); var page_slug = $("#page_slug").val(); var page_name = $("#page_name").val(); if(page_slug != '' || page_slug != null) { var url = 'https://www.bestinterviewquestion.com/:slug'; url = url.replace(':slug', page_slug); $(".loading").addClass("displayNone"); window.location.href= url; } return false; }); $("#searchKeyword").keyup(function () { $(".loading").removeClass("displayNone"); var enteredValue = $("#searchKeyword").val(); if(enteredValue.length > 0) { $("#page_id").val(''); $("#page_slug").val(''); $("#page_name").val(''); } $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') } }); $.ajax({ type: "POST", url: "https://www.bestinterviewquestion.com/suggestionWithKeyword", data : { keyword: enteredValue}, success: function (response) { $(".loading").addClass("displayNone"); if(response.data == 'success') { jQuery(".suggestionDataArea").html(response.datalist); } } }); return false; }); }); function selectPage(page_id, page_slug, page_name) { $("#searchKeyword").val(page_name); $("#page_id").val(page_id); $("#page_slug").val(page_slug); $("#page_name").val(page_name); $(".suggestionDataArea").html(''); } $(document).ready(function() { $("#reviewForm").submit(function () { $(".loading").removeClass("displayNone"); $.ajax({ type: "POST", url: "https://www.bestinterviewquestion.com/review/validate", data : $('form#reviewForm').serialize(), dataType: "json", success: function (response) { $(".loading").addClass("displayNone"); if(response.data == 'success') { $(".reviewFormMsgArea").html("<div class='successMSG'>Thank you for submiting review. Your review is awaiting moderation.</div>"); $('#reviewForm')[0].reset(); } else if(response.data == 'error') { jQuery(".reviewFormMsgArea").html(response.message); } }, error: function(response) { $(".loading").addClass("displayNone"); $(".reviewFormMsgArea").html(""); var valueInTest = response.responseText; var object = JSON.parse(valueInTest); if(object.success == false) { var errorMsg = '<ul class="errorMSG">'; $.each(object.data, function( index, value ) { errorMsg += '<li>'+value+'</li>'; }); errorMsg += '</ul>'; } $('.reviewFormMsgArea').html(errorMsg); } }); return false; }); }); </script> </body> </html>