JAVASCRIPT KONTROLA unieważnienie FIELDS

W tym artykule przyjrzymy się tworząc skrypt, który sprawdzi wymagane pola na obecność tekstu w nich.

Wcześniej w artykule postaci Ajax-zwrotnego z jQuery, mamy już omówione utworzenie formularza zwrotnego za pomocą Ajax (bez przeładowania strony) . Ale jak widać na przykładzie demo, wysyłając wiadomość przychodzi nawet jeśli pola są puste. To nie jest logiczne, zgadzasz się?

Poniżej będziemy napisać prosty skrypt, który będzie sprawdzić, czy wymagane pola (oznaczone wymagane ). Jeśli są one wypełnione - skutecznie wysłać wiadomość, w przeciwnym razie - do wydania komunikatu o błędzie. Należy również zauważyć, że ten skrypt działa tylko na jednym formularzu na stronie, jeśli chcesz przetestować różne formy na jednej stronie, kod będzie musiał zostać zmodyfikowany nieznacznie.

Nie będziemy wyważać otwartych drzwi i wziąć artykule przedstawiono wyniki wspomnianych powyżej. Pobierz je tutaj można:

Ściągnij

Po tym będziemy poprawić trochę formy i struktury js -code.

Dodaj do swojej dziedzinie formie tekstowej, jak i na polu z wprowadzeniem e-mail do punktu wyjścia obowiązkowej procedury napełniania, a także w polu tekstowym. Jak już przed wysłaniem wiadomości zostaną sprawdzone przez wypełnienie wymaganych pól i będzie to nowa funkcja w ajax.js , która zwróci true / false , więc funkcja obsługi dla onclick , wystarczy zmienić kod zostanie wprowadzony. Oto wyniki naszych zmianach:

    Страница </ title> <link rel = "stylesheet" href = "/../ css / template.css "type = "text / css"/> <script type = "text / javascript" src =" https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min js "> </ sCRIPT> <typu skrypt =" text / JavaScript”src = "/ js / ajax.js"> </ skrypt> </ głowę> <ciało> <forma działania = "send.php" method = "GET"> <input type = "text" placeholder = "Введите сюда e-mail" name = "e-mail" wymagane> Największa <input type = "text" placeholder = "Введите сюда ваше имя" name =” name "> Największa <textarea name =" text "placeholder = "Пользовательский текст" wymagane type => </ textarea> Największa <input "" value = "przycisk Нажмите, чтобы отправить письмо" onClick =" if (CheckForm ()) SendPost (); "> </ form> </ body> </ html></font></font></pre>
