inline element

I i

Transcription

- US Pronunciation
- US IPA

- US Pronunciation
- US IPA

Definition of inline element words

noun Technical meaning of inline element (web) Any HTML element that is rendered in the same position as normal plain text, i.e. to the right of the preceding text (for left-to-right scripts). This contrasts with a block-level elements that is always placed below the preceding text line. Inline elements typically specify formatting, e.g. (bold), or the kind of content, e.g. , , though they also include things like inline images () and text areas (). </span> <span class="copyright"> </span> <span class="votes"> <span class="useful"> <i class="fa fa-thumbs-o-up" data-def="1332410" aria-hidden="true"></i> </span> <span class="value plus">1</span> <span class="useless"> <i class="fa fa-thumbs-o-down" data-def="1332410" aria-hidden="true"></i> </span> </span> </li> </ul> </div> <div class="adv-container"> <div class=" w-def-adv"> <div id="ezoic-pub-ad-placeholder-105"> </div> </div> </div> <div class="text-center"> <a href="/meanings/inline-element" class="own-btn empty full-width"> Just one definition for inline element </a> </div> </section> <section class="infographic-section section-margin section-padding bgw"> <div class="block-title"> <h2 class="title">Information block about the term</h2> </div> <div class="origin-of-word block-margin"> <div class="parts-of-speech-container"> <h3 class="block-subtitle">Parts of speech for Inline element</h3> <div class="parts-of-speech-block"> <div class="parts-table"> <div class="item"> <div class="text">noun</div> <div class="icon true"> <i class="fa fa-check-circle" aria-hidden="true"></i> </div> </div> <div class="item"> <div class="text">adjective</div> <div class="icon false"> <i class="fa fa-times-circle-o" aria-hidden="true"></i> </div> </div> <div class="item"> <div class="text">verb</div> <div class="icon false"> <i class="fa fa-times-circle-o" aria-hidden="true"></i> </div> </div> </div> <div class="parts-table"> <div class="item"> <div class="text">adverb</div> <div class="icon false"> <i class="fa fa-times-circle-o" aria-hidden="true"></i> </div> </div> <div class="item"> <div class="text">pronoun</div> <div class="icon false"> <i class="fa fa-times-circle-o" aria-hidden="true"></i> </div> </div> <div class="item"> <div class="text">preposition</div> <div class="icon false"> <i class="fa fa-times-circle-o" aria-hidden="true"></i> </div> </div> </div> <div class="parts-table"> <div class="item"> <div class="text">conjunction</div> <div class="icon false"> <i class="fa fa-times-circle-o" aria-hidden="true"></i> </div> </div> <div class="item"> <div class="text">determiner</div> <div class="icon false"> <i class="fa fa-times-circle-o" aria-hidden="true"></i> </div> </div> <div class="item"> <div class="text">exclamation</div> <div class="icon false"> <i class="fa fa-times-circle-o" aria-hidden="true"></i> </div> </div> </div> </div> <div class="text-center"> <a href="/part-of-speech/inline-element" class="own-btn empty full-width">Full grammatical hierarchy of Inline element</a> </div> </div> </section> <section class="see-also section-margin section-padding bgw"> <div class="block-title"> <h2 class="title">See also</h2> </div> <div class="see-also-container"> <ul class="features-list"> <li> <a href="/meanings/inline-element">All definitions of <span class="uppercase">inline element</span></a> </li> </ul> </div> </section> <section class="matching-words section-margin section-padding bgw"> <div class="block-title"> <h2 class="title">Matching words</h2> </div> <div class="matching-words-container"> <ul class="features-list"> <li> <a href="/words-starting-with/i">Words starting with <span class="uppercase">i</span></a> </li> <li> <a href="/words-starting-with/in">Words starting with <span class="uppercase">in</span></a> </li> <li> <a href="/words-starting-with/inl">Words starting with <span class="uppercase">inl</span></a> </li> <li> <a href="/words-starting-with/inli">Words starting with <span class="uppercase">inli</span></a> </li> <li> <a href="/words-starting-with/inlin">Words starting with <span class="uppercase">inlin</span></a> </li> <li> <a href="/words-starting-with/inline">Words starting with <span class="uppercase">inline</span></a> </li> <li> <a href="/words-starting-with/inlinee">Words starting with <span class="uppercase">inlinee</span></a> </li> <li> <a href="/words-starting-with/inlineel">Words starting with <span class="uppercase">inlineel</span></a> </li> <li> <a href="/words-starting-with/inlineele">Words starting with <span class="uppercase">inlineele</span></a> </li> <li> <a href="/words-starting-with/inlineelem">Words starting with <span class="uppercase">inlineelem</span></a> </li> <li> <a href="/words-starting-with/inlineeleme">Words starting with <span class="uppercase">inlineeleme</span></a> </li> <li> <a href="/words-starting-with/inlineelemen">Words starting with <span class="uppercase">inlineelemen</span></a> </li> <li> <a href="/words-starting-with/inlineelement">Words starting with <span class="uppercase">inlineelement</span></a> </li> </ul> <ul class="features-list"> <li> <a href="/words-ending-in/t">Words ending with <span class="uppercase">t</span></a> </li> <li> <a href="/words-ending-in/nt">Words ending with <span class="uppercase">nt</span></a> </li> <li> <a href="/words-ending-in/ent">Words ending with <span class="uppercase">ent</span></a> </li> <li> <a href="/words-ending-in/ment">Words ending with <span class="uppercase">ment</span></a> </li> </ul> <ul class="features-list"> <li> <a href="/words-containing-letter/i">Words containing the letters <span class="uppercase">i</span></a> </li> <li> <a href="/words-containing-letter/i-n">Words containing the letters <span class="uppercase">i,n</span></a> </li> <li> <a href="/words-containing-letter/i-n-l">Words containing the letters <span class="uppercase">i,n,l</span></a> </li> <li> <a href="/words-containing-letter/i-n-l-e">Words containing the letters <span class="uppercase">i,n,l,e</span></a> </li> <li> <a href="/words-containing-letter/i-n-l-e-m">Words containing the letters <span class="uppercase">i,n,l,e,m</span></a> </li> <li> <a href="/words-containing-letter/i-n-l-e-m-t">Words containing the letters <span class="uppercase">i,n,l,e,m,t</span></a> </li> </ul> <ul class="features-list"> <li> <a href="/words-containing/i">Words containing <span class="uppercase">i</span></a> </li> <li> <a href="/words-containing/in">Words containing <span class="uppercase">in</span></a> </li> <li> <a href="/words-containing/inl">Words containing <span class="uppercase">inl</span></a> </li> <li> <a href="/words-containing/inli">Words containing <span class="uppercase">inli</span></a> </li> <li> <a href="/words-containing/inlin">Words containing <span class="uppercase">inlin</span></a> </li> <li> <a href="/words-containing/inline">Words containing <span class="uppercase">inline</span></a> </li> </ul> </div> </section> </div> <section class="section-margin-top large-padding bgw"> <div class="helpful-info-block"> <div class="question"> <span class="text">Was this page helpful?</span> <div class="buttons"> <span class="own-btn empty yes" id="hyes">Yes</span> <span class="own-btn empty no" id="hno">No</span> </div> </div> <div class="if-answer-yes"> <strong>Thank you for your feedback! Tell your friends about this page</strong> <div class="social-btns-block"> <span class="text">Share:</span> <ul class="social-btns"> <li> <a class="fb animated" href="#close" onclick="socialopen('http://www.facebook.com/sharer.php?u=https://wordpanda.net/definition/inline-element&title=wordpanda.net | Word Panda')"> <i class="fa fa-facebook" aria-hidden="true"></i> </a> </li> <li> <a class="tw" href="#close" onclick="socialopen('http://twitter.com/share?url=https://wordpanda.net/definition/inline-element& amp; text=wordpanda.net via @WordPanda_net')"> <i class="fa fa-twitter" aria-hidden="true"></i> </a> </li> <li> <a class="gp" href="#close" onclick="socialopen('http://plus.google.com/share?url=https://wordpanda.net/definition/inline-element', 'google')"> <i class="fa fa-google-plus" aria-hidden="true"></i> </a> </li> </ul> </div> </div> <div class="if-answer-no"> <span class="text">Tell us why?</span> <form method="POST" action="https://wordpanda.net/definition/inline-element" accept-charset="UTF-8" id="helpful"><input name="_token" type="hidden" value="4rRSQlU3m2HpCoPpJLJ5x0wrSufdGkJgT2LFIkY1"> <input class="typical input" name="text" type="text"> <input name="answer" type="hidden" value="no"> <input name="url" type="hidden" value="definition/inline-element"> <button type="submit" class="own-btn empty">Send</button> </form> </div> </div> <span class="text ok-no" style="display: none"><strong>Thank you for your feedback. We’ll try to make this page better</strong></span> </section> <footer class="footer"> <div class="ft-header mp-padding" style="background-image: url('/img/footer.svg');"> <div class="subscribe-text"> Subscribe to our weekly <b>Newsletter</b> and receive updates via email </div> <div class="subscribe-form-container"> <form class="subscribe-form-ft" id="subscribeform"> <label for="subscribe-input-footer"> <i class="fa fa-envelope-o" aria-hidden="true"></i> </label> <input id="subscribe-input-footer" type="email" name="email" placeholder="Email"> <button type="submit">Subscribe now</button> </form> <div class="loader" style="position: absolute; margin-top: 5px; margin-left: 5px;display: none"><img src="/img/rolling.svg"></div> <div id="responcesubscribeform" style="text-align: left; margin-top: 35px;position: absolute"></div> </div> </div> <div class="site-map"> <div class="map-item"> <h3>Important information</h3> <p>Word Panda provides you with a huge database of English words. Find useful information for every word or common phrase. Here you’ll get most accurate definitions, close synonyms and antonyms, related words, phrases and questions, rhymes, usage index and more. Improve your lexicon with Word Panda.</p> </div> <div class="map-item"> <h3 class="toggled-title">Dictionary</h3> <ul class="footer-links-list"> <li> <a href="/definition">Definitions</a> </li> <li> <a href="/synonyms">Synonyms</a> </li> <li> <a href="/antonyms">Antonyms</a> </li> <li> <a href="/sentence-examples">Word examples</a> </li> <li> <a href="/rhyme">Rhymes</a> </li> </ul> </div> <div class="map-item"> <h3 class="toggled-title">Find word</h3> <ul class="footer-links-list"> <li> <a href="/words-starting-with">Words starting with</a> </li> <li> <a href="/words-ending-in">Words ending with</a> </li> <li> <a href="/words-containing">Words containing</a> </li> <li> <a href="/related-words">Related words</a> </li> <li> <a href="/verb-definition">Verb of the word</a> </li> </ul> </div> <div class="map-item"> <h3 class="toggled-title">About us & help</h3> <ul class="footer-links-list"> <li> <a href="/about">About us</a> </li> <li> <a href="/our-team">Our team</a> </li> <li> <a href="/contacts">Contacts</a> </li> <li> <a href="/advertisement">Advertise</a> </li> <li> <a href="/study-programs">Studying programs</a> </li> <li> <a href="/privacy">Privacy policy</a> </li> <li> <a href="/dmca-policy">DMCA compliance</a> </li> <li> <a href="/terms-use-eula">Terms of use / EULA</a> </li> </ul> </div> </div> <div class="ft-footer mp-padding"> <div class="content"> <a href="/" class="footer-logo"> <img src="/img/wordpanda_footer.svg" /> </a> <span class="follow-us"> <h3 class="text">Follow us:</h3> <ul class="list"> <li> <a class="social fb" href="https://www.facebook.com/Word-Panda-143899832855277/" target="_blank"> <i class="fa fa-facebook" aria-hidden="true"></i> </a> </li> <li> <a class="social tw" href="https://twitter.com/WordPanda_net" target="_blank"> <i class="fa fa-twitter" aria-hidden="true"></i> </a> </li> <li> <a class="social gp" href="https://plus.google.com/u/3/105242325256808859609" target="_blank"> <i class="fa fa-google-plus" aria-hidden="true"></i> </a> </li> <li> <a class="social email" href="#close"> <i class="fa fa-envelope" aria-hidden="true"></i> </a> </li> </ul> </span> </div> <div class="copyright"> (C) 2024 Word Panda. All Rights Reserved. </div> </div> </footer> </main> <aside class="sidebar right-sidebar"> <div class="advertise right-sidebar-advertise first-block"> <div id="ezoic-pub-ad-placeholder-102"> </div> </div> <div class="advertise right-sidebar-advertise second-block"> <div id="ezoic-pub-ad-placeholder-103"> </div> </div> </aside> </div> <div class="modal fade login-register" id="login-signin" tabindex="-1" role="dialog" aria-labelledby="login-signin" aria-hidden="true"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <i class="fa fa-times" aria-hidden="true"></i> </button> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <ul class="login-tabs nav nav-tabs" role="tablist"> <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#signin" role="tab">Sign in</a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#signup" role="tab">Sign up</a> </li> </ul> <div class="login-content tab-content"> <div class="signin-tab tab-pane fade show active" id="signin" role="tabpanel"> <div class="toggled-area signin-tab-container"> <div class="social-network"> <span class="title">Login into your account</span> <span class="text">Sign in to Wordpanda and find the words to chew on.</span> <span class="btn-group"> <a style="cursor: pointer" class="gp" onclick="socialauthopen('/auth/google')"> <i class="fa fa-google-plus" aria-hidden="true"></i> </a> <a style="cursor: pointer" class="fb" onclick="socialauthopen('/auth/facebook')"> <i class="fa fa-facebook" aria-hidden="true"></i> </a> <a style="cursor: pointer" class="tw" onclick="socialauthopen('/auth/twitter')"> <i class="fa fa-twitter" aria-hidden="true"></i> </a> </span> <span class="separate-line"> <span class="text">Or email</span> </span> </div> <form method="POST" action="https://wordpanda.net/definition/inline-element" accept-charset="UTF-8" class="email-login" id="authloginform"><input name="_token" type="hidden" value="4rRSQlU3m2HpCoPpJLJ5x0wrSufdGkJgT2LFIkY1"> <input placeholder="Email" autocomplete="off" class="typical input" required name="email" type="email"> <input placeholder="Password" autocomplete="off" class="typical input" required name="password" type="password" value=""> <div class="optional"> <span class="remember checkbox-container"> <input id="remember-me" type="checkbox"> <label for="remember-me">Remember me</label> </span> <a class="modal-link nav-link" data-toggle="tab" href="#forget-pass" role="tab">Forgot password</a> </div> <button type="submit" class="own-btn mgtop20">Sign in</button> </form> <div id="responceauthloginform" style="text-align: left;margin-top: 5px"></div> </div> </div> <div class="signup-tab tab-pane fade" id="signup" role="tabpanel"> <div class="signup-tab-container"> <div class="social-network"> <span class="title">Sign up into your account</span> <span class="text">Sign in to Wordpanda and find the words to chew on.</span> <span class="btn-group"> <a style="cursor: pointer" class="gp" onclick="socialauthopen('/auth/google')"> <i class="fa fa-google-plus" aria-hidden="true"></i> </a> <a style="cursor: pointer" class="fb" onclick="socialauthopen('/auth/facebook')"> <i class="fa fa-facebook" aria-hidden="true"></i> </a> <a style="cursor: pointer" class="tw" onclick="socialauthopen('/auth/twitter')"> <i class="fa fa-twitter" aria-hidden="true"></i> </a> </span> <span class="separate-line"> <span class="text">Or email</span> </span> </div> <form method="POST" action="https://wordpanda.net/definition/inline-element" accept-charset="UTF-8" class="email-login" autocomplete="off" id="authregisterform"><input name="_token" type="hidden" value="4rRSQlU3m2HpCoPpJLJ5x0wrSufdGkJgT2LFIkY1"> <input placeholder="Name" autocomplete="off" class="typical input" required name="name" type="text"> <input placeholder="Email" autocomplete="off" class="typical input" required name="email" type="email"> <input placeholder="Password" autocomplete="off" class="typical input" required name="password" type="password" value=""> <button type="submit" class="own-btn">Sign in</button> <span class="remember checkbox-container"> <input id="agree-conditions" name="agree" type="checkbox"> <label for="agree-conditions" class="mgtop10">I agree to be bound by Wordpanda Terms of Service and Privacy Policy.</label> </span> </form> <div id="responceauthregisterform" style="text-align: left"></div> </div> </div> <div class="toggled-area forget-password tab-pane fade" id="forget-pass" role="tabpanel"> <div class="social-network"> <span class="title">Reset password</span> <span class="text">Please enter your email to receive the reset link.</span> <form method="POST" action="https://wordpanda.net/definition/inline-element" accept-charset="UTF-8" autocomplete="off" id="resetpassword"><input name="_token" type="hidden" value="4rRSQlU3m2HpCoPpJLJ5x0wrSufdGkJgT2LFIkY1"> <input placeholder="Email" autocomplete="off" id="lost-pass-field" class="typical input" required name="email" type="email"> <div id="responcepasswordresset" style="text-align: left;margin-top: 5px"></div> <button type="submit" class="own-btn mgtop20">Reset password</button> </form> </div> </div> </div> </div> </div> </div> </div> <link rel="stylesheet" href="/css/all.css"><script src="/js/all.js"></script> <script> $(document).ready(function () { $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name=csrf-token]').attr("content") } }); setTimeout(function () { $.ajax({ type: 'POST', url: '/get_diagram', data: {'id':361184, 'type': 'ngram'}, beforeSend: function (data) { $('.loader_ngram').show(); }, success: function (data) { $('.loader_def').hide(); if (data.flag == 2) { $('#ngram-ajax').html(data.message); } else { $('.word-usage-trend-literature').hide(); } } }); return false; }, 1000); }); </script> <script src="/js/Chart.min.js"></script> <script> $(document).ready(function () { $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name=csrf-token]').attr("content") } }); $('.votes .fa-thumbs-o-down').click(function () { var defId=$(this).data('def'); var number= $(this).parent().parent().find('.value'); $.ajax({ type: 'POST', url: '/vote_def_', data: {'defId':defId,'type':'down'}, beforeSend: function (data) { $('.loader_def').show(); }, success: function (data) { $('.loader_def').hide(); if (data.flag == 0) { } else { if(data.message==0){ number.removeClass('minus'); number.removeClass('plus'); number.addClass('neutral'); number.html(data.message); } else if(data.message>0){ number.removeClass('minus'); number.removeClass('plus'); number.addClass('plus'); number.html('+'+data.message); } else{ number.removeClass('minus'); number.removeClass('plus'); number.addClass('minus'); number.html(data.message); } } }, error: function (xhr, str) { alert('Error: ' + xhr.responseCode); } }); return false; }); $('.votes .fa-thumbs-o-up').click(function () { var defId=$(this).data('def'); var number= $(this).parent().parent().find('.value'); $.ajax({ type: 'POST', url: '/vote_def_', data: {'defId':defId,'type':'up'}, beforeSend: function (data) { $('.loader_def').show(); }, success: function (data) { $('.loader_def').hide(); if (data.flag == 0) { } else { if(data.message==0){ number.removeClass('minus'); number.removeClass('plus'); number.addClass('neutral'); number.html(data.message); } else if(data.message>0){ number.removeClass('minus'); number.removeClass('plus'); number.addClass('plus'); number.html('+'+data.message); } else{ number.removeClass('minus'); number.removeClass('plus'); number.addClass('minus'); number.html(data.message); } } }, error: function (xhr, str) { alert('Error: ' + xhr.responseCode); } }); return false; }); }); </script> <script> $(document).ready(function () { var question = $('.helpful-info-block .question'); var ifAnswerYes = $('.helpful-info-block .if-answer-yes'); var ifAnswerNo = $('.helpful-info-block .if-answer-no'); $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name=csrf-token]').attr("content") } }); $('#hyes').click(function () { question.fadeOut(function() { ifAnswerYes.css('display', 'flex'); }); $.ajax({ type: 'POST', url: '/word_helpful_set', data: {'answer': 'yes', 'url': 'definition/inline-element'}, beforeSend: function (data) { }, success: function (data) { }, error: function (xhr, str) { } }); return false; }); $('#hno').click(function () { question.fadeOut(function() { ifAnswerNo.css('display', 'flex'); }); }); $('#helpful').submit(function () { var text = $(this).find('input[name="text"]').val(); text=text.trim(); if (text.length < 2){ return false; } ifAnswerNo.hide(); $('.ok-no').show(); var data = $(this).serialize(); $.ajax({ type: 'POST', url: '/word_helpful_set', data: data, beforeSend: function (data) { }, success: function (data) { }, error: function (xhr, str) { } }); return false; }); }); </script> <script> var timer_; $('.search-input').keyup(function (e) { clearTimeout(timer_); if($(this).hasClass('top-header')){ var searchResults = $('.search-results-dropdown:eq(0)'); var qtest = $(this).eq(0).val(); var q = $('.main-search:eq(0)').serialize(); var topSearch=true; $('.main-search').last().find('.search-input').val(qtest) } else{ var searchResults = $('.search-results-dropdown').last(); var qtest = $(this).last().val(); var q = $('.main-search').last().serialize(); var topSearch=false; $('.main-search').find('.search-input').val(qtest) } if (qtest.length < 1) { return false; } if (e.keyCode == 40) { var flag = false; $('.search-dropdown-list>li').each(function () { if ($(this).hasClass('result_hover')) { $(this).removeClass('result_hover'); ind = $(this).index(); $('.search-results-dropdown>li:eq(' + ((ind + 1).toString()) + ')').addClass('result_hover'); flag = true; return false; } }); if (!flag) $('.search-results-dropdown>li:eq(0)').addClass('result_hover'); } else if (e.keyCode == 38) { var flag = false; $('.search-results-dropdown>li').each(function () { if ($(this).hasClass('result_hover')) { $(this).removeClass('result_hover'); ind = $(this).index(); $('.search-results-dropdown>li:eq(' + ((ind - 1).toString()) + ')').addClass('result_hover'); flag = true; return false; } }); if (!flag) $('.search-results-dropdown>li:eq(6)').addClass('result_hover'); } else if (e.which == 13) { flag = false; $('.search-results-dropdown>li').each(function () { if ($(this).hasClass('result_hover')) { document.location.href = $(this).find('a:eq(0)').attr('href'); flag = true; return false; } }); var word = $(this).val(); if (word.length > 0 && !flag) document.location.href = '/search?' + q; } else { timer_ = setTimeout(function() { $.ajax({ type: 'get', url: '/search?' + q, beforeSend: function (data) { }, success: function (data) { if (data.flag == 2) { searchResults.hide(); $('.main-search').removeClass('bordered'); } else if (data.flag == 1) { searchResults.show(); $('.main-search').addClass('bordered'); if(topSearch==false){ $('.search-results-dropdown:eq(0)').hide(); } searchResults.html(data.message); } } }); }, 200); return false } }); $('.main-search').submit(function (e) { if($('.search-input').hasClass('top-header')){ var q = $('.main-search:eq(0)').serialize(); var qtest = $(this).eq(0).find('.search-input').val(); } else{ var q = $('.main-search').last().serialize(); var qtest = $('.main-search').last().find('.search-input').val(); } qtest= $.trim(qtest); if ( qtest.length < 1) { return false; } }); $(document).click(function(e){ var elementClassName = e.target.className; if(elementClassName!='search-input top-header'){ $('.search-results-dropdown').hide(); } }); $(document).ready(function () { $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name=csrf-token]').attr("content") } }); $('#subscribeform').submit(function () { var data = $(this).serialize(); var timer; $.ajax({ type: 'POST', url: '/subscribe_', data: data, beforeSend: function (data) { $('.loader').show(); }, success: function (data) { $('#responcesubscribeform').html(''); $('.loader').hide(); if (data.flag == 2) { $('#responcesubscribeform').html(data.message); timer = setInterval(function () { $('.alert').fadeOut("slow"); clearInterval(timer); }, 3000); } else if (data.flag == 1) { /* dataLayerSend('Subscribe', 'User Subscribe', '', '', true);*/ $('#responcesubscribeform').html(data.message); $("#subscribeform input").prop('disabled', true); $("#subscribeform button").prop('disabled', true); timer = setInterval(function () { $('.alert').fadeOut("slow"); clearInterval(timer); }, 4000); } }, error: function (xhr, str) { alert('Error: ' + xhr.responseCode); } }); return false; }); }); function socialopen(link, popup) { w = 700, h = 400; var left = (screen.width / 2) - (w / 2); var top = 100; switch (popup) { case 'twitter': h = 300; break; case 'pinterest': w = 750; h = 480; break; case 'google': w = 500; break; } window.open(link, popup, 'width=' + w + ', height=' + h + ', left=' + left + ', top=' + top); } </script> <script> $('.login-register .modal-link').click(function(){ var removeActiveClass = $('.login-tabs li a.active'); var addActiveClass = $('.login-tabs li a[href*="forget-pass"]'); var addActiveAndShowClasses = $('.forget-password'); var removeClassesSignup = $('.signup-tab'); var removeClassesSignin = $('.signin-tab'); removeActiveClass.removeClass('active'); addActiveClass.addClass('active'); addActiveAndShowClasses.addClass('active').addClass('show'); removeClassesSignup.removeClass('active').removeClass('show'); removeClassesSignin.removeClass('active').removeClass('show'); }); function socialauthopen(url) { winpar = 'width=700,height=500,left=' + ((window.innerWidth - 520) / 2) + ',top=' + ((window.innerHeight - 500) / 2); window.open(url, 'tvkw', winpar); } $.clearInput = function () { $('#authloginform').find('input[type=text], input[type=password], input[type=number], input[type=email], textarea').val(''); $('#authregisterform').find('input[type=text], input[type=password], input[type=number], input[type=email], textarea').val(''); }; $(document).ready(function () { $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name=csrf-token]').attr("content") } }); $('#authloginform').submit(function () { var data = $(this).serialize(); var timer; $.ajax({ type: 'POST', url: '/auth/login', data: data, beforeSend: function (data) { $('.loader').show(); }, success: function (data) { $('#responceauthloginform').html(''); $('.loader').hide(); if (data.flag == 2) { $('#responceauthloginform').html(data.message); timer = setInterval(function () { $('.alert').fadeOut("slow"); clearInterval(timer); }, 3000); } else if (data.flag == 1) { $('#responceauthloginform').html(data.message); $("#authloginform input").prop('disabled', true); $("#authloginform textarea").prop('disabled', true); $("#authloginform button").prop('disabled', true); timer = setInterval(function () { location.reload(); clearInterval(timer); }, 1000); } }, error: function (xhr, str) { alert('Error: ' + xhr.responseCode); } }); return false; }); $('#authregisterform').submit(function () { var data = $(this).serialize(); var timer; $.ajax({ type: 'POST', url: '/auth/registration', data: data, beforeSend: function (data) { $('.loader').show(); }, success: function (data) { $('#responceauthregisterform').html(''); $('.loader').hide(); if (data.flag == 2) { $('#responceauthregisterform').html(data.message); timer = setInterval(function () { $('.alert').fadeOut("slow"); clearInterval(timer); }, 3000); } else if (data.flag == 1) { /*dataLayerSend('Registration', 'User Sign Up', '', '', true);*/ $('#responceauthregisterform').html(data.message); $("#authregisterform input").prop('disabled', true); $("#authregisterform textarea").prop('disabled', true); $("#authregisterform button").prop('disabled', true); timer = setInterval(function () { location.reload(); clearInterval(timer); }, 1000); } }, error: function (xhr, str) { alert('Error: ' + xhr.responseCode); } }); return false; }); $('#resetpassword').submit(function () { var data = $(this).serialize(); var timer; $.ajax({ type: 'POST', url: '/auth/password/reset', data: data, beforeSend: function (data) { $('#responcepasswordresset').html('Working...'); }, success: function (data) { $('#responcepasswordresset').html(''); $('.loader').hide(); if (data.flag == 2) { $('#responcepasswordresset').html(data.message); timer = setInterval(function () { $('.alert').fadeOut("slow"); clearInterval(timer); }, 3000); } else if (data.flag == 1) { $('#responcepasswordresset').html(data.message); $("#resetpassword input").prop('disabled', true); $("#resetpassword button").prop('disabled', true); timer = setInterval(function () { location.reload(); clearInterval(timer); }, 1000); } }, error: function (xhr, str) { alert('Error: ' + xhr.responseCode); } }); return false; }); }); </script> <script> /*правый сайдбар - фиксированный*/ $(document).ready(function () { function stickyAdvertise() { var y = $(this).scrollTop(); var $stickyAdvertiseBlock = $('.right-sidebar-advertise.second-block'); var offsetElement = $('.right-sidebar-advertise.first-block'); if (y >= offsetElement.height() + 20) { $stickyAdvertiseBlock.addClass('sticky'); } else { $stickyAdvertiseBlock.removeClass('sticky'); } } stickyAdvertise(); $(window).scroll(function () { stickyAdvertise(); }); }); </script> </body> </html>