Alpha's Blog Alpha's Blog 2008-07-20T11:02:35+08:00 Power by x2-blog <![CDATA[xajax的xajaxResponse类说明]]> Alpha / category term="" scheme="/index.asp?cid=10" label="Ajax" /> 2006-05-19T22:10:36+08:00 2006-05-19T22:10:36+08:00  转自: 谈一点技术

function addAlert($sMsg)

使用一个消息框提醒用户

$objResponse->addAlert("Here is an alert.");

 

function addAssign($sTarget,$sAttribute,$sData)

将$sTarget对象的$sAttribute赋值为$sData 

$objResponse->addAssign("myInput1","value",$DataFromDatabase);


function addappend($starget,$sattribute,$sdata)

将$sData添加于$sTarget对象的$sAttribute后

$objResponse->addAppend("myDiv1","innerHTML",$DataFromDatabase2);

 

function addPrepend($sTarget,$sAttribute,$sData)

将$sData添加于$sTarget对象的$sAttribute前

$objResponse->addPrepend("myDiv2","innerHTML",$DataFromDatabase3);

 

function addReplace($sTarget,$sAttribute,$sSearch,$sData)

将$sTarget对象的$sAttribute中的$sSearch替换为$sData

$objResponse->addReplace("myDiv3","innerHTML","xajax","<strong>xajax</strong>");

 

function addScript($sJS)

调用一JavaScript

$objResponse->addScript("var x = prompt("Enter Your Name");"); 

 

function addConfirmCommands($iCmdNumber, $sMessage)

$sMessage作为提示消息让用户作出“是／否”选择，如果用户选择“是”，则接着该语句后的语句执行；否则，跳过$iCmdNumber条语句执行

 $objResponse->addConfirmCommands(2, "Are you sure you want to show two (2) more alerts?");
$objResponse->addAlert("This will only happen if the user presses OK.");
$objResponse->addAlert("This also will only happen if the user presses OK.");
$objResponse->addAlert("This will always happen.");

 

function addCreateInput($sParent, $sType, $sName, $sId)

在$sParent中添加一个类型为$sType，名为$sName，id为$sId的输入框

$objResponse->addCreateInput("testForm1", “text”, "username", "uesrname");

 

function addInsertInput($sBefore, $sType, $sName, $sId)

同上，区别在于在名为$sBefore的对象前添加

 

function addInsertInputAfter($sAfter, $sType, $sName, $sId)

同上，区别在于在名为$sAfter的对象后添加 function addRemove($sTarget) 删除$sTarget对象

 

function addEvent($sTarget,$sEvent,$sScript)

为$sTarget对象的$sEvent事件添加$sScript代码

$objResponse->addEvent(“divTest”, "onClick", "alert('Something');");

 

function addHandler($sTarget,$sEvent,$sHandler)

将$sTarget对象的$sEvent事件处理程序与JavaScript函数$sHandler关联，一个事件可以有多个Handler

$objResponse->addHandler("Div", "click", "clickHandler1");

 

function addRemoveHandler($sTarget,$sEvent,$sHandler)

删除$sTarget对象的$sEvent事件的$sHandler关联

$objResponse->addHandler("Div", "click", "clickHandler1");

 

function addScriptCall()

调用一个js函数，第一个参数为JavaScript函数名，其余参数为JavaScript函数

$response->addScriptCall("myJSFunction", "arg1", 9432.12, array("myKey" => "some value", "key2" => $value2));

]]> blog?bid=16 <![CDATA[Flash & Ajax 操作 XML 实例:无刷新分页]]> Alpha / category term="" scheme="/index.asp?cid=10" label="Ajax" /> 2006-03-18T16:49:52+08:00 2006-03-18T16:49:52+08:00 其实标题只是一个噱头罢了，只是想谈一下，javascript 与 actionscript 是如何操作xml的。
希望能帮助一些只用 javascript  或 只懂 actionscript 的朋友，了解两者的相同与不同之处。

flash 与 后台连接有许多种，actionscript 调用 xml() 算是比较简单的一种了，
而javascript 调用 xmlhttp ，便形成了现在很流行的ajax了。

现在就用一个网上常出现的分页效果来对 flash 和 ajax 做个入门学习。  ( 效果预览 ) ( 源文件下载 )


