JavaScript - 随笔分类 - Vhelin

Emoji表情处理

摘要：//php对于 Emoji表情的处理//当接收内容需要转换时：//preg_replace_callback('/[\xf0-\xf7].{3}/','cal_fun', $str)function cal_fun($r){return '@E' . base64_encode($r[0]);}//... 阅读全文

posted @ 2015-11-27 14:47 Vhelin 阅读(407) 评论(0) 推荐(0)

javascript 可控速度的上下拉菜单

摘要：样式部分HTML部分家居灯具+ 客厅+ 吸顶灯(146) 落地灯(146) 台灯(146) 壁灯(14... 阅读全文

posted @ 2014-05-09 17:17 Vhelin 阅读(234) 评论(0) 推荐(0)

去掉android点击事件产生的半透明蓝色背景

摘要：在wap开发过程当中，当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的蓝色背景，若要重设这个表现，可以利用css3： *{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}还可以通过js，将click事件监听改为监听touchstart事件；阅读全文

posted @ 2014-04-11 14:06 Vhelin 阅读(561) 评论(0) 推荐(0)

html contenteditable

摘要：contenteditable 是html中的一個屬性，在HTML中，某些元素設置 contenteditable='true' 屬性時可以開啟該元素的編輯模式，contenteditable 可以讓div 或整個網頁，或者span等等元素設置為可寫，我們最常用的是 input 、textarea 文本輸入元素來輸入內容，但這些也只能夠輸入純文本，而 contenteditable 開啟後能夠輸入html內容。如果想在整個網頁可編輯，請在 body 標籤內設置 contenteditablecontenteditable 已在 html5 標準中得到有效的支持使用方法： HT 阅读全文

posted @ 2013-11-30 13:15 Vhelin 阅读(676) 评论(0) 推荐(0)

JavaScript--execCommand指令集

摘要：execCommand方法是执行一个对当前文档，当前选择或者给出范围的命令。处理Html数据时常用如下格式：document.execCommand(sCmd,交互方式, 动态参数) 。其中：sCmd 为指令参数（如下例中的"2D-Position"）；交互方式参数如果是true的话将显示对话框，如果为false的话，则不显示对话框（下例中的"false"即表示不显示对话框）；动态参数一般为一可用值或属性值（如下例中的"true"）。document.execCommand("2D-Position",false 阅读全文

posted @ 2013-11-20 13:27 Vhelin 阅读(405) 评论(0) 推荐(0)

jq實現網頁個性title

摘要：tooltip 阅读全文

posted @ 2013-11-04 11:22 Vhelin 阅读(228) 评论(0) 推荐(0)

獲取 Textarea 的光標位置（摘自網絡）

摘要：在任何编辑器中，获取光标位置都是非常重要的，很多人可能认为较难，其实只要处理好浏览器的兼容，还是比较容易实现的。下面我们一起来看看如何获取到 Textarea 元素中的光标位置。首先，我们用 rangeData 对象作为数据存储，并获得焦点：var rangeData = {start: 0, end: 0, text: "" };textarea.focus();对于非 IE 浏览器获取选区的起始和末尾位置其实非常容易：rangeData.start = el.selectionStart;rangeData.end = el.selectionEnd;通过截取我们可以得阅读全文

posted @ 2013-11-01 14:12 Vhelin 阅读(388) 评论(0) 推荐(0)

javascript 鼠標拖動功能

摘要：GRAG--彈出框顯示居中並能隨意拖動點擊顯示關閉這個是可以拖動的框下面是純js實現方式function $D(id){return document.getElementById(id);}function BindAsEventListener(object,fun){ return function(event){ return fun.call(object,(event || window.event)); }}function Bind(object,fun){ return function(){ return fun... 阅读全文

posted @ 2013-08-10 10:22 Vhelin 阅读(198) 评论(0) 推荐(0)

簡單的內容移動展示

摘要：slides 顯示文字顯示文字 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC DDDDDDDDDDDDDDDDDDD... 阅读全文

posted @ 2013-07-30 17:47 Vhelin 阅读(282) 评论(0) 推荐(0)

javascript touch事件

摘要：touchstart : 當手指觸摸屏幕時觸發；即使已經有一個手指放在了屏幕上也會觸發。touchmove : 當手指在屏幕上滑動時連續的觸發，在這個事件發生期間，商用preventDefault()可阻止滾動。touchend : 當手指從屏幕上移開時觸發。除了常見的DOM屬性處，觸摸事件還包含下列三個用於跟蹤觸摸的屬性：touches : 表示當前跟蹤的觸摸操作的Touch對象的數組。targetTouches : 特定於事件目標的Touch對象的數組。changeTouches : 表示自上次觸摸以來發生了什麼改變的Touch對象的數組。每個Touch對象包含下列屬性clientX :觸阅读全文

posted @ 2013-07-22 14:18 Vhelin 阅读(512) 评论(0) 推荐(0)

javascript內容向上不間斷滾動

摘要：upRoll aaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbb ccccccccccccccccccccc ddddddddddddddddddddd eeeeeeeeeeeeeeeeeeeee fffffffffffffffffffff ... 阅读全文

posted @ 2013-07-22 13:25 Vhelin 阅读(196) 评论(0) 推荐(0)

jQuery 對table的基本操作

摘要：一、鼠标移动到行更换背景色：css样式：.hover{ background-color: #cccc00; }Js脚本：$(document).ready(function () { //鼠标移动到行变色,单独建立css类hover //tr:gt(0):表示获取大于 tr index 为0 的所有tr，即不包括表头 $("#table1 tr:gt(0)").hover( function () { $(this).addClass("hover") }, function () { $(this).removeClass("hover&q 阅读全文

posted @ 2013-07-08 11:34 Vhelin 阅读(331) 评论(0) 推荐(0)

讓iframe自適應高度

摘要：寫代碼的過程中，遇到一個問題，就是用iframe加載一個動態的頁面，也就是iframe加載的這個頁面不是固定高度的。剛開始的時候我給iframe寫各種各樣的樣式，但效果都不能令我滿意，所以就到網上去搜一下這方面的資料，最後我選擇了像下面這樣的js方式代碼，這裏只是適應高度，寬度其實是一樣道理，就不寫那麼多了，這段js的原理，其實就是在一段很短的時間內不斷的去運行一段js方法，在方法裏面去獲取到iframe裏面動態內容的高度，然後再給iframe定一個高度。辦法是笨笨的，不過也很實在，此方法在跨域時不適用。function reinitIframe(){ var iframe = do... 阅读全文

posted @ 2013-06-14 11:28 Vhelin 阅读(126) 评论(0) 推荐(0)

js存/讀取cookie函數

摘要：/*---------------------------Cookie操作---------*cookieName cookie名稱*cookieValue cookie值*seconds 設置過期時間，單位秒*path 存放路徑*domain 定義域*secure 默认情况下cookie在网路上传... 阅读全文

posted @ 2013-04-19 09:59 Vhelin 阅读(280) 评论(0) 推荐(0)

javascript下漢字和Unicode編碼互轉代碼

摘要：近日在為網站做一資料功能，這些顯示在頁面上面的文字數據都是存放在js文件裏面的，由於這些js文件裏面的中文都是經過unicode編碼的，頁面上顯示是沒有問題的，問題是我做的網站是繁體中文，而js文件裏面的中文數據是簡體中文，這樣的話，我就要把這些數據從簡體轉成繁體，如果直接的從沒有經過編碼的文件裏簡體轉繁體，用工具轉就行了，例如我常用convertZ，但現在是，文件的中文已經經過unicode編碼，這樣的話，我就要想辦法先把unicode編碼的中文解碼，然後轉成繁體，再重新進行編碼。下面是簡單的html代碼：<!DOCTYPE html PUBLIC "-//W3C//DTD 阅读全文

posted @ 2013-04-15 17:30 Vhelin 阅读(610) 评论(0) 推荐(0)

JS表单验证

摘要：/*不错的JS验证~~~~~~~~~~~~~~~~~~~~~~~~~>>>>>>>>>>用途：校验ip地址的格式输入：strIP：ip地址返回：如果通过验证返回true,否则返回false；*/function isIP(strIP) {if (isNull(strIP)) return false... 阅读全文

posted @ 2013-02-01 14:20 Vhelin 阅读(185) 评论(0) 推荐(0)

PHP QR Code

摘要：二维码，又称二维条形码，它是用某种特定的几何图形按一定规律在平面（二维方向上）分布的黑白相间的图形记录数据符号信息的，在代码编制上巧妙地利用构成计算机内部逻辑基础的“0”、“1”比特流的概念，使用若干个与二进制相对应的几何形体来表示文字数值信息，通过图象输入设备或光电扫描设备自动识读以实现信息自动处理。它具有条码技术的一些共性：每种码制有其特定的字符集；每个字符占有一定的宽度；具有一定的校验功能等。同时还具有对不同行的信息自动识别功能、及处理图形旋转变化等特点。 PHP生成QR Code的google API$urlToEncode="http://www.google.com&q 阅读全文

posted @ 2013-02-01 14:06 Vhelin 阅读(2147) 评论(0) 推荐(0)

监听输入框值的即时变化onpropertychange、oninput

摘要：很多时候，我们都希望能够限制文本框的输入字数，例如添加新闻的时候，想给搞要添加一个限制，输入不超过300字符。若要达到这样的效果，我们需要捕获即时事件。需要了解的知识首先，我们需要了解onchange和onpropertychange的不同：IE下，当一个HTML元素的属性改变的时候，都能通过 onpropertychange来即时捕获。onchange在属性值改变时还必须使得当前元素失去焦点(onblur)才可以激活该事件。了解这一点后我们发现onpropertychange的效果就是我们想要的，可是很遗憾，它只在IE下有效果。我们能不能找到另外一个时间来代替onpropertychange 阅读全文

posted @ 2013-01-20 14:36 Vhelin 阅读(260) 评论(0) 推荐(0)

javascript jquery對form元素的常見操作

摘要：1.下拉框 select :移除option$("#ID option").each(function(){ if($(this).val() == 111){ $(this).remove(); }});添加option$("<option value='111'>UPS Ground</option>").appendTo($("#ID"));取得下拉选单的选取值//取下拉選中的文本$('#testSelect option:selected').text();$(" 阅读全文

posted @ 2012-07-03 21:06 Vhelin 阅读(720) 评论(0) 推荐(1)

Vhelin

随笔分类 - JavaScript

公告