$(document).ready(function(){
$(document).bind(“contextmenu”,function(e){
return false;
});
});
$(document).ready(function(){
$(document).bind(“contextmenu”,function(e){
return false;
});
});

2. Disappearing search field text
Hide when clicked in the search field, the value.(example can be found below in the comment fields)

$(document).ready(function() {
$(“input.text1″).val(“Enter your search text here”);
textFill($(‘input.text1′));
});

function textFill(input){ //input focus text function
var originalvalue = input.val();
input.focus( function(){
if( $.trim(input.val()) == originalvalue ){ input.val(”); }
});
input.blur( function(){
if( $.trim(input.val()) == ” ){ input.val(originalvalue); }
});
}
$(document).ready(function() {
$(“input.text1″).val(“Enter your search text here”);
textFill($(‘input.text1′));
});

function textFill(input){ //input focus text function
var originalvalue = input.val();
input.focus( function(){
if( $.trim(input.val()) == originalvalue ){ input.val(”); }
});
input.blur( function(){
if( $.trim(input.val()) == ” ){ input.val(originalvalue); }
});
}

3. Opening links in a new window
XHTML 1.0 Strict doesn’t allow this attribute in the code, so use this to keep the code valid.

$(document).ready(function() {
//Example 1: Every link will open in a new window
$(‘a[href^="http://"]‘).attr(“target”, “_blank”);

//Example 2: Links with the rel=”external” attribute will only open in a new window
$(‘a[@rel$='external']‘).click(function(){
this.target = “_blank”;
});
});
// how to use
open link
$(document).ready(function() {
//Example 1: Every link will open in a new window
$(‘a[href^="http://"]‘).attr(“target”, “_blank”);

//Example 2: Links with the rel=”external” attribute will only open in a new window
$(‘a[@rel$='external']‘).click(function(){
this.target = “_blank”;
});
});
// how to use
open link

4. Detect browser
Change/add something for a certain browser.

Notice: As of jQuery 1.4, the $.browser variable is replaced by $.support.

$(document).ready(function() {
// Target Firefox 2 and above
if ($.browser.mozilla && $.browser.version >= “1.8″ ){
// do something
}

// Target Safari
if( $.browser.safari ){
// do something
}

// Target Chrome
if( $.browser.chrome){
// do something
}

// Target Camino
if( $.browser.camino){
// do something
}

// Target Opera
if( $.browser.opera){
// do something
}

// Target IE6 and below
if ($.browser.msie && $.browser.version <= 6 ){ // do something } // Target anything above IE6 if ($.browser.msie && $.browser.version > 6){
// do something
}
});
$(document).ready(function() {
// Target Firefox 2 and above
if ($.browser.mozilla && $.browser.version >= “1.8″ ){
// do something
}

// Target Safari
if( $.browser.safari ){
// do something
}

// Target Chrome
if( $.browser.chrome){
// do something
}

// Target Camino
if( $.browser.camino){
// do something
}

// Target Opera
if( $.browser.opera){
// do something
}

// Target IE6 and below
if ($.browser.msie && $.browser.version <= 6 ){ // do something } // Target anything above IE6 if ($.browser.msie && $.browser.version > 6){
// do something
}
});

5. Preloading images
This piece of code will prevent the loading of all images, which can be useful if you have a site with lots of images.

$(document).ready(function() {
jQuery.preloadImages = function()
{
for(var i = 0; i”).attr(“src”, arguments[i]);
}
}
// how to use
$.preloadImages(“image1.jpg”);
});
$(document).ready(function() {
jQuery.preloadImages = function()
{
for(var i = 0; i”).attr(“src”, arguments[i]);
}
}
// how to use
$.preloadImages(“image1.jpg”);
});

6. CSS Styleswitcher
Switch between different styles?

$(document).ready(function() {
$(“a.Styleswitcher”).click(function() {
//swicth the LINK REL attribute with the value in A REL attribute
$(‘link[rel=stylesheet]‘).attr(‘href’ , $(this).attr(‘rel’));
});
// how to use
// place this in your header

// the links
Default Theme
Red Theme
Blue Theme
});
$(document).ready(function() {
$(“a.Styleswitcher”).click(function() {
//swicth the LINK REL attribute with the value in A REL attribute
$(‘link[rel=stylesheet]‘).attr(‘href’ , $(this).attr(‘rel’));
});
// how to use
// place this in your header

// the links
Default Theme
Red Theme
Blue Theme
});