实际运用中一般是通过后台脚本生成xml文件，再对其产生的数据进行操作
由于篇幅关系在本文中将用1.xml 2.xml 3.xml代替。后台脚本不做说明

首先了解一个xml的结构：

<data>
  <movie id="1" type="爱情">幸福终点站</movie>
  <movie id="2" type="恐怖">绝命终结站</movie>
  <movie id="3" type="喜剧">恐怖电影</movie>
  …
  …
</data>


从简单的flash开始吧

function setxml(page){
  pagexml = new xml();                                         //申明xml对象
  pagexml.ignorewhite = true;                                 //允许空白
  pagexml.load(page+".xml?rid="+math.random());                //读取xml文件
  pagexml.onload = function(success)
  {
    if (success)
      {
      parsexml(pagexml);                                       //如果读取成功,分析xml文件
    }
  }
}
function parsexml(pagexml){
  xmlroot = agexml.firstchild;                                     //定义xml根目录
  for (i=0;i<xmlroot.childnodes.length;i++)
  {
    attachmovie("tr","tr_"+i,i);                                     //生成行
    this["tr_"+i]._x = 13;
    this["tr_"+i]._y = 25*i+33;
    this["tr_"+i].no = xmlroot.childnodes[i].attributes.id;         //取得一条记录的id
    this["tr_"+i].name = xmlroot.childnodes[i].firstchild;          //片名
    this["tr_"+i].type = xmlroot.childnodes[i].attributes.type;     //类型
    page = pagexml.firstchild.attributes.page;                      //获取当前页
  }
}
if (!page)                                                         //初始页码为第一页 page=1;
  setxml(page);                                                    //初始第一页内容
presetxmlbtn.onrelease = function()
{
  setxml(page*1-1);                                                //向前翻页,读取内容
}          
nextbtn.onrelease = function()
{
  setxml(page*1+1);                                                //向后翻页,读取内容
}


接下来是ajax了

关于ajax 入门学习可以有翻一下我以前的日志，我推荐过两篇不错的文章

var xmlhttp

/*
第一部分是有关xmlhttp的申明,因为ie和其它一些浏览生成xmlhttp的对象有一点两样,所以申明时比较麻烦
其它主要功能相当于flash方式中的 "new xml()" 当然还包函其它功能 
*/
function getxmlhttpobject(handler)
{
  var objxmlhttp=null; 
  if (navigator.useragent.indexof("msie")>=0)
  {
    var strname="msxml2.xmlhttp";
    if (navigator.appversion.indexof("msie 5.5")>=0)             //既使是ie都有两种申明方式
    {
      strname="microsoft.xmlhttp";
    }
    try
    {
      objxmlhttp=new activexobject(strname);
      objxmlhttp.onreadystatechange=handler;
      return objxmlhttp;
    }
    catch(e)
    {
      alert("error. scripting for activex might be disabled");
      return;
    }
  }
  else
  {
    objxmlhttp=new xmlhttprequest();                             //firefox、opera等都是用这种
    objxmlhttp.onload=handler;
    objxmlhttp.onerror=handler;
    return objxmlhttp;
  }
}

//首先要被调用的函数，可看作上面flash中的 setxml()函数，
function showpage(no)
{
  document.getelementbyid("loadstatus").innerhtml = "lading…";
  var url = no+".xml?rid="+math.random();
  //statechanged_showplist是下面的函数名，注意的是不要加括号
  xmlhttp=getxmlhttpobject(statechanged_showplist);
  //传递方式是get，也可以选择post方式，有时传递变量是中文要记得设置文件头                   
  xmlhttp.open("get", url , true);
  xmlhttp.send(null);
}

