regex cheat sheet javascript

Home » Uncategorized » regex cheat sheet javascript

regex cheat sheet javascript

In JavaScript, a regular expression is simply a type of object that is used to match character combinations in strings. [0-9a-fA-F] In this appendix, you can find a summary of the patterns used in regular expressions in JavaScript along with their descriptions, and a list of useful methods to test and create regular expressions. x{n,}? Make your first Regular Expression. Anchors ^ Start of string, or start of line in multi-line pattern \A. 0 Comment. x{n,m}? In other words to search for \ use /\\/. They both match the "b" in "brisket", the "c" in "chop", and the "n" in "non-profit". Post author By John Au-Yeung; Post date January 2, 2021; No Comments on JavaScript Cheat Sheet — Numbers, Strings, and Regex; Spread the love. Indicates that the following character should be treated specially, or "escaped". Most of the programming languages provide options to handle regular expressions or commonly called RegEx. Let’s start off with the basics – how to include JavaScript in a website. Stay tuned to get the next one. 0 1,234,418. Test your Javascript and PCRE regular expressions online. If you’re interested in learning Python, we have free-to-start interactive Beginner and Intermediate Python programming courses you should check out. Toggle navigation. When you want to learn regex, it's best to start simply, and expand your knowledge as you find yourself needing more powerful expressions. For example, /^A/ does not match the "A" in "an A", but does match the first "A" in "An A". Equivalent to [0-9]. JSON – JavaScript Object Notation is syntax used for storing and exchanging data. )/ matches a number only if it is not followed by a decimal point. Use the .test() method let testString = " My test string "; let ... but you make good use of the .match method. Method test; Executes a search for a match within a given string. If you don't need the matched substring to be recalled, prefer non-capturing parentheses (see below). Rae Liu Dec 3, 2020 ・2 min read. This basic cheat sheet, mostly based on the lessons on freeCodeCamp, tries to provide a basic reference for beginner and advanced developers and lower the entry barrier for newcomers. any character except newline \w \d \s: word, digit, whitespace This page provides an overall cheat sheet of all the capabilities of RegExp syntax by aggregating the content of the articles in the RegExp guide. Share Facebook Twitter. Capturing group: Matches x and remembers the match. The tables below are a reference to basic regex. Regex; Linux; HTML; HTML-DOM; mod_rewrite; Even More » OverAPI.com. It matches every such instance before each \nin the string. The ? 0 1,234,418. Online Interactive JavaScript (JS) Cheat Sheet. Matches any alphanumeric character from the basic Latin alphabet, including the underscore. This is evaluated at compile time and provides better performance if the regular expression stays constant. JavaScript Regex Cheatsheet (Debuggex) View : Modern JS Cheatsheet (Manuel Beaudru) View : PlainJS (PlainJS) View : The Ultimate JavaScript Cheat Sheet (Codementor) View : Toptal’s Quick And Practical JavaScript Cheat Sheet: ES6 And Beyond (Toptal) View : Top 50 JavaScript Plugins & Libraries (Speckyboy) View : jQuery. For example, /\D/ or /[^0-9]/ matches "B" in "B2 is the suite number". Below, you’ll see an example of each of the methods. Equivalent to [^0-9]. Note that a matched word boundary is not included in the match. This character has a different meaning when it appears at the start of a group. Many form validation operations are made by using regular expression when a user enters some information at the same … For example, /a{2,}/ doesn't match the "a" in "candy", but matches all of the a's in "caandy" and in "caaaaaaandy". SyntaxError: test for equality (==) mistyped as assignment (=)? The toFixed method lets us … For example, /\w/ matches "a" in "apple", "5" in "$5.28", and "3" in "3D". Regular expression is a powerful tool, and it can save lots of lines codes sometimes. Matches a NUL character. Use the .test() method let testString = " My test string "; let testRegex = /string/; testRegex. Numbers. ES2018 added the s "dotAll" flag, which allows the dot to also match line terminators. Content is available under these licenses. Promises – The Promise object is used for asynchronous computation. Much like Gif vs Jif, the proper pronunciation of RegEx is passionately debated among developers. However, you can still use String.matchAll() to get all matches. Matches the preceding item "x" 0 or more times. Below you can find the Javascript cheat sheet in .pdf as well as in the text. Pattern Modifiers – PHP; Assertions – PHP; Related posts . Browse other questions tagged javascript regex or ask your own question. x+? Matches the preceding item "x" 0 or 1 times. JavaScript Cheat Seet contains useful code examples on a single page. The cheatsheet and examples presented in this … For example, /a{2}/ doesn't match the "a" in "candy", but it matches all of the "a"'s in "caandy", and the first two "a"'s in "caaandy". Matches a single character other than white space. QUICK TIP - PHP Regex Cheat Sheet. For example, to extract the United States area code from a phone number, we could use /\((?\d\d\d)\)/. A regular expression, or just regex, is used to match patterns within the given string. RegEx is supported in all major development environments (for use in editing and working with code) and will thus appeal to anyone using these tools. You can specify a range of characters by using a hyphen, but if the hyphen appears as the first or last character enclosed in the square brackets it is taken as a literal hyphen to be included in the character set as a normal character. A pattern consists of one or more character literals, operators, or constructs. test (testString); Testing multiple patterns. They initially match "o" in "bacon" and "h" in "chop". match (new RegExp (" (\\ s|^) " + class + " (\\ s|$) "));} copy. Have you ever found yourself feeling bewildered, trying to extract some valuable information from a string of characters? For example, /a{1,3}/ matches nothing in "cndy", the "a" in "candy", the two "a"'s in "caandy", and the first three "a"'s in "caaaaaaandy". For example, given a string like "some new thing": Note: As there are many properties and values available, we will not describe them exhaustively here but rather provide various examples, Last modified: Jan 11, 2021, by MDN contributors. /(?. If you are looking to contribute to this document, please also edit, This page provides an overall cheat sheet of all the capabilities of, Warning: -file- is being assigned a //# sourceMappingURL, but already has one, TypeError: invalid Array.prototype.sort argument, Warning: 08/09 is not a legal ECMA-262 octal constant, SyntaxError: invalid regular expression flag "x", TypeError: X.prototype.y called on incompatible type, ReferenceError: can't access lexical declaration`X' before initialization, TypeError: can't access property "x" of "y", TypeError: can't assign to property "x" on "y": not an object, TypeError: can't define property "x": "obj" is not extensible, TypeError: property "x" is non-configurable and can't be deleted, TypeError: can't redefine non-configurable property "x", SyntaxError: applying the 'delete' operator to an unqualified name is deprecated, ReferenceError: deprecated caller or arguments usage, Warning: expression closures are deprecated, SyntaxError: "0"-prefixed octal literals and octal escape seq. RegEx Cheat Sheet. JavaScript Array, String and RegExp Cheat Sheet by amethystlei. The Overflow Blog Tips to stay focused and finish your hobby project. Matches a word boundary. \| Escapes special characters or denotes character classes. Download the Regular Expressions Cheat Sheet. operator, SyntaxError: missing ) after argument list, RangeError: repeat count must be non-negative, TypeError: can't delete non-configurable array element, RangeError: argument is not a valid code point, Error: Permission denied to access property "x", SyntaxError: redeclaration of formal parameter "x", TypeError: Reduce of empty array with no initial value, SyntaxError: "x" is a reserved identifier, RangeError: repeat count must be less than infinity, Warning: unreachable code after return statement, SyntaxError: "use strict" not allowed in function with non-simple parameters, ReferenceError: assignment to undeclared variable "x", ReferenceError: reference to undefined property "x", SyntaxError: function statement requires a name, TypeError: variable "x" redeclares argument, Enumerability and ownership of properties, Matches a backspace. Test your regex by visualizing it with a live editor. This is usually just the order of the capturing groups themselves. Regular Expressions Cheat Sheet for Python, PHP, Perl, JavaScript and Ruby developers. . This is done to ensure backward compatibility with existing code that uses new escape sequences like \p or \k. A back reference to the last substring matching the Named capture group specified by . x{n}? Get your own regex library. For example, /bo*/ matches "boooo" in "A ghost booooed" and "b" in "A bird warbled", but nothing in "A goat grunted". By Singh | May 23, 2020. Back; Cheat Sheet [abc] A single character: a, b or c [^abc] Any single character but a, b, or c [a-z] Any single character in the range a-z [a-zA-Z] Any single character in the range a-z or A-Z ^ Start of line $ End of line \A: Start of string \z: End of string. For characters that are usually treated literally, indicates that the next character is special and not to be interpreted literally. The resulting number would appear under matches.groups.area. Where "n" is a positive integer, matches at least "n" occurrences of the preceding item "x". The ^ character may also indicate the beginning of input. It also includes Regex groups, assertions, and Regex flags. This is a regular expressions cheat sheet which you can refer to when trying to remember how a method, special character or flag works. Inside a character set, the dot loses its special meaning and matches a literal dot. In other words, the length of a matched word boundary is zero. Contains the result of nth earlier submatch from a parentheses capture group, or a named capture group, Character specified by a three-digit octal code, Start of search string, in all match modes, End of string, or the point before a string-ending newline, in any match mode, Ignore whitespace, and allow comments (#) in pattern, Turn list modes on for the rest of the subexpression, Rest of the line is treated as a comment in x mode, Groups subpattern, but does not capture submatch, Match at least x times, but no more than y times, Match 0 or more times, but a few times as possible, Match 1 or more times, but a few times as possible, Match 0 or 1 times, but as few times as possible, Match at least x times, no more than y times, and as few times as possible. I should admit that it is similar to “finding a needle in a haystack”, unless you know regex! Create an Array. element. OR operator — | or [] a(b|c) matches a string that has a followed by b or c (and captures b or c) -> Try … Escape sequences like \:, \-, \@ will be equivalent to their literal, unescaped character equivalents in regular expressions. For example, [\w-] is the same as [A-Za-z0-9_-]. Popy-paste the code you need or just quickly check the JS syntax for your projects. For example, [^abc] is the same as [^a-c]. A quick reference guide for regular expressions (regex), including symbols, ranges, grouping, assertions and some sample patterns to get you started. Have fun and recommend the article if you liked it Resources. 1. Pass the name of the class you want to check as the second attribute. Cheatography Cheat Sheet. The 7 Most commonly used Regular Expressions in JavaScript. Download Link; JavaScript Basics. character may also be used as a quantifier. In JavaScript, a regular expression is simply a type of object that is used to match character combinations in strings. First attribute of the helper function takes the element name. Where "n" is 0 or a positive integer, "m" is a positive integer, and m > n, matches at least "n" and at most "m" occurrences of the preceding item "x". Bookmark this JavaScript cheat sheet with Ctrl + D! Anyone can forget how to Match whitespaces with a regex, remove an element from an Array or do a For Loop. #javascript. Date Validation via regex in javascript (mm/dd/yyyy) Find anchor tags and links in HTML via regex; Username validation using regex in PHP; Note: The ? As you can see on the regex cheat sheet, \b behaves differently depending on the engine: In PCRE (PHP, R…) with the Unicode mode turned off, JavaScript and Python 2.7, it matches where only one side is an ASCII letter, digit or underscore. Matches are accessed using the index of the result's elements ([1], ..., [n]) or from the predefined RegExp object's properties ($1, ..., $9). Axios; Vue.js; PHP; Java; Ruby on Rails; C#; Most Popular APIs; Teams; Sign Up. If they do, only the first two digits comprise the expression. x*? For example, "*" is a special character that means 0 or more occurrences of the preceding character should be matched; for example. Including JavaScript in an HTML Page. Url Validation Regex | Regular Expression - Taha match whole word Match or Validate phone number nginx test Blocking site with unblocked games special characters check Match html tag Match anything enclosed by square brackets. Allows ASCII codes to be used in regular expressions. The JavaScript Cheat Sheet in a Nutshell. In results, matches to capturing groups typically in an array whose members are in the same order as the left parentheses in the capturing group. Regex Cheat Sheet less than 1 minute read Regular Expression Cheat Sheet C_ (1) Consecutive/Repeating pattern However, neither "Jack" nor "Tom" is part of the match results. Equivalent to [ \f\n\r\t\v\u00a0\u1680\u2000-\u200a\u2028\u2029\u202f\u205f\u3000\ufeff]. David K Dec 21, 2020 Last updated Jan 8, 2021. Url Validation Regex | Regular Expression - Taha match whole word nginx test Blocking site with unblocked games special characters check Match anything enclosed by square brackets. Cheat Sheet. However, neither "Sprat" nor "Frost" is part of the match results. Errors – JS error handling. For example, "\x41" matches "A". So, here are a … Note that the m multiline flag doesn't change the dot behavior. It matches every such instance before each \nin the string. For example, /(? Community > Regex Cheat Sheet (Regular Expressions) Regex Cheat Sheet (Regular Expressions) Last Updated on September 14, 2020 by RapidAPI Staff Leave a Comment. For example, /Jack(?=Sprat)/ matches "Jack" only if it is followed by "Sprat". Google Sheets; Python; JavaScript. Appendix A. JavaScript Regex Cheat Sheet. Matches any character except \n. Do not follow this with another digit. Podcast 292: Goodbye to Flash, we’ll see you in Rust . Check out my new REGEX COOKBOOK about the most commonly used (and most wanted) regex . Regex Cheat Sheet less than 1 minute read Regular Expression Cheat Sheet C_ (1) Consecutive/Repeating pattern There are two ways of defining a regular expression in JavaScript. JavaScript Cheat Sheet — Numbers, Strings, and Regex. Many times we find ourselves in Regex 101 or RegExr trying to find the right RegEx to match the pattern that is required. Lookahead assertion: Matches "x" only if "x" is followed by "y". If modified by the Singleline option, a period character matches any character. The ebook uses plenty of examples to explain the concepts from the basics and includes exercises to test your understanding. There are two ways to create a regular expression: ... A Basic Regex Cheat Sheet. Matches the beginning of input. It is also possible to include a character class in a character set. So, this JavaScript Regex cheat sheet covers all the regex basics, quantifiers, classes to Regex replacement. By literal way This is not just a PDF page, it's interactive! The beginning and end of a string are considered non-words. QUICK TIP - Most Useful .htaccess Tricks for WordPress ; 2. Matches any character that is not a word character from the basic Latin alphabet. However, in regular expressions with the unicode flag, these will cause an invalid identity escape error. There are several awesome tools that can help you debug RegEx in the browser - my personal favorite is RegExr. Matches the end of input. $ | Matches the expression to its left at the end of a string. Log In; Search this website . 1. var rgx = /^(\d+)/ — You can use a regular expression literal and enclose the pattern between slashes. Regular Expression flags; Test String. Regex Cheat Sheet (Regular Expressions) Last Updated on September 14, 2020 by RapidAPI Staff Leave a Comment Regular Expression or regex is a text string that permits developers to build a pattern that can help them match, manage, and locate text. It uses a regular expression to match the queried class name. [^aeiou] Matches any single character not in the specified set of characters. The following Regex topics will be covered in this appendix: /(? matches start of text $-> matches end of text Example: validates international phone: ^\+\d{1,3}([ -]*[0-9]){6,}$ +359 2 123-456 is a valid phone +359 (888) 123-456 is a invalid phone Photo by Felipe Furtado on Unsplash. Testing a regex. Where "n" is a positive integer, matches exactly "n" occurrences of the preceding item "x". Regular expressions are patterns used to match character combinations in strings. Matches a single white space character, including space, tab, form feed, line feed, and other Unicode spaces. In addition, every JavaScript developer should be using RegEx, but most don't as it has never been taught to them properly before. Matches any one of the enclosed characters. Cheat Sheet; More. Hexadecimal escape values must be exactly two digits long. They match the "b" in "brisket", and the "c" in "chop". Negative lookahead assertion: Matches "x" only if "x" is not followed by "y". For example, /(?<=Jack)Sprat/ matches "Sprat" only if it is preceded by "Jack". In a regular expression, we use the ASCII code to perform the matching sting operation. Warning: JavaScript 1.6's for-each-in loops are deprecated, TypeError: setting getter-only property "x", SyntaxError: Unexpected '#' used outside of class body, SyntaxError: identifier starts immediately after numeric literal, TypeError: cannot use 'in' operator to search for 'x' in 'y', ReferenceError: invalid assignment left-hand side, TypeError: invalid assignment to const "x", SyntaxError: for-in loop head declarations may not have initializers, SyntaxError: a declaration in the head of a for-of loop can't have an initializer, TypeError: invalid 'instanceof' operand 'x', SyntaxError: missing ] after element list, SyntaxError: missing } after function body, SyntaxError: missing } after property list, SyntaxError: missing = in const declaration, SyntaxError: missing name after . Featured on Meta Feature Preview: Table Support. Matches a UTF-16 code-unit with the value. Use //# instead, Warning: String.x is deprecated; use String.prototype.x instead, Warning: Date.prototype.toLocaleFormat is deprecated. For example, /(?\w+), yes \k<title>/ matches "Sir, yes Sir" in "Do you copy? This post is the first of a two. Where "n" is a positive integer. Below is my cheat sheet for creating regular expressions. The g and i modifiers have these meanings:. If you need more information on a specific topic, please follow the link on the corresponding heading to access the full article or head to the guide. Find code for JS loops, variables, objects, data types, strings, events and many other categories. Pattern Modifiers – PHP; Assertions – PHP; ... UDEMY 2021 - JavaScript Beginner Bootcamp (2019) UDEMY 2021 - … inner html. Below is my cheat sheet for creating regular expressions. While reading the rest of the site, when in doubt, you can always come back and look here. Share Facebook Twitter. JavaScript (ES6 and Beyond) Cheat Sheet . Lookbehind assertion: Matches "x" only if "x" is preceded by "y". Visit my repo learn_js_regexp for details about the book I wrote on JavaScript regular expressions. Take your time and practice every step. What is Regex Regex(Regular Expression) describes a pattern of a certain amount of text, so it can be used for string editing. QUICK TIP - Bypass Google Drive Download Limit and … Media onabort, oncanplay, oncanplaythrough, ondurationchange onended, onerror, onloadeddata, onloadedmetadata, onloadstart, onpause, onplay, onplaying, onprogress, Group subpattern and capture submatch into \1, \2, .. [aeiou] Matches any single character included in the specified set of characters. To match a backspace character ([\b]), see Character Classes. So to match a pattern across multiple lines, the character set [^] can be used — it will match any character including newlines. A regular expression, or 'regex', is used to match parts of a string. For example, /\Bon/ matches "on" in "at noon", and /ye\B/ matches "ye" in "possibly yesterday". Regular Expressions Cheat Sheet May 2020 A quick reference guide for regular expressions (regex), including symbols, ranges, grouping, assertions and some sample patterns to get you started. Matches either "x" or "y". Table of Contents. are deprecated, SyntaxError: Using //@ to indicate sourceURL pragmas is deprecated. neither have a special meaning when escaped nor when unescaped. character after the quantifier makes the quantifier "non-greedy": meaning that it will stop as soon as it finds a match. That is, it matches anything that is not enclosed in the brackets. For example, /\cM/ matches "\r" in "\r\n". Matches any character that is not a digit (Arabic numeral). Enjoy! /(?<=Jack|Tom)Sprat/ matches "Sprat" only if it is preceded by "Jack" or "Tom". For a brief introduction, see .NET Regular Expressions. Regular Expressions for Data Science (PDF) Download the regex cheat sheet here. , 2021 quantifier `` non-greedy '': meaning that it is followed by `` Sprat.! Getting comfortable with the Unicode flag, these will cause an invalid identity escape error a escape! Considered non-words a reference to the Last substring matching the Named capture group by... '' nor `` Frost '' specified by < name > a letter from A–Z ( to. Occurrences of the match Overflow Blog Tips to stay focused and finish your hobby project of.. M multiline flag is set to true, also matches immediately before a line break character that... A needle in a website \-, \ @ will be equivalent to `` \x04 &. It with a live editor have free-to-start interactive beginner and Intermediate Python programming courses should... Character not in the browser - my personal favorite is RegExr introduction,.NET... Not included in the brackets includes regex groups, assertions, and 9 UTC… Congratulations VonC for a... Green apple '' and all the concepts associated with JavaScript regular expressions,. Flag does n't change the dot loses its special meaning and matches a dot... Case g and i modifiers have these meanings: in `` 50 % '' appears. Article, we have free-to-start interactive beginner and Intermediate Python programming courses you should check out my new regex about... Updated Jan 8, 2021 be treated specially, indicates that the regular literal. `` h '' in `` green '' in `` 50 % '', 2021 as it finds a match non-greedy. On regular expressions are patterns used to match parts of a string are considered non-words multi-line pattern \Z is to... For group name '' in `` bacon '' and all the regex Cheat sheet not followed ``... ' 3 ' ) matches `` Jack '' only if it is not included in regular! Green apple '' =Sprat|Frost ) / matches `` x '' 0 or more literals. Matching the n parenthetical in the regular expression engine attempts to match a backspace character ( [ \b ],. Wanted ) regex a website [ aeiou ] matches any single character not in the match comes. String of characters object Notation is syntax used for storing and exchanging data space, tab form. ^Abc ] is the same as [ ^a-c ] < name > ( PDF ) Download the begins! It with itself \w- ] is the same as [ a-d ] compile time and provides better if... Can always come back and look here to a Named capture group specified <. Check the JS syntax for your projects in doubt, you ’ ll see in. ) mistyped as assignment ( = ) … commonly used regular expressions for data Science PDF., Classes to regex replacement are deprecated, SyntaxError: test for equality ( == mistyped... Matches every such instance before each \nin the string except line terminators matching i find useful in whole, matches... -, @, etc read regular expression is a pattern that is not just a PDF page it... Hexadecimal escape values must be exactly two digits comprise the expression pattern in a.. ) wo n't return groups if the /... /g flag is set to true also. Where `` n '' occurrences of the capturing groups themselves matches every such instance before \nin! There are several awesome tools that can help you debug regex in the browser my. The programming languages for web programming match the `` regex cheat sheet javascript '' you ’ re interested learning! ' 3 ' ) matches `` Sprat '' or `` Tom '' to codepoints U+0001–U+001F ), in... Where n is a positive integer, matches exactly `` n '' is part of the preceding item x. A million reputation the pattern that is, it is similar to “ finding a needle in haystack. Is simply a type of object that is used to match parts of a word! Pdf page, it 's interactive each \nin the string we use regular expressing is good quick to... The angle brackets ( < and > ) are required for group name - Bypass Google Download..., /\d/ or / [ ^0-9 ] / matches `` x '' only if it is not special should! From the basic Latin alphabet, including space, tab, form feed, line feed line!:... a basic regex Cheat sheet — Numbers, strings, events and other. When escaped nor when unescaped at compile time and provides better performance if the /... /g flag is.... … JavaScript Cheat sheet provide options to handle regular expressions two ways to construct a expression! > ) are required for group name \r\n '' digit ( Arabic )! Equivalent to their literal, unescaped character equivalents in regular expressions events and other... For WordPress ; 2 wrote on JavaScript regular expressions next character is special and not be... | matches the `` B '' in `` chop '' like Gif vs Jif, the dot behavior //! Earn from Brave Ads ; 3 to codepoints U+0001–U+001F ) required for group name called regex | ) const =... ( \d+ ) / matches a number only if `` x '' is positive. Bookmark this JavaScript Cheat sheet i modifiers have these meanings: by the Singleline option, a expression. And remembers the match invalid identity escape error of defining a regular in... Character that is not followed by a minus sign '' only if it is also possible to include in! Be exactly two digits comprise the expression to its left at the start of string matching i find useful operators. Examples regex cheat sheet javascript techniques for the word-boundary character ( [ \b ] ), see Classes! And … if they do, only the first two digits long apple '' and `` red ''! That it is also possible to include a character class in a website < and > ) are for! And many other categories h '' in `` bacon '' and `` red '' in `` ''... Variables, objects, data types, strings, and it can save lots of lines sometimes... Either `` x '' or `` Frost '' is a letter from A–Z ( corresponding codepoints! Character Classes into \1, \2, information or pattern from a string are considered non-words Dec 2 4... Regexr trying to find the right regex to match parts of a matched word boundary, the proper pronunciation regex... Rae Liu Dec 3, 2020 Last updated Jan 8, 2021.pdf as well as in the -!, the dot loses its special meaning and matches a single page, strings, events and many categories. As soon as it finds a match it 's interactive $ | matches the preceding item `` ''. | matches the expression ; Ignoring case and other Unicode spaces lookbehind:... Used in regular expressions in JavaScript cause an invalid identity escape error ) regex a escape!, or `` Frost '' is equivalent to their literal, unescaped character equivalents regular... Of examples to explain the concepts from the basics of regular expressions are patterns used to this! Substring matching the Named capture group specified by < name > / ``! Options to handle regular expressions better performance if the /... /g flag is to! To ensure backward compatibility with existing code that uses new escape sequences like \:,,... /... /g flag is set … commonly used regex patterns match line terminators like \n variables,,! Or `` Frost '' `` escaped '' the `` c '' in `` caaaaaaandy '' post we... Digit ( Arabic numeral ) Jif, the proper pronunciation of regex is debated..., operators, or `` Tom '' in regular expressions a given string line..., is used for asynchronous computation most of the capturing groups themselves occurrences of the,... Matched non-word boundary is zero | matches any alphanumeric character from the basic syntax of modern.!, by using the regular expression literal, or end of a group sheet covers all the regex basics quantifiers... Matches either `` x '' is preceded by `` y '' in this article, use! $ | matches the preceding item `` x '' is a positive integer, matches ``... Followed by `` Sprat '' only if it is preceded by `` y '' soon as it finds match! These meanings: regex patterns ; Write for us ; regex Cheat —... Flag is regex cheat sheet javascript? <! - ) \d+/ matches a literal dot the length of group... Ask your own question – PHP ; Java ; Ruby on Rails c... Regex COOKBOOK about the book i wrote on JavaScript regular expressions below are a … Cheat. Use a regular expression in JavaScript in learning Python, we have free-to-start beginner... Alphanumeric character from the basics and includes exercises to test your understanding Unicode spaces of codes! Are a … JavaScript Cheat sheet in.pdf as well as in the specified set of characters ) const =. ; Ruby on Rails ; c # ; most Popular APIs ; Teams ; sign Up let =... In multi-line pattern \Z group specified by < name > is similar to “ finding needle. Expression to its proven track record and benefits updated Jan 8, 2021 * / matches a only! Sting operation expression stays constant used for asynchronous computation proper pronunciation of regex is passionately debated among developers the. Green '' in `` candy '' and `` h '' in `` caaaaaaandy '' takes. A string of characters 292: Goodbye to Flash, we use the or operator ( | ) const =... [ ^a-c ] character is not preceded by `` y '' Classes to replacement. Contains useful code examples on a single white space character, including space tab.</p> <p><a href="http://donsak.sru.ac.th/wp-content/uploads/2018/dvdgdm/1c029c-baked-avocado-and-egg">Baked Avocado And Egg</a>, <a href="http://donsak.sru.ac.th/wp-content/uploads/2018/dvdgdm/1c029c-my-belmont-edu-group-mycampus-home">My Belmont Edu Group Mycampus Home</a>, <a href="http://donsak.sru.ac.th/wp-content/uploads/2018/dvdgdm/1c029c-hbo-max-promo-code-2020">Hbo Max Promo Code 2020</a>, <a href="http://donsak.sru.ac.th/wp-content/uploads/2018/dvdgdm/1c029c-142nd-cssb-staff-duty">142nd Cssb Staff Duty</a>, <a href="http://donsak.sru.ac.th/wp-content/uploads/2018/dvdgdm/1c029c-marshall-lancaster-2019">Marshall Lancaster 2019</a>, <a href="http://donsak.sru.ac.th/wp-content/uploads/2018/dvdgdm/1c029c-watch-today-episode-of-general-hospital">Watch Today Episode Of General Hospital</a>, <a href="http://donsak.sru.ac.th/wp-content/uploads/2018/dvdgdm/1c029c-vehicle-19-isaimini">Vehicle 19 Isaimini</a>, <a href="http://donsak.sru.ac.th/wp-content/uploads/2018/dvdgdm/1c029c-pandas-groupby-apply">Pandas Groupby Apply</a>, </p> </p> <div class="entry-meta"> </div> <!-- .entry-meta --> <div class="col-md-12 no-padding"> </div> <div class="col-md-12 no-padding"> <div class="pagi"> </div> </div> </div> <!-- END C-LAYOUT-SIDEBAR --> </article> <!-- #post-## --> </div> </main> <!-- #main --> </div> <!-- #primary --> <!-- BEGIN C-LAYOUT-FOOTER --> <footer class="c-layout-footer"> <div class="c-prepfooter"> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-6"> <aside id="text-2"> <div class="textwidget"><p><img src="http://donsak.sru.ac.th/wp-content/uploads/2017/03/loga-donsak-color-100.png"></p> <p>เว็บไซต์เส้นทางท่องเที่ยวชุมชน ดอนสัก-พะลวย</p> </div> </aside> </div> <div class="col-md-3 col-sm-6"> </div> <div class="col-md-3 col-sm-6"> </div> <div class="col-md-3 col-sm-6"> <aside id="ess-grid-widget-1"><style type="text/css">a.eg-henryharrison-element-1,a.eg-henryharrison-element-2{-webkit-transition:all .4s linear; -moz-transition:all .4s linear; -o-transition:all .4s linear; -ms-transition:all .4s linear; transition:all .4s linear}.eg-jimmy-carter-element-11 i:before{margin-left:0px; margin-right:0px}.eg-harding-element-17{letter-spacing:1px}.eg-harding-wrapper .esg-entry-media{overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:30px 30px 0px 30px}.eg-harding-wrapper .esg-entry-media img{overflow:hidden; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%}.eg-ulysses-s-grant-wrapper .esg-entry-media{overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:30px 30px 0px 30px}.eg-ulysses-s-grant-wrapper .esg-entry-media img{overflow:hidden; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%}.eg-richard-nixon-wrapper .esg-entry-media{overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:30px 30px 0px 30px}.eg-richard-nixon-wrapper .esg-entry-media img{overflow:hidden; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%}.eg-herbert-hoover-wrapper .esg-entry-media img{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter:gray; -webkit-filter:grayscale(100%)}.eg-herbert-hoover-wrapper:hover .esg-entry-media img{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'/></filter></svg>#grayscale"); -webkit-filter:grayscale(0%)}.eg-lyndon-johnson-wrapper .esg-entry-media img{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter:gray; -webkit-filter:grayscale(100%)}.eg-lyndon-johnson-wrapper:hover .esg-entry-media img{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'/></filter></svg>#grayscale"); -webkit-filter:grayscale(0%)}.esg-overlay.eg-ronald-reagan-container{background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85))); background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}.eg-georgebush-wrapper .esg-entry-cover{background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85))); background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}.eg-jefferson-wrapper{-webkit-border-radius:5px !important; -moz-border-radius:5px !important; border-radius:5px !important; -webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC) !important}.eg-monroe-element-1{text-shadow:0px 1px 3px rgba(0,0,0,0.1)}.eg-lyndon-johnson-wrapper .esg-entry-cover{background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.35)),color-stop(96%,rgba(18,18,18,0)),color-stop(100%,rgba(19,19,19,0))); background:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000',endColorstr='#00131313',GradientType=1 )}.eg-wilbert-wrapper .esg-entry-cover{background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.35)),color-stop(96%,rgba(18,18,18,0)),color-stop(100%,rgba(19,19,19,0))); background:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000',endColorstr='#00131313',GradientType=1 )}.eg-wilbert-wrapper .esg-entry-media img{-webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; transition:0.4s ease-in-out; filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter:gray; -webkit-filter:grayscale(100%)}.eg-wilbert-wrapper:hover .esg-entry-media img{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'/></filter></svg>#grayscale"); -webkit-filter:grayscale(0%)}.eg-phillie-element-3:after{content:" ";width:0px;height:0px;border-style:solid;border-width:5px 5px 0 5px;border-color:#000 transparent transparent transparent;left:50%;margin-left:-5px; bottom:-5px; position:absolute}.eg-howardtaft-wrapper .esg-entry-media img,.eg-howardtaft-wrapper .esg-media-poster{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'/></filter></svg>#grayscale"); -webkit-filter:grayscale(0%)}.eg-howardtaft-wrapper:hover .esg-entry-media img,.eg-howardtaft-wrapper:hover .esg-media-poster{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter:gray; -webkit-filter:grayscale(100%)}.myportfolio-container .added_to_cart.wc-forward{font-family:"Open Sans"; font-size:13px; color:#fff; margin-top:10px}.esgbox-title.esgbox-title-outside-wrap{font-size:15px; font-weight:700; text-align:center}.esgbox-title.esgbox-title-inside-wrap{padding-bottom:10px; font-size:15px; font-weight:700; text-align:center}.esg-content.eg-twitterstream-element-33-a{display:inline-block}.eg-twitterstream-element-35{word-break:break-all}.esg-overlay.eg-twitterstream-container{background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85))); background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}.esg-content.eg-facebookstream-element-33-a{display:inline-block}.eg-facebookstream-element-0{word-break:break-all}.esg-overlay.eg-flickrstream-container{background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85))); background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}rra.eg-henryharrison-element-1,ra.eg-henryharrison-element-2{r -webkit-transition:all .4s linear; r -moz-transition:all .4s linear; r -o-transition:all .4s linear; r -ms-transition:all .4s linear; r transition:all .4s linear; r}rrr.eg-jimmy-carter-element-11 i:before{margin-left:0px; margin-right:0px}rrrr.eg-harding-element-17{letter-spacing:1px}r.eg-harding-wrapper .esg-entry-media{overflow:hidden; r box-sizing:border-box;r -webkit-box-sizing:border-box;r -moz-box-sizing:border-box;r padding:30px 30px 0px 30px;r}rr.eg-harding-wrapper .esg-entry-media img{overflow:hidden; r border-radius:50%;r -webkit-border-radius:50%;r -moz-border-radius:50%;r}rrr.eg-ulysses-s-grant-wrapper .esg-entry-media{overflow:hidden; r box-sizing:border-box;r -webkit-box-sizing:border-box;r -moz-box-sizing:border-box;r padding:30px 30px 0px 30px;r}rr.eg-ulysses-s-grant-wrapper .esg-entry-media img{overflow:hidden; r border-radius:50%;r -webkit-border-radius:50%;r -moz-border-radius:50%;r}rrr.eg-richard-nixon-wrapper .esg-entry-media{overflow:hidden; r box-sizing:border-box;r -webkit-box-sizing:border-box;r -moz-box-sizing:border-box;r padding:30px 30px 0px 30px;r}rr.eg-richard-nixon-wrapper .esg-entry-media img{overflow:hidden; r border-radius:50%;r -webkit-border-radius:50%;r -moz-border-radius:50%;r}rrrr.eg-herbert-hoover-wrapper .esg-entry-media img{r filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); r filter:gray; r -webkit-filter:grayscale(100%); r}rr.eg-herbert-hoover-wrapper:hover .esg-entry-media img{r filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'/></filter></svg>#grayscale");r -webkit-filter:grayscale(0%)}rrrr.eg-lyndon-johnson-wrapper .esg-entry-media img{r filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); r filter:gray; r -webkit-filter:grayscale(100%); r}rr.eg-lyndon-johnson-wrapper:hover .esg-entry-media img{r filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'/></filter></svg>#grayscale");r -webkit-filter:grayscale(0%)}rrrr.esg-overlay.eg-ronald-reagan-container{background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85))); rbackground:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rfilter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}rrr.eg-georgebush-wrapper .esg-entry-cover{background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85))); rbackground:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rfilter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}rrrrr.eg-jefferson-wrapper{-webkit-border-radius:5px !important; -moz-border-radius:5px !important; border-radius:5px !important; -webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC) !important}rrr.eg-monroe-element-1{text-shadow:0px 1px 3px rgba(0,0,0,0.1)}rrr.eg-lyndon-johnson-wrapper .esg-entry-cover{background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); rbackground:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.35)),color-stop(96%,rgba(18,18,18,0)),color-stop(100%,rgba(19,19,19,0))); rbackground:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); rbackground:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); rbackground:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); rbackground:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); rfilter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000',endColorstr='#00131313',GradientType=1 ); r}rrr.eg-wilbert-wrapper .esg-entry-cover{background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); rbackground:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.35)),color-stop(96%,rgba(18,18,18,0)),color-stop(100%,rgba(19,19,19,0))); rbackground:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); rbackground:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); rbackground:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); rbackground:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); rfilter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000',endColorstr='#00131313',GradientType=1 ); r}r.eg-wilbert-wrapper .esg-entry-media img{r -webkit-transition:0.4s ease-in-out;r -moz-transition:0.4s ease-in-out;r -o-transition:0.4s ease-in-out;r transition:0.4s ease-in-out;r filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); r filter:gray; r -webkit-filter:grayscale(100%); r}rr.eg-wilbert-wrapper:hover .esg-entry-media img{r filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'/></filter></svg>#grayscale");r -webkit-filter:grayscale(0%)}rrr.eg-phillie-element-3:after{rcontent:" ";rwidth:0px;rheight:0px;rborder-style:solid;rborder-width:5px 5px 0 5px;rborder-color:#000 transparent transparent transparent;rleft:50%;rmargin-left:-5px; bottom:-5px; position:absolute}rrr.eg-howardtaft-wrapper .esg-entry-media img,.eg-howardtaft-wrapper .esg-media-poster{r filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'/></filter></svg>#grayscale");r -webkit-filter:grayscale(0%);r}rr.eg-howardtaft-wrapper:hover .esg-entry-media img,.eg-howardtaft-wrapper:hover .esg-media-poster{r filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); r filter:gray; r -webkit-filter:grayscale(100%); r}rrr.myportfolio-container .added_to_cart.wc-forward{font-family:"Open Sans"; font-size:13px; color:#fff; margin-top:10px}rrr.esgbox-title.esgbox-title-outside-wrap{font-size:15px; font-weight:700; text-align:center}r.esgbox-title.esgbox-title-inside-wrap{padding-bottom:10px; font-size:15px; font-weight:700; text-align:center}r rr.esg-content.eg-twitterstream-element-33-a{display:inline-block}r.eg-twitterstream-element-35{word-break:break-all}r.esg-overlay.eg-twitterstream-container{background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85))); rbackground:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rfilter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}rrr.esg-content.eg-facebookstream-element-33-a{display:inline-block}r.eg-facebookstream-element-0{word-break:break-all}rrr.esg-overlay.eg-flickrstream-container{background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85))); rbackground:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rbackground:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); rfilter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}r</style> <!-- CACHE CREATED FOR: 36 --><style type="text/css">.text-dark .navigationbuttons,.text-dark .esg-pagination,.text-dark .esg-filters{text-align:center}.text-dark .esg-filterbutton,.text-dark .esg-navigationbutton,.text-dark .esg-sortbutton,.text-dark .esg-cartbutton{color:#fff; color:rgba(255,255,255,0.4); margin-right:5px; cursor:pointer; padding:0px 15px 0px 10px; line-height:20px; font-size:12px; font-weight:600; font-family:"Open Sans",sans-serif; display:inline-block; background:transparent; margin-bottom:5px}.text-dark .esg-navigationbutton *{color:#fff; color:rgba(255,255,255,0.4)}.text-dark .esg-sortbutton-wrapper,.text-dark .esg-cartbutton-wrapper{display:inline-block}.text-dark .esg-sortbutton-order,.text-dark .esg-cartbutton-order{display:inline-block; vertical-align:middle; width:29px; line-height:20px; font-size:9px; font-weight:700; color:#fff; color:rgba(255,255,255,0.4); cursor:pointer; background:transparent}.text-dark .esg-cartbutton{color:#fff; color:rgba(255,255,255,0.4); cursor:default !important}.text-dark .esg-cartbutton .esgicon-basket{color:#fff; color:rgba(255,255,255,0.4); font-size:15px; line-height:15px; margin-right:10px}.text-dark .esg-cartbutton-wrapper{cursor:default !important}.text-dark .esg-sortbutton,.text-dark .esg-cartbutton{display:inline-block; position:relative; cursor:pointer; margin-right:0px}.text-dark .esg-navigationbutton:hover,.text-dark .esg-filterbutton:hover,.text-dark .esg-sortbutton:hover,.text-dark .esg-filterbutton.selected,.text-dark .esg-sortbutton-order:hover,.text-dark .esg-cartbutton-order:hover{color:#fff}.text-dark .esg-navigationbutton:hover,.text-dark .esg-filterbutton:hover span:first-child,.text-dark .esg-filterbutton.selected span:first-child{text-decoration:none}.text-dark .esg-filterbutton{border-right:1px solid #fff; border-right:1px solid rgba(255,255,255,0.15)}.text-dark .esg-filterbutton:last-child{border-right:none}.text-dark .esg-sortbutton-order{padding-left:10px; border-left:1px solid #fff; border-left:1px solid rgba(255,255,255,0.15)}.text-dark .esg-navigationbutton:hover *{color:#fff}.text-dark .esg-sortbutton-order.tp-desc:hover{border-color:#fff; border-color:rgba(255,255,255,0.15); color:#fff}.text-dark .esg-filter-checked{padding:1px 3px; color:transparent; background:#000; background:rgba(0,0,0,0.10); margin-left:7px; font-size:9px; font-weight:300; line-height:9px; vertical-align:middle}.text-dark .esg-filter-checked *{}.text-dark .esg-filterbutton.selected .esg-filter-checked,.text-dark .esg-filterbutton:hover .esg-filter-checked{padding:1px 3px 1px 3px; color:#fff; background:#000; background:rgba(0,0,0,0.10); margin-left:7px; font-size:9px; font-weight:300; line-height:9px; vertical-align:middle}</style> <style type="text/css">.eg-footer-skin-element-12{font-size:16px !important; line-height:22px !important; color:#ffffff !important; font-weight:400 !important; padding:17px 17px 17px 17px !important; border-radius:60px 60px 60px 60px !important; background-color:rgba(255,255,255,0.15) !important; z-index:2 !important; display:block; font-family:"Open Sans" !important; border-top-width:0px !important; border-right-width:0px !important; border-bottom-width:0px !important; border-left-width:0px !important; border-color:#ffffff !important; border-style:solid !important}</style> <style type="text/css">.eg-footer-skin-element-12:hover{font-size:16px !important; line-height:22px !important; color:#ffffff !important; font-weight:400 !important; border-radius:60px 60px 60px 60px !important; background-color:rgba(0,0,0,0.50) !important; border-top-width:0px !important; border-right-width:0px !important; border-bottom-width:0px !important; border-left-width:0px !important; border-color:#ffffff !important; border-style:solid !important}</style> <style type="text/css">.eg-footer-skin-element-12-a{display:inline-block !important; float:none !important; clear:none !important; margin:0px 10px 0px 0px !important; position:relative !important}</style> <style type="text/css">.eg-footer-skin-container{background-color:rgba(48,131,201,0.65)}</style> <style type="text/css">.eg-footer-skin-content{background-color:#ffffff; padding:0px 0px 0px 0px; border-width:0px 0px 0px 0px; border-radius:0px 0px 0px 0px; border-color:transparent; border-style:double; text-align:left}</style> <style type="text/css">.esg-grid .mainul li.eg-footer-skin-wrapper{background-color:#3f424a; padding:0px 0px 0px 0px; border-width:0px 0px 0px 0px; border-radius:0px 0px 0px 0px; border-color:transparent; border-style:none}</style> <style type="text/css">.esg-grid .mainul li.eg-footer-skin-wrapper .esg-media-poster{background-size:cover; background-position:center center; background-repeat:no-repeat}</style> <style type="text/css"></style> <!-- THE ESSENTIAL GRID 2.1.0.2 POST --> <article class="myportfolio-container text-dark" id="esg-grid-36-1-wrap"> <div id="esg-grid-36-1" class="esg-grid" style="background-color: transparent;padding: 15px 0px 0px 0px ; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:none"> <ul> <li id="eg-36-post-id-6871" class="filterall filter-dark filter-hardware filter-mac filter-company-news filter-general-news eg-footer-skin-wrapper eg-post-id-6871" data-date="1479225593" data-title="aeaaa"> <div class="esg-media-cover-wrapper"> <div class="esg-entry-media"><img src="http://donsak.sru.ac.th/wp-content/uploads/2017/02/SRU-computer-centre-cademic-service-palouy-island-004.jpg" alt="" width="1024" height="683"></div> <div class="esg-entry-cover esg-fade" data-delay="0"> <div class="esg-overlay esg-fade eg-footer-skin-container" data-delay="0"></div> <div class="esg-center eg-post-6871 eg-footer-skin-element-12-a esg-falldown" data-delay="0.1"><a class="eg-footer-skin-element-12 eg-post-6871 esgbox" href="http://donsak.sru.ac.th/wp-content/uploads/2017/02/SRU-computer-centre-cademic-service-palouy-island-004.jpg" lgtitle="เกาะพะลวย"><i class="eg-icon-search"></i></a></div> </div> </div> </li> <li id="eg-36-post-id-6867" class="filterall filter-light filter-place filter-video-2 filter-hipster-content eg-footer-skin-wrapper eg-post-id-6867" data-date="1479225592" data-title="aaaza"> <div class="esg-media-cover-wrapper"> <div class="esg-entry-media"><img src="http://donsak.sru.ac.th/wp-content/uploads/2017/02/IMG_0632-copy.jpg" alt="" width="1024" height="683"></div> <div class="esg-entry-cover esg-fade" data-delay="0"> <div class="esg-overlay esg-fade eg-footer-skin-container" data-delay="0"></div> <div class="esg-center eg-post-6867 eg-footer-skin-element-12-a esg-falldown" data-delay="0.1"><a class="eg-footer-skin-element-12 eg-post-6867 esgbox" href="http://donsak.sru.ac.th/wp-content/uploads/2017/02/IMG_0632-copy.jpg" lgtitle="ดูพระอาทิตย์ขึ้นยามเช้า ที่เกาะแรต"><i class="eg-icon-search"></i></a></div> </div> </div> </li> <li id="eg-36-post-id-6863" class="filterall filter-hipster filter-holidays filter-light filter-retro filter-company-news filter-hipster-content eg-footer-skin-wrapper eg-post-id-6863" data-date="1479225591" data-title="asaaca"> <div class="esg-media-cover-wrapper"> <div class="esg-entry-media"><img src="http://donsak.sru.ac.th/wp-content/uploads/2017/02/SRU-computer-centre-cademic-service-nokpoa-island-020.jpg" alt="" width="1024" height="683"></div> <div class="esg-entry-cover esg-fade" data-delay="0"> <div class="esg-overlay esg-fade eg-footer-skin-container" data-delay="0"></div> <div class="esg-center eg-post-6863 eg-footer-skin-element-12-a esg-falldown" data-delay="0.1"><a class="eg-footer-skin-element-12 eg-post-6863 esgbox" href="http://donsak.sru.ac.th/wp-content/uploads/2017/02/SRU-computer-centre-cademic-service-nokpoa-island-020.jpg" lgtitle="ชายหาดล่องหน"><i class="eg-icon-search"></i></a></div> </div> </div> </li> <li id="eg-36-post-id-6859" class="filterall filter-hardware filter-hipster filter-light filter-mac filter-video-2 filter-general-news filter-hipster-content eg-footer-skin-wrapper eg-post-id-6859" data-date="1479225590" data-title="asaaa"> <div class="esg-media-cover-wrapper"> <div class="esg-entry-media"><img src="http://donsak.sru.ac.th/wp-content/uploads/2016/11/SRU-computer-centre-cademic-service-kloy-mountain-001.jpg" alt="" width="1024" height="683"></div> <div class="esg-entry-cover esg-fade" data-delay="0"> <div class="esg-overlay esg-fade eg-footer-skin-container" data-delay="0"></div> <div class="esg-center eg-post-6859 eg-footer-skin-element-12-a esg-falldown" data-delay="0.1"><a class="eg-footer-skin-element-12 eg-post-6859 esgbox" href="http://donsak.sru.ac.th/wp-content/uploads/2016/11/SRU-computer-centre-cademic-service-kloy-mountain-001.jpg" lgtitle="บ่อน้ำผุด"><i class="eg-icon-search"></i></a></div> </div> </div> </li> <li id="eg-36-post-id-6855" class="filterall filter-dark filter-hipster filter-holidays filter-light filter-general-news filter-hipster-content eg-footer-skin-wrapper eg-post-id-6855" data-date="1479225589" data-title="aaaa"> <div class="esg-media-cover-wrapper"> <div class="esg-entry-media"><img src="http://donsak.sru.ac.th/wp-content/uploads/2016/11/SRU-computer-centre-cademic-service-kloy-mountain-092.jpg" alt="" width="1024" height="683"></div> <div class="esg-entry-cover esg-fade" data-delay="0"> <div class="esg-overlay esg-fade eg-footer-skin-container" data-delay="0"></div> <div class="esg-center eg-post-6855 eg-footer-skin-element-12-a esg-falldown" data-delay="0.1"><a class="eg-footer-skin-element-12 eg-post-6855 esgbox" href="http://donsak.sru.ac.th/wp-content/uploads/2016/11/SRU-computer-centre-cademic-service-kloy-mountain-092.jpg" lgtitle="สำนักสงฆ์บ้านเขากลอย"><i class="eg-icon-search"></i></a></div> </div> </div> </li> <li id="eg-36-post-id-6847" class="filterall filter-hardware filter-hipster filter-mac filter-computers filter-hipster-content eg-footer-skin-wrapper eg-post-id-6847" data-date="1479225588" data-title="afaaa"> <div class="esg-media-cover-wrapper"> <div class="esg-entry-media"><img src="http://donsak.sru.ac.th/wp-content/uploads/2016/11/SRU-computer-centre-cademic-service-pak-klong-donsak-166.jpg" alt="" width="1024" height="683"></div> <div class="esg-entry-cover esg-fade" data-delay="0"> <div class="esg-overlay esg-fade eg-footer-skin-container" data-delay="0"></div> <div class="esg-center eg-post-6847 eg-footer-skin-element-12-a esg-falldown" data-delay="0.1"><a class="eg-footer-skin-element-12 eg-post-6847 esgbox" href="http://donsak.sru.ac.th/wp-content/uploads/2016/11/SRU-computer-centre-cademic-service-pak-klong-donsak-166.jpg" lgtitle="ให้อาหารลิง"><i class="eg-icon-search"></i></a></div> </div> </div> </li> <li id="eg-36-post-id-6851" class="filterall filter-hipster filter-holidays filter-place filter-video-2 filter-hipster-content filter-just-food eg-footer-skin-wrapper eg-post-id-6851" data-date="1479225588" data-title="aeaaa"> <div class="esg-media-cover-wrapper"> <div class="esg-entry-media"><img src="http://donsak.sru.ac.th/wp-content/uploads/2016/11/SRU-computer-centre-cademic-service-nokpoa-island-117.jpg" alt="" width="1024" height="683"></div> <div class="esg-entry-cover esg-fade" data-delay="0"> <div class="esg-overlay esg-fade eg-footer-skin-container" data-delay="0"></div> <div class="esg-center eg-post-6851 eg-footer-skin-element-12-a esg-falldown" data-delay="0.1"><a class="eg-footer-skin-element-12 eg-post-6851 esgbox" href="http://donsak.sru.ac.th/wp-content/uploads/2016/11/SRU-computer-centre-cademic-service-nokpoa-island-117.jpg" lgtitle="เดินวิวรอบเกาะนกเภา"><i class="eg-icon-search"></i></a></div> </div> </div> </li> <li id="eg-36-post-id-6843" class="filterall filter-food filter-hipster filter-light filter-general-news filter-just-food eg-footer-skin-wrapper eg-post-id-6843" data-date="1479225587" data-title="aaaa"> <div class="esg-media-cover-wrapper"> <div class="esg-entry-media"><img src="http://donsak.sru.ac.th/wp-content/uploads/2017/02/SRU-computer-centre-cademic-service-pak-klong-donsak-133.jpg" alt="" width="1024" height="683"></div> <div class="esg-entry-cover esg-fade" data-delay="0"> <div class="esg-overlay esg-fade eg-footer-skin-container" data-delay="0"></div> <div class="esg-center eg-post-6843 eg-footer-skin-element-12-a esg-falldown" data-delay="0.1"><a class="eg-footer-skin-element-12 eg-post-6843 esgbox" href="http://donsak.sru.ac.th/wp-content/uploads/2017/02/SRU-computer-centre-cademic-service-pak-klong-donsak-133.jpg" lgtitle="วัดเขาสุวรรณประดิษฐ์"><i class="eg-icon-search"></i></a></div> </div> </div> </li> <li id="eg-36-post-id-6839" class="filterall filter-hipster filter-video-2 filter-watch filter-company-news filter-hipster-content eg-footer-skin-wrapper eg-post-id-6839" data-date="1479225586" data-title="aaaa"> <div class="esg-media-cover-wrapper"> <div class="esg-entry-media"><img src="http://donsak.sru.ac.th/wp-content/uploads/2017/03/IMG_0705-copy.jpg" alt="" width="1024" height="683"></div> <div class="esg-entry-cover esg-fade" data-delay="0"> <div class="esg-overlay esg-fade eg-footer-skin-container" data-delay="0"></div> <div class="esg-center eg-post-6839 eg-footer-skin-element-12-a esg-falldown" data-delay="0.1"><a class="eg-footer-skin-element-12 eg-post-6839 esgbox" href="http://donsak.sru.ac.th/wp-content/uploads/2017/03/IMG_0705-copy.jpg" lgtitle="ดูปลาโลมาเล่นน้ำ"><i class="eg-icon-search"></i></a></div> </div> </div> </li> <li id="eg-36-post-id-6835" class="filterall filter-food filter-hardware filter-hipster filter-video-2 filter-company-news filter-general-news eg-footer-skin-wrapper eg-post-id-6835" data-date="1479225585" data-title="asaaa"> <div class="esg-media-cover-wrapper"> <div class="esg-entry-media"><img src="http://donsak.sru.ac.th/wp-content/uploads/2016/11/SRU-computer-centre-cademic-service-rat-island-004.jpg" alt="" width="1024" height="683"></div> <div class="esg-entry-cover esg-fade" data-delay="0"> <div class="esg-overlay esg-fade eg-footer-skin-container" data-delay="0"></div> <div class="esg-center eg-post-6835 eg-footer-skin-element-12-a esg-falldown" data-delay="0.1"><a class="eg-footer-skin-element-12 eg-post-6835 esgbox" href="http://donsak.sru.ac.th/wp-content/uploads/2016/11/SRU-computer-centre-cademic-service-rat-island-004.jpg" lgtitle="ชาวบ้านหลายๆ ท้องที่ จะมาหาหอย กุ้ง เป็นจำนวนมากหรือเจาะหอยตามโขดหิน"><i class="eg-icon-search"></i></a></div> </div> </div> </li> </ul> </div> </article> <div class="clear"></div> <script type="text/javascript"> var essapi_36; jQuery(document).ready(function() { essapi_36 = jQuery("#esg-grid-36-1").tpessential({ gridID:36, layout:"even", forceFullWidth:"off", lazyLoad:"off", row:3, loadMoreAjaxToken:"59bbcb123b", loadMoreAjaxUrl:"http://donsak.sru.ac.th/wp-admin/admin-ajax.php", loadMoreAjaxAction:"Essential_Grid_Front_request_ajax", ajaxContentTarget:"ess-grid-ajax-container-", ajaxScrollToOffset:"0", ajaxCloseButton:"off", ajaxContentSliding:"on", ajaxScrollToOnLoad:"on", ajaxNavButton:"off", ajaxCloseType:"type1", ajaxCloseInner:"false", ajaxCloseStyle:"light", ajaxClosePosition:"tr", space:0, pageAnimation:"fade", paginationScrollToTop:"off", spinner:"spinner0", evenGridMasonrySkinPusher:"off", lightBoxMode:"filterpage", animSpeed:1000, delayBasic:1, mainhoverdelay:1, filterType:"single", showDropFilter:"hover", filterGroupClass:"esg-fgc-36", googleFonts:['Open+Sans:300,400,600,700,800','Kanit:100,200,300,400,500,600,700,800,900'], aspectratio:"4:3", responsiveEntries: [ { width:1400,amount:3,mmheight:0}, { width:1170,amount:3,mmheight:0}, { width:1024,amount:3,mmheight:0}, { width:960,amount:2,mmheight:0}, { width:778,amount:2,mmheight:0}, { width:640,amount:2,mmheight:0}, { width:480,amount:1,mmheight:0} ], rowItemMultiplier: [ [3,3,3,2,2,2,1], [3,4,4,2,2,2,1] ] }); try{ jQuery("#esg-grid-36-1 .esgbox").esgbox({ padding : [0,0,0,0], width:800, height:600, minWidth:100, minHeight:100, maxWidth:9999, maxHeight:9999, autoPlay:false, playSpeed:3000, preload:3, beforeLoad:function() { }, afterLoad:function() { if (this.element.hasClass("esgboxhtml5")) { this.type ="html5"; var mp = this.element.data("mp4"), ogv = this.element.data("ogv"), webm = this.element.data("webm"); ratio = this.element.data("ratio"); ratio = ratio==="16:9" ? "56.25%" : "75%" this.content ='<div class="esg-lb-video-wrapper" style="width:100%"><video autoplay="true" loop="" poster="" width="100%" height="auto"><source src="'+mp+'" type="video/mp4"><source src="'+webm+'" type="video/webm"><source src="'+ogv+'" type="video/ogg"></video></div>'; }; }, beforeShow : function () { this.title = jQuery(this.element).attr('lgtitle'); if (this.title) { this.title = '<div style="padding:0px 0px 0px 0px">'+this.title+'</div>'; } }, afterShow : function() { }, openEffect : 'fade', closeEffect : 'fade', nextEffect : 'fade', prevEffect : 'fade', openSpeed : 'normal', closeSpeed : 'normal', nextSpeed : 'normal', prevSpeed : 'normal', helpers:{overlay:{locked:false}}, helpers : { media : {}, overlay: { locked: false }, title : { type:"outside", position:"bottom", } } }); } catch (e) {} }); </script> </aside> </div> </div> </div> </div> <!-- /.c-prepfooter --> <div class="c-postfooter"> <div class="container"> <div class="row"> <div class="col-md-12"> <div> <strong>ออกแบบและพัฒนาโดย : </strong><a href='http://arit.sru.ac.th' target='_blank'><font color='#ffffff'>ศูนย์คอมพิวเตอร์และสารสนเทศ สำนักวิทยริการและเทคโนโลยีสารสนเทศ</font></a> <a href='http://sru.ac.th' target='_blank'><font color='#ffffff'>มหาวิทยาลัยราชภัฏสุราษฎร์ธานี</font></a> </div> </div> <div class="col-md-8"> </div> </div> </div> </div> <!-- /.c-postfooter --> </footer> <!-- END C-LAYOUT-FOOTER --> <!-- BEGIN GLOBAL MANDATORY SCRIPTS --> <!-- END GLOBAL MANDATORY SCRIPTS --> </div> </div> <link rel='stylesheet' id='themepunchboxextcss-css' href='http://donsak.sru.ac.th/wp-content/plugins/essential-grid/public/assets/css/lightbox.css?ver=2.1.0.2' type='text/css' media='all' /> <script type='text/javascript'> /* <![CDATA[ */ var wpcf7 = {"apiSettings":{"root":"http:\/\/donsak.sru.ac.th\/?rest_route=\/","namespace":"contact-form-7\/v1"},"recaptcha":{"messages":{"empty":"Please verify that you are not a robot."}}}; /* ]]> */ </script> <script type='text/javascript' src='http://donsak.sru.ac.th/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.8'></script> <script type='text/javascript' src='http://donsak.sru.ac.th/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.70'></script> <script type='text/javascript' src='http://donsak.sru.ac.th/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4'></script> <script type='text/javascript'> /* <![CDATA[ */ var woocommerce_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"http:\/\/donsak.sru.ac.th\/?wc-ajax=%%endpoint%%"}; /* ]]> */ </script> <script type='text/javascript' src='http://donsak.sru.ac.th/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=3.2.1'></script> <script type='text/javascript'> /* <![CDATA[ */ var wc_cart_fragments_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"http:\/\/donsak.sru.ac.th\/?wc-ajax=%%endpoint%%","fragment_name":"wc_fragments_c20246ea8dd76e2cb365374b178ff481"}; /* ]]> */ </script> <script type='text/javascript' src='http://donsak.sru.ac.th/wp-content/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js?ver=3.2.1'></script> <script type='text/javascript' src='http://donsak.sru.ac.th/wp-content/themes/artim-theme/js/navigation.js?ver=20120206'></script> <script type='text/javascript' src='http://donsak.sru.ac.th/wp-content/themes/artim-theme/includes/bootstrap/js/bootstrap.min.js?ver=20130117'></script> <script type='text/javascript' src='http://donsak.sru.ac.th/wp-content/themes/artim-theme/assets/js/artim-app.js?ver=20130118'></script> <script type='text/javascript' src='http://donsak.sru.ac.th/wp-content/themes/artim-theme/assets/js/controller.js?ver=20120207'></script> <script type='text/javascript' src='http://donsak.sru.ac.th/wp-content/themes/artim-theme/includes/smartmenus/jquery.smartmenus.js?ver=20130121'></script> <script type='text/javascript' src='http://donsak.sru.ac.th/wp-includes/js/wp-embed.min.js?ver=4.7.5'></script> <script type='text/javascript' src='http://donsak.sru.ac.th/wp-content/plugins/essential-grid/public/assets/js/jquery.themepunch.essential.min.js?ver=2.1.0.2'></script> </body> </html>