Opera Web standard curriculum (Chinese version)

Today see a comment that Chinese Opera is a member of the team left, said the Opera Web Standards Curriculum has been translated Chinese, Chinese Opera is doing. Look at the past, and indeed many of them have been translated, you want to learn Web standards can take a look:

http://team.operachina.com/wsc

BTW, Opera browser, although users is relatively small, but it is indeed very good, I used the fastest browser. Opera in China and has recently been made, I am very optimistic ^ ^ _, Opera hope that the Chinese team to continue their efforts!

Posted in Other, Technology. 5 Comments »

A label in JS trigger the click event

: A list of each of the entries are part of the contents of the article, like this:

 1 
  2, 
  3, 
  4, 
 5 
 6 
 7 
  Of 8 
 9 
  10, 
  Of 11 
 12 
  <div Class="list"> 

  <div Class ="item"> 
  The first article </ div> 

  <div Class ="item"> 
  The second article </ div> 
 ..... 
  </ div> 

Each entry in the upper right corner of the div has a "comments" link, click to start would be for all the comments and the comments box to show that this link in the form are as follows:

 1 
  <a class="comment-mod" href="#"> comments </ a> 

If the user directly to see a list of articles, reviews, as well as all the comments are not shown in the box, but if other users of personal home pages such as dynamic positioning directly to this log, then they should comment on all the shows. The list of entries in a single page and view the page the same page, which you asked me to judge whether the user locate the article in the log and, if so, through JS to trigger A click on the tag events.

I try to start a number of ways to take it for granted that the A button and the label is the same as onclick () events and found no later found a number of online information, the successful resolution of this issue _ ^ ^. Solution is for IE and FF to prepare a different logic, some of the code is as follows:

 1 
  2, 
  3, 
  4, 
 5 
 6 
 7 
  Of 8 
 9 
  10, 
  Of 11 
 12 
  1.3 
   document. getElementsByTagName ( 'a' ) [ 0 ] ; var comment = document. getElementsByTagName ( 'a') [0]; 

  document. all ) { if (document. all) ( 
   / / For IE 

  ; Comment. Click (); 
  ( document. createEvent ) { ) Else if (document. createEvent) ( 
     / / FOR DOM2 

   document. createEvent ( 'HTMLEvents' ) ; var ev = document. createEvent ( 'HTMLEvents'); 
   'click' , false , true ) ; ev. initEvent ( 'click', false, true); 
   ev ) ; comment. dispatchEvent (ev); 
  ) 

The above code in IE6, IE7 and FireFox 3 under through the test.

That learning experience, the record here.

Reference: http://ued.koubei.com/?p=400

Posted in JavaScript, Technology. 10 Comments »

FireUnit and CSS Reviewr

Just to see the two small tools, FireUnit and CSS Reviewr.