//分析xml函数
function statechanged_showplist()
{
  if (xmlhttp.readystate==4 || xmlhttp.readystate=="complete") //xmlhttp.readystate==4  4表示读取结束
  {
    document.getelementbyid("loadstatus").innerhtml = " ";
    table = document.getelementbyid("pagebody");               //生成talbe element
    for (i = table.rows.length-1; i >= 0; i╟)                 //要删除原来有的行，不然表格会无限延伸
      table.deleterow(i);
    xmlroot = xmlhttp.responsexml.getelementsbytagname("movie");  //取得xml所需要的根
   
    for (i=0;i<xmlroot.length;i++)
    {
      //简单的dom，生成表格。
      tr = table.insertrow(-1); 
      td = tr.insertcell(-1);
      td.align = "center";
      td.innerhtml = ‘<span class="warntxt">’+xmlroot[i].getattribute(’id’)+’</span>’;
      td = tr.insertcell(-1);
      td.innerhtml = xmlroot[i].firstchild.data;
      td = tr.insertcell(-1);
      td.innerhtml = xmlroot[i].getattribute(’type’);
    }

    //定义翻页链接
    page = xmlhttp.responsexml.getelementsbytagname("data")[0].getattribute(’page’)
    if (page >1)
    {
      prepage = page*1-1;
      var changpage = "<a href=’javascript:showpage("+ prepage +")’>上一页</a> ";
    }
    else
    {
      changpage = "上一页 ";
    }
    if (page <3)
    {
      nextpage = page*1+1;
      changpage += "<a href=’javascript:showpage("+ nextpage +")’>下一页</a> ";
    }
    else{
      changpage += "下一页 ";
    }
    document.getelementbyid("changpage").innerhtml = changpage;
  }
}

 ]]> blog?bid=6 <![CDATA[最美的70个英文单词]]> Alpha / category term="" scheme="/index.asp?cid=14" label="English" /> 2006-06-29T10:45:06+08:00 2006-06-29T10:45:06+08:00 以下所有图片是用Adobe Bridge找的，图片版权为Adobe所有。

根据对4万名海外投票者和英国文化协会在世界各地英语中心的学习者的调查显示，“母亲”(Mother) 是英语当中最优美的单词。此项调查为庆祝英国文化协会成立70周年而举办。
　　
英国文化协会在华作为英国大使馆文化教育处开展工作。为开展上述调查工作，英国文化协会征求了46个国家7000多名英语学习者对英语中最优美单词的意见。此外，英国文化协会还通过自己的网站在网上征求了非英语国家的意见。非英语国家中35000多人参加了投票，其中包括3500份来自中国的选票。
　　
根据投票的结果，排在前70名的最优美的英语单词为：
　　
1. mother 母亲
图片

2. passion 激情
图片

3. smile 微笑
图片

4. love 爱
图片

5. eternity 永恒
图片

6. fantastic 奇异的
图片

7. destiny 命运
图片

8. freedom 自由
图片

9. liberty 自主
图片

10. tranquillity 安宁
图片

11. peace 和平
图片

12. blossom 花丛
图片

13. sunshine 阳光
图片

14. sweetheart 情人，爱人
图片

15. gorgeous 绚丽的
图片

16. cherish 珍爱
图片

17. enthusiasm 狂热
图片

18. hope 希望
图片

19. grace 优美
图片

20. rainbow 彩虹
图片

21. blue 蓝色
图片

22. sunflower 向日葵
图片

23. twinkle 闪烁，闪耀
图片

24. serendipity 意外新发现
图片

25. bliss 福佑
图片

26. lullaby 催眠曲
图片

27. sophisticated 精细的
图片

28. renaissance 复兴
图片

29. cute 可爱
图片

30. cosy 舒实?br />图片

31. butterfly 蝴蝶
图片

32. galaxy 银河
图片

33. hilarious 欢闹的
图片

34. moment 瞬间
图片

35. extravaganza 娱乐表演
图片

36. aqua 水
图片

37. sentiment 柔懦情感
图片

38. cosmopolitan 四海为家的人
图片

39. bubble 气泡
图片

40. pumpkin 南瓜
图片

41. banana 香蕉
图片

42. lollipop 棒棒糖
图片

43. if 如果
图片

44. bumblebee 大黄蜂
图片

45. giggle 咯咯笑
图片

46. paradox 似非而是的论点
图片

47. delicacy 精美
图片

48. peek-a-boo 躲猫猫
图片

49. umbrella 雨伞
图片

50. kangaroo 袋鼠
图片

51. flabbergasted 目瞪口呆地
图片

52. hippopotamus 河马
图片

53. gothic 哥特风格的
图片

54. coconut 椰子
图片

55. smashing 极好的
图片

56. whoops 哎哟！
图片

57. tickle 发痒，胳肢
图片

58. loquacious 爱说话的
图片

59. flip-flop 夹趾拖鞋
图片

60. smithereens 碎片
图片

61. hi 打招呼，引起注意
图片

62. gazebo 凉亭
图片

