サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
猛暑に注意を
www.howtocreate.co.uk
What is XOR XOR (exclusive OR) is a boolean operator, like && and ||, but with the following logic: It is successful if the expression on either side is true (like ||), but not if both sides are true (like !( x && y )). Using the XOR logical operation in a conditional Sometimes, in your JavaScript, you might want to do the following: if( foo XOR bar ) { ... } Unfortunately, JavaScript does not hav
Is Safari faster? At the release of Safari 3 beta for Windows, there were several claims about Safari's page load performance. It was giving results that showed it was clearly faster than other browsers. Since I generally like to check things for myself instead of trusting what companies say, I gave the new Safari a whirl. Sure enough it was very fast. Its CSS was quick, its page loading was quick
As you can see, the browsers seem to have settled on at least one reliable property; innerHeight. Internet Explorer took a long time to make up its mind, and its influence means that other browsers change their clientHeight behaviour in different versions in order to match it. For now, almost all browsers provide window.innerHeight/Width so that can be used. The other values may swap the values ar
Navigation Skip navigation. Site search Site navigation How To Create home More information JavaScript tutorial - security Table of contents What is cross site scripting What is cross site request forgery Who is to blame How can users protect themselves How do you know what type of login a site is using How can Web sites protect themselves Cross site scripting Escaping data Never trust URLs you ar
Navigation Skip navigation. Site search Site navigation How To Create home JavaScript libraries Script license Script details Text to valid string converter Use this to convert text into a variable If you've ever tried to make some normal text containing characters like ' into a JavaScript variable, you will know how frustrating it can be when you miss one, or you miss a \ or a line break or a </s
The Live HTTP Headers extension for Firefox can be a useful debugging tool, as it allows Web developers to see the sent and received HTTP headers for any page. There is no such extension for Opera, but you are not without options. The following are some possibilities: Developer console In Opera 10, Tools - Advanced - Developer tools -> Network. This is a complete solution. In Opera 9.2, Tools - Ad
Navigation Skip navigation. Site search Site navigation How To Create home JavaScript libraries Script license Script details JavaScript tidy Tidying JavaScript code If you have to debug scripts where the author has decided to compact everything onto one line, with all whitespace removed, this script can put the whitespace and control characters back, to make the script readable again. It can tidy
CSS support is required for these tests. If it is not enabled, you will get incorrect results Media type test Your browser is currently not applying CSS (or does not support display:none;). Assuming it supports CSS, it should be applying one of the following media types: The spec says Media types are mutually exclusive in the sense that a user agent can only support one media type when rendering a
This is a suppliment to the tutorial, and is here only for illustrative purposes. It is not part of the main tutorial. These examples will not work in Netscape 4 or WebTV, because they do not allow you to define individual borders, or Escape because it does not handle borders correctly. Internet explorer 4 and 5 may have trouble with some of the examples due to their problems with the box model. N
This is currently supported by Opera 7+, Mozilla/Firefox, Konqueror 3.0+, Safari/Chrome, Internet Explorer 9+ in standards mode and NetFront 3.3+. It is also partially supported by iCab 3, ICEBrowser 5+, and Tkhtml Hv3. Espial claim that Escape/Evo 5 supports this, but it does not support even the basics. Note: Internet Explorer 8- on Windows does not comply with the standard here, so if you are t
Navigation Skip navigation. Site search Site navigation How To Create home Tutorial links CSS tutorial This uses just CSS 2 to turn nested lists into a working menu and does not use any JavaScript (except in IE 5.5-6 on windows where I use the proprietary DHTML behaviours, because its CSS handling is not good enough to work this menu without script) This works in Mozilla 1+, Netscape 7+, Opera 7+,
Select a sectionPlease select a section, or choose a link from the navigation panel. Important guidelines Introduction to JavaScript Examples Adding JavaScript to a page Object oriented programming Operators Variables Control structures Writing with script Writing functions Referencing Browser inspecific referencing Browser specific referencing DHTML Element contents Window size and scrolling Even
DOM Style Sheets allow you to step through the rules of each stylesheet, change the selectors, read and write styles, and add new rules. This allows you to create or change CSS that affects several elements at the same time, instead of just one element as with traditional DHTML. It allows you to take advantage of CSS selectors to target the desired elements, and enter rules into the CSS cascade. C
Acid 2 screenshots This is a series of screenshots of current major browsers (or browsers that pass), rendering the Acid 2 test. Each can be compared with the screenshots of Internet Explorer's current releases - currently the most popular browser, and also the one with the poorest support for Internet standards. Congratulations to everyone who passes; Safari, Prince, Opera, iCab, Konqueror, (futu
This gives all properties, collections and methods of the W3C DOM that can be reliably used in all major DOM browsers, as well as document.styleSheets, which is much less reliable, but useful if it is available. Contents The document node All nodes Table and associated nodes Stylesheets Events Key Parent object Child object Child property Child object being accessed through a collection[] Event Me
The DOM tree The following text is a snippet of HTML taken from a regular HTML document. <p title="The test paragraph">This is a sample of some <b>HTML you might<br>have</b> in your document</p> In your browser, this renders as this (hold your mouse over the paragraph to see the title - most browsers display it as a tooltip, some display it in the status bar): This is a sample of some HTML you mig
Mobile browser rendering Article Retired This article has been retired, and will not receive any more updates. Since writing this article, very little has changed except Opera Mini. Opera Mini 4 for the test device has improved capabilities. It can either render the page as shown here, or very similarly to the Series 60 Browser (see my notes for that device for my opinion of that approach). It sti
The Opera object? Yes the window.opera object. This is a script object that Opera has provided since Opera 5. It is provided to aid debugging of scripts. Many real-world scripts use window.opera to check if the browser is Opera. However, very few of them actually seem to use the properties or methods that are attached to this object. Opera documents many of these itself in its jsconsole.html, but
Introduction Yes, it's a cool feature. You can get Opera to include your own scripts on the pages that you visit. Those scripts are allowed to do whatever a normal script is allowed to do, and in addition, you can rewrite scripts on the page, intercept events, and control what the page is allowed to see you do. If a page was badly written and causes problems, and the author refuses to fix it, you
Get All DIV's Test here Test here Test here Test here Test here Test here Test here Test here Test here Test here Test here Test here Test here Test here Test here Test here Test here Test here Test here Test here Test here Test here Test here Test here Test here Test here Test here Test here Test here Test here Test here Test here Test here Test here Test here Test here Test here Test here Test h
Images Image preloader Automated image rollover and click script 3D image rotator Gallery slideshow Simple gallery Variable retention 'Get' method variable reading Cookie management Save Form Values script Variable serialiser Forms Form validator Continent country selector Days-in-month validator Caps Lock detector Save Form Values script Mouse multi-select Generic DHTML Generic DHTML do everythin
This document does not refer to standards / quirks mode rendering. That is covered well enough by Opera's own documentation. This page describes the various rendering modes that Opera uses, how these are triggered, and what CSS media types apply in each mode. Note that style declarations not within any specific media group are treated as being in @media all. Normal (visual) Rendering View screensh
Navigation Skip navigation. Site search Tutorials JavaScript tutorial CSS tutorial HTML tutorial Site Design tutorial Downloads JavaScript libraries PHP libraries Browser problems How IE causes problems Making IE use background-attachment: fixed; Making IE 5.5+ / Win use position: fixed; Making IE 5.5+ / Win use PNG Alpha transparency Internet Explorer 9 Internet Explorer 8 Internet Explorer 7 Why
Deprecated This fix is deprecated and is no longer supported (meaning that I will not help you to get it working with your pages). It was only written to fill the gap while waiting for Internet Explorer to implement fixed positioning. That has now happened in IE 7. Although this fix can make it work in IE 6 as well, that is counter productive for the future of the Web. IE 6 is a major problem to W
... No, Internet Explorer did not handle it properly You know what? I am sick, just sick ... no, wait, scratch that ... I'm sick and tired of hearing it. This page looks perfect in Internet Explorer but when I load it in <insert name of browser here> it gets it all wrong. What is wrong with <insert name of browser here>? Stupid <insert name of browser here> with its useless <Choose; JavaScript|HTM
Skip to results. A polite request Please stop posting this article on sites like Slashdot, Digg, newspapers, etc. It is old news. This article is around 2 years old now (although it has been kept up to date), and has been retired - posting it simply shows how long it took you to find it. It has already been posted on Slashdot enough times, Digg more than enough times, similar sites more times than
このページを最初にブックマークしてみませんか？
『How To Create』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
