nav-left cat-right
cat-right
利用mediaplayer做弹窗（成功突破IE7）
2010-01-07 By im502 [0] 84 views
?View Code JAVASCRIPT
var u = "6BF52A52-394A-11D3-B153-00C04F79FAA6"; //这个就是网页中插入播放器用到的classid，这里被用来弹窗了
function ext() //在关闭IE窗口的时候弹出
{
if(window.event.clientY<132 || altKey) iie.launchURL(popURL);
}
function brs() //插入Object
{
document.body.innerHTML+="<object id="iie" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="0" height="0" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><embed id="iie" type="application/x-shockwave-flash" width="0" height="0"></embed></object>";
} 
 
var popURL = 'http://www.yoururl.com';
eval("window.attachEvent('onload',brs);");
eval("window.attachEvent('onunload',ext);");

将以上代码插入到需要弹窗的网页body区域，关闭该网页则会弹出你设置好的popURL。

Tags: , ,

Jquery操作select的一些方法总结
2009-11-29 By im502 [0] 182 views

//取得下拉选单的文本TEXT值
$(‘#testSelect option:selected’).text();
或$(“#testSelect”).find(‘option:selected’).text();
$(“#selectid>option[value='2']“).text();//获取ID为selectid的下拉框中value值为2的文本text值。
//取得下拉选单的value值
$(“#testSelect”).val();

//添加option
$(“#selectid>option[value='2']“).before(‘‘);//在value值为2的下拉一
$(““).appendTo(“#selectid”)//在末尾添加
//没有找到简便的办法用Jquery添加下拉到指定的索引index

//删除option
$(“#selectid>option[value='2']“).remove();//删除下拉选单value值为2的option
$(“#selectid>option:eq(0)”).remove(); //这里的0代表索引位置的第一位以此类推
$(“#selectid”).empty()；//清空下拉框

//设置某项为选中
$(“#selectid”).attr(“value”,’2′);//设置value=2的项目为当前选中项
$(“#selectid”)[n].selectedIndex = 1;//select下拉框的第n+1个元素为当前选中值

Tags: , , ,

jquery拾色插件
2009-06-20 By im502 [0] 280 views

Jquery的颜色插件很多，今天推荐的一款是一个非常简洁的小插件：http://www.syronex.com/software/jquery-color-picker ，

Usage

Minimal

$('#test').colorPicker({
  click: function(color){$('#output').html(c);}
});

 

Options

$('#test').colorPicker({
  defaultColor: 0, // index of the default color (optional)
  columns: 13,     // number of columns (optional)
  color: ['#FFFFFF', '#EEEEEE'], // list of colors (optional)
  // click event - selected color is passed as arg.
  click: function(color){$('#output').html(c);},
});

 

Download

Download (zip, 19K)

Tags: , ,

Jquery与Mootools共存冲突
2009-05-13 By im502 [0] 1,097 views

今天在弄一个焦点图幻灯片的时候，代码用到mootools，可本来项目中用的是Jquery，造成了冲突，记得看到过类似的文章，遇事Google一下，果然有不少方法：

方法一：

?View Code HTML
<html>  
  <head>  
    <script src="Mootools.js"></script>  
    <script src="jquery.js"></script>  
    <script>  
      jQuery.noConflict();  
 
      // Use jQuery via jQuery(...)  
      jQuery(document).ready(function(){  
        jQuery("div").hide();  
      });  
 
      // Use Prototype with $(...), etc.  
      $('someid').style.display = 'none';  
    </script>  
  </head>  
  <body></body>  
  </html>

方法二：
阅读全部

Tags: , ,

Jquery表单取值赋值的一些基本操作
2008-08-21 By im502 [0] 2,883 views


/*获得TEXT.AREATEXT的值*/
var textval = $(“#text_id”).attr(“value”);
//或者
var textval = $(“#text_id”).val();
/*获取单选按钮的值*/
var valradio = $(“input[@type=radio][@checked]“).val();
/*获取一组名为(items)的radio被选中项的值*/
var item = $(‘input[@name=items][@checked]‘).val();
/*获取复选框的值*/
var checkboxval = $(“#checkbox_id”).attr(“value”)；
/*获取下拉列表的值*/
var selectval = $(‘#select_id’).val();

//文本框，文本区域：
$(“#text_id”).attr(“value”,”);//清空内容
$(“#text_id”).attr(“value”,’test’);//填充内容
//多选框checkbox：
$(“#chk_id”).attr(“checked”,”);//使其未勾选
$(“#chk_id”).attr(“checked”,true);//勾选
if($(“#chk_id”).attr(‘checked’)==true) //判断是否已经选中

//单选组radio：

$(“input[@type=radio]“).attr(“checked”,’2′);//设置value=2的项目为当前选中项

//下拉框select：
$(“#select_id”).attr(“value”,’test’);//设置value=test的项目为当前选中项
$(““).appendTo(“#select_id”)//添加下拉框的option
$(“#select_id”).empty()；//清空下拉框

获取一组名为(items)的radio被选中项的值
var item = $(‘input[@name=items][@checked]‘).val();//若未被选中 则val() = undefined
获取select被选中项的文本
var item = $(“select[@name=items] option[@selected]“).text();
select下拉框的第二个元素为当前选中值
$(‘#select_id’)[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$(‘input[@name=items]‘).get(1).checked = true;

//重置表单
$(“form”).each(function(){
.reset();
});

Tags: , ,

随着输入文字的多少自动变化宽度的INPUT
2007-10-17 By im502 评论关闭 968 views

今天发在蓝色经典的一个帖子，版主还给打了分，这还是混迹蓝色以来第一次加威望，还有些问题有待整理，感兴趣的可以访问：http://bbs.blueidea.com/thread-2800111-1-1.html

有时间我再整理一下，最后是兼容大部分浏览器

Tags: ,

仿XP菜单TaskMenu by 静静的黎明
2007-09-26 By im502 评论关闭 1,454 views

 taskmenu.jpg

演示：http://www.im502.com/demo/taskmenu/Index.html

下载：http://www.im502.com/demo/taskmenu/TaskMenu3.0.rar