63. hiccup 打嗝

64. hodgepodge 大杂烩
图片

65. shipshape 整齐
图片

66. explosion 迸发
图片

67. fuselage (飞机的)机身
图片

68. zing 生命力
图片

69. gum 口香糖
图片

70. hen-night 女子婚前单身派对
图片

]]> blog?bid=26 <![CDATA[用Javascript 取多个radio中选定的value]]> Alpha / category term="" scheme="/index.asp?cid=10" label="Ajax" /> 2006-05-24T21:54:35+08:00 2006-05-24T21:54:35+08:00 假设三个id一样,name一样radio

<input id="rd" name="rd" type="radio" value="11">11
<input id="rd" name="rd" type="radio" value="22" checked="checked">22
<input id="rd" name="rd" type="radio" value="33">33


如何用javascript得到radio中被选中的value？

如果第一次碰到这个问题，你也许会和我一样。想当然的以为是用:

document.getElementById("rd").value
document.getElementsByName("rd").value


这当然是不对的，他只能拿到第一个的value，而不是你选定的那个value
这点是和用 form 的 post 或 get 方法不同的

上网找了下方法，大多采用这个方法

<script>
if (rd[0].checked)
.....
else if (rd[1].checked)
....
else
....
}
</script>


这是我能在网上找到的方法
其实我还想到了一个办法:

第一步，先放一个hidden

<input id="gotit" name="gotit" type="hidden" value="22">


然后将三个radio上各自加一个onclick动作，使它们能改变 gotit 的value

<input name="nouse" type="radio" onclick="document.getElementById('gotit').value=11">11
<input name="nouse" type="radio" checked="checked" onclick="document.getElementById('gotit').value=22">22
<input name="nouse" type="radio" onclick="document.getElementById('gotit').value=33">33


最后再拿id为"gotit"的value就可以了

document.getElementById("gotit").value
document.getElementsByName("gotit").value


碰到这个问题的朋友，可以试一下这两个方法。

]]> blog?bid=17 <![CDATA[十分钟学会 xajax]]> Alpha / category term="" scheme="/index.asp?cid=10" label="Ajax" /> 2006-05-20T18:57:49+08:00 2006-05-20T18:57:49+08:00 learn xajax in 10 minutes(原文摘自xajaxproject 官方wiki)

xajax 最大的特点是他采用了xml response，这样我们可以用php来布置，处理异步传送数据之后，网页内容的更新。而这些操作其它的ajax 框架都是由js来完成的的。xajax 使我们只需要写一些php函数，就可以实现。
所有学好xajax的关健在于熟练掌握 xajaxresponse 类。

Tutorials:Learn xajax in 10 Minutes
教程:十分钟学会 xajax

Using xajax in a PHP script
一个使用的xajax的php脚本:

  1. Include the xajax class library:
    调用xajax类库:
    require_once("xajax.inc.php");
  2. Instantiate the xajax object:
    实例化xajax对象
    SPAN style="color:#0000bb">
    $xajax = new xajax();

  3. Register the names of the PHP functions you want to be able to call through xajax:
    注册一个你想用xajax来调用的php函数名:(与javascript中的函数名相对应 xajax_myfunction)

    $xajax->registerfunction("myfunction");
  4. Write the PHP functions you have registered and use the xajaxResponse object to return XML commands from them:
    编写那个你刚刚已经注册的php函数，并从中用 xajaxresponse 对象来返回xml指令集

    function myfunction($arg)
    {
            // do some stuff based on $arg like query data from a database and
        // put it into a variable like $newcontent
        //对参数$arg做一些诸如：从数据库中获取数据后定义给$newcontent 变量的基本操作
        
        // instantiate the xajaxresponse object
        //实例化 xajaxresponse 对象
       $objResponse = new xajaxResponse();
        
            // add a command to the response to assign the innerhtml attribute of
        // the element with id="someelementid" to whatever the new content is
        // 在响应实例中添加一个命令，用来将id为someelementid的innerhtml元素属性
        // 变为任何新的内容.
            $objResponse->addAssign("SomeElementId","innerHTML", $newContent);
        
            //return the xml response generated by the xajaxresponse object
        //返回由 xajaxresponse 对象所生成的xml 响应
            return $objResponse;
    }


  5. Before your script sends any output, have xajax handle any requests:
    在你脚本传送出任何东西前,xajax都要处理所有请求

    $xajax->processRequests();
  6. Between your <head></head> tags, tell xajax to generate the necessary JavaScript:
    在该页的<head>和</head>标签之间插入下列代码，使xajax实例可以自己生成所必需的js

    <?php $xajax->printJavascript(); ?>

  7. Call the function from a JavaScript event or function in your application:
    从你程序中的js 事件或函数调用之前你已经注册过的相对应函数

    <div id="SomeElementId"></div>
    <    button onclick="xajax_myFunction(SomeArgument);">

