| Snaprecruit.com
| Snaprecruit.com
JOBSEEKERS
Login
Sign Up
Jobseeker
Employer
Staffing
Enterprises
Interview question based on skill :
Back
Take as many assements as you can to improve your validate your skill rating
Total Questions: 20
1. Which of the following is the attribute that is used to add a name/value pair to a microdata item?
A. itemscope
B. itemref
C. itemprop
D. itemid
Show Correct Answer
Correct Answer is :
itemprop
2. What does wrap attribute denote?
A. Whether the text is in bold
B. Whether the text is wrapped
C. Whether the text is in italics
D. Whether the text is highlighted
Show Correct Answer
Correct Answer is :
Whether the text is wrapped
3. With which element width attribute is not define?
A.
B.
C.
D.
</label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="3">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans3"> Correct Answer is : <span><textarea></span> </div> </div> <hr /> <h3>4. Which of the following defines a default value on page load?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que4A">A. <object></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que4B">B. <input></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que4C">C. <progress></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que4D">D. <area></label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="4">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans4"> Correct Answer is : <span><progress></span> </div> </div> <hr /> <h3>5. How title attribute works?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que5A">A. Displays text when hovering over the element</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que5B">B. Focus text when hovering over the element</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que5C">C. Highlight text when hovering over the element</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que5D">D. Zoom in and zoom out text when hovering over the element</label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="5">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans5"> Correct Answer is : <span>Displays text when hovering over the element</span> </div> </div> <hr /> <h3>6. Which attribute is not for overriding the actions?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que6A">A. Formaction</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que6B">B. Style</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que6C">C. Tabindex</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que6D">D. Slot</label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="6">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans6"> Correct Answer is : <span>Slot</span> </div> </div> <hr /> <h3>7. srclang attribute is used with the element ____________</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que7A">A. <track></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que7B">B. <input></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que7C">C. <iframe></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que7D">D. <table></label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="7">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans7"> Correct Answer is : <span><track></span> </div> </div> <hr /> <h3>8. What is the use of spellcheck attribute?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que8A">A. Checks spelling</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que8B">B. Indicates if spell checking is allowed</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que8C">C. Checks spelling and corrects it</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que8D">D. Checks spelling of a given particular text only</label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="8">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans8"> Correct Answer is : <span>Indicates if spell checking is allowed</span> </div> </div> <hr /> <h3>9. Which parameter is commonly used for size attribute?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que9A">A. centimeter</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que9B">B. pixels</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que9C">C. inch</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que9D">D. millimeter</label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="9">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans9"> Correct Answer is : <span>pixels</span> </div> </div> <hr /> <h3>10. Which attribute indicates a descending order of displaying a list?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que10A">A. reversed</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que10B">B. forward</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que10C">C. straight</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que10D">D. circular</label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="10">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans10"> Correct Answer is : <span>reversed</span> </div> </div> <hr /> <h3>11. The major difference between minlength and min attribute is ______</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que11A">A. ‘minlength’ is for the minimum number of characters and ‘min’ is for the minimum value</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que11B">B. ‘minlength’ is for the minimum value and ‘min’ is for the minimum number of characters</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que11C">C. ‘minlength’ is for multiple values and ‘min’ is for the single value</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que11D">D. ‘minlength’ is for single value and ‘minlength’ is for multiple values</label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="11">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans11"> Correct Answer is : <span>‘minlength’ is for the minimum number of characters and ‘min’ is for the minimum value</span> </div> </div> <hr /> <h3>12. How does download attribute work?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que12A">A. An indication that hyperlink is to be used for downloading</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que12B">B. Directly downloads as per the need of the user</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que12C">C. Gives various source links to download</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que12D">D. List the topics which one can download from a certain page</label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="12">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans12"> Correct Answer is : <span>An indication that hyperlink is to be used for downloading</span> </div> </div> <hr /> <h3>13. datetime attribute is not related with ______________</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que13A">A. <del></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que13B">B. <time></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que13C">C. <ins></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que13D">D. <form></label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="13">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans13"> Correct Answer is : <span><form></span> </div> </div> <hr /> <h3>14. cols attribute is use with ___________</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que14A">A. <td></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que14B">B. <th></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que14C">C. <textarea></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que14D">D. <ol></label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="14">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans14"> Correct Answer is : <span><textarea></span> </div> </div> <hr /> <h3>15. Use of checked attribute is ____________</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que15A">A. Whether on page load element should be checked</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que15B">B. Whether on page load all form element should be checked</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que15C">C. Whether on page load all list element should be checked</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que15D">D. Whether on page load all multimedia elements should be checked</label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="15">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans15"> Correct Answer is : <span>Whether on page load element should be checked</span> </div> </div> <hr /> <h3>16. How many standard color names does HTML supports?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que16A">A. 120</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que16B">B. 130</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que16C">C. 140</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que16D">D. 90</label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="16">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans16"> Correct Answer is : <span>140</span> </div> </div> <hr /> <h3>17. Which of the following is not set with font-style property?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que17A">A. font-style: normal</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que17B">B. font-style: italic</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que17C">C. font-style: oblique</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que17D">D. font-style: capitalize</label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="17">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans17"> Correct Answer is : <span>font-style: capitalize</span> </div> </div> <hr /> <h3>18. What should be set with text-align property so that every line has equal width like in magazines and newspapers?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que18A">A. text-align: justify</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que18B">B. text-align: none</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que18C">C. text-align: bottom</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que18D">D. text-align: top</label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="18">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans18"> Correct Answer is : <span>text-align: justify</span> </div> </div> <hr /> <h3>19. Which of the following is not used with text-decoration property?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que19A">A. overline</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que19B">B. underline</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que19C">C. line-through</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que19D">D. inline</label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="19">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans19"> Correct Answer is : <span>inline</span> </div> </div> <hr /> <h3>20. Which element is used for short quote?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que20A">A. <q></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que20B">B. <blockquote></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que20C">C. <em></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que20D">D. <abbr></label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="20">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans20"> Correct Answer is : <span><q></span> </div> </div> <hr /> </div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function(){ $(".takeTest").click(function(){ $(this).parents(".interViewCard").removeClass("active"); $(this).parents(".interViewCard").next().addClass("active"); }); $(".btnAnswer").on('click', function(){ var qid = $(this).data("id"); $("#cans" + qid).toggle(100); }); }); </script> </div> <footer> <div class="footer_content tets"> <div class="container"> <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="https://calendly.com/support-121/demo-snaprecruit" 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> <!-- <li> <a href="https://afterhiring.com" target="_blank" title="Employee Onboarding On Cruise Control.">Afterhiring.com</a> </li> <li> <a href="https://ijobbot.com" target="_blank" title="Engage, Assess, Schedule Interviews using AI recruting assistant.">iJobbot.com</a> </li>--> <!-- <li> <a href="https://snaprecruit.com/jobcon-event.html" title="Hire a great team.">What is JOBCON 2017?</a> </li>--> <!-- <li> <a href="/employers/meet_our_talent" title="Meet our Talent">Meet our Talent</a> </li> <li> <a href="/employers/resources" title="Resources">Resources</a> </li> <li> <a href="/employers/success_stories" title="Success Stories">Success Stories</a> </li> <li> <a href="https://support.hired.com" title="FAQ">FAQ</a> </li> <li> <a href="/employers/freelance" title="Freelance">Freelance</a> </li>--> </ul> <h2>For Partner</h2> <ul> <li> <a href="/register.html?returnJobAlias=" target="_blank" title="Partner Registration">Partner Registration</a> </li> </ul> <!-- <ul> <li> <a href="/developer/register.html" 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 YourResume </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-interview-questions-part-7.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-interview-questions-part-7.html?"+queryParams; } </script> <!-- <script src="//platform.twitter.com/oct.js" type="text/javascript"></script> <script type="text/javascript">twttr.conversion.trackPid('ntnta', { tw_sale_amount: 0, tw_order_quantity: 0 });</script> <noscript> <img height="1" width="1" style="display:none;" alt="image" src="https://analytics.twitter.com/i/adsct?txn_id=ntnta&p_id=Twitter&tw_sale_amount=0&tw_order_quantity=0" /> <img height="1" width="1" style="display:none;" alt="image" src="//t.co/i/adsct?txn_id=ntnta&p_id=Twitter&tw_sale_amount=0&tw_order_quantity=0" /> </noscript> --> </body> </html>