- .消逝°

支持 onchange 事件的 Select 模拟

Posted in Web Development // Posted at 2009/08/05 13:42

从一个韩国网站弄下来的,不过人家用的是 div, 兼容性不好,我改成了 input.

演示: http://web.mac.com/explon/Select/ (使用方式见源码)

Tags CSS, javascript, Select

No Trackback

No Comment

支持 IE FireFox Safari 的 JavaScript Flash 版本获取

Posted in Web Development // Posted at 2009/04/28 15:03

	function detect_flash_version() 
	{
		var ua = navigator.userAgent.toLowerCase();
		var flash_version = 0;
		
		if (navigator.plugins && navigator.plugins.length) 
		{
			var p = navigator.plugins['Shockwave Flash'];
			
			if (typeof p == 'object') 
			{
				for (var i = 10; i >= 3; i--) 
				{
					if (p.description && p.description.indexOf(' ' + i + '.') != -1) { flash_version = i; break; }
				}
			}
		}
		else if (ua.indexOf("msie") != -1 && ua.indexOf("win")!=-1 && parseInt(navigator.appVersion) >= 4 && ua.indexOf("16bit")==-1) 
		{
			for (var i = 10; i >= 2; i--)
			{
				try
				{
					var object = eval("new ActiveXObject('ShockwaveFlash.ShockwaveFlash." + i + "');");

					if (object)
					{
						flash_version = i;

						break;
					}
				}
				catch (e) {}
			}
		}
		else if (ua.indexOf("webtv/2.5") != -1) flash_version = 3;
		else if (ua.indexOf("webtv") != -1) flash_version = 2;

		return flash_version;
	}
	
	var flash_version = detect_flash_version();
	
	if (flash_version < 9)
	{
		if (flash_version == 0)
		{
			if (confirm('您尚未安装 Adobe Flash Player, 上传组件需要该程序支持, 是否访问安装页面?'))
			{
				window.location = 'http://www.adobe.com/go/getflash';
			}
		}
		else
		{
			if (confirm('您的 Adobe Flash Player 版本是 ' + flash_version + '.0, 上传组件要求最低版本为 9.0, 是否访问升级页面?'))
			{
				window.location = 'http://www.adobe.com/go/getflash';
			}
		}
	}

Tags Flash, javascript

No Trackback

No Comment

Ext Core: 一个新的 JavaScript 框架

Posted in Web Development // Posted at 2009/04/10 09:34

Ext Core is a cross-browser JavaScript library for building dynamic web pages. It includes:

High performance, lightweight
Clear, maintainable code
An intuitive, easy to use API
MIT Open Source licensed

Ext Core supports all major web browsers including:

Internet Explorer 6+
FireFox 1.5+ (PC, Mac)
Safari 3+
Opera 9+ (PC, Mac)

HomePage: http://extjs.com/products/extcore/

Tags ajax, Ext Core, Ext JS, javascript

No Trackback

No Comment

可以在所有浏览器弹出窗口的 JS

Posted in Web Development // Posted at 2008/10/31 22:42

背弹式，24 小时一次，被浏览器拦截后跟随网页的 onclick 事件触发。

<script type="text/javascript">
function tbGetCookie(name) {
 var cookie_start = document.cookie.indexOf(name);
 var cookie_end = document.cookie.indexOf(";", cookie_start);
 return cookie_start == -1 ? '' : unescape(document.cookie.substring(cookie_start + name.length + 1, (cookie_end > cookie_start ? cookie_end : document.cookie.length)));
}

function tbSetCookie(cookieName, cookieValue, seconds, path, domain, secure) {
 var expires = new Date();
 expires.setTime(expires.getTime() + seconds);
 document.cookie = escape(cookieName) + '=' + escape(cookieValue)
 + (expires ? '; expires=' + expires.toGMTString() : '')
 + (path ? '; path=' + path : '/')
 + (domain ? '; domain=' + domain : '')
 + (secure ? '; secure' : '');
}


window.onload = function() {
 if (tbGetCookie('_defaultbackpop_') == 1)
 {
  return;
 }
 
 var tbSaveStatus = function() {
        var nowDate = new Date();
        var nowTime = nowDate.getHours() * 3600 + nowDate.getMinutes * 60 + nowDate.getSeconds();
        var DAY = 24 * 3600;
        var leaveTime = DAY - nowTime;
  tbSetCookie('_defaultbackpop_', 1, DAY, '/', document.domain);
 }
 
 var tbCreatePopup = function() {
        var adPopup = window.open('about:blank','_backad','width='+(pw||760)+',height='+(ph||480)+',toolbar=no,location=yes,directories=yes,status=yes,resizable=yes,scrollbars=yes');
  adPopup.location = adUrl;
  adPopup.blur();
  adPopup.opener.focus();
    }
    
    var tbPopAd = function() {
        try {
            tbCreatePopup();
        } catch (e) {
            document.onclick = function() {
          document.onclick = function () {}
          
          try {
              tbCreatePopup();
          } catch (e) {}
    
    tbSaveStatus();
    
    //return false;
      };
        } finally {
   tbSaveStatus();
  }
    }

    var adUrl = 'http://www.picturesetc.net/link/c17e24b8';
    var pw = '800', ph = '600';
 
 setTimeout(tbPopAd, 2000);
}
</script>

Tags javascript, PopUp

No Trackback

No Comment

让 innerHTML 中的脚本跑起来

Posted in Web Development // Posted at 2008/05/07 15:11

我们知道普通方式 innerHTML 到容器中的脚本浏览器器是不会执行的,今天看 mootools 的时候发现靠它可以做到.

Ajax 类的说明:

Class: Ajax
An Ajax class, For all your asynchronous needs.
Inherits methods, properties, options and events from <xhr>.

Arguments:
url - the url pointing to the server-side script.
options - optional, an object containing options.

Options:
data - you can write parameters here. Can be a querystring, an object or a Form element.
update - $(element) to insert the response text of the XHR into, upon completion of the request.
evalScripts - boolean; default is false. Execute scripts in the response text onComplete. When the response is javascript the whole response is evaluated.
evalResponse - boolean; default is false. Force global evalulation of the whole response, no matter what content-type it is.

Events:
onComplete - function to execute when the ajax request completes.</xhr>

Example:

>var myAjax = new Ajax('js.txt', {method: 'get', update: $$('body'), evalScripts: true}).request();

js.txt:

<script type="text/javascript"> alert('TEST'); </script>

Tags ajax, innerHTML, javascript, Mootools

No Trackback

No Comment

.消逝°

Search Results for [javascript], 5 Posts

支持 onchange 事件的 Select 模拟

支持 IE FireFox Safari 的 JavaScript Flash 版本获取

Ext Core: 一个新的 JavaScript 框架

可以在所有浏览器弹出窗口的 JS

让 innerHTML 中的脚本跑起来

Category

Recent Post

Tag Cloud

Archive

Link