That's it. xajax takes care of most everything else. Your biggest task is writing the PHP functions and returning xajax XML responses from them-- which is made extremely easy by the xajaxResponse class.
只需这些步骤。其他的交由xajax 去处理吧。你最主要的任务只是编写php中的函数，只要使它们能返回xajax的xml响应就行了，而这步可以用xajaxResponse 类轻松解决。

How do I update my content asynchronously?
如何异步更新我的内容?

Perhaps the most unique feature of xajax is the xajaxResponse class. Other Ajax libraries require you to write your own callback handlers in Javascript to process the data returned from an asynchronous request and to update the content. xajax, on the other hand, allows you to easily control your content from PHP. The xajaxResponse class allows you to create XML instructions to return to your application from your PHP functions. The XML is parsed by xajax message pump and the instructions tell xajax how to update the content and state of your application. The xajaxResponse class currently offers a number of useful commands, such as Assign, which sets the specified attribute of an element in your page; Append, which appends data to the end of the specified attribute of an element in your page; Prepend, which prepends data to the beginning of the specified attribute of an element in your page; Replace, which searches for and replaces data in the specified attribute of an element in your page; Script, which runs the supplied JavaScript code; and Alert, which shows an alert box with the supplied message text.
xajax最独特的长处也许就是 xajaxResponse class了。其它的ajax库需要你亲自写用js写回调的句柄，来处理一个异步请求而且得到的数据，并更新其内容。另一方面，xajax只需你简单的控制好php的内容。然后通过xajaxresponse 类，使在你的php函数中创建xml指令返回给你的程序。xml将被 xajax的信息(pump)解析。其指令告知xajax将如何更新内容和你程序中的位置。现在xajaxresponse 已经提供了大量并有帮助的指令: (略...付上详细的xajaxresponse 类说明)

A single XML response may contain multiple commands, which will be executed in the order they were added to the response. For example, let's say that a user clicks on a button in your application. The onclick event calls the Javascript wrapper for a PHP function. That wrapper sends an asynchronous request to the server through XMLHttpRequest where xajax calls the PHP function. The PHP function does a database lookup, some data manipulation, or serialization. You use the xajaxResponse class to generate an xajax XML response containing multiple commands to send back to the xajax message pump to be executed:
一个单独xml响应可以包含多条命令，他们将依据加入响应的顺序来被执行。举个例子吧，让我们假设一个用户在你的程序中按下了一个按钮。这个按下的事件将调用被js封装好的php函数。这个封包通过 xmlhttprequest 发出了一个异步请求给服务器，让xajax调用php函数。这个php函数做了一个查询数据库，一些数据处理或排序的操作。而你要用 xajaxresponse 类来产出一个 xajax 的xml响应，它包含了多条命令。送给xajax 信息pump来执行:

$objResponse = new xajaxResponse();
$objResponse->addAssign("myInput1","value",$DataFromDatabase);
$objResponse->addAssign("myInput1","style.color","red");
$objResponse->addAppend("myDiv1","innerHTML",$DataFromDatabase2);
$objResponse->addPrepend("myDiv2","innerHTML",$DataFromDatabase3);
$objResponse->addReplace("myDiv3","innerHTML","xajax","<strong>xajax</strong>");
$objResponse->addScript("var x = prompt("Enter Your Name");");
return $objResponse;

