Archive

Posts Tagged ‘JavaScript’

使用Jquery原理实现一个简单的Ajax的支持JS类

June 14th, 2012 No comments

详细Ajax技术对于一个Web开发者来说应该是很熟悉的东西了,Ajax的出现让web页面交互有了革命化的变化。对于Ajax来说,JQuery是一个不可多得的好JS库,但是很多朋友并不了解Jquery对Ajax的实现过程,或者说不太了解,这点CG在此是不提倡的,CG写下面代码一方面是为了解决一位网友的疑问,同时也希望那些如果想在Jquery技术上有深入提高的朋友能够多看看Jquery源代码。

Read more…

实现简单的类似Lightbox效果的弹出对话框

June 14th, 2012 No comments

相信LightBox之类的页面弹出窗口,大家在浏览的时候也应该是很常见的,实现起来也不算太困难,CG今天把在上次发布的ETP项目源代码中的JS部分提取出来,方便大家学习和使用。
实现原理:利用DIV的浮动和层的重叠,将对话框的Z-index设置为最高就可以了另外对于遮罩层来说,只要使遮罩层在对话框层之下,其他页面元素之上即可,如果需要美观的话,可以设置半透明效果。

Read more…

用AS+JS实现IE等浏览器的强制弹出窗口源代码

July 23rd, 2009 7 comments

上一篇日志讲到CG朋友要求对单独页面实现分别多种连接打开效果的实现,里面提到IE或者其他的工具栏(yahoo,google)等可以拦截弹出窗口而无法在用户浏览器实现的问题,除了上次提到的将open方法改成ShowModelDialog方法之外,CG今天分享一个用Flash/FLEX AS实现的强制用户浏览器弹出窗口的方法,这种方法CG感觉是一种很流氓的方法,因为几乎所有的用户浏览器都安装了Flash的PlugIn或者ActiveX,而用SWF文件来实现弹出窗口那浏览器和工具栏也是没有办法的,而目前大部分的用户尤其是FF用户一般在浏览器安全上是允许访问网络的。

Read more…

用JS实现WordPress的页面导航的新页面的不同打开方式

July 23rd, 2009 No comments

最近CG的日语培训课程开始了,因为每天有很多的课业要完成,所以最近没有怎么更新,请大家原谅。
昨天解决了一个朋友的小问题,CG感觉解决问题的方法很简单也很实用,大家可能也会经常遇到,在这里分享给大家
问题如下,让Wordpress博客系统PHP自动生成的首页导航栏当中的多个页面的导航的链接目标可以用不同的方式打开,比如当前页面和新页面两种方式。
知道HTML的朋友可能会用taget=”_self”和target=”_blank”来解决,不过CG看完WP主题中自动生成代码之后发现解决时很麻烦的事情,因为该主题,PHP自动的导航栏如果只使用HTML实现的话,就只有一种方式,方案否决。
HTML不行只有求助JS来实现可以在没有页面内容中增加JS代码来实现弹窗打开,然后再将父页面返回即可,考虑如果是新打开的页面同样包含弹窗JS代码从而产生递归,设置一个窗口名验证即可解决问题。

Read more…

企业网站展示补充用Jquery实现简单的动态变化效果

July 17th, 2009 2 comments

上一篇日志发布了一个企业网站源代码,这篇日志主要补充一下Jquery的相关知识,Jquery是一种与Protype类似Js开
发框架,而且很轻量化,深受广大像CG一样的程序员的喜爱,当然了用Jquery写出动态效果也是小菜一碟以下是CG
用jquery实现的简单的动态效果,大家看到之后不要觉得JS代码很复杂哦

下面是展示地址
http://www.lidaren.com/code/Jquery/Jquery1.htm

Read more…

Categories: 语言编程 Tags: , ,

JS操作Radiobutton简单的考试评分系统

May 2nd, 2009 No comments

昨天和前天CG做了一个简单的休息调整,感觉很好,今天跟大家报到下午查收邮件,关于一个JS的问题,问题大致如下:

一个认知风格测试,N道4选1的题目,A选项对应是0分,B对应是1分,CD类推,点击判分后,可以根据响应分数显示用户属于哪种风格,比如,0-10分属于A型,10-20分属于B型。

解决方法:以四个Radio为一组,然后依次遍历每一组中的radio,获取选中的值,根据值加分就好了,如果其中一组中没有选中答案,提示出错

Read more…

Categories: 语言编程 Tags: ,

用JS控制页面表单(From)中单选(Radio)控件值(value)的方法

April 22nd, 2009 No comments

今天将两个JavaScript的小技巧,原因很简单,因为CG最近在改一个网站的表单和前几天的索迪项目的时候,发现在HTML表单中的单选框的值的控制,和选中控制上让人很郁闷,特别是使用JSP的时候,所以今天讲两个JavaScript的小技巧来解决这个问题
问题一:表格中每一行中的单选框在能不能在点击这一行之后自动被选中并且Radio的value属性更改。
解决方法:当点击触发表格行的时候遍历所有的radio并对比radio的value和选中的value之间的差别,然后再控制是否选中本行的这个radio。

Read more…

Categories: 语言编程 Tags: