久久精品国产亚洲网站,国产成人亚洲午夜电影,偷自拍亚洲视频在线观看99

jquery学习�W�记_2

G_G — Fri, 09 Nov 2007 02:34:00 GMT

学习�Q?a >http://visualjquery.com/1.1.2.html
DOM
Attributes
1.attr(key, value)
$("img").attr("title", "xx");
也是对属性的��d��但可以动�?br />eg: 在每�ơ给title�?动态了开�?br />
通过$("img").attr("title", function(index) { return this.title + (i + 1); });
1" />2" />3" />

2. html 内容取、赋�?br />取 �?lt;div> ->> $("div").html(); ->> �l�果�Q?lt;input/>
赋�?$("div").html("new stuff"); ->>

new stuff

通过�q?ajax ��很��单了。^_^

Manipulation
1.位置调换 after, append、before
$("p").after("Hello");

�?��d�� ..
$("p").after( $("#foo")[0] ); 把id为foo的标�{��动到

�?br />
$("input[@name='butt1']").clone().prependTo("form"); //clone in form

G_G 2007-11-09 10:34 发表评论

jquery 学习�W�记_1

G_G — Thu, 08 Nov 2007 09:12:00 GMT
参考：
    http://visualjquery.com/1.1.2.html

1.定位
$( 'xx' )
$("p[a]").hide();
$("p:eq(0)").show();
$("div:visible").hide();
$("ul/li")
/* valid too: $("ul > li") */
$("p.foo[a]");
$("input[@name=bar]").val();
$("input[@type=radio][@checked]")

2.事�g��d��
   Link

   $(document).ready(function() {
         $("a").click(function() {
               $("div").hide(); //跌代不可�?
      });
    });

3.��面 javascript 输入�Q�和jsp�?out.print(...)�Q?b>$(html)

$("Hello

").appendTo("body");
4.写css

$(document.body).css( "background", "black" );

5.包含定位

one

two

three

$("div > p") //定位two

two

6.范围定位

<body>
        <form>
            <input type="button" value="哈哈"/>
        form>
body>

$("input:button", document.forms[0])[0].setAttribute("value","google");
�?/span> $("div", xml.responseXML) �{?br />

7.表达试定�?div style="border: 1px solid rgb(204, 204, 204); padding: 4px 5px 4px 4px; background-color: rgb(238, 238, 238); font-size: 13px; width: 98%;">$("p[@name='p1']").hide();//hide不要 $(..)[0]

$("input[@name='butt1']:button", document.forms[0])[0].setAttribute("value","google");
8.$(..).fun.. ��d��Ҏ��

        <form>
            <input name="butt1" type="button" value="google"/>
        form>
        <script>

        jQuery.fn.extend({
          check: function() {
            alert('check');
          }
        });
        $("input[@name='butt1']:button", document.forms[0]).check();
        script>

�?br />

jQuery.extend({
  min: function(a, b) { return a < b ? a : b; },
  max: function(a, b) { return a > b ? a : b; }
});

9.$.noConflict()

    <body>
        <form>
            <input name="butt1" type="button" value="google"/>
        form>
        <a href="#" temp_href="#" name="li" >Linka>
        <script>

     var $j = jQuery.noConflict();

     // Use jQuery via $j()
     $j(document).ready(function(){
        $("a").click(function() {
               $j(document.forms[0]).hide();
           });
     });
        script>
    body>

10. $ 一般方�?br />

//each(fn)
$("img").each(function(i){
this.src = "test" + i + ".jpg";
});
<img/><img/>
<img src="test0.jpg"/><img src="test1.jpg"/>


$("p").eq(1) //�?�?br />$("p").lt(1) //正取 1 开�?br />
$("img").get();//全取
$("img").get(0); //��序�?0开�?br />$("p").gt(0) //反取�?开�?br />
$("*").index( $('#foo')[0] )
	

	�q�回�l�果 2 

$("img").length; //总长�?br />$("img").size();

G_G 2007-11-08 17:12 发表评论

dojo 0.9�W�记_layout

G_G — Fri, 07 Sep 2007 03:19:00 GMT

引用 dojo demo 但在IE上��L��有问�? 不显�C?@#$!*& 郁闷了我一�?,后来发现

        <script type="text/javascript">
                dojo.require("dijit.layout.LayoutContainer");  //位置和官方的反过�?IE ��没事了 @#$%^!
                dojo.require("dijit.layout.ContentPane");   // FF没这问题 .�q�是FF好啊大家支持FF   ^_^
     script>

<html>
<head>
<title>Layout Container Demo 1title>
    <style type="text/css">
        @import "/dojoCharset/js/dojo/dijit/themes/tundra/tundra.css";
        @import "/dojoCharset/js/dojo/dojo/dojo.css"
    style>
        <script type="text/javascript" src="/dojoCharset/js/dojo/dojo/dojo.js"
                djConfig="parseOnLoad: true">script>
        <script type="text/javascript" src="/dojoCharset/js/create/cr.js"
                djConfig="parseOnLoad: true">script>
        <script type="text/javascript">
                dojo.require("dijit.layout.LayoutContainer");
                dojo.require("dijit.layout.ContentPane");
     script>
head>
<body class="tundra">

<div dojoType="dijit.layout.LayoutContainer" style="width: 100%; height: 100%">    //开一�?LayOut �I�间
   <div dojoType="dijit.layout.ContentPane" layoutAlign="top" style="background-color:red" href="/dojoCharset/html/top.jsp"> //top
        The Dojo Book
   div>
   <div  dojoType="dijit.layout.ContentPane" layoutAlign="left" //left
        style="background-color:lightblue;width: 120px;">
        Table of Contents
    div>
    <div id='div' dojoType="dijit.layout.ContentPane" layoutAlign="client"         //client
        style="background-color:yellow">
            <blockquote><a href="../node/717">Introductiona>
                <ol>
                    <li><a href="../node/718">Dojo: What is It?a>li>
                    <li><a href="../node/719">Historya>li>
                    <li><a href="../node/733">What Dojo Gives Youa>li>
                ol>
                blockquote>
    div>
div>
body>html>

cr.js

top.js

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//ZH-CN" "http://www.w3.org/TR/html4/strict.dtd">
<%@ page contentType="text/html;charset=gb2312" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=GB2312">
        <script type="text/javascript"
            src="/dojoCharset/js/create/cr.js">script>
    head>
    <body>
        <center>
            <h3>
                <font color='darkcyan'>
                    大家�?br />                font>
                <INPUT id='butt' value="list" type="button" onclick="on()"/>
            h3>
        center>
    body>

html>

G_G 2007-09-07 11:19 发表评论

dojo ��结

G_G — Thu, 06 Sep 2007 09:52:00 GMT

��面 �?LayOut �? LayoutContainer
�q�里有个问题 html -> html 的�ؕ码问题不是很好解�?可能是dojo 0.9 bug??) �q?top , left .... �{�可以用 .jsp来做再用dojoLayout加入主页�?.html

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
            "http://www.w3.org/TR/html4/strict.dtd" >
< html >
< head >
< title > Layout Container Demo 1 title >
     < style type ="text/css" >
        @import "http://127.0.0.1:7000/dojoCharset/js/dojo/dijit/themes/tundra/tundra.css";
        @import "http://127.0.0.1:7000/dojoCharset/js/dojo/dojo/dojo.css"
     style >
         < script type ="text/javascript" src ="http://127.0.0.1:7000/dojoCharset/js/dojo/dojo/dojo.js"
                djConfig ="parseOnLoad: true" > script >
         < script type ="text/javascript" >
                dojo.require( " dijit.layout.ContentPane " );
                dojo.require( " dijit.layout.LayoutContainer " );
      script >
head >
< body class ="tundra" >

< div dojoType ="dijit.layout.LayoutContainer" style ="width: 100%; height: 100%" >
   //�q�里 href 是关键到�?top.jsp �q�没��q��问题
    < div dojoType ="dijit.layout.ContentPane" layoutAlign ="top" style ="background-color:red" href ="http://127.0.0.1:7000/dojoCharset/html/top.jsp" >
    div >
    < div dojoType ="dijit.layout.ContentPane" layoutAlign ="left"
        style ="background-color:lightblue;width: 120px;" >
     div >
     < div dojoType ="dijit.layout.ContentPane" layoutAlign ="client"
        style ="background-color:yellow" >
     div >
div >
body > html >

或者用一�U�比较复杂但灉|��的方�?br />

<html>
  <head>
    <title>Dojo: Hello World!title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


  <script type="text/javascript"
    src="http://127.0.0.1:7000/dojoCharset/js/dojo/dojo/dojo.js">script>

    <script type="text/javascript">
      function helloPressed()
      {
        dojo.xhrGet({
                       url: 'http://127.0.0.1:7000/dojoCharset/dojo',
                       handleAs: "text",
                       encoding: "utf-8",
                       timeout: 5000, // Time in milliseconds
                       load: function(data, ioArgs) {
                              window.alert(data);  // Prints "peach"
                               document.getElementById('div').innerHTML = data ;
                               // div ��d��
                       }
                    });
      }
    dojo.addOnLoad(helloPressed);
    script>
    <div id='div' />
html>

G_G 2007-09-06 17:52 发表评论

dojo 0.9 学习(3) _collections

G_G — Wed, 05 Sep 2007 08:06:00 GMT

1.ArrayList

与java的collections 很相同方法就不一一介绍�?br />addRange --add 集合
clear , clone , contains , indexOf , insert ,
item -- get(i),
removeAt(i),
reverse ???,
sort,
toArray . return object[]

G_G 2007-09-05 16:06 发表评论

dojo 0.9 �W�记(2) _��d��

G_G — Wed, 05 Sep 2007 07:21:00 GMT

1.��d��

  case dojox.gfx.defaultPath.type:  return this.createPath(shape);
  case dojox.gfx.defaultRect.type:  return this.createRect(shape);
  case dojox.gfx.defaultCircle.type:  return this.createCircle(shape);
  case dojox.gfx.defaultEllipse.type:  return this.createEllipse(shape);
  case dojox.gfx.defaultLine.type:  return this.createLine(shape);
  case dojox.gfx.defaultPolyline.type: return this.createPolyline(shape);
  case dojox.gfx.defaultImage.type:  return this.createImage(shape);
  case dojox.gfx.defaultText.type:  return this.createText(shape);
  case dojox.gfx.defaultTextPath.type: return this.createTextPath(shape);
可以create�?�Ҏ��

2.图象拖动事�g
               -----正方�?-------

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//ZH-CN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html" />
        <script type="text/javascript" src="http://127.0.0.1:8000/lib/dojo/dojo_0.9/dojo/dojo.js"
                djConfig="parseOnLoad: true">script>
    <style type="text/css">
        @import "http://127.0.0.1:8000/lib/dojo/dojo_0.9/dojo/resources/dojo.css";
        @import "http://127.0.0.1:8000/lib/dojo/dojo_0.9/dijit/tests/css/dijitTests.css";
    style>
<script type="text/javascript">

dojo.require("dojox.gfx");

var container = null;
var container_position = null;
var surface = null;
var surface_size = null;

var gShapes = {}
var gShapeCounter = 0;

function makeCircleGrid(aShape)
{
        var id = "shape_" + (gShapeCounter++);
        aShape.getEventSource().setAttribute('shapeid', id);
        dojox.gfx._addClass(aShape.getEventSource(), "movable");
        gShapes[id] = aShape;

}

var current_shape = null;
var current_shape_window = null;
var last_position = null;

function getShape(event)
{
    var id = event.target.getAttribute('shapeid');
    var s  = id ? gShapes[id] : null;
    return s;
}

function handleMouseDown(event)
{
    var shape = getShape(event);
    if (shape) {
        current_shape = shape;
        last_position = {
            x: event.clientX - container_position.x,
            y: event.clientY - container_position.y
        };

        var params = shape.getShape();
         //正方形的�?params [x ,y width,height]
        var center = dojox.gfx.matrix.multiplyPoint(shape.getTransform(), params.x, params.y);
        var dx = last_position.x - center.x;
        var dy = last_position.y - center.y;

        current_shape_window = {
            x1: params.width + dx,
            y1: params.height + dy,
            x2: surface_size.width    + dx,
            y2: surface_size.height  + dy
        };
    }
    dojo.stopEvent(event);
}

function handleMouseMove(event)
{
    if(!current_shape) return;
    var x = Math.min(Math.max(event.clientX - container_position.x, current_shape_window.x1), current_shape_window.x2);
    var y = Math.min(Math.max(event.clientY - container_position.y, current_shape_window.y1), current_shape_window.y2);
    current_shape.applyTransform({dx: x - last_position.x, dy: y - last_position.y});
    last_position = {x: x, y: y};
    dojo.stopEvent(event);
}

function handleMouseUp(event)
{
    current_shape = null;
    dojo.stopEvent(event);
}

function initGfx() {
    container = dojo.byId("gfx_holder");
    container_position = dojo.coords(container, true);
    surface = dojox.gfx.createSurface(container, 500, 500);
    surface_size = surface.getDimensions();
    surface_size.width  = parseInt(surface_size.width);
    surface_size.height = parseInt(surface_size.height);

    var aShape = surface.createRect({x: 70, y: 70, width: 20, height: 20}).setFill("red");

    makeCircleGrid(aShape);

    dojo.connect(container, 'onmousedown', handleMouseDown);
    dojo.connect(container, 'onmousemove', handleMouseMove);
    dojo.connect(container, 'onmouseup',   handleMouseUp);

    // cancel text selection and text dragging
    dojo.connect(container, "ondragstart",   dojo, "stopEvent");
    dojo.connect(container, "onselectstart", dojo, "stopEvent");
}

dojo.addOnLoad(initGfx);

script>

<style type="text/css">
.movable { cursor: pointer; }
style>

head>
<body>
    <h1>dojox.gfx: 100 draggable circlesh1>
    <div id="gfx_holder" style="width: 500px; height: 500px;">div>
body>
html>

--------圆是-----------

其他不用再说了吧!!

G_G 2007-09-05 15:21 发表评论

dojo0.9学习�Q?�Q?-dojo.declare

G_G — Wed, 05 Sep 2007 02:27:00 GMT

dojo0.9 一个完整的开发javascript包非常值得��d��习�?br />有用的地方就不用多说�?....
开始学习吧 �Q?/b>

基础�Q?/font>
1. dojo.declare javascript�c�L��便��用（�l�承�Q�创造等�{�）
    <1>��单创造，使用
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//ZH-CN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html" />
        <script type="text/javascript" src="http://127.0.0.1:8000/lib/dojo/dojo_0.9/dojo/dojo.js"
                djConfig="parseOnLoad: true">script>
    head>
    <body>
    body>
html>
<script type="text/javascript">
    dojo.declare("DojoClass",null,{
        prptId: 'foo',
        method:function(val){
            window.alert(val);
        }
    });

    var obj = new DojoClass();
    obj.method('XX');              //效果 alert('XX')
script>
    <2>��单��?br />
<script type="text/javascript">
    dojo.declare("DojoClass",null,{
        prptId: 'foo',
        method:function(val){
            window.alert(val);
        }
    });

    dojo.declare("Class",DojoClass,{
        prptId2:'2222',
        method2:function(val){
            window.alert("!!!"+val);
        }
    });
    var obj = new Class();
    obj.method('XX');         //效果 alert('XX');
    obj.method2( obj.prptId+obj.prptId2 ); //效果 alert( '!!!foo2222' );

script>
    <3>�l�承重写
<script type="text/javascript">
    dojo.declare("DojoClass",null,{
        prptId: 'foo',
        method:function(val){
            window.alert(val);
        }
    });

    dojo.declare("Class",DojoClass,{
        prptId2:'2222',
        method:function(val){
            val = val+'list';
            this.inherited('method',arguments);
        },
        method2:function(val){
            window.alert("!!!"+val);
        }
    });
    var obj = new Class();
    obj.method('XX'); //效果 alert( 'XXlist' );


script>
<4> initializer �c�L��?br />   没成�?�Q�？原因不明
<script type="text/javascript">
    dojo.declare("DojoClass",null,{

        initializer:function(val){
            this.prptId=val;
        },

        prptId: 'foo',

        method:function(val){
            window.alert(val);
        }
    });

    var obj = new DojoClass('liukaiyi');
    obj.method( obj.prptId ); //效果 alert('foo'); 没成�?/font>
script>

G_G 2007-09-05 10:27 发表评论