The xajax message pump would parse the XML message and perform the following:
xajax信息pump将会解析下列xml信息，并执行以下操作:

  • The value of the element with id myInput1 would be assigned to the data in $DataFromDatabase.
    将变量$DataFromDatabase赋值给id为myinput1的value元素。
  • The color of the text in the element with id myInput1 would be changed to red.
    id为myinput1的字体颜色元素将被换成红色.
  • The data in $DataFromDatabase2 would be appended to the innerHTML of the element with id myDiv1.
    $DataFromDatabase2,此数据将被追加到id为mydiv1的innerthml元素的结束部位
  • The data in $DataFromDatabase3 would be prepended to the innerHTML of the element with id myDiv2.
    $DataFromDatabase3,此数据将被添加到id为mydiv2的innerthml元素的开始部位
  • All occurrences of "xajax" in the innerHTML of the element with id myDiv3 would be replaced with "xajax"; making all of the instances of the word xajax appear bold.
    id为mydiv3的innerhtml元素中所有的 "xajax" 将被替换成 "xajax",使所有的xajax以粗体显示。
  • A prompt would be displayed asking for the user's name and the value returned from the prompt would be placed into a javascript variable named x.
    会有一个输入框弹出，并询问用户姓名。从输入框取得的变量将转换成js变量并命名为x。

All of this is implemented on the server side in the PHP function by forming and returning an xajax XML response.
所有这些组成了php函数在服务器端被执行，然后传回一个xml响应。

 ]]> blog?bid=15 <![CDATA[Ajax 入门两则]]> Alpha / category term="" scheme="/index.asp?cid=10" label="Ajax" /> 2006-03-26T17:31:48+08:00 2006-03-26T17:31:48+08:00 ajax tutorial （这篇比较好，带有例子）

掌握 ajax

最近看了几篇有关ajax的文章，对ajax有所了解。感觉学着玩玩还不错，不过真正用得的到，比用传统模式做网页有明显效果的时候并不多。比如在线实时通迅，所见既所得的文本编辑器。。。 希望今后有项目可以真正运用到ajax

]]> blog?bid=11 <![CDATA[进公司的第一个 Project]]> Alpha / category term="" scheme="/index.asp?cid=11" label="Work" /> 2005-10-13T09:16:11+08:00 2005-10-13T09:16:11+08:00 图片

新公司，新环境

los angeles kings 冰球队的主页
第一次用 flash+xml 做后台

足足搞了 一个多月

图片

图片

]]> blog?bid=2 <![CDATA[Prison Break 第二季第一集剧照]]> alpha / category term="" scheme="/index.asp?cid=15" label="Kill time" /> 2006-08-23T12:08:30+08:00 2006-08-23T12:08:30+08:00 已在8月21日开播了,希望比第一季更精采

图片

图片

图片

图片

图片

图片

图片

]]> blog?bid=34 <![CDATA[今天终于收到这本书啦]]> Alpha / category term="" scheme="/index.asp?cid=12" label="Life" /> 2005-05-10T17:38:16+08:00 2005-05-10T17:38:16+08:00 flash mx 2004 actionscript 2.0与ria应用程序开发

图片

五一节在当当网定的，不过最近也没空看，只能在考完试后认真研究了。
最近看高数都把脑子看僵掉了~~~~还有一个多月才能摆脱高数的折磨，想想就辛苦～～

本书是中国香港地区知名闪客颜金桫（网名luar）主笔编写的一本教授actionscript 2.0及开发丰富网络应用程序(rich internet application, ria)的指导书。围绕编程概念、actionscript 2.0语法、使用组件快速创建应用程序、flash与服务器连接、提取及更新数据库等知识内容进行介绍，配合实战范例演示，目的是让既有flash mx使用者和其他对flash有兴趣的传统编程人员，以最简单直接的方法，进入flash mx 2004所带来的开发网络应用程序新天地。本书所讲解范例都是实际中的真实应用，通过范例的学习，可以加深对所学内容的理解，明白实际项目的开发步骤，最后可以将学到的技巧应用到自己的开发项目中。随书光盘内容为书中所有范例源文件。
　　本书作者完全展示独家制作内幕，针对闪客在设计中经常遇到的问题及操作技巧进行全
面的剖析，适合于有一定基础的闪客作为进阶宝典。

图片

]]> blog?bid=13 <![CDATA[最近被中文乱码搞死]]> Alpha / category term="" scheme="/index.asp?cid=8" label="PHP" /> 2006-05-14T09:25:29+08:00 2006-05-14T09:25:29+08:00 在mysql里添加数据库、数据表时，记得用utf编码~~
或是在插入，添加记录前加一条

$result = mysql_query("set c-www-haracter set ‘utf8′") or die("invalid query: " . mysql_error());


