浏览模式: 标准 | 列表分类:Javascript
Submitted by gouki on 2008, July 3, 9:49 AM
fck应该是大家用的比较多的所见所得编辑器了,最近被人BS了一上才发现,原来FCK的代码高亮插件有一个很大的BUG,是啥BUG呢?让我们看一下。。。
先输入一段代码:
<?php
if( !empty( $_GET['action'] ) ){
echo 'this is a test';
}
?>
OK,一切正常,下面,我们将这一段拷贝到FCK编辑器里的PHP代码里面。
PHP代码
- <?php
- if( !emptyempty( $_GET['action'] ) ){
- echo 'this is a test';
- }
- ?>
看到了什么??没错,两个empty,好吃惊呀。。。
以后拷贝代码给别人的时候要注意一下了
Tags: fck, bug
Javascript | 评论:0
| 阅读:20847
Submitted by gouki on 2008, June 19, 12:26 AM
JavaScript代码
- function showImg(){
- pw = parseInt( $(this).parent().css('width') );
- ph = parseInt( $(this).parent().css('height') );
- showImage = new Image();
- showImage.src = $(this).children('a').children('img').attr('src');
- sw = showImage.width;
- sh = showImage.height;
-
- idx = $('#bigPic li').index( $(this) );
- alert(showImage.src+' - '+sw+' - '+sh);
- if (sw > pw || sh > ph){
- if (sw > sh ){
- sh = Math.floor(sh * ( pw / sw ));
- sw = pw-10;
- }else {
- sw = Math.floor(sw * ( ph / sh ));
- sh = ph-10;
- }
-
-
- $(this).children('a').children('img').css({'width': sw,'height':sh,'paddingTop':3});
- }
- if (sh <= ph){
- $(this).css('marginTop',(ph - sh)/2).css('verticalAlign','middle');
- }
- if (sw <= pw){
- $(this).css('marginLeft' , (pw - sw)/2).css('textAlign','center');
- }
- if( idx == 0 ){
- $('#thumbnail a').trigger('click');
- }
- }
Mark it ,and update it on work time...
Tags: jquery, cycle
Javascript | 评论:0
| 阅读:23587
Submitted by gouki on 2008, June 16, 11:13 PM
长时间没有更新了,一是因为单位比较忙二来是老婆快生了。。
但一直不更新也不太好,这里送上一小段JS,FOR jQuery。
很多时候,我们需要在一堆图片列表里进行左移右移,比如我现在有10个IMG,我放到DIV里面默认显示5个,这时候我会在页面上留下两个按钮进行左移,右移,以前的移动可能会很复杂,自从有了jquery,一切变得这么简单。
XML/HTML代码
- <div id="pic_list">
- <span id="p_left"> << </span>
- <ul>
- <li><img src="aa.jpg" /><li>
- <li><img src="aa.jpg" /><li>
- <li><img src="aa.jpg" /><li>
- <li><img src="aa.jpg" /><li>
- <li><img src="aa.jpg" /><li>
- <li><img src="aa.jpg" /><li>
- <li><img src="aa.jpg" /><li>
- <li><img src="aa.jpg" /><li>
- <li><img src="aa.jpg" /><li>
- <li><img src="aa.jpg" /><li>
- </ul>
- <span id="p_right"> >> </span>
- </div>
- <script language="JavaScript">
- <!--
- $('#p_left').click(function(){
- var list_length = $('#pic_list ul li').length;
- $('#pic_list ul li:eq(0)').before( $('#pic_list ul li:eq('+(list_length-1)+')').remove() );
- });
- $('#p_right').click(function(){
- $('#pic_list ul').append( $('#pic_list ul li:eq(0)').remove() );
- });
- //-->
- </script>
具体样式我就不提供了,黑黑,这样的方法应该算是最简单的了。。毕竟你在做页面的时候,肯定会都把li的宽度设的一样
Javascript | 评论:0
| 阅读:19404
Submitted by gouki on 2008, May 30, 4:37 PM
XML/HTML代码
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
- <html>
- <head>
- <title> New Document </title>
- <script language="JavaScript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.pack.js"> </script>
- </head>
-
- <body>
- <table>
- <tr>
- <td><span class="forupdate" name="price" id="price">1234.56</span></td>
- </tr>
- <tr>
- <td><span class="forupdate" name="number" id="number">55</span></td>
- </tr>
- </table>
-
- <script language="JavaScript">
- <!--
- $(document).ready(function(){
- $('.forupdate').dblclick(function(){
- var Input = "<input type='text' >";
- var InputValue = $(this).text();
- $(this).html( Input );
- $(this).children('input').attr('name', $(this).attr('name')+'_update')
- .attr('id', $(this).attr('id')+'_update')
- .val( InputValue );
- $('#'+$(this).attr('id')+'_update').focus()
- .blur( function(){
- //这里用ajax如果成功,再返回。否则。。
- //....现在不处理。
- $ajaxReturn = true;
- if( $ajaxReturn == true){
- $(this).parent().html( $(this).val() ) ;
- }
- });
- });
- });
- //-->
- </script>
- </body>
- </html>
可以拷贝到编辑器里,双击数字进行测试……
后记:虽然知道这种控件网上会很多,但是没料到会这么多……
贴一个地址吧,也是jQuery的插件:http://www.appelsiini.net/projects/jeditable,NND啥时候一生气,也搞成插件出来……
Javascript | 评论:0
| 阅读:23124
Submitted by gouki on 2008, May 7, 12:20 AM
本来不想转这个,可实在是太常用了。。
还是先转载一下,原文:http://www.cnblogs.com/kaixin110/archive/2008/03/25/1120888.html
XML/HTML代码
- 获取一组radio被选中项的值
- var item = $('input[@name=items][@checked]').val();
- 获取select被选中项的文本
- var item = $("select[@name=items] option[@selected]").text();
- select下拉框的第二个元素为当前选中值
- $('#select_id')[0].selectedIndex = 1;
- radio单选组的第二个元素为当前选中值
- $('input[@name=items]').get(1).checked = true;
-
- 获取值:
-
- 文本框,文本区域:$("#txt").attr("value");
- 多选框checkbox:$("#checkbox_id").attr("value");
- 单选组radio: $("input[@type=radio][@checked]").val();
- 下拉框select: $('#sel').val();
-
- 控制表单元素:
- 文本框,文本区域:$("#txt").attr("value",'');//清空内容
- $("#txt").attr("value",'11');//填充内容
-
- 多选框checkbox: $("#chk1").attr("checked",'');//不打勾
- $("#chk2").attr("checked",true);//打勾
- if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
-
- 单选组radio: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
- 下拉框select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
- $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
- $("#sel").empty();//清空下拉框
Tags: jquery
Javascript | 评论:2
| 阅读:27289