7. Columns of equal height
If you are using two CSS columns, use this to make them exactly the same height.

$(document).ready(function() {
function equalHeight(group) {
tallest = 0;
group.each(function() {
thisHeight = $(this).height();
if(thisHeight > tallest) {
tallest = thisHeight;
}
});
group.height(tallest);
}
// how to use
$(document).ready(function() {
equalHeight($(“.left”));
equalHeight($(“.right”));
});
});
$(document).ready(function() {
function equalHeight(group) {
tallest = 0;
group.each(function() {
thisHeight = $(this).height();
if(thisHeight > tallest) {
tallest = thisHeight;
}
});
group.height(tallest);
}
// how to use
$(document).ready(function() {
equalHeight($(“.left”));
equalHeight($(“.right”));
});
});

8. Font resizing
Want to let the users change there font size?

$(document).ready(function() {
// Reset the font size(back to default)
var originalFontSize = $(‘html’).css(‘font-size’);
$(“.resetFont”).click(function(){
$(‘html’).css(‘font-size’, originalFontSize);
});
// Increase the font size(bigger font0
$(“.increaseFont”).click(function(){
var currentFontSize = $(‘html’).css(‘font-size’);
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*1.2;
$(‘html’).css(‘font-size’, newFontSize);
return false;
});
// Decrease the font size(smaller font)
$(“.decreaseFont”).click(function(){
var currentFontSize = $(‘html’).css(‘font-size’);
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*0.8;
$(‘html’).css(‘font-size’, newFontSize);
return false;
});
});
$(document).ready(function() {
// Reset the font size(back to default)
var originalFontSize = $(‘html’).css(‘font-size’);
$(“.resetFont”).click(function(){
$(‘html’).css(‘font-size’, originalFontSize);
});
// Increase the font size(bigger font0
$(“.increaseFont”).click(function(){
var currentFontSize = $(‘html’).css(‘font-size’);
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*1.2;
$(‘html’).css(‘font-size’, newFontSize);
return false;
});
// Decrease the font size(smaller font)
$(“.decreaseFont”).click(function(){
var currentFontSize = $(‘html’).css(‘font-size’);
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*0.8;
$(‘html’).css(‘font-size’, newFontSize);
return false;
});
});

9. Smooth(animated) page scroll
For a smooth(animated) ride back to the top(or any location).