在使用ajax的post时也要注意传送的编码

xmlhttp=getxmlhttpobject(statechanged_editport);
xmlhttp.open("post", "editport.php" , true);
xmlhttp.setrequestheader("content-length",url.length);
xmlhttp.setrequestheader("content-type","application/x-www-form-urlencoded");
xmlhttp.send(url);



再给一个解决phpmyadmin显示中文乱码的方法
作者：jet.marc  出处

phpmyadmin的中文乱码问题很常见，而且也很烦人。以前用phpmyadmin比较少，最近装上以后感觉非常的方便，但是同样也遇到了中文乱码的问题，主要是utf-8和gb2312编码不能同时正确显示。从网上找到了一些资料，但是都不是很直接，现在结合自己的操作重新整理一下。

1. 因为mysql的默认编码是latin1，所以首先我们需要修改一下phpmyadmin的编码转换。修改libraries目录下面的select_lang.lib.php文件，将

'utf-8' => 'utf8',
修改成
'utf-8' => 'latin1',


2. 接下来还要修改一下页面的编码显示，将

'zh-gb2312' => array('zh|chinese simplified', 'chinese_simplified-gb2312', 'zh'),
修改成
'zh-gb2312-utf-8' => array('zh|chinese simplified', 'chinese_simplified-gb2312', 'zh'),


也就是在zh-gb2312后面增加-utf-8，这样页面编码就支持utf-8了。

3. 首先选择zh-gb2312-utf-8进入phpmyadmin，这个时候浏览gb2312编码的数据正常，但是浏览utf-8的数据是乱码。如果浏览utf-8的数据的话，进入首页，然后在language里面选择zh-utf-8就可以了。

 

几点说明：

1. 默认的语言编码很长，你可以将其他编码用/**/注释掉，只保留zh-gb2312-utf-8和zh-utf-8两个编码。
2. 目前phpmyadmin最新的版本是2.8.0-rc1，但是这个版本首页选择的语言不能具体到编码，所以不建议使用。
]]> blog?bid=3 <![CDATA[刚完成的一个项目]]> Alpha / category term="" scheme="/index.asp?cid=11" label="Work" /> 2006-04-13T17:02:06+08:00 2006-04-13T17:02:06+08:00 http://www.koofeel.com

图片

图片

图片

]]> blog?bid=7 <![CDATA[前些日子搜来的好东西]]> alpha / category term="" scheme="/index.asp?cid=10" label="Ajax" /> 2006-07-20T18:12:10+08:00 2006-07-20T18:12:10+08:00 一个Javascript 的类库，用于table内容排序。使用很方便，不用每次都去调用数据库了。
特别适合多表查询的排序。加上<tbody>的style.display 切换，也可以实现分页。

点击标题排序

Name Salary Extension Start date
Bloggs, Fred $12000.00 1353 18/08/2003
Turvey, Kevin $191200.00 2342 02/05/1979
Mbogo, Arnold $32010.12 2755 09/08/1998
Shakespeare, Bill $122000.00 3211 12/11/1961
Shakespeare, Hamnet $9000 9005 01/01/2002
Fitz, Marvin $3300 5554 22/05/1995

用法:

1.添加JS JS 下载地址

<SCRIPT src="sorttable.js" type="text/javascript"></SCRIPT>

2.添加TABLE,注意的是：一定要有ID,class为"sortable"

<table class="sortable" id="mytable">

OK,可以了，简单的吧

如果觉得太单调，自己加点CSS吧，官方给出了改HEAD的CSS

/* Sortable tables */
table.sortable a.sortheader {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow {
    color:black;
    text-decoration: none;
}
]]> blog?bid=31 <![CDATA[一个不错的JS折叠效果]]> alpha / category term="" scheme="/index.asp?cid=10" label="Ajax" /> 2006-07-25T21:16:14+08:00 2006-07-25T21:16:14+08:00 先点击这里看下效果吧

用法:

1.添加JS库(点击下截):

<script src="prototype.lite.js" type="text/javascript"></script>
<script src="moo.fx.js" type="text/javascript"></script>
<script src="moo.fx.pack.js" type="text/javascript"></script>

2.建立xhtml结构:

