DZone Snippets: xhtml code

DZone Snippets: xhtml code http://snippets.dzone.com/posts Fri, 25 Jul 2008 02:17:47 GMT DZone Snippets: xhtml code Disable auto complete in input form http://snippets.dzone.com/posts/show/5642 Disable auto complete in input form. <br /> <br /><code> <br /><script type="text/javascript"> <br /> <br />window.onload = function() { <br /> for(var i = 0, l = document.getElementsByTagName('input').length; i < l; i++) { <br /> if(document.getElementsByTagName('input').item(i).type == 'text') { <br /> document.getElementsByTagName('input').item(i).setAttribute('autocomplete', 'off'); <br /> }; <br /> }; <br />}; <br /> <br /><script> <br /></code> <br /> <br /><a href="http://www.ab-d.fr">Source AB-D: </a><a href="http://www.ab-d.fr/date/2008-06-14/">Disable autocomplete in input type="text"</a> Fri, 13 Jun 2008 22:10:57 GMT http://snippets.dzone.com/posts/show/5642 ki4ngel (Benoit Asselin) Selector :target in CSS 3 http://snippets.dzone.com/posts/show/5155 <code> <br /><?xml version="1.0" encoding="UTF-8"?> <br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" <br /> "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <br /> <br /><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <br /><head> <br /> <title>CSS3 *:target</title> <br /> <br /> <style type="text/css" media="screen"> <br /> <br /> h1:hover { text-decoration: underline; } /* CSS 1 et 2 */ <br /> h1:target { background-color: #ff6600; } /* CSS 3 */ <br /> <br /> </style> <br /></head> <br /> <br /><body> <br /> <br /> <h1 id="title-1">Title n°1</h1> <br /> <p>CSS...</p> <br /> <p>CSS...</p> <br /> <p>CSS...</p> <br /> <hr /> <br /> <br /> <h1 id="title-2">Title n°2</h1> <br /> <p>CSS...</p> <br /> <p>CSS...</p> <br /> <p>CSS...</p> <br /> <hr /> <br /> <br /> <p><a href="#title-1">Title n°1</a> | <a href="#title-2">Title n°2</a></p> <br /> <br /></body> <br /></html> <br /></code> <br /> <br /><a href="http://www.ab-d.fr/">Source: AB-D.fr</a> Tue, 19 Feb 2008 20:59:36 GMT http://snippets.dzone.com/posts/show/5155 ki4ngel (Benoit Asselin) Position : fixed in MSIE6 http://snippets.dzone.com/posts/show/5132 <br /><code> <br /><?xml version="1.0" encoding="UTF-8"?> <br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" <br /> "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <br /> <br /><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> <br /><head> <br /> <title>"position: fixed" compatible Microsoft Internet Explorer 6</title> <br /> <br /> <br />  <br /> <br /> <style type="text/css" media="screen"> <br /> <br /> #fixed { <br /> position: fixed; <br /> left: 0; top: 0; right: 0; <br /> width: 100%; <br /> padding: 10px; background: gray; <br /> } <br /> <br /> </style> <br /> <br /> <br />  <br /> <br />  <br /> <br /> <br /></head> <br /> <br /><body> <br /> <br /> <div id="fixed">DIV in position: fixed;</div> <br /> <br /> <p>Content...</p> <br /> <p>Content...</p> <br /> <p>Content...</p> <br /> <p>Content...</p> <br /> <p>Content...</p> <br /> <p>Content...</p> <br /> <p>Content...</p> <br /> <p>Content...</p> <br /> <p>Content...</p> <br /> <p>Content...</p> <br /> <p>Content...</p> <br /> <p>Content...</p> <br /> <br /></body> <br /> <br /></html> <br /></code> <br /> <br /><a href="http://www.ab-d.fr/">Source: Asselin Benoit Developpement, conception de sites internet</a> Mon, 11 Feb 2008 20:39:19 GMT http://snippets.dzone.com/posts/show/5132 ki4ngel (Benoit Asselin) Make a variable CSS http://snippets.dzone.com/posts/show/5110 Page.html <br /><code> <br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" <br /> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <br /> <br /><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <br /><head> <br /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <br /> <br /> <title>Variable CSS</title> <br /> <link rel="stylesheet" type="text/css" href="style.php" /> <br /></head> <br /> <br /><body> <br /> <br /> <br /><h1>Title</h1> <br /> <br /><p class="color-1"> Text Text Text </p> <br /> <br /><p class="color-2"> Text Text Text </p> <br /> <br /><p class="color-3"> Text Text Text </p> <br /> <br /> <br /></body> <br /> <br /></html> <br /></code> <br /> <br />Style.php <br /><code> <br /><?php <br />header('Content-Type: text/css'); <br /> <br />$color_0 = '#000000'; <br />$color_1 = '#ff0000'; <br />$color_2 = '#ff3300'; <br />$color_3 = '#ff6600'; <br /> <br />?> <br /> <br />* { font-family: sans-serif; } <br /> <br />h1 { <br /> padding: 5px; <br /> color: <?= $color_0 ?>; <br /> border: 5px solid <?= $color_2 ?>; <br /> background-color: <?= $color_3 ?>; <br />} <br /> <br />p.color-1 { color: <?= $color_1 ?>; } <br />p.color-2 { color: <?= $color_2 ?>; font-weight: bold; } <br />p.color-3 { color: <?= $color_3 ?>; font-style: italic; } <br /></code> <br /> <br /> <br /><a href="http://www.ab-d.fr">Source: Asselin Benoit Développement, création de site internet amiens</a> Wed, 06 Feb 2008 19:02:03 GMT http://snippets.dzone.com/posts/show/5110 ki4ngel (Benoit Asselin) How to detect a browser iPhone ? http://snippets.dzone.com/posts/show/4826 The browser is : <br /> <br /><code> <br /> <br />Mozilla/5.0 (iPhone; U; CPU like Mac OS X; fr) AppleWebKit/420.1 (KHTML, like Gecko) Version/3.0 Mobile/3B48b Safari/419.3 <br /> <br /></code> <br /> <br /><a href="http://www.ab-d.fr/">Source: ab-d.fr <br />Internet with iPhone <br /></a> Thu, 29 Nov 2007 10:34:42 GMT http://snippets.dzone.com/posts/show/4826 ki4ngel (Benoit Asselin) Safari 3 - Resizable Text Fields http://snippets.dzone.com/posts/show/4415 With Safari 3, you can resize the TEXTAREA, but you can control this properties with CSS3. <br /> <br /><code> <br /> <br /><textarea cols="30" rows="10" style="resize: both;">www.AB-D.fr presents the new TEXTAREA</textarea> <br /> <br /><textarea cols="30" rows="10" style="resize: horizontal;">www.AB-D.fr presents the new TEXTAREA</textarea> <br /> <br /><textarea cols="30" rows="10" style="resize: vertical;">www.AB-D.fr presents the new TEXTAREA</textarea> <br /> <br /><textarea cols="30" rows="10" style="resize: none;">www.AB-D.fr presents the new TEXTAREA</textarea> <br /> <br /></code> <br /> <br /><a href="http://www.ab-d.fr/">Links:</a> <br /><a href="http://www.apple.com/safari/">http://www.apple.com/safari/</a> <br /><a href="http://www.w3.org/TR/css3-ui/#resize">http://www.w3.org/TR/css3-ui/#resize</a> <br /> Sun, 12 Aug 2007 07:25:38 GMT http://snippets.dzone.com/posts/show/4415 ki4ngel (Benoit Asselin) IE doesn't support element.setAttritube('style') http://snippets.dzone.com/posts/show/4385 <code> <br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <br /><html xmlns="http://www.w3.org/1999/xhtml" version="-//W3C//DTD XHTML 1.1//EN" xml:lang="fr"> <br /><head> <br /> <br /><title>.setAttribute('style','');</title> <br /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <br /> <br /><script type="text/javascript"> <br /> <br /></script> <br /> <br /></head> <br /> <br /><body> <br /> <br /><div id="test">document.getElementById('test').setAttribute('style', 'background:gray; color:white;')</div> <br /> <br /></body> <br /> <br /></html> <br /></code> Thu, 02 Aug 2007 19:46:33 GMT http://snippets.dzone.com/posts/show/4385 ki4ngel (Benoit Asselin) Another way of written "target" http://snippets.dzone.com/posts/show/4357 Another way of written "target" and valid in XHTML <br /> <br /><code> <br /> <br /><a href="http://www.google.com/" onclick="window.open(this.href); return false;">Link</a> <br /> <br /></code> Thu, 26 Jul 2007 17:49:17 GMT http://snippets.dzone.com/posts/show/4357 ki4ngel (Benoit Asselin)