去年的这个时候,正呆在珠海,经历水深火热,回想飘荡游走的日子第一反应竟叫人忍俊不禁。
且今,过了整整一年。尤记当时比较难忘的一段对话,某大一位从事WEB开发的博士问我,
你用PHP? 我说是。
那你会Ajax吗?我说知道一点。
那你会用smarty吗?我苦笑,说没用过。
哦,探索之路,永远漫长……
一年了,当时已成过去,发篇软文纪念一下,信笔乱涂,贻笑方家又何妨。
这段日子高效高能谢天谢地,项目已接近尾声,下一波已悄然而至。
月度归档: 2009 年 7 月
-
软文无题
-
双击实现文本元素修改
此效果多应用于后台栏目名称修改上,双击以创建input元素,onblur事件实现异步调用无刷新提交。
JS部分:
<code><script type=”text/javascript”>
function showInput(element)
{
var defaultValue = element.innerHTML; //取得默认内容
var inputEle= document.createElement(‘input’); //创建input元素
inputEle.type = ‘text’; //添加类型
inputEle.value=defaultValue;
inputEle.className=”tip”;
element.innerHTML = ”;
element.appendChild(inputEle); //添加子元素
inputEle.focus(); //获得焦点
inputEle.onfocus = function()
{
element.ondblclick=”;//取消元素的双击事件
}
inputEle.onblur = function()
{
element.innerHTML = this.value ? this.value : defaultValue; //触发时判断值是否为空
var any= $(this).attr(‘value’);
$.ajax({
type: “POST”,
url: “insert.php”,
data: “name=”+ any,
success: function(){
$(“#show”).prepend(“<li>提交成功:”+any+”</li>”);
$(“#show li:first”).fadeIn(“slow”);
}
});
element.ondblclick = function()//还原
{
showInput(this);
}
}
}
</script></code>样式:
<style type=”text/css” media=”all”>
#show{
margin-top:100px;
width:300px;
height:200px;
border:1px solid #F5F5F5;
overflow:hidden;
}
#show li{
background:#FDF5E6;
list-style:none;
}
.tip{
border:2px solid #FDF5E6;
}
</style>HTML部分:
<span>双击下面文字:</span> <br /><br />
<span ondblclick=”showInput(this)” >天道酬勤</span> <br />
<div id=”show”></div>注意,该效果的实现用到了jQuery,请在HTML头部包含之。
-
就那点事
我什么时候开始把这些破事放博客上来了。
零九的迎新网算是正式完工了,跟以往作战一样,我投入了我所能投入的时间精力,前台设计到后台都一个人顶着,把自己平时掌握的所谓的前沿技术,设计理念,用户体验方面的能用的都用上了。策划做得令人很不满意,但他们是新手,无可厚非,耗费不少时间再次整理,我尽我所能去做好力所能及的事,我不想留下遗憾,至少在现阶段不让自己遗憾,也不愿若干年后为人诟病,边笑边指着说:“这是某某的作品”。我无法容忍自己粗制滥造,不管它是什么层次,存在有多少价值,至少过了自己这槛。
有人问,值不值的问题,我反感这种过于利化的提问方式,我想怎么哪都有这样的SB,每个人价值取向不一样,我记得当初大一时的模样,现在过来兑现自己的承诺罢了。
有人说:又没让你一个人顶着! 是的,你正中,这是现今SCO的悲哀。
一个人的战斗是很累,有时候你笑别人不懂你,你奢望别人都懂你,别傻,到头来最可笑的是你自己,地球人都体验过,这种无奈,奈得酸,做好你该做的,少吆喝多做事。
牢骚适可而止,这个暑假本该去实习的,奈何被学校的几个项目牵着,加上类似这样的杂项,这个暑期已所剩无几,争取最大限度榨取剩余时间:Play!