$(document).ready(function() {
$(‘a[href*=#]‘).click(function() {
if (location.pathname.replace(/^\//,”) == this.pathname.replace(/^\//,”)
&& location.hostname == this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target
|| $(‘[name=' + this.hash.slice(1) +']‘);
if ($target.length) {
var targetOffset = $target.offset().top;
$(‘html,body’)
.animate({scrollTop: targetOffset}, 900);
return false;
}
}
});
// how to use
// place this where you want to scroll to

// the link
go to top
});
$(document).ready(function() {
$(‘a[href*=#]‘).click(function() {
if (location.pathname.replace(/^\//,”) == this.pathname.replace(/^\//,”)
&& location.hostname == this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target
|| $(‘[name=' + this.hash.slice(1) +']‘);
if ($target.length) {
var targetOffset = $target.offset().top;
$(‘html,body’)
.animate({scrollTop: targetOffset}, 900);
return false;
}
}
});
// how to use
// place this where you want to scroll to

// the link
go to top
});

11. Get the mouse cursor x and y axis
Want to know where your mouse cursor is?

$(document).ready(function() {
$().mousemove(function(e){
//display the x and y axis values inside the div with the id XY
$(‘#XY’).html(“X Axis : ” + e.pageX + ” | Y Axis ” + e.pageY);
});
// how to use

});
$(document).ready(function() {
$().mousemove(function(e){
//display the x and y axis values inside the div with the id XY
$(‘#XY’).html(“X Axis : ” + e.pageX + ” | Y Axis ” + e.pageY);
});
// how to use

});

12. Verify if an Element is empty
This will allow you to check if an element is empty.

$(document).ready(function() {
if ($(‘#id’).html()) {
// do something
}
});
$(document).ready(function() {
if ($(‘#id’).html()) {
// do something
}
});

13. Replace a element
Want to replace a div, or something else?

$(document).ready(function() {
$(‘#id’).replaceWith(‘

‘);
});
$(document).ready(function() {
$(‘#id’).replaceWith(‘
I have been replaced

‘);
});

14. jQuery timer callback functions
Want to delay something?

$(document).ready(function() {
window.setTimeout(function() {
// do something
}, 1000);
});
$(document).ready(function() {
window.setTimeout(function() {
// do something
}, 1000);
});

15. Remove a word
Want to remove a certain word(s)?

$(document).ready(function() {
var el = $(‘#id’);
el.html(el.html().replace(/word/ig, “”));
});
$(document).ready(function() {
var el = $(‘#id’);
el.html(el.html().replace(/word/ig, “”));
});

16. Verify that an element exists in jQuery
Simply test with the .length property if the element exists.

$(document).ready(function() {
if ($(‘#id’).length) {
// do something
}
});
$(document).ready(function() {
if ($(‘#id’).length) {
// do something
}
});

17. Make the entire DIV clickable
Want to make the complete div clickable?

$(document).ready(function() {
$(“div”).click(function(){
//get the url from href attribute and launch the url
window.location=$(this).find(“a”).attr(“href”); return false;
});
// how to use

});
$(document).ready(function() {
$(“div”).click(function(){
//get the url from href attribute and launch the url
window.location=$(this).find(“a”).attr(“href”); return false;
});
// how to use
home

});

18. Switch between classes or id’s when resizing the window.
Want to switch between a class or id, when resizing the window?

$(document).ready(function() {
function checkWindowSize() {
if ( $(window).width() > 1200 ) {
$(‘body’).addClass(‘large’);
}
else {
$(‘body’).removeClass(‘large’);
}
}
$(window).resize(checkWindowSize);
});
$(document).ready(function() {
function checkWindowSize() {
if ( $(window).width() > 1200 ) {
$(‘body’).addClass(‘large’);
}
else {
$(‘body’).removeClass(‘large’);
}
}
$(window).resize(checkWindowSize);
});

19. Clone a object
Clone a div or an other element.

$(document).ready(function() {
var cloned = $(‘#id’).clone();
// how to use

});
$(document).ready(function() {
var cloned = $(‘#id’).clone();
// how to use

});

20. Center an element on the screen
Center an element in the center of your screen.

$(document).ready(function() {
jQuery.fn.center = function () {
this.css(“position”,”absolute”);
this.css(“top”, ( $(window).height() – this.height() ) / 2+$(window).scrollTop() + “px”);
this.css(“left”, ( $(window).width() – this.width() ) / 2+$(window).scrollLeft() + “px”);
return this;
}
$(“#id”).center();
});
$(document).ready(function() {
jQuery.fn.center = function () {
this.css(“position”,”absolute”);
this.css(“top”, ( $(window).height() – this.height() ) / 2+$(window).scrollTop() + “px”);
this.css(“left”, ( $(window).width() – this.width() ) / 2+$(window).scrollLeft() + “px”);
return this;
}
$(“#id”).center();
});

21. Write our own selector
Write your own selectors.

$(document).ready(function() {
$.extend($.expr[':'], {
moreThen1000px: function(a) {
return $(a).width() > 1000;
}
});
$(‘.box:moreThen1000px’).click(function() {
// creating a simple js alert box
alert(‘The element that you have clicked is over 1000 pixels wide’);
});
});
$(document).ready(function() {
$.extend($.expr[':'], {
moreThen1000px: function(a) {
return $(a).width() > 1000;
}
});
$(‘.box:moreThen1000px’).click(function() {
// creating a simple js alert box
alert(‘The element that you have clicked is over 1000 pixels wide’);
});
});

22. Count a element
Count an element.

$(document).ready(function() {
$(“p”).size();
});
$(document).ready(function() {
$(“p”).size();
});

23. Use Your Own Bullets
Want to use your own bullets instead of using the standard or images bullets?

$(document).ready(function() {
$(“ul”).addClass(“Replaced”);
$(“ul > li”).prepend(“‒ “);
// how to use
ul.Replaced { list-style : none; }
});
$(document).ready(function() {
$(“ul”).addClass(“Replaced”);
$(“ul > li”).prepend(“‒ “);
// how to use
ul.Replaced { list-style : none; }
});

24. Let Google host jQuery for you
Let Google host the jQuery script for you. This can be done in 2 ways.

//Example 1

// Example 2:(the best and fastest way)

//Example 1

// Example 2:(the best and fastest way)

25. Disable jQuery animations
Disable all jQuery effects

$(document).ready(function() {
jQuery.fx.off = true;
});
$(document).ready(function() {
jQuery.fx.off = true;
});

26. No conflict-mode
To avoid conflict other libraries on your website, you can use this jQuery Method, and assign a different variable name instead of the dollar sign.

$(document).ready(function() {
var $jq = jQuery.noConflict();
$jq(‘#id’).show();
});
$(document).ready(function() {
var $jq = jQuery.noConflict();
$jq(‘#id’).show();
});

Related posts:

1. Prototype And jquery
2. 10 JQUERY 设计技巧
3. 禁止右键代码

下面列出了常用的10个富文本编辑器，有最基础的格式富文本编辑器，也有复杂的具有文件上传能、创建表格功能、Ajax支持的富文本编辑器。

MarkitUp – jQuery

Official Website | Demo

一个轻量级的、可定制的和灵活的富文本编辑器，常用在CMS、Blog、论坛等网站上。

markItUp不是一个所见即所得的编辑器，支持一些常用快车键和常用的浏览器。

jWYSIWYG – jQuery

Official Website | Demo

jWYSIWYG是比较常用的Jquery所见即所得编辑器，提供了html代码编辑功能、文字编辑功能，图片连接功能，从而保证了jWYSIWYG的简单的特性。

Lightweight RTE- jQuery

Official Website | Demo

Lightweight RTE是一个非常简单的Jquery富文本编辑器，体积只有7kb。提供了一些基本的文字格式化操作功能。

HTMLBox – jQuery

Official Website | Demo

HTMLBox跨浏览器、交互性非常好、开源的Jquery富文本编辑器，在Mozilla Firefox, Inrernet Explorer, Opera, Netscape and Safari等常用浏览器下测试通过。此编辑器用户手册可以帮住你非常容易地把此编辑器整合到自己的Web系统中

D Small Rich Text Editor – jQuery

Official Website | Demo

D Small Rich Text Editor使用了AjaxFileUpload 插件实现图片上传功能。

WYMEditor – jQuery

Official Website | Demo

WYMeditor是一个所建即所得Jquery富文本编辑器。支持插件扩展功能、

TinyMCE – non-jQuery

Official Website | Demo

TinyMCE 国内很多网站都在使用，是一个非常不错的所见即所得编辑器，而且开源。具体功能不再赘述，大家自己发现吧。

fckeditor – Non-jQuery

Official Website | Demo

Fckeditor是一个功能非常强大的富文本编辑器，博客园有使用此编辑器，我做的大部分项目也使用此编辑器，是asp.net网站的首选，提供了weconfig.xml文件用来定制符合自己需求的富文本编辑器。完全可以与MS的Word媲美。

Yahoo YUI Rich Text Editor – Non-jQuery

Official Website | Demo

YUI Rich Text Editor是轻量级的富文本编辑器，提供了一些常用的文字编辑功能。

Xinha – Non-jQuery

Official Website | Demo

Xinha是一个所见即所得的富文本编辑器，提供了强大的文字，图片。视频。音频等编辑功能

Related posts:

1. 强烈推荐：240多个jQuery插件
2. Change Font/-size
3. JQuery进行跨域请求

Prototype And jquery

<script src="prototype.js"></script>
  <script src="http://jquery.com/src/latest/"></script>

$("pre")

$(DOMElement)

$("#pre")

$("pre")

$("pre")

$("body")

$("wrap").style.display = 'none';

$("#wrap").hide();

<script src="http://jquery.com/src/latest/"></script>
 <script type="text/javascript">
    JQ = $;  //rename $ function
 </script>
 <script src="prototype.js"></script>

<script type="text/javascript">
  JQ(document).ready(function(){
   JQ("#test_jquery").html("this is jquery");
   $("test_prototype").innerHTML="this is Prototype";
  });
 </script>

Related posts:

1. JQuery Tips
2. 10 JQUERY 设计技巧
3. Hosting IFRAMEs using the JQuery UI Tabs plug-in

 使用sajax其实很简单，首先当然要包含sajax这个文件
   require(“Sajax.php”);

$sajax_remote_uri = “http://a..php;”    //这里是远程要处理判断结果的一个页面

sajax_init();  //Sajax初始化函数，看过Sajax.php的都知道，其实这个函数的内容是空的，这里写的目的就是告诉你这个页面会使用Sajax。因为Sajax并不是一个类，而是一个函数集，所以不需要建立对象，实际应用中不执行这个函数也没有关系。
sajax_export(“riqi”);

//用sajax_export定义将要在Javascript输出的函数，也就是从HTML页面中可以使用的函数。将函数的名字传递给sajax_export，如果多个函数可以向sajax_export传递多个参数来实现
sajax_handle_client_request();
//处理客户端需求函数，开始访问页面的时候不会起作用，但是当客户端将需求（运行哪个函数，参数是多少等等）传递过来的时候就由这个来处理了。
好了，后台的PHP部分结束，下面是HTML显示部分，纯粹的HTML基础就不管了，只说和Sajax使用有关的部分

<?
sajax_show_javascript();
//显示Sajax生成的Javascript，
?>

接下来我们写处理的函数
比如在那个“确定”按钮的onclick事件中，如下写：

function getriqi()
{
 var yearend=frm.yend.value
    。。。。。。。
     x_riqi(yearend,getriqidb);

}
这里比如可以先获得要判断计算的值（比如这里的yearend),然后注意
x_riqi(yearend,getriqidb)这句话
这里的riqi函数，是在前面PHP中用sajax_export定义，由sajax_show_javascript输出的函数之一，其格式就是你在sajax_export中定义的函数名前面加x_。，接着可以把要传递的参数一个个接着写下去。

接下来就可以写getriqidb这个判断function里，比如：
function getriqidb(content)
{
document.getElementById(‘content’).innerHTML=content
………….
}
注意，这里其实是一个用来显示经过远端计算页面计算返回的结果的方法来的，比如远端的页面a.php收到参数后，经过计算，异步返回给页面内容content,就可以在这里输出拉，比如上文提到的，根据返回的结果来填充下拉列表框。
最后，我们写那个远端判断的页面a.php
<?
if($_GET['rs'] == ‘riqi’)
{
$yearend=$_GET['rsargs'][0];
….
//之后做相关的业务逻辑计算

}
这里，用$_get['rs']来判断是否等于“riqi”，”riqi”是之前我们定义好的（sajax_export(“riqi”);），
如果是的话，则表示是来自sajax的请求，注意 $_get['rs']也是固定的，不能改变。
之后用 $_GET['rsargs'][0]来取出第一个参数，如此类推。。。。。

最后，要将结果返回给前端的页面，用
 echo(“##”.$content);
注意，这里的输出内容变量$content,要和前端页面里function getriqidb(content)里的定义好的content在命名上是相同的哦。

而可能是sajax的一个BUG（在IBM DW站上有说），在输出时，前端会没了两个字符，比如要输出的内容为2004，会变成04,而在前面加上##时，就正确了

Examples

Here are two overly simplistic examples:

Graffiti Wall: → Try it or see source

Calculator: → Try it or see source

Still confused? Read our Frequently Asked Questions or ask for help in our message board.

Download Now

The most recent version 0.12, including code and examples:

Version 0.12, code only: Sajax.php.txt

Related posts:

1. SimpleViewer
2. jquery学习笔记4
3. jquery学习笔记3

Related posts:

1. 一级域名和二级域名跨域的解决方案
2. JQuery进行跨域请求

1.1  定义 

      在一些B/S结构的应用系统中，有很多页面是需要有水印的。常见的就是公文系统、合同系统等。大家常常关注的是网站图片增加水印，而很少关注页面水印。刚去Google了一圈，关于页面水印的文章的数量为几乎为0. 本文中，流牛木马就与大家一起交流一下有关制作网页水印的心得。

    本文讨论以下的情形： 新增水印的方法需要用Javascript完成，并要求能够方便地加入到原有的页面中，不能影响到已有的功能。

1.2 预期目标

就图片水印实现方案来说，我们预期至少包括以下几个目标：

1. 实现悬浮、半透明的图片水印

2. 包含水印的页面，所有元素均为只读(不可写)

3. 在包含框架页面中，可以控制任意一个子页面或父页面的水印生成

4. 在页面放大、缩小(resize过程)后，需要在保证页面不刷新的前提下，重新生成适应页面大小的新水印，以保证所有内容都被水印覆盖，并且不会因水印图片范围过大而产生滚动条。

5. 支持IE6\7\8浏览器。暂不考虑其他浏览器。

1.3 效果图

加密前：

加密后：

可以打开附件里的文件进行查看。

2 实现步骤

2.1 基本构思

加密的过程是一个Javascript函数执行过程，所以我们首先应该考虑用Javascript操作DOM对象的方式。

在已有的HTML页面中，新建一个DOM对象在Body节点下。该对象的长、宽均经过计算，保证在覆盖全部页面内容的同时又不产生滚动条。将该对象覆盖到原有的页面之上，设置背景图，并设置为透明。

创建新DOM元素：

使用document对象里的createElement方法。创建元素后，设置它的z-index为一个大整数，保证它能够比已有网页的最大z-index大，才能完成“覆盖”。

计算新对象大小：

利用三个DOM对象值： clientWidth 、scrollHeight与clientHeight.

网页中一般不会出现横向滚动条，故不使用scrollWidth.

而纵向的滚动条就很常见了。

为了保证页面内容全部覆盖，在未出现滚动条的时候，使用clientHeight，出现滚动条后，则使用scrollHeight。

设置透明：

利用Alpha值。Alpha是IE支持的css filter。

2.2 应变细节

有一个小细节是很有意思的，前文也提过了，就是resize的过程。

试想，当一个页面打开的时候是550px×400px，那么自然会生成550px×400px大小的水印。但当用户对它进行最大化时，页面没有刷新，不会重新执行生成水印的函数，那么以前生产的水印图片就太小了。

如下图所示的情况。请注意，它的右侧、下侧都是没有水印的。

为了应对这种情况，我们就需要对body的onresize()函数进行处理。如果以前定义没有onresize()函数，则直接添加onresize()；如果以前有onresize()函数，则对之进行修改。

2.3 最终代码

考虑到框架页面需要考虑的情况，该方法包括三个参数： 目标页面对象、目标页面字符串、 背景图片。

function GetWaterMarked(targetObj,jpgUrl,targetStr ) {

var windowobj=targetObj;

var waterMarkPicUrl=jpgUrl;

var controlWindowStr=targetStr;

if(windowobj.document.getElementById(“waterMark”) != null)

return;

var m = “waterMark”;

var newMark = windowobj.document.createElement(“div”);

newMark.id = m;

newMark.style.position = “absolute”;

newMark.style.zIndex = “9527″;

newMark.style.top = “0px”;

newMark.style.left = “0px”;

newMark.style.width = windowobj.document.body.clientWidth;

if( parseInt(windowobj.document.body.scrollHeight) > parseInt(windowobj.document.body.clientHeight) )

{

newMark.style.height = windowobj.document.body.scrollHeight;

}else

{

newMark.style.height = windowobj.document.body.clientHeight;

}

newMark.style.backgroundImage = “url(“+ waterMarkPicUrl +”)”;

newMark.style.filter = “alpha(opacity=50)”;

windowobj.document.body.appendChild(newMark);

var markStr = “var sobj =”+controlWindowStr+”.document.getElementById(‘waterMark’);sobj.style.width =”+controlWindowStr+”.document.body.clientWidth;sobj.style.height =”+controlWindowStr+”.document.body.clientHeight;”;

if(windowobj.document.body.onresize != null)

{

var oldResiae = windowobj.document.body.onresize.toString();

var oldResiaeStr = oldResiae.substr(oldResiae.indexOf(“{“)+1);

var oldResiaeStr= oldResiaeStr.substr(0,oldResiaeStr.lastIndexOf(“}”));

oldResiaeStr+=”;”+markStr;

windowobj.document.body.onresize = new Function(oldResiaeStr);

}

else

{

windowobj.document.body.onresize = new Function(markStr);

}

}

3 原有页面处理

需要在原有的<body>标签处加入一个onload方法。如：

<body onload=”GetWaterMarked(window,’watermark.jpg’,'this’)”>

4 附件

http://files.cnblogs.com/azure/%E6%B0%B4%E5%8D%B0.rar

Related posts:

1. JavaScript 仿LightBox
2. 仿迅雷博客用户登陆弹出窗口
3. 禁止右键代码

// 错误报告
error_reporting(E_ALL);

// 头部信息
header(“Content-type: text/xml”);
header(“Cache-Control: no-cache”);

//连接mysql
$dbconn = mysql_connect($dbhost,$dbuser,$dbpass);
mysql_select_db($dbname,$dbconn);

//为容易操作请求数据,我们为请求中的每个参数设置一个变量,每个变量将把请求中的参数值作为其自己的值
//foreach语句遍历所有的POST数据,并且为每个参数创建一个变量,并且给它赋值
foreach($_POST as $key => $value){
 $$key = mysql_real_escape_string($value, $dbconn);
}

//屏敝任何错误提示,判断action是否等于 postmsg
if(@$action == “postmsg”){
 //插入数据
 mysql_query(“INSERT INTO messages (`user`,`msg`,`time`)
              VALUES (‘$name’,'$message’,”.time().”)”,$dbconn);
 //删除数据(因为我们默认值存储10条数据)
 mysql_query(“DELETE FROM messages WHERE id <= “.
    (mysql_insert_id($dbconn)-$store_num),$dbconn);
}

//查询数据
$messages = mysql_query(“SELECT user,msg
       FROM messages
       WHERE time>$time
       ORDER BY id ASC
       LIMIT $display_num”,$dbconn);
//是否有新记录
if(mysql_num_rows($messages) == 0) $status_code = 2;
else $status_code = 1;

//返回xml数据结构
echo “<?xml version=\”1.0\”?>\n”;
echo “<response>\n”;
echo “\t<status>$status_code</status>\n”;
echo “\t<time>”.time().”</time>\n”;
if($status_code == 1){ //如果有记录
 while($message = mysql_fetch_array($messages)){
  $message['msg'] = htmlspecialchars(stripslashes($message['msg']));
  echo “\t<message>\n”;
  echo “\t\t<author>$message[user]</author>\n”;
  echo “\t\t<text>$message[msg]</text>\n”;
  echo “\t</message>\n”;
 }
}
echo “</response>”;
?>

再来是数据库sql.sql

–Database “chat”

CREATE TABLE `messages` (
  `id` int(7) NOT NULL auto_increment,
  `user` varchar(255) NOT NULL,
  `msg` text NOT NULL,
  `time` int(9) NOT NULL,
  PRIMARY KEY  (`id`)
);

Related posts:

1. jquery学习笔记3
2. JQUERY学习笔记5
3. wordpress备份数据导入

 $(function(){

 4 $(“#send”).click(function(){

Related posts:

1. jquery学习笔记4
2. JQUERY学习笔记5
3. jquery自学笔记1

   <tr id=”row_02″><td colspan=”3″>前台开发组</td></tr>
   <tr><td>王五</td><td>男</td><td>湖南长沙</td></tr>
   <tr><td>找六</td><td>男</td><td>浙江温州</td></tr>

   <tr id=”row_03″><td colspan=”3″>后台开发组</td></tr>
   <tr><td>Rain</td><td>男</td><td>浙江杭州</td></tr>
   <tr><td>MAXMAN</td><td>女</td><td>浙江杭州</td></tr>
  </tbody>
 </table>

下个例子：表格展开伸缩

$(function(){

Related posts:

1. jquery自学笔记1
2. jQuery方法大全
3. 26JQUERY-SKILLS

Related posts:

1. jquery自学笔记2
2. jquery学习笔记3
3. jQuery方法大全