HTML + HTML5 Interview Questions - 5

HTML + HTML5 interview questions part 5

Take as many assements as you can to improve your validate your skill rating

Total Questions: 20

1. Which element was not removed by HTML5?

B.

C.

D.

~~Correct Answer is :~~

2. How many times can HTML5 events be fired?

A. Multiple

B. One

C. Only two

D. Zero

Correct Answer is : Multiple

3. Which element is used to get highlighted text in HTML5?

A.

B.

C.

D.

Correct Answer is :

4. Which element is used to define a discrete unit of content such as a blogpost, comment, and so on?

A. section

B. class

C. article

D. media

Correct Answer is : article

5. Which of the following is not a HTML5 tag?

A.

B.

C.

D.

Correct Answer is :

6. Which attribute is used for data binding?

A. name

B. datafld

C. datasrc

D. mayscript

Correct Answer is : datasrc

7. Which attribute assigns a name to the applet?

A. name

B. vspace

C. src

D. object

Correct Answer is : name

8. Which value is there for autoplaying the YouTube video?

A. 0

B. 1

C. 2

D. infinite

Correct Answer is : 1

9. Which element is used for YouTube videos?

A. </label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que9B">B. </label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que9C">C. <small></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que9D">D. <samp></label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="9">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans9"> <div class="correctAnsInner"> Correct Answer is : <span><iframe></span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>10. HTML object tag to embed multimedia will not embed in ___________</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que10A">A. audio</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que10B">B. video</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que10C">C. Java applets</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que10D">D. images</label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="10">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans10"> <div class="correctAnsInner"> Correct Answer is : <span>images</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>11. video ID can be substituted by _____________</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que11A">A. “videoseries?list=”</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que11B">B. “videoseries.list=”</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que11C">C. “videoseries/list=”</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que11D">D. “videoseries$list=”</label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="11">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans11"> <div class="correctAnsInner"> Correct Answer is : <span>“videoseries?list=”</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>12. Which of the following is not a semantic element?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que12A">A. <form></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que12B">B. <article></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que12C">C. <table></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que12D">D. <span></label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="12">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans12"> <div class="correctAnsInner"> Correct Answer is : <span><span></span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>13. Footer element can’t contain ____________ information.</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que13A">A. contact information</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que13B">B. copyright information</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que13C">C. the author of the document</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que13D">D. blog post</label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="13">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans13"> <div class="correctAnsInner"> Correct Answer is : <span>blog post</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>14. Which element works as a sidebar?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que14A">A. header</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que14B">B. footer</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que14C">C. nav</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que14D">D. aside</label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="14">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans14"> <div class="correctAnsInner"> Correct Answer is : <span>aside</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>15. Which of the following defines a visible heading for <details> element?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que15A">A. <summary></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que15B">B. <section></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que15C">C. <mark></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que15D">D. <main></label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="15">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans15"> <div class="correctAnsInner"> Correct Answer is : <span><summary></span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>16. Which of the following specifies the main content of the document?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que16A">A. <time></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que16B">B. <main></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que16C">C. <details></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que16D">D. <section></label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="16">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans16"> <div class="correctAnsInner"> Correct Answer is : <span><main></span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>17. Which element defines additional details?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que17A">A. <details></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que17B">B. <summary></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que17C">C. <main></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que17D">D. <aside></label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="17">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans17"> <div class="correctAnsInner"> Correct Answer is : <span><details></span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>18. Which of the following specifies relationship between current document and external resource?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que18A">A. <meta></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que18B">B. <style></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que18C">C. <link></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que18D">D. </label></div></div></div></div><div class="row align-items-center"><div class="col-md-auto"><div class="queColBtn"><button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="18"></button></div></div><div class="col correctans" id="cans18"><div class="correctAnsInner"><span><link></span></div></div></div></div><hr /><div class="queColInnerMain"><h3></h3><div class="queColList"><div class="row"><div class="col-lg-12"><div class="queSelect"><label for="que19A"><main></label></div></div><div class="col-lg-12"><div class="queSelect"><label for="que19B"><dir></label></div></div><div class="col-lg-12"><div class="queSelect"><label for="que19C"><dd></label></div></div><div class="col-lg-12"><div class="queSelect"><label for="que19D"><pre></label></div></div></div></div><div class="row align-items-center"><div class="col-md-auto"><div class="queColBtn"><button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="19"></button></div></div><div class="col correctans" id="cans19"><div class="correctAnsInner"><span><pre></span></div></div></div></div><hr /><div class="queColInnerMain"><h3></h3><div class="queColList"><div class="row"><div class="col-lg-12"><div class="queSelect"><label for="que20A"><bdi></label></div></div><div class="col-lg-12"><div class="queSelect"><label for="que20B"><bdo></label></div></div><div class="col-lg-12"><div class="queSelect"><label for="que20C"><br></label></div></div><div class="col-lg-12"><div class="queSelect"><label for="que20D"><b></label></div></div></div></div><div class="row align-items-center"><div class="col-md-auto"><div class="queColBtn"><button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="20"></button></div></div><div class="col correctans" id="cans20"><div class="correctAnsInner"><span><bdi></span></div></div></div></div><hr /></div><div class="similarQuestion queColListInner"><h3></h3><ul id="skill-alias-list"></ul></div></div></div></div></div><div class="blogsidebar col-lg-4"><div class="blogsubscribe text-left"><div class="text-center"><h2></h2></div><div class="subscribeform"><div id="subcmsg"></div><form id="jobSearchForm" method="post"><div class="formInputCol"><div class="position-relative inputIcon"><img class="iconCol" src="/landing/img/jobtitleicon.svg" alt="Icon" /><input type="text" name="jobTitle" aria-label="input-field" placeholder="Enter job title" class="blogusername" id="jobTitle"></div><div class="position-relative inputIcon"><img class="iconCol" src="/landing/img/locationicon.svg" alt="Icon" /><input type="email" name="jobLocation" aria-label="input-field" placeholder="Enter location" class="blogemail" id="jobLocation"></div></div><button aria-label="button" type="button" class="subscribeblog" onclick="jobSearch()"></button></form></div></div></div></div></div></div><script type="text/javascript"><a href='+link+' aria-label="hyperlink-label"></a><li style="padding:10px; text-wrap: nowrap;"></li></script> </div> <footer> <div class="footer_content jobPageFooter"> <div class="container containerCstm"> <div class="footer_menu"> <div class="row"> <div class="col-md-3"> <div class="footer_text"> <h2>For Employers</h2> <ul> <li> <a href="https://calendly.com/support-121/snaprecruit23" target="_blank" title="Schedule A Demo">Schedule A Demo</a> </li>  <li> <a href="" title="For Employers">Staffing Services we offer via: </a> </li> <li> <a href="https://SnapX.ai" target="_blank" title="Get Vetted Talent with Video Intros.">SnapX.ai</a> </li>    </ul> <h2>For Partner</h2> <ul> <li> <a href="/register.html?returnJobAlias=" target="_blank" title="Partner Registration">Partner Registration</a> </li> </ul>  </div> </div> <div class="col-md-3"> <div class="footer_text"> <h2>For Jobseekers</h2> <ul> <li> <a href="/register.html" title="Talent">For Talent</a> </li> <li> <a href="/register.html" title="Register">Upload Your Resume </a> </li> <li> <a href="/jobcon-event.html" title="How Hired Works">JOBCON - Sourcing Event</a> </li> <li> <a href="/blog/blog-list.html" title="Blogs">Blogs</a> </li> <li> <a href="/article/announcements-list.html" title="Announcements">Announcements</a> </li> <li> <a href="/articles/articles-list.html" title="HR Articles">HR Articles</a> </li> <li> <a href="/job-descriptions/job-descriptions-list.html" title="Job Description">Job Description</a> </li> <li> <a href="/interview-questions/interview-questions-list.html" title="Interview Questions">Interview Questions</a> </li> </ul> </div> </div> <div class="col-md-3"> <div class="footer_text"> <h2>Help</h2> <ul> <li> <a href="/article/help-list.html" title="Help Articles">Help</a> </li> <li> <a href="/article/support-list.html" title="Support Articles">Support Articles</a> </li> <li> <a href="/site-map.html" target="_blank" title="Sitemap">Sitemap</a> </li> <li> <a href="/terms.html" target="_blank" title="Terms & Conditions">Terms of Service</a> </li> <li> <a href="/policy.html" target="_blank" title="Privacy Policy">Privacy Policy</a> </li> </ul> <h2>Follow Us</h2> <ul class="socila_icon"> <li><a href="https://www.facebook.com/snaprecruits" aria-label="Facebook" target="_blank"><i class="fa fa-facebook" aria-hidden="true" style="color:#8badd7;"></i></a></li> <li><a href="https://twitter.com/snaprecruit" aria-label="Twitter" target="_blank"><i class="fa fa-twitter" aria-hidden="true" style="color:#a5e2fe;"></i></a></li> <li><a href="https://linkedin.com/company/snaprecruit.com" target="_blank" aria-label="Linkedin"><i class="fa fa-linkedin" aria-hidden="true" style="color:#a5eeee;"></i></a></li> </ul> </div> </div> <div class="col-md-3"> <div class="footer_text"> <h2 >snaprecruit</h2> <ul class="footerLogo"> <li> <a href="https://heapanalytics.com/?utm_source=badge" aria-label="Analytics by heap" target="_blank"> <img width="104" height="39" src="/landing/img/footer-img1.png" alt="FooterImg" /> </a> </li> <li> <a href="https://jooble.org" aria-label="Jooble" target="_blank"> <img width="49" height="38" src="/landing/img/footer-img2.png" alt="FooterImg" /> </a> </li> </ul> </div> </div> </div> </div> <div class="footer_bottom"> <div class="row"> <div class="footer_right col-lg-6 order-12"> <ul> <li><a href="/site-map.html" target="_blank" title="Sitemap">Sitemap</a></li> <li><a href="/release-notes.html" target="_blank" title="Release Notes">Release Notes</a></li> <li><a href="/terms.html" target="_blank" title="Terms & Conditions">Terms of Service</a></li> <li><a href="/policy.html" target="_blank" title="Privacy Policy">Privacy Policy</a></li> </ul> </div> <div class="footer_Left col-lg-6 order-1"> <p> 2020 - 2025 SnapX Platform Inc. All Rights Reserved</p> </div> </div> </div> </div> </div> </footer> <div class="notification-footer showFooter appDownloadCol"> <div class="appDownloadSec"> <div class="appDownloadSecInner"> <h3><span>Download mobile apps</span>Just Swipe to apply for jobs. <label>Try it out !</label> </h3> <div class="appDownloadBtnCol"> <div class="appDownloadBtn asd"> <a href="https://apps.apple.com/us/app/snaprecruit/id1546822497"> <img width="23" height="26" src="/assets/img/appleicon.svg" alt="Apple icon" /> <p> <span>Download on</span> <label>App store</label> </p> </a> <a href="https://play.google.com/store/apps/details?id=com.snaprecruit.swipe&hl=en_US&gl=US"> <img width="20" height="21" src="/assets/img/googleplayicon.svg" alt="Google play icon" /> <p> <span>Download on</span> <label>Google Play</label> </p> </a> </div> <i class="fa fa-times f-close-x notclose" aria-hidden="true"></i> </div> </div> </div> </div> <script type="text/javascript"> $(".notclose").click(function(){ $(this).parents().find(".showFooter").removeClass("showFooter"); }); </script> <div class="thin-sticky" style="position:fixed; top:0; width:100%; height:5px; z-index:50000"></div> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script> <script type="text/javascript" src="/landing/js/slick.min.js"></script> <script src="/assets/js/section/general/jquery.typeahead.js?v=123"></script> <script type="text/javascript"> $(document).ready(function(){ if ($(window).width() < 767) { $(".login-button .positionr").click(function(){ $(".employermenu").next().slideToggle(); }); $(".signupMenu").click(function(){ $(this).parent().toggleClass("open"); }); } else if ($(window).width() > 767) { $(".signupMenu").click(function(){ $(this).parent().toggleClass("open"); }); $(".login-button .positionr").hover(function(){ $(".employermenu").next().slideToggle(); }); } }); </script> <script> $('.tglBtn > a').click(function(){ $(this).parents('.header-nav').toggleClass('navTogl') }); $('.navbarLinks').click(function(){ $('.tglBtn').removeClass('navTogl') $(this).removeClass('.navbarLinks'); }); // $('.dropdown.login-button').hover(function() { // $(this).find('.dropdown-menu').stop(true, true).delay(0).fadeIn(0); // }, function() { // $(this).find('.dropdown-menu').stop(true, true).delay(0).fadeOut(0); // }); $(function(){ $(window).scroll(function() { if ($(this).scrollTop() >= 150) { $('body').addClass('stickytop'); } else { $('body').removeClass('stickytop'); } }); }); // $('.login-button.dropdown').hover(function() { // $(this).find('.dropdown-menu').stop(true, true).delay(0).fadeIn(0); // }, function() { // $(this).find('.dropdown-menu').stop(true, true).delay(0).fadeOut(0); // }); $('.cardMenu>div >a').click(function(){ var targetImg = $(this).data('img'); $('.InnerImg>img').attr('src',targetImg); }); $('.slider_logo').slick({ slidesToShow: 4, slidesToScroll: 1, autoplay: true, autoplaySpeed: 2000, responsive: [ { breakpoint: 585, settings: { centerMode: true, centerPadding: '0', slidesToShow: 2 } } ] }); $('.slider_content').slick({ slidesToShow: 2, slidesToScroll: 1, autoplay: true, autoplaySpeed: 2000, responsive: [ { breakpoint: 585, settings: { centerMode: true, centerPadding: '0', slidesToShow: 1 } } ] }); </script> <script> //to bottom $(document).ready(function(){ // hide #back-top first $("#back-bottom").show(); // fade in #back-top $(function () { $(window).scroll(function () { if ($(this).scrollTop() == 1) { $('#back-bottom').hide(); } else { $('#back-bottom').show(); } }); // scroll body to 0px on click $('#back-bottom a').click(function () { $('body,html').animate({ scrollTop: 0 }, 800); return false; }); }); }); </script> <script> function OpenInNewTab(url) { var win = window.open(url, '_blank'); win.focus(); } $(document).ready(function() { $('.smoothScroll').click(function(){ $('html, body').animate({ scrollTop: $( $.attr(this, 'href') ).offset().top }, 1000); return false; }); if ($('.register').html()) { var stickyNavTop = $('.register').offset().top; var stickyNav = function(){ var scrollTop = $(window).scrollTop(); if (scrollTop > stickyNavTop) { $('.register').addClass('sticky'); } else { $('.register').removeClass('sticky'); } }; stickyNav(); $(window).scroll(function() { stickyNav(); }); } $('#postJobBtn').click(function() { window.location = "/register.html?rec=true&user.email=" + $('#upperEmail').val(); }); $('#uploadResumeBtn').click(function() { window.location = "/register.html?user.email=" + $('#upperEmail').val(); }); $('#registerAnAccount').click(function() { window.location = "/register.html?user.email=" + $('#registerEmail').val(); }); // Home page Animations if ($('.item').hasClass('active')){ $(this).toggleClass("pulse animated"); } $('.arrowBtn').click(function() { var next = $('.carousel-inner .active').next(); if (!next.html()) next = $('.carousel-inner .item').first(); if (next.html()) setTimeout(function(){ next.removeClass("pulse");next.removeClass("animated");next.toggleClass("pulse animated"); }, 70); }); var checkEmail = function(email) { var str="^([a-zA-Z0-9_-]+[\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9_-]+[\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$"; var re=new RegExp(str); if(re.test(email)){ return true; } return false; } $('#formRptSend').click(function() { var subject = $('#formRptSubject').val(); var email = $('#formRptEmail').val(); var message = $('#formRptMsg').val(); if (!subject) { $('#formRptSubjectErr').show(); return; } else $('#formRptSubjectErr').hide(); if (!email) { $('#formRptEmailErr').show(); return; } else if (!checkEmail(email)) { $('#formRptEmailInvalid').show(); $('#formRptEmailErr').hide(); return; } else { $('#formRptEmailErr').hide(); $('#formRptEmailInvalid').hide(); } if (!message) { $('#formRptMsgErr').show(); return; } else $('#formRptMsgErr').hide(); $.post( "/ajax/send-report-email.html", { 'contact.name' : subject, 'contact.email' : email, 'contact.message' : message }, function() { $('#myModal').modal("hide"); }); }); }); // $(".login-button .positionr").hover(function(){ // $(".employermenu").next().toggle(); // }); $('.load-one').click(function(){ $('.load-cont-2').addClass('loadmoreshow'); $(this).hide(); }); $('.load-two').click(function(){ $('.load-cont-3').addClass('loadmoreshow'); $(this).hide(); }); $('.load-three').click(function(){ $('.load-cont-4').addClass('loadmoreshow'); $(this).hide(); }); $('.load-four').click(function(){ $('.load-cont-5').addClass('loadmoreshow'); $(this).hide(); }); $('.load-five').click(function(){ $('.load-cont-6').addClass('loadmoreshow'); $(this).hide(); }); $('body').scrollspy({ target: '#page-scroll-links'}); function checkOffset() { if($('#social-float').offset().top + $('#social-float').height() >= $('#footer').offset().top - 10) $('#social-float').css('position', 'absolute'); if($(document).scrollTop() + window.innerHeight < $('#footer').offset().top) $('#social-float').css('position', 'fixed'); // restore when you scroll up $('#social-float').text($(document).scrollTop() + window.innerHeight); } $(document).scroll(function() { checkOffset(); }); $('#navbar-example .nav-tabs>li').click(function(){ $('#navbar-example .nav-tabs>li').removeClass('active'); $(this).addClass('active'); }); $('#reloadActivities').click(function(){ $('.side-bar' ).animate({right:'0px'}); }); $('.btn.btn-default.slide').click(function(){ $('.side-bar' ).animate({right:'-400px'}); }); //Blog paragraph text limit $(function(){ $(".card .card__info p").each(function(i){ len=$(this).text().length; if(len>160) { $(this).text($(this).text().substr(0,160)+'...'); } }); }); $(document).on("click", function(event){ var $trigger = $(".login-button"); if($trigger !== event.target && !$trigger.has(event.target).length){ $(".login-button").removeClass("open"); } }); function filterJobs(paramName, value) { var queryParams = ""; var qpArr = queryParams!="" ? queryParams.split("&") : []; paramFlag = false; if(qpArr.length > 0) { var nqpArr = []; var j = 0; for(i = 0; i < qpArr.length; i++) { if(qpArr[i].indexOf("error=") === -1) { nqpArr[j] = qpArr[i]; j++; } } for(i = 0; i < nqpArr.length; i++) { var pair = nqpArr[i].split("="); if(pair[0] == "error") continue; if(pair[0] == paramName) { paramFlag = true; pair[1] = value; } nqpArr[i] = pair.join("="); } queryParams = nqpArr.join("&"); } if(paramFlag == false) { if(queryParams=="") queryParams = paramName+"="+value; else queryParams = queryParams+"&"+paramName+"="+value; } window.location = "http://snaprecruit.com/interview-questions/HTML-+-HTML5-interview-questions-part-5.html?"+queryParams; } function clearFilters() { var queryParams = ""; var qpArr = queryParams!="" ? queryParams.split("&") : []; var queryCity = qpArr.filter(function(qprm) { return qprm.indexOf("query")!=-1 || qprm.indexOf("city")!=-1; }); queryParams = queryCity.join("&"); window.location = "http://snaprecruit.com/interview-questions/HTML-+-HTML5-interview-questions-part-5.html?"+queryParams; } </script>  </body> </html>