FireUnit is John Resig (JQuery's father) and Jan Odvarko to write a JavaScript unit testing to expand, the need for the expansion of Firefox 3 + and Firebug 1.2 +, will be installed after the FireBug in more than a label, such as YSlow out.

CSS Reviewr is a CSS code inspection tool, similar to the JavaScript check JSLint. (Things like this need to be able to see Fan Qiang)

Posted in JavaScript, technology. 3 Comments »

Bush threw shoes games

Bush has meritorious students! ! In the case of economic downturn, Bush to the people of the world increased by a little humor, how great dedication.

A few days ago to see a Flash game, but that is to play a bodyguard, the gun threw destroyed Bush's shoes, it is in a bad mood, this time at last has a direct Bush to drop it on the game, look at this address:

http://play.sockandawe.com/

Web site read: Hit President Bush in the face with your shoes! Do it!

Let us Do it! It.

Posted in Other, Technology. 1 Comment »

The root of all evil IE6

Blog in the morning saw a message saying my BLOG go in under the wrong question, I used IE6 carefully opened my blog page, it turned out, the wrong page was a mess! !

Then I started investigating the error, to open a number of classified pages and found that many of the classified pages and no dislocation, is to determine the initial chapter of a log out of the question, to continue the investigation and found that the external reference picture of the log there will be dislocation, the murderer Finally surfaced: I used the external image more, and I did not add labels img width and height, the results page took a wrong place. Set some pictures back to normal. However, like in IE 5.5 to the right or the wrong column, whether it is estimated that IE 5.5 is not much use, and our QA testing is not IE6 browser the following.

The root of all evil IE6, I hope you will disappear as soon as possible! This front-end developers and QA on the MM are liberated! ! In order to speed up the demise of IE6, I have to Obama's change.gov message on the hope that the U.S. government to help you, thank you.

Posted in Other, Technology. 25 Comments »

YUI study notes: YUI Dom

Not for a long time to write the study notes, this time to write an article.

YUI components used in the most dom is one of the components (YAHOO.util.Dom), to see its name can probably guess the function of the components. Yes, it is a package which some of the native DOM methods, and to simplify a number of commonly used operations, and more importantly, the use of the YUI components dom do not have to consider the differences between the browser - all of these things help you YUI Well.

Dom in the use of components, you must first introduced dom components of the js file:

 1 
  2, 
  3, 
  4, 
 5 
  <! - Dependencies ->  
  "http://yui.yahooapis.com/2.6.0/build/yahoo/yahoo-min.js" ></ script > <Script src = "http://yui.yahooapis.com/2.6.0/build/yahoo/yahoo-min.js"> </ script>  

  <! - Source file ->  
  "http://yui.yahooapis.com/2.6.0/build/dom/dom-min.js" ></ script > <Script src = "http://yui.yahooapis.com/2.6.0/build/dom/dom-min.js"> </ script> 

Or the use of YUI Loader dynamic introduction.

Here are some ways dom components.

1. Get (). This method is similar to document.getElementById (), but in addition to its acceptance as an element of the id parameter, can also accept an array of id, such as get ([ "id1", "id2"])

2. GetAncestorByClassName (). This method is used in accordance with elements of the class attribute value to acquire the parent node, for example, have the following code:

 1 
  2, 
  3, 
  "div1" > <Div id = "div1"> 
  = "text" > Some text. </ p > <P class = "text"> Some text. </ P> 
  </ Div> 

View the full text of the log »

Posted in JavaScript, Technology. No Comments »

SUMO Paint: powerful online image editor

SUMO Paint is an online photo editor, is the interface MAC style, layout and functionality similar to PhotoShop, very cool, figure:

sumopaint_ss2.jpg

More
Direct trial

This site is particularly cool, very cool, not speed is a pity, and makes it easy to wear down the browser, sometimes it is the simplest HTML make people feel more comfortable. Domestic bandwidth people can not enjoy this application.

Posted in Flex, Technology. 1 Comment »

Rombla

Rombla is based on Flex's powerful Web App, you can produce on-line sites provide a wealth of control, and can easily integrate YouTube, Flickr, Google Maps, and other services, be it a very cool, but more slowly, are interested in Registration can experience.

Rombla

More:

http://www.insideria.com/2008/12/rombla-powerful-online-wysiwyg.html

Who is Rombla for?

Posted in Flex, Technology. No Comments »

The use FireFox plug-in: Integrated Gmail

via lifehacker

Today, this plug-in found that it could be the other Google Apps into GMail inside, such as Google Reader, Google Maps ... ... so you can view the same use of a variety of Google products. Figure:

reader-in-gmail.png

Integrated Gmail installation

Gmail now found more and more useful, more and more functions, the skin can also be customized. Ago when Gmail was unstable and under no choice but to give up, and later learned how to use the visit https agreement Gmail, the situation began to change. After the domain name, such as the opportunity to have hosted Google to go up, Live Mail, or a little less poor.

Posted in Other, Technology. 4 Comments »

YUI Doc Release

via YUI Blog

YUI Doc is a python based on the JavaScript API documentation generation tools, and JsDoc Toolkit similar. Documents generated some very useful tool not only help you save the document was cumbersome and would urge you to write notes. This thing should be more and more useful, YUI the API documentation is generated to use it.

YUI Doc User's Guide

YUI Doc download

Posted in JavaScript, technology. 3 Comments »
51 下一页 » 1 2 3 4 5 ... 51 Next »
Close
Powered by ShareThis