<div id="container">
    <H1 class="title"><A href="javascript:void(0)">(1)这里放标题</H1>
    <div class="content">
        <p>(1)这里放内容</p>
    </div>
    <H1 class="title"><A href="javascript:void(0)">(2)这里放标题</H1>
    <div class="content">
        <p>(2)这里放内容</p>
    </div><H1 class="title"><A href="javascript:void(0)">(3)这里放标题</H1>
    <div class="content">
        <p>(3)这里放内容</p>
    </div>
</div>

3.调用JS:

<script type="text/javascript">
    //定义contents 组数为所有将要显示的内容
    var contents = document.getElementsByClassName('content');
    //定义contents 组数为所有标题，也是可点击展开的按钮
    var toggles = document.getElementsByClassName('title');
 
    //调用moofx JS库
    var myAccordion = new fx.Accordion(
        toggles, contents, {opacity: true, duration: 400}   //opacity确定是否有alpha透明变化,duration确定动作所有时间
    );
    myAccordion.showThisHideOpen(contents[0]);  //默认打开第一个内容
 </script>


完成.
简单而且效果不错吧
如果还要界面好看点，自已定义下CSS吧

]]> blog?bid=32 <![CDATA[Javascript 的两个动态加表格行的方法]]> Alpha / category term="" scheme="/index.asp?cid=10" label="Ajax" /> 2006-03-17T17:07:12+08:00 2006-03-17T17:07:12+08:00 tr = document.getelementbyid("tablename").insertrow(-1);// insertcell(3)在第三行后加一行,-1代表最后一行 
td = tr.insertcell(-1);//加列
td.align="right";
td.colspan=3;  // s要大写
td.innerhtml = "表格内容";
table = document.getelementbyid("tablename");
tr  = document.createelement("tr")
td = document.createelement("td");
td.innerhtml = "表格内容";
tr.appendchild(td);
table.appendchild(tr);

再给个删除行的方法吧

for (i = table.rows.length-1; i >= 0; i╟)
      ta.deleterow(i);
]]> blog?bid=8 <![CDATA[UPDATE map of shanghai]]> alpha / category term="" scheme="/index.asp?cid=11" label="Work" /> 2006-07-18T18:23:48+08:00 2006-07-18T18:23:48+08:00 老板打算拆东墙补西墙，于是花了两个小时，升了下级．．．

]]> blog?bid=30 <![CDATA[不要忽视家庭暴力]]> alpha / category term="" scheme="/index.asp?cid=15" label="Kill time" /> 2006-11-03T14:04:31+08:00 2006-11-03T14:04:31+08:00 图片

图片

图片 ]]> blog?bid=39 <![CDATA[前两天项目中用到的一个菜单效果]]> alpha / category term="" scheme="/index.asp?cid=11" label="Work" /> 2006-11-01T15:53:39+08:00 2006-11-01T15:53:39+08:00 here is flash player file.


源码

]]> blog?bid=37 <![CDATA[最近完成的两个FLASH站]]> alpha / category term="" scheme="/index.asp?cid=11" label="Work" /> 2006-07-17T23:28:33+08:00 2006-07-17T23:28:33+08:00 最近刚完成的两个FLASH的项目，蛮巧都是关于高尔夫的

http://www.luckygreens.com/
图片

http://www.slice.com.hk/
图片

img style="margin: 0px" alt="图片" title="图片" src="http://www.flaspx.com/weblog/upload/images/luckygreens_zh.jpg" border="0" />

图片

]]> blog?bid=29 <![CDATA[微软还真会找麻烦]]> Alpha / category term="" scheme="/index.asp?cid=9" label="Flash" /> 2006-04-19T16:18:05+08:00 2006-04-19T16:18:05+08:00 <script language="javascript" src="flashobject.js"></script>

<div id="flashdiv">flash的显示位置</div>

<script type="text/javascript">
var myf = new flashobject("myflash.swf", "flashid", "100", "200", "7");
myf.setattribute("quality","high");
myf.write("flashdiv");

</script>


以后只能用标准放flash了

附上flashobject 下载地址

]]> blog?bid=5 <![CDATA[一个 Flash + webservice 的应用]]> Alpha / category term="" scheme="/index.asp?cid=9" label="Flash" /> 2005-11-09T17:35:07+08:00 2005-11-09T17:35:07+08:00 http://www.webservicex.net
提供了很多免费的webservice 。

这是个在线翻译的例子(源文件)：

]]> blog?bid=12