highlightTextarea is a jQuery plugin which allows you to highlight words and sentences inside of and <input> elements. Words are defined in a jQuery array and you can customize highlight color and case sensitivity. The highlighting updates itself when typing in the <textarea> and follows scroll and resizing (with jQuery-UI).</p><div > <a target="_blank" rel="nofollow" href="javascript:void(0)" onclick="VHV.redirect('aHR0cHM6Ly9naXRodWIuY29tL21pc3RpYzEwMC9qcXVlcnktaGlnaGxpZ2h0dGV4dGFyZWE=', 1)" target="_blank">Read More</a> <a target="_blank" rel="nofollow" href="javascript:void(0)" onclick="VHV.redirect('aHR0cDovL3d3dy5qcXVlcnlyYWluLmNvbS8/aHR0cDovL21pc3RpYzEwMC5naXRodWIuaW8vanF1ZXJ5LWhpZ2hsaWdodHRleHRhcmVhLw==', 1)" target="_blank">Demo</a> <a target="_blank" rel="nofollow" href="javascript:void(0)" onclick="VHV.redirect('aHR0cHM6Ly9naXRodWIuY29tL21pc3RpYzEwMC9qcXVlcnktaGlnaGxpZ2h0dGV4dGFyZWEvYXJjaGl2ZS9tYXN0ZXIuemlw', 1)" target="_blank">Download</a></div> </div></td> </tr> <tr valign="top"> <td><label class="formInputLabel">Ảnh</label><div class="formLabelBreakInput"><a href="javascript:void(0)" onclick="VHV.redirect('/upload/s/20141029/83e00090ef5b8d0976d5816277e44860jquery-highlighttextarea.png');" target="_blank"><img src="/upload/s/20141029/83e00090ef5b8d0976d5816277e44860jquery-highlighttextarea.png" title="" onerror="this.src='/Colombo/Default/skins/Default/images/no-image-news.gif'" style="max-width:600px" /></a> </div></td> </tr> </table> <br clear="all"/> </div> </div> </td> </tr> </table> </div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- Truyện chèn vào giữa --> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-6941288364364372" data-ad-slot="3983176045"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="nextRelatedItems"> <h3>Các mục liên quan:</h3> <ul> <li><a href="/Plugin-jQuery/jQuery-Step-Form-Wizard-Plugin">jQuery Step Form Wizard Plugin</a></li> <li><a href="/Plugin-jQuery/jQuery-Animations-Tile-Plugin">jQuery Animations Tile Plugin</a></li> <li><a href="/Plugin-jQuery/Guillotine-%3A-jQuery-Image-Crop-Zoom-Rotate-Plugin">Guillotine : jQuery Image Crop Zoom Rotate Plugin</a></li> <li><a href="/Plugin-jQuery/Expander-%3A-Enlarge-Image-Viewer-with-jQuery-%26-CSS3-Animation">Expander : Enlarge Image Viewer with jQuery & CSS3 Animation</a></li> <li><a href="/Plugin-jQuery/Tab-Styles-Inspiration-with-CSS3-%26-SVG">Tab Styles Inspiration with CSS3 & SVG</a></li> <li><a href="/Plugin-jQuery/Ptty-%3A-jQuery-Expansible-Terminal-Emulator">Ptty : jQuery Expansible Terminal Emulator</a></li> <li><a href="/Plugin-jQuery/jQuery-Vertical-Scrollpanel-Plugin">jQuery Vertical Scrollpanel Plugin</a></li> <li><a href="/Plugin-jQuery/Image-Comparison-Slider-with-jQuery-%26-CSS3">Image Comparison Slider with jQuery & CSS3</a></li> <li><a href="/Plugin-jQuery/Advanced-Parallax-Scrolling-Effect-with-CSS3-%26-JavaScript">Advanced Parallax Scrolling Effect with CSS3 & JavaScript</a></li> <li><a href="/Plugin-jQuery/Off%7ECanvas-Menu-Effects-with-CSS3-%26-SVG">Off-Canvas Menu Effects with CSS3 & SVG</a></li> <li><a href="/Plugin-jQuery/Leader.js-%3A-Inline-form-jQuery-plugin">Leader.js : Inline form jQuery plugin</a></li> </ul> </div> Nguồn: <a href="javascript:void(0)" onclick="VHV.redirect('aHR0cDovL3d3dy5qcXVlcnlyYWluLmNvbS8yMDE0LzA5L2pxdWVyeS1oaWdobGlnaHR0ZXh0YXJlYS1wbHVnaW4v', true)" rel="nofollow">www.jqueryrain.com/2014/09/jquery-highlighttextarea-plugin/</a> </div> <div class="fb-comments" data-href="http://vinabase.com/Plugin-jQuery/jQuery-highlightTextarea-Plugin" data-width="100%" data-numposts="10" data-colorscheme="light"></div><br /><br /> <div id="fb-root"></div> </div><div id="module9" class="ModuleWrapper" ><div class="form-comment-news"> <div id="list-comments"> <div class="no-data">Chưa có phản hồi</div> </div> <div id="pagination9" class="default-pagination"></div> </div> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Permalink for Post</h4> </div> <div class="modal-body"> <div class="bb-code"> <span style="display:block">Nhúng vào diễn đàn</span> <input style="width:100%" type="text" dir="ltr" class="textCtrl fillSpace" id="bb_code_link_snippet" value='[URL=""][/URL]'> </div> <div class="bb-code"> <span style="display:block">Nhúng vào trang Website</span> <input style="width:100%" type="text" dir="ltr" class="textCtrl fillSpace" id="html_link_code" value='<a href=""></a>'> </div> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div> </div><div id="module10" class="ModuleWrapper" ><div class="post-comment"> <div id="message-form10" class="clearfix"> <form class="form-comment" id="form10"> <div class="notice">Bạn vui lòng <a href="/?page=login">Đăng nhập</a> để bình luận</div> <input type="hidden" name="securityToken" value="5eefdee3a996dcdf34e0"><input type="hidden" name="submitFormId" value="10"><input type="hidden" name="moduleId" value="10"></form> </div> <div class="clear-both"></div> </div> <style type="text/css"> .post-comment form label { display:block; font-weight: bold; line-height: 20px; color:#323232; } .post-comment form input[type=text] { width: 250px; } .post-comment form input[type=text], .post-comment form textarea { border: 1px solid #a5a5a5; width:90%; margin:auto; } </style> </div><div id="module11" class="ModuleWrapper" > <table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; table-layout:fixed; clear:both;" ><tbody><tr valign="top"> <td class="default-column1" style=";"><div id="module12" class="ModuleWrapper" ><div class="theme-blocks"></div></div></td> <td class="default-column2" style=";padding-left:5px;"><div id="module13" class="ModuleWrapper" ><div class="theme-blocks"></div></div></td> </tr></tbody></table> </div></div> </div> <div class="region-bottom"></div> </div> </div> <div id="page-footer"> <div class="footer"><div id="module15" class="ModuleWrapper" moduleRootId="1215478"> <ul class="list-adversting"> <li class="last-items"></li> </ul> <div class="clear-both"></div> </div><div id="module16" class="ModuleWrapper" ><div class="container"> <div class="row"> <div class="footer-address clearfix"> <div class="content-address"><p>VinaBase. © 2014. | <a href="http://vinabase.com/dieu-khoan-su-dung.html" rel="nofollow" title="Điều khoản sử dụng">Điều khoản sử dụng</a> | <a href="http://vinabase.com/chinh-sach-bao-mat.html" rel="nofollow" title="Chính sách bảo mật">Chính sách bảo mật</a> (Website đang chờ xin cấp phép)</p> </div> </div> </div> </div> </div></div> </div> </div> </div> <div class="bg-page-bottom"></div> <div id="footer-editer"></div> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-22927833-17', 'auto'); ga('require', 'displayfeatures'); ga('send', 'pageview'); </script><!--[if IE 6]> <script src="http://vinabase.com/3rdparty/fix_ie/DD_belatedPNG.js"></script> <script type="text/javascript"> DD_belatedPNG.fix('.mask,img'); </script> <![endif]--> <script type="text/javascript"> var cb = function() { var styles = { '/EStore/Software/skins/Vinabase/style.css?v=1.448':1 }; var myNav = navigator.userAgent.toLowerCase(), ie8 = ((myNav.indexOf('msie') != -1) && (parseInt(myNav.split('msie')[1]) < 9)); for(var i in styles) { if(!ie8 && (i.indexOf('style.css') == -1)) { var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = i; var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h); } } }; var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame; if (raf) raf(cb); else if (window.addEventListener){ window.addEventListener('load', cb); } else if (window.attachEvent){ window.attachEvent('onload', cb); } </script> <script type="text/javascript"> rootURL = 'http://vinabase.com/'; staticURL = '/'; </script> <script type="text/javascript" src="/3rdparty/jQuery/jquery-1.11.0.min.js"></script><script type="text/javascript" src="/lib.js?v=1.448"></script> <script type="text/javascript" src="/3rdparty/Bootstrap/dist/js/bootstrap.min.js"></script> <script type="text/javascript" src="/3rdparty/Bootstrap/offcanvas.js"></script> <script type="text/javascript"> (function() { if ( jQuery.ajaxPrefilter ) { var rURL = /^([^\/]+)/, rEsc = /(\-|\.)/, protocol = rURL.exec( document.location.href )[ 1 ].replace( rEsc, "\\$1" ), rDomains = {}; jQuery.ajaxPrefilter(function( options ) { var strip = options.stripDomain, rDomain, sDomain; if( strip ) { rDomain = rDomains[ strip ]; if ( !rDomain ) { sDomain = "^(?:" + protocol + ")?\\/\\/" + strip.replace( rEsc, "\\$1" ); rDomains[ strip ] = rDomain = new RegExp( sDomain, "i" ) } options.url = options.url.replace( rDomain, "" ); } }); } })( jQuery ); jQuery.ajaxSetup({ stripDomain: "vinabase.com" }); VHV.serverTime = 1739028256; $.extend(VHV,{ rootURL:rootURL, staticURL:staticURL, language: 'vi', version:'1.448', loadingImage:'/Colombo/Default/skins/Default/images/loading.gif', isDebug:false, urlMode:'rewrite', site:'9506', defaultPortalPath:'', defaultPortalId:'Colombo', exportUser:0}); $.extend(VHV.App, { mainPackage:'Colombo', portal:'9506', site:'9506' }); if($.browser.msie && VHV.urlMode == 'ajax') { VHV.urlMode = 'rewrite'; } VHV.href = '?'+decode64('X1VSTENvZGU9UGx1Z2luLWpRdWVyeS9qUXVlcnktaGlnaGxpZ2h0VGV4dGFyZWEtUGx1Z2luJg=='); VHV.init(); VHV.User = {"id":"guest","privileges":[]}; VHV.localTime = Math.round(new Date().getTime()/1000); ; VHV.load('3rdparty/jQuery/dlmenu/css/component.css'); VHV.load('3rdparty/jQuery/dlmenu/modernizr.custom.js',function(){ VHV.load('3rdparty/jQuery/dlmenu/jquery.dlmenu.js',function(){ $('#dl-menu17').dlmenu(); }); }); $('#menu-navigation>.menu-item>a').click(function() { $(this).toggleClass('active'); }); $('#sidr-close').click(function(){ $('#sidr-main').slideToggle(500).animate({ left: '-300px' }) }); $('.sf-menu>li').hover(function(){ $(this).find('.dropdown').stop().animate({ opacity:1 }).css('display','block'); },function(){ $(this).find('.dropdown').stop().animate({ opacity:0 }).css('display','none'); }); $('.search-toggle').click(function(){ $(this).parents('.alignright').find('.the-search-form').slideToggle(500).animate({ opacity: 1 }); });; </script> <script type="text/javascript" id="script25643"> $('#autocomplete25643').click(function(){ VHV.load('3rdparty/jQuery/jqueryui/themes/smoothness/jquery-ui.css'); VHV.load('3rdparty/jQuery/jqueryui/jquery-ui.min.js', function(){ $('#autocomplete25643').autocomplete({ source: VHV.Model('Software.DataRecord.autocomplete').url({"service":"Software.DataRecord.autocomplete","type":"Entity","field":"code"}) ,minLength: 0 ,autoFocus: true ,focus: function( event, ui ) { if(ui.item && ui.item.id) { $('#input25643').val(ui.item.id); } } ,select: function( event, ui ) { $(this).val(ui.item.value); $('#input25643').data('autocompleteItem', ui.item).val( ui.item.id ).change(); return false; } }).change(function(){ }).data( 'uiAutocomplete' )._renderItem = function( ul, item ) { return $( "<li></li>" ) .data( "item.autocomplete", item ) .append( "<a>" + item.label + (item.desc?"<br><em>" + item.desc + "</em>":'')+"</a>" ) .appendTo( ul ); }; }); }); </script> <script type="text/javascript">;$('#form18 input[name=type]').next().attr('placeholder', "Chủ đề..."); VHV.ExecQueue.add(function(){ $('#form18 input[name=type]').val('Plugin.JQuery'); $('#form18 .ui-autocomplete-input').val('Plugin jQuery'); }, function(){ return $('#form18 .ui-autocomplete-input').length; }); $('#mobile-toggle').click(function(){ $('#sidr-main').slideToggle(500).animate({ left: 0 }) });;if(!VHV.readyFlags[8]) VHV.readyFlags[8] = {}; VHV.readyFlags[8][25644] = 1; VHV.load('3rdparty/jQuery/jqueryui/themes/smoothness/jquery-ui.css'); VHV.load('3rdparty/jQuery/jqueryui/jquery-ui.min.js', function(){ $('#input25644').tabs({ collapsible: false }); VHV.readyFlags[8][25644] = 0; });;$('.objectDetail img:gt(2)').hide().each(function(){ $(this).attr('data-original', this.src).attr('src', '/EStore/Default/skins/Default/images/lazyload.png'); }).show(); VHV.load('3rdparty/jQuery/lazyload/lazyload.min.js',function(){ $(".objectDetail img").lazyload({ effect : 'fadeIn' }); }); VHV.load('http://vinabase.com/EStore/Default/skins/Default/admin.css'); (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/vi_VN/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();;$('.content-comment img').each(function() { imgSrc = $(this).attr('src'); $(this).wrap('<a href="'+imgSrc+'" class="highslide cursor" onclick="return hs.expand(this)"></a>'); }); VHV.using ($.extend( $.parseJSON(decode64('eyJkZWZhdWx0TGF5b3V0IjoiR2xvYmFsLnNpbXBsZUxpc3RpbmciLCJsYXlvdXQiOiJGb3J1bVRvcGljLnJlcGx5TGlzdCIsImhhc1BhZ2luYXRpb24iOjEsImhhc0NvbnRyb2xsZXIiOjEsIml0ZW1zUGVyUGFnZSI6IjEwIiwidG90YWxJdGVtcyI6MCwib3JkZXJCeSI6ImNyZWF0ZWRUaW1lIiwicGFnZU5vIjoxLCJjbGFzcyI6InNpbXBsZUxpc3RpbmciLCJzZXJ2aWNlIjoiU29mdHdhcmUuRm9ydW0uUmVwbHkuc2VsZWN0QWxsIiwiZW5kVGl0bGUiOiIiLCJiZWdpblRpdGxlIjoiIiwiaW5kZXgiOjUsIm1vZHVsZVBvc2l0aW9uIjowLCJwYXRoIjoiQ01TIiwidG9waWNJZCI6IjU0NTEzYWRiN2Y4YjlhNGMwNjhiNDVlNyJ9')),{"module":"CMS.Listing","page":"objectDetail","id":"9","modulePosition":"0","moduleParentId":"-1"}),{ itemsPerPage: "10", totalItems: 0, perPage:decode64('MQ=='), nextText:"Tiếp", prevText:"Trước", startText:'', endText:'', linkTo:'javascript:void(0);' }); $('.default-pagination').addClass('thumbnail-pagination'); VHV.load('3rdparty/jQuery/emoticons/css/jquery.emotions.icq.css'); VHV.load('3rdparty/jQuery/emoticons/js/jquery.emotions.js', function(){ $('.postContentWrapper').emotions(); }); function quoteReply(obj, id) { $('input[name="fields[quoteId]"]').val(id); $('.quoteReplyContent').html($(obj).parent().parent().find('.content-comment').html()); $('.quoteReplyUser').html($(obj).parent().parent().parent().find('.fullname h3').html()); $('.quoteReplyTime').html($(obj).parent().find('span:first').html()); $('.quoteReplyRegion').show(); var editorId = $('textarea', $('.quoteReplyRegion').parent()).attr('id'); if(window.CKEDITOR && CKEDITOR.instances && CKEDITOR.instances[editorId]) { location = '#quoteReplyRegion'; CKEDITOR.instances[editorId].focus(); } } CKEDITOR_BASEPATH = '/3rdparty/ckeditor-4.3.3/'; $('.editReplyButton').click(function(){ var id = $(this).attr('rev'); if(!$(this).data('editorLoaded')) { $(this).data('editorLoaded', true); var id = $(this).attr('rev'); var obj = $('#replyContent'+id).attr('contentEditable', 'true'); var editor = CKEDITOR.inline( 'replyContent'+id, { shiftEnterMode : CKEDITOR.ENTER_P, startupFocus : true, toolbar : [ [ 'Bold', 'Italic', 'Underline', 'Strike', 'RemoveFormat', 'NumberedList', 'BulletedList', 'JustifyLeft', 'JustifyCenter', 'JustifyBlock', 'Link', 'Unlink', 'FontSize', 'TextColor', 'BGColor', 'Image', 'Flash', 'Table' ] ] }); editor.on('key', function(ev) { if (ev.data.keyCode==13) { ev.cancel(); VHV.alert("Shift + Enter để xuống dòng. Enter để lưu, Esc để hủy bỏ. Đang lưu..."); VHV.Model('Software.Forum.Reply.edit')({ id: ev.editor.name.replace('replyContent', ''), 'fields[content]': ev.editor.getData() }, function(){ VHV.alert("Save successfully!"); ev.editor.focusManager.blur(); }); } if (ev.data.keyCode==27) { ev.cancel(); ev.editor.focusManager.blur(); } }); editor.on('instanceReady', function( ev ) { ev.editor.focus(); } ); } else { editor = CKEDITOR.instances['replyContent'+id]; editor.focus(); } }); function replyLike(that, id) { if(!that.data('lockLike')) { that.data('lockLike', '1'); var count = that.parent().find('strong'), value = count.length?parseInt(count.html().replace('(', '').replace(')', '')):0, oldLabel = that.html(); if(!value) value = 0; if(oldLabel == 'Thích') { that.html('Đã thích').parent().addClass('active'); count.html('('+(value + 1)+')'); } else { that.html('Thích').parent().removeClass('active'); count.html((value > 1)?'('+(value - 1)+')':''); } VHV.Model('Software.Forum.Reply.like')({ id: id, unlike: (oldLabel == 'Thích')?0:1 }, function(){ that.data('lockLike', 0); }); } } $('.content-comment table,.replyContent table').addClass('table').wrap('<div class="table-responsive" style="overflow-x:auto;"></div>');;VHV.using ($.extend( $.parseJSON(decode64('eyJzZXJ2aWNlIjoiIiwibGF5b3V0IjoiRm9ydW1Ub3BpYy5yZXBseVBvc3QiLCJpdGVtSWQiOiIiLCJpdGVtVHlwZSI6IkRhdGFUeXBlLkZvcnVtUmVwbHkiLCJzdWJtaXRTZXJ2aWNlIjoiU29mdHdhcmUuRm9ydW0uUmVwbHkuZWRpdCIsInJlcXVpcmVMb2dpbiI6IjEiLCJjb21tZW50U3RhdHVzIjoiMCIsImluZGV4Ijo2LCJtb2R1bGVQb3NpdGlvbiI6MCwicGF0aCI6IkNNUyIsInJlcGx5T2JqZWN0VHlwZSI6IkRhdGFUeXBlLlBsdWdpbi5KUXVlcnkifQ==')),{"module":"CMS.Form","page":"objectDetail","id":"10","modulePosition":"0","moduleParentId":"-1"}),{ rules: { 'fields[fullName]': 'required', 'fields[content]': { required: true, depends: function(){ if(window.CKEDITOR) { for (var instance in CKEDITOR.instances ) { if($('#'+instance).length) { CKEDITOR.instances[instance].updateElement(); } } } }, minlength: 10 } }, messages: { 'fields[fullName]': 'Yêu cầu nhập', 'fields[content]': { required: 'Yêu cầu nhập', minlength: 'Không nhỏ hơn 10 ký tự' } }, success: function(result){ if(typeof(result) == 'string') { if(result.indexOf('{') != -1) { eval('result = '+result+';'); } else { result = { status: result }; } } switch(result.status) { case 'SUCCESS': VHV.alert('Đăng phản hồi thành công'); var cm = $('.form-comment-news').parent(); if(cm.length) { CKEDITOR.instances[$('#form10 textarea').attr('id')].setData(''); $('#quoteReplyRegion').hide(); $('.editReplyButton').each(function(){ var id = $(this).attr('rev'); var obj = $('#replyContent'+id).attr('contentEditable', 'true'); if(CKEDITOR.instances['replyContent'+id]) { CKEDITOR.remove(CKEDITOR.instances['replyContent'+id]); } }); $('.editReplyButton').data('editorLoaded', 0); VHV.App.modules[cm.attr('id').replace('module', '')].reload(); } else { setTimeout(location.reload, 1000); } break; case 'FAIL': VHV.alert('Có lỗi khi đăng phản hồi'); break; case 'NOT_LOGIN': VHV.alert('Bạn chưa đăng nhập'); //location.reload(); break; } } });;;$('.tb-footer').find('.list-adversting').addClass('fotter-adversting'); </script> </body> </html>