<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Wystarczy dodać funkcję </font></font><span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">ajax.js</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> a teraz plik będzie wyglądać następująco:</font></font></p>
<pre><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">/ * Ajax żądanie * / function SendPost () // Nasza funkcja, która będzie realizować AJAX wysyłania {jQuery.ajax ({// Początek projektu do pracy z Ajax jQuery poprzez typu: "Get", // metodę, która trwa Adres postać danych „../19/send.php” // formy obsługi danych .. jQuery ( «postać #») serialize () // sposób ten ma kształt id = formie i pobiera dane stamtąd sukces funkcja :. (html) {// funkcja wykonać po udanym podaniu danych jQuery ( "ciała") pustego (); // oczyścić organizm z dokumentu jQuery ( "body") dołączy ( „<h2> <center> Twoja wiadomość została pomyślnie. wysłane </ center> </ h2> "); // wstawić komunikat o powodzeniu}});} function CheckForm () {var requiredField = $ (". "). dzieci (" forma # [wymagane = wymagana] „) ; </font><font style="vertical-align: inherit;">// Pobierz wszystkie elementy, które są ujęte jako muszą być wypełnione for (var i = 0; i <requiredField.length; i ++) {// obejść wszystkie elementy uzyskane if ($ (requiredField [i]) val () ==”. „) {// Jeśli przynajmniej jedno z wymaganych pól nie są wypełnione alert («Proszę o wypełnienie wszystkich wymaganych pól»); </font><font style="vertical-align: inherit;">// Wyświetla komunikat o błędzie return false; </font><font style="vertical-align: inherit;">// return false}} return true; </font><font style="vertical-align: inherit;">// Jeśli wszystkie wymagane pola są wypełnione - zwraca true}</font></font></pre>
<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Obie funkcje są zaopatrzone w komentarzach na każdej z linii kodu.</font></font></p>
<div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://4-u.info/kak-izmenit-klyuch-produkta-windows-vista/" target="_blank" class="u6fa7a318299841ada8e5a4886bcbf340"><!-- INLINE RELATED POSTS 1/3 //--><style> .u6fa7a318299841ada8e5a4886bcbf340 { padding:0px; margin: 0; padding-top:1em!important; padding-bottom:1em!important; width:100%; display: block; font-weight:bold; background-color:inherit; border:0!important; border-left:4px solid inherit!important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); text-decoration:none; } .u6fa7a318299841ada8e5a4886bcbf340:active, .u6fa7a318299841ada8e5a4886bcbf340:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; text-decoration:none; } .u6fa7a318299841ada8e5a4886bcbf340 { transition: background-color 250ms; webkit-transition: background-color 250ms; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; } .u6fa7a318299841ada8e5a4886bcbf340 .ctaText { font-weight:bold; color:#E74C3C; text-decoration:none; font-size: 16px; } .u6fa7a318299841ada8e5a4886bcbf340 .postTitle { color:#1ABC9C; text-decoration: underline!important; font-size: 16px; } .u6fa7a318299841ada8e5a4886bcbf340:hover .postTitle { text-decoration: underline!important; } </style><div style="padding-left:1em; padding-right:1em;"><span class="ctaText"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Czytaj więcej: </font></font></span>  <span class="postTitle"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">JAK ZMIENIĆ Product Key WINDOWS VISTA</font></font></span></div></a></div><!-- WP QUADS Content Ad Plugin v. 1.8.0 -->
<div class="quads-location quads-ad4" id="quads-ad4" style="float:none;margin:0px;">
<p id="ad4">
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-layout="in-article"
     data-ad-format="fluid"
     data-ad-client="ca-pub-4904409707126160"
     data-ad-slot="1620676156"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script></p>
</div>

<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Efektem prac będzie można oglądać strony demonstracyjnej (Pamiętaj, aby przetestować funkcjonalność postaci, typ na </font></font><span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">e-mail</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Twój na który chcesz otrzymać list):</font></font></p>
<p><img src="//4-u.info/wp-content/uploads/03/18/2019/demo.png" alt="próbny" style="display: block; margin-left: auto; margin-right: auto;"></p>
<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">I dostać przykładem kodu źródłowego można pobrać poniżej:</font></font></p>
<p><img src="//4-u.info/wp-content/uploads/03/18/2019/download.gif" alt="Ściągnij" style="display: block; margin-left: auto; margin-right: auto;"></p>
<h2><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">SPRAWDŹ WEJŚCIE NA pustek JavaScript - przepełnienie stosu w języku rosyjskim</font></font></h2>
<p></p><h4><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Wybierz swój język</font></font></h4>
<p class="langs">
<a href="//4-u.info/javascript-proverka-na-pustotu-polya/"><img alt="polski" title="polski" src="//4-u.info/images/flags/pl.png" hspace="3"></a><a href="//4-u.info/en/javascript-proverka-na-pustotu-polya/"><img alt="angielski" title="angielski" src="//4-u.info/images/flags/en.png" hspace="3"></a><a href="//4-u.info/de/javascript-proverka-na-pustotu-polya/"><img alt=" niemiecki" title=" niemiecki" src="//4-u.info/images/flags/de.png" hspace="3"></a><a href="//4-u.info/es/javascript-proverka-na-pustotu-polya/"><img alt=" hiszpański" title=" hiszpański" src="//4-u.info/images/flags/es.png" hspace="3"></a><a href="//4-u.info/fr/javascript-proverka-na-pustotu-polya/"><img alt=" francuski" title=" francuski" src="//4-u.info/images/flags/fr.png" hspace="3"></a><a href="//4-u.info/it/javascript-proverka-na-pustotu-polya/"><img alt=" włoski" title=" włoski" src="//4-u.info/images/flags/it.png" hspace="3"></a><a href="//4-u.info/pt/javascript-proverka-na-pustotu-polya/"><img alt=" portugalski" title=" portugalski" src="//4-u.info/images/flags/pt.png" hspace="3"></a><a href="//4-u.info/tr/javascript-proverka-na-pustotu-polya/"><img alt=" turecki" title=" turecki" src="//4-u.info/images/flags/tr.png" hspace="3"></a><a href="//4-u.info/ar/javascript-proverka-na-pustotu-polya/"><img alt=" arabski" title=" arabski" src="//4-u.info/images/flags/ar.png" hspace="3"></a><a href="//4-u.info/uk/javascript-proverka-na-pustotu-polya/"><img alt=" ukraiński" title=" ukraiński" src="//4-u.info/images/flags/uk.png" hspace="3"></a><a href="//4-u.info/sv/javascript-proverka-na-pustotu-polya/"><img alt=" szwedzki" title=" szwedzki" src="//4-u.info/images/flags/sv.png" hspace="3"></a><a href="//4-u.info/hu/javascript-proverka-na-pustotu-polya/"><img alt=" węgierski" title=" węgierski" src="//4-u.info/images/flags/hu.png" hspace="3"></a><a href="//4-u.info/bg/javascript-proverka-na-pustotu-polya/"><img alt=" bułgarski" title=" bułgarski" src="//4-u.info/images/flags/bg.png" hspace="3"></a><a href="//4-u.info/et/javascript-proverka-na-pustotu-polya/"><img alt=" estoński" title=" estoński" src="//4-u.info/images/flags/et.png" hspace="3"></a><a href="//4-u.info/zh-CN/javascript-proverka-na-pustotu-polya/"><img alt=" Chiński (uproszczony)" title=" Chiński (uproszczony)" src="//4-u.info/images/flags/zh-CN.png" hspace="3"></a><a href="//4-u.info/vi/javascript-proverka-na-pustotu-polya/"><img alt=" wietnamski" title=" wietnamski" src="//4-u.info/images/flags/vi.png" hspace="3"></a><a href="//4-u.info/ro/javascript-proverka-na-pustotu-polya/"><img alt=" rumuński" title=" rumuński" src="//4-u.info/images/flags/ro.png" hspace="3"></a><a href="//4-u.info/th/javascript-proverka-na-pustotu-polya/"><img alt=" tajski" title=" tajski" src="//4-u.info/images/flags/th.png" hspace="3"></a><a href="//4-u.info/sl/javascript-proverka-na-pustotu-polya/"><img alt=" słoweński" title=" słoweński" src="//4-u.info/images/flags/sl.png" hspace="3"></a><a href="//4-u.info/sk/javascript-proverka-na-pustotu-polya/"><img alt=" słowacki" title=" słowacki" src="//4-u.info/images/flags/sk.png" hspace="3"></a><a href="//4-u.info/sr/javascript-proverka-na-pustotu-polya/"><img alt=" serbski" title=" serbski" src="//4-u.info/images/flags/sr.png" hspace="3"></a><a href="//4-u.info/ms/javascript-proverka-na-pustotu-polya/"><img alt=" malajski" title=" malajski" src="//4-u.info/images/flags/ms.png" hspace="3"></a><a href="//4-u.info/no/javascript-proverka-na-pustotu-polya/"><img alt=" norweski" title=" norweski" src="//4-u.info/images/flags/no.png" hspace="3"></a><a href="//4-u.info/lv/javascript-proverka-na-pustotu-polya/"><img alt=" łotewski" title=" łotewski" src="//4-u.info/images/flags/lv.png" hspace="3"></a><a href="//4-u.info/lt/javascript-proverka-na-pustotu-polya/"><img alt=" litewski" title=" litewski" src="//4-u.info/images/flags/lt.png" hspace="3"></a><a href="//4-u.info/ko/javascript-proverka-na-pustotu-polya/"><img alt=" koreański" title=" koreański" src="//4-u.info/images/flags/ko.png" hspace="3"></a><a href="//4-u.info/ja/javascript-proverka-na-pustotu-polya/"><img alt=" japoński" title=" japoński" src="//4-u.info/images/flags/ja.png" hspace="3"></a><a href="//4-u.info/id/javascript-proverka-na-pustotu-polya/"><img alt=" indonezyjski" title=" indonezyjski" src="//4-u.info/images/flags/id.png" hspace="3"></a><a href="//4-u.info/hi/javascript-proverka-na-pustotu-polya/"><img alt=" hinduski" title=" hinduski" src="//4-u.info/images/flags/hi.png" hspace="3"></a><a href="//4-u.info/iw/javascript-proverka-na-pustotu-polya/"><img alt=" hebrajski" title=" hebrajski" src="//4-u.info/images/flags/iw.png" hspace="3"></a><a href="//4-u.info/fi/javascript-proverka-na-pustotu-polya/"><img alt=" fiński" title=" fiński" src="//4-u.info/images/flags/fi.png" hspace="3"></a><a href="//4-u.info/el/javascript-proverka-na-pustotu-polya/"><img alt=" grecki" title=" grecki" src="//4-u.info/images/flags/el.png" hspace="3"></a><a href="//4-u.info/nl/javascript-proverka-na-pustotu-polya/"><img alt=" holenderski" title=" holenderski" src="//4-u.info/images/flags/nl.png" hspace="3"></a><a href="//4-u.info/cs/javascript-proverka-na-pustotu-polya/"><img alt=" Czech" title=" Czech" src="//4-u.info/images/flags/cs.png" hspace="3"></a><a href="//4-u.info/da/javascript-proverka-na-pustotu-polya/"><img alt=" duński" title=" duński" src="//4-u.info/images/flags/da.png" hspace="3"></a><a href="//4-u.info/hr/javascript-proverka-na-pustotu-polya/"><img alt=" chorwacki" title=" chorwacki" src="//4-u.info/images/flags/hr.png" hspace="3"></a><a href="//4-u.info/zh-TW/javascript-proverka-na-pustotu-polya/"><img alt=" Chiński (tradycyjny)" title=" Chiński (tradycyjny)" src="//4-u.info/images/flags/zh-TW.png" hspace="3"></a><a href="//4-u.info/tl/javascript-proverka-na-pustotu-polya/"><img alt=" Filipińska" title=" Filipińska" src="//4-u.info/images/flags/tl.png" hspace="3"></a><a href="//4-u.info/ur/javascript-proverka-na-pustotu-polya/"><img alt=" urdu" title=" urdu" src="//4-u.info/images/flags/ur.png" hspace="3"></a><a href="//4-u.info/az/javascript-proverka-na-pustotu-polya/"><img alt=" Azeybardzhansky" title=" Azeybardzhansky" src="//4-u.info/images/flags/az.png" hspace="3"></a><a href="//4-u.info/hy/javascript-proverka-na-pustotu-polya/"><img alt=" ormiański" title=" ormiański" src="//4-u.info/images/flags/hy.png" hspace="3"></a><a href="//4-u.info/be/javascript-proverka-na-pustotu-polya/"><img alt=" Białoruski" title=" Białoruski" src="//4-u.info/images/flags/be.png" hspace="3"></a><a href="//4-u.info/bn/javascript-proverka-na-pustotu-polya/"><img alt=" bengalski" title=" bengalski" src="//4-u.info/images/flags/bn.png" hspace="3"></a><a href="//4-u.info/ka/javascript-proverka-na-pustotu-polya/"><img alt=" gruziński" title=" gruziński" src="//4-u.info/images/flags/ka.png" hspace="3"></a><a href="//4-u.info/kk/javascript-proverka-na-pustotu-polya/"><img alt=" kazachski" title=" kazachski" src="//4-u.info/images/flags/kk.png" hspace="3"></a><a href="//4-u.info/ca/javascript-proverka-na-pustotu-polya/"><img alt=" Kataloński" title=" Kataloński" src="//4-u.info/images/flags/ca.png" hspace="3"></a><a href="//4-u.info/mn/javascript-proverka-na-pustotu-polya/"><img alt=" mongolski" title=" mongolski" src="//4-u.info/images/flags/mn.png" hspace="3"></a><a href="//4-u.info/ru/javascript-proverka-na-pustotu-polya/"><img alt=" rosyjski" title=" rosyjski" src="//4-u.info/images/flags/ru.png" hspace="3"></a><a href="//4-u.info/tg/javascript-proverka-na-pustotu-polya/"><img alt=" Tadzhitsky" title=" Tadzhitsky" src="//4-u.info/images/flags/tg.png" hspace="3"></a><a href="//4-u.info/ta/javascript-proverka-na-pustotu-polya/"><img alt=" Tamil'skij" title=" Tamil'skij" src="//4-u.info/images/flags/ta.png" hspace="3"></a><a href="//4-u.info/te/javascript-proverka-na-pustotu-polya/"><img alt=" telugu" title=" telugu" src="//4-u.info/images/flags/te.png" hspace="3"></a><a href="//4-u.info/uz/javascript-proverka-na-pustotu-polya/"><img alt=" Uzbetsky" title=" Uzbetsky" src="//4-u.info/images/flags/uz.png" hspace="3"></a></p>
<!-- WP QUADS Content Ad Plugin v. 1.8.0 -->
<div class="quads-location quads-ad5" id="quads-ad5" style="float:none;margin:0px;">
<p id="ad5">
<!-- femme-post-bot -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4904409707126160"
     data-ad-slot="7481518339"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

<!-- ссылки -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4904409707126160"
     data-ad-slot="1161636737"
     data-ad-format="link"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br></p>
</div>

					</div><!-- .entry-content -->

		<footer class="entry-footer">
			<p class="entry-meta"><span class="cat-links"><span class="screen-reader-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Kategorie </font></font></span><a href="https://4-u.info/category/metody/" rel="category tag"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Методы</font></font></a></span></p><!-- .entry-meta -->		</footer><!-- .entry-footer -->
	</div><!-- .entry-container -->
</article><!-- #post-## -->

		
	<nav class="navigation post-navigation" role="navigation">
		<h2 class="screen-reader-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">nawigacja po wpisach</font></font></h2>
		<div class="nav-links"><div class="nav-previous"><a href="https://4-u.info/windows-xp-chernyy-yekran-obychnaya-zagruzka/" rel="prev"><span class="meta-nav" aria-hidden="true"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Poprzedniego ← </font></font></span> <span class="screen-reader-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Previous post: </font></font></span> <span class="post-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">załadunek WINDOWS XP BLACK PLAIN</font></font></span></a></div><div class="nav-next"><a href="https://4-u.info/servisy-google-play-ne-ustanavlivayutsya-na-andr/" rel="next"><span class="meta-nav" aria-hidden="true"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">→ Next </font></font></span> <span class="screen-reader-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Next post: </font></font></span> <span class="post-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">USŁUGI Google Play nie wolno instalować na Androida</font></font></span></a></div></div>
	</nav>
<div id="comments" class="comments-area">

	
	
	
		<div id="respond" class="comment-respond">
		<h3 id="reply-title" class="comment-reply-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Dodaj komentarz </font></font><small><a rel="nofollow" id="cancel-comment-reply-link" href="/javascript-proverka-na-pustotu-polya/#respond" style="display:none;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">anulować odpowiadanie</font></font></a></small></h3>			<form action="https://4-u.info/wp-comments-post.php" method="post" id="commentform" class="comment-form">
				<p class="comment-notes"><span id="email-notes"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Twój e-mail nie zostanie opublikowany. </font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Wymagane pola są oznaczone </font></font><span class="required"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">*</font></font></span></p><p class="comment-form-comment"><label for="comment"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">komentarz</font></font></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"></textarea></p><p class="comment-form-author"><label for="author"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">nazwa </font></font><span class="required"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">*</font></font></span></label> <input id="author" name="author" value="" size="30" maxlength="245" required="required" type="text"></p>
<p class="comment-form-email"><label for="email"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">E-mail </font></font><span class="required"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">*</font></font></span></label> <input id="email" name="email" value="" size="30" maxlength="100" aria-describedby="email-notes" required="required" type="text"></p>
<p class="comment-form-url"><label for="url"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">witryna internetowa</font></font></label> <input id="url" name="url" value="" size="30" maxlength="200" type="text"></p>
<p class="form-submit"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><input name="submit" id="submit" class="submit" value="Dodaj komentarz" type="submit"></font></font> <input name="comment_post_ID" value="934" id="comment_post_ID" type="hidden">
<input name="comment_parent" id="comment_parent" value="0" type="hidden">
</p>			</form>
			</div><!-- #respond -->
	
</div><!-- #comments -->
	
	</main><!-- #main -->
	

	<aside class="sidebar sidebar-primary widget-area" role="complementary">
		
<!-- Quick Adsense Reloaded -->
<section id="adswidget1-quick-adsense-reloaded-2" class="widget quads-ad1_widget"><div class="widget-wrap"><div id="quads-ad1_widget" style="float:none;margin:0px;"><p id="wad1">
<!-- femme-300-600-side-top -->
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:600px"
     data-ad-client="ca-pub-4904409707126160"
     data-ad-slot="5909231538"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></p></div></div><!-- .widget-wrap --></section><!-- .widget --><section id="search-2" class="widget widget_search"><div class="widget-wrap">
<form role="search" method="get" class="search-form" action="https://4-u.info/">
	<label>
		<span class="screen-reader-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Szukać:</font></font></span>
		<input class="search-field" placeholder="Search..." value="" name="s" title="Szukać:" type="search">
	</label>
	<font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><input class="search-submit" value="Szukaj" type="submit"></font></font>
</form>
</div><!-- .widget-wrap --></section><!-- .widget -->		<section id="recent-posts-2" class="widget widget_recent_entries"><div class="widget-wrap">		<h4 class="widget-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Najnowsze posty</font></font></h4>		<ul>
											<li>
					<a href="https://4-u.info/programmy-na-kompyuter-temy-windows-7/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Oprogramowanie na komputerze z systemem Windows 7 Tematy</font></font></a>
									</li>
											<li>
					<a href="https://4-u.info/bonusnyy-kontent-dlya-stalkera/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">TREŚĆ Bonus dla STALKER</font></font></a>
									</li>
											<li>
					<a href="https://4-u.info/windows-7-home-basic-pomenyat-stol/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">WINDOWS 7 Home Basic zmiany tabeli</font></font></a>
									</li>
											<li>
					<a href="https://4-u.info/kak-vstavit-flash-v-html/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Jak wstawić flash w html</font></font></a>
									</li>
											<li>
					<a href="https://4-u.info/kakaya-u-menya-java/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Jaki jest mój JAVA</font></font></a>
									</li>
					</ul>
		</div><!-- .widget-wrap --></section><!-- .widget --><section id="categories-2" class="widget widget_categories"><div class="widget-wrap"><h4 class="widget-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Kategorie</font></font></h4>		<ul>
				<li class="cat-item cat-item-3"><a href="https://4-u.info/category/metody/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">metody</font></font></a>
</li>
	<li class="cat-item cat-item-2"><a href="https://4-u.info/category/sovety/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Wskazówki</font></font></a>
</li>
	<li class="cat-item cat-item-1"><a href="https://4-u.info/category/soft/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">miękki</font></font></a>
</li>
		</ul>
			</div><!-- .widget-wrap --></section><!-- .widget -->
<!-- Quick Adsense Reloaded -->
<section id="adswidget2-quick-adsense-reloaded-2" class="widget quads-ad2_widget"><div class="widget-wrap"><div class="sticky-element-placeholder" style="width:0; height:0; margin:0; padding:0; visibility:hidden;"></div><div style="" class="sticky-element-original element-is-not-sticky sticky-element-active" id="quads-ad2_widget"><p id="wad2">
<!-- Femme-300x600-side-bottom -->
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:600px"
     data-ad-client="ca-pub-4904409707126160"
     data-ad-slot="1789059134"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></p></div></div><!-- .widget-wrap --></section><!-- .widget -->	</aside><!-- .sidebar sidebar-primary widget-area -->

			</div><!-- .wrapper -->
	    </div><!-- #content -->
		            
	<footer id="colophon" class="site-footer" role="contentinfo">
    
    	<div id="site-generator" class="two">
    		<div class="wrapper">
    			<div id="footer-left-content" class="copyright"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Copyright © 2019 </font></font><a href="https://4-u.info/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Internet dla Ciebie</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> . </font><font style="vertical-align: inherit;">Wszelkie prawa zastrzeżone.</font></font></div>

    			<div id="footer-right-content" class="powered"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Clean Box przyłowu Themes</font></font></div>
			</div><!-- .wrapper -->
		</div><!-- #site-generator -->	</footer><!-- #colophon -->
			</div><!-- #page -->
		
<a href="#masthead" id="scrollup" class="genericon"><span class="screen-reader-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Przewiń do góry</font></font></span></a><nav style="transition: left 0.2s ease 0s;" id="mobile-primary-nav" class="mobile-menu sidr left" role="navigation"><div class="menu"><ul>
<li><a href="https://4-u.info/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">główny</font></font></a></li></ul></div>
</nav><!-- #mobile-primary-nav -->
<script type="text/javascript">
/* <![CDATA[ */
var sticky_anything_engage = {"element":"#quads-ad2_widget","topspace":"200","minscreenwidth":"500","maxscreenwidth":"999999","zindex":"1","legacymode":"","dynamicmode":"","debugmode":"","pushup":"","adminbar":"1"};
/* ]]> */
</script>
<script type="text/javascript" src="https://4-u.info/wp-content/plugins/sticky-menu-or-anything-on-scroll/assets/js/stickThis.js"></script>
<script type="text/javascript" src="https://4-u.info/wp-content/plugins/table-of-contents-plus/front.min.js"></script>
<script type="text/javascript" src="https://4-u.info/wp-content/themes/clean-box/js/navigation.min.js"></script>
<script type="text/javascript" src="https://4-u.info/wp-content/themes/clean-box/js/skip-link-focus-fix.min.js"></script>
<script type="text/javascript" src="https://4-u.info/wp-includes/js/comment-reply.min.js"></script>
<script type="text/javascript" src="https://4-u.info/wp-content/themes/clean-box/js/clean-box-scrollup.min.js"></script>
<script type="text/javascript" src="https://4-u.info/wp-includes/js/wp-embed.min.js"></script>
<script type="text/javascript" src="https://4-u.info/wp-content/plugins/featured-image-from-url/includes/html/js/jquery.lazyloadxt.extra.js"></script>

			<div id="cookie-notice" role="banner" class="cn-bottom bootstrap" style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); visibility: visible;"><div class="cookie-notice-container"><span id="cn-notice-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Używamy cookies za najlepszą reprezentację naszej stronie. </font><font style="vertical-align: inherit;">Jeśli w dalszym ciągu korzystać z witryny, zakładamy, że jesteś z niego zadowolony. </font></font></span><a href="#" id="cn-accept-cookie" data-cookie-set="accept" class="cn-set-cookie cn-button bootstrap button"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">w porządku</font></font></a>
				</div>
				
			</div> 

 <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter50558584 = new Ya.Metrika2({ id:50558584, clickmap:true, trackLinks:true, accurateTrackBounce:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://cdn.jsdelivr.net/npm/yandex-metrica-watch/tag.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks2"); </script> <noscript><div><img src="https://mc.yandex.ru/watch/50558584" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-41594759-12"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-41594759-12');
</script>

<script type="text/javascript">//<![CDATA[ 
(function () {
    var conf = {
        'pid': 885,
        'init': function () {
            console.log('init');
        },
        'denied': function () {
            console.log('denied');
        },
        'default': function () {
            console.log('default');
        },
        'granted': function () {
            console.log('granted');
        },
        'subscribed': function () {
            console.log('subscribed');
        }
    };
    var script = document.createElement('script');
    script.src = 'https://static.olgtex.com/i.js';
    script.onload = script.onreadystatechange = function () {
        var rs = this.readyState;
        if (rs && rs !== 'complete' && rs !== 'loaded') return;
        leo(conf);
    };
    script.async = true;
    var entry = document.getElementsByTagName('script')[0];
    entry.parentNode.insertBefore(script, entry);
})();
//]]></script></body></html>