DZone Snippets: xhtml code

DZone Snippets: xhtml code http://snippets.dzone.com/posts Fri, 25 Jul 2008 08:11:43 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) A simple XHTML submit form for ProjectX http://snippets.dzone.com/posts/show/5354 Preparing ProjectX API requests through the browser's address bar can get quite messy, however inputting the request through a simple form makes it much easier to read. <br /> <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 /><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <br /> <head> <br /> <title>ProjectX API</title> <br /> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <br /> </head> <br /> <body> <br /> <h1>ProjectX API form</h1> <br /> <p>Enter the Project API XML to send a request to the server.</p> <br /> <form action="http://rorbuilder.info/api/projectx.cgi" method="post" id="projectx_form"> <br /> <fieldset><legend>xml_project</legend><textarea id="xml_project" name="xml_project" cols="104" rows="20"></textarea></fieldset> <br /> <div><button type="submit">Submit</button></div> <br /> </form> <br /> <p> <br /> <a href="http://validator.w3.org/check?uri=referer"><img <br /> src="http://www.w3.org/Icons/valid-xhtml10" <br /> alt="Valid XHTML 1.0 Strict" height="31" width="88" style="float:right; border:0 "/></a> <br /> </p> <br /> <p style="clear:float">last updated: 13th April 2008</p> <br /> <br /> </body> <br /></html> <br /></code> <br /> <br />The web page can be seen at http://rorbuilder.info/r/projectx-api/index.html <br />The following XML request value when submitted should return an XML result containing the results and the method executed. <br /><code> <br /><project name='whiteboardqueue'> <br /> <methods> <br /> <method name='get_user_id'> <br /> <params/> <br /> </method> <br /> </methods> <br /></project> <br /></code> <br />eg. <br /><code> <br /><result method="rtn_get_user_id"> <br /> <get_user_id>36539</get_user_id> <br /></result> <br /></code> Sun, 13 Apr 2008 22:32:48 GMT http://snippets.dzone.com/posts/show/5354 jrobertson (James Robertson) 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) Converting XHTML to XML http://snippets.dzone.com/posts/show/5127 Based on the code from <a href="http://www.ibm.com/developerworks/library/x-tiptidy.html">'Convert from HTML to XML with HTML Tidy'</a>, this code will read an xhtml file and extract text to gallery.xml as instructed by xhtml2xml.xml <br /> <br /><code> <br />#!/usr/bin/ruby <br /> <br /> require 'tidy' <br /> require 'projxslt' <br /> <br /> FILE_PATH = "../" <br /> <br /> class Xhtml2Xml <br /> def convert() <br /> project = 'xhtml2xml' <br /> filein = 'xhtml2xml.xml' <br /> filehtml = 'gallery.html' <br /> filexml = 'gallery_xhtml.xml' <br /> xslfile_temp = 'gallery.xsl' <br /> xslfile = 'xhtml2xml.xsl' <br /> fileout = 'gallery.xml' <br /> tidy_config = 'tidy.txt' <br /> <br /> project_path = FILE_PATH + project + '/' <br /> tidy_config_path = project_path + tidy_config <br /> filein_path = project_path + filein <br /> filehtml_path = project_path + filehtml <br /> filexml_path = project_path + filexml <br /> xslfile_temp_path = project_path + xslfile_temp <br /> xslfile_path = project_path + xslfile <br /> fileout_path = project_path + fileout <br /> <br /> Tidy.path = '/usr/lib/libtidy.so' <br /> <br /> file = File.new(filehtml_path,'r') <br /> buffer = file.read <br /> xml = Tidy.open(:show_warnings=>true) do |tidy| <br /> tidy.options.output_xml = true <br /> tidy.load_config(tidy_config_path) <br /> puts tidy.options.show_warnings <br /> xml = tidy.clean(buffer) <br /> puts tidy.errors <br /> puts tidy.diagnostics <br /> xml <br /> end <br /> <br /> #strip out the html document type declaration and save the file <br /> html_declaration = xml[/<!([^>]*>){2}/] <br /> save_file(filexml_path, xml.gsub(html_declaration,'<html>')) <br /> transform(filein_path, xslfile_path, xslfile_temp_path) <br /> transform(filexml_path, xslfile_temp_path, fileout_path) <br /> <br /> end <br /> <br /> def transform(xml_filepath, xsl_filepath, save_filepath) <br /> pxsl = Projxslt.new(xml_filepath, xsl_filepath) <br /> outfile = pxsl.transform <br /> save_file(save_filepath, outfile) <br /> end <br /> <br /> def save_file(filepath, buffer) <br /> file = File.new(filepath,'w') <br /> file.puts buffer <br /> file.close <br /> end <br /> end <br /> <br /> if __FILE__ == $0 <br /> h2x = Xhtml2Xml.new() <br /> h2x.convert() <br /> end <br /></code> <br />file: xhtml2xml.xml <br /><code> <br /><root element="gallery"> <br /> <summary> <br /> <field element="title" xpath="head/title"/> <br /> </summary> <br /> <record xpath="body/center/table/tr/td" element="photo"> <br /> <field xpath="font/br[3]/preceding-sibling::text()[1]" element="title"></field> <br /> <field xpath="/html/body/table/tr/td[2]/font/br[3]/preceding-sibling::text()[1]" element="date"></field> <br /> <field xpath="font/br[1]/preceding-sibling::text()[1]" element="image"></field> <br /> <field xpath="font/br[2]/preceding-sibling::text()[1]" element="description"></field> <br /> </record> <br /></root> <br /></code> <br />file:xhtml2xml.xsl (transforms the file xhtml2xml.xml to file gallery.xsl) <br /><code> <br /><?xml version="1.0"?> <br /><xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"> <br /> <xsl:template match="root"> <br /> <xsl:variable name="colon"><xsl:text>:</xsl:text></xsl:variable> <br /> <br /> <xsl:element name="xsl:stylesheet"> <br /> <xsl:attribute name="xmlns{$colon}xsl"> <br /> <xsl:text>http://www.w3.org/1999/XSL/Transform</xsl:text> <br /> </xsl:attribute> <br /> <xsl:attribute name="version"> <br /> <xsl:text>1.0</xsl:text> <br /> </xsl:attribute><xsl:text> <br /> </xsl:text> <br /> <br /><xsl:element name="xsl:output"> <br /> <xsl:attribute name="method"> <br /> <xsl:text>xml</xsl:text> <br /> </xsl:attribute> <br /> <xsl:attribute name="indent"> <br /> <xsl:text>yes</xsl:text> <br /> </xsl:attribute> <br /></xsl:element><xsl:text> <br /> <br /></xsl:text> <br /> <br /><xsl:element name="xsl:template"> <br /> <xsl:attribute name="match"> <br /> <xsl:text>html</xsl:text> <br /> </xsl:attribute><xsl:text> <br /></xsl:text> <br /> <xsl:element name="{@element}"> <br /> <xsl:apply-templates select="summary"/> <br /> <br /> <xsl:element name="xsl{$colon}for-each"> <br /> <xsl:attribute name="select"> <br /> <xsl:value-of select="record/@xpath"/> <br /> </xsl:attribute><xsl:text> <br /> </xsl:text> <br /> <br /> <xsl:for-each select="record/field"> <br /> <xsl:element name="xsl:variable"> <br /> <xsl:attribute name="name"> <br /> <xsl:value-of select="@element"/> <br /> </xsl:attribute> <br /> <xsl:attribute name="select"> <br /> <xsl:value-of select="@xpath"/> <br /> </xsl:attribute> <br /> </xsl:element><xsl:text> <br /> </xsl:text> <br /> </xsl:for-each> <br /><xsl:text> <br /> </xsl:text> <br /> <br /> <xsl:element name="{record/@element}"> <br /> <xsl:for-each select="record/field"> <br /> <xsl:element name="{@element}"><xsl:text> <br /> </xsl:text> <br /> <xsl:element name="xsl:value-of"> <br /> <xsl:attribute name="select"><xsl:text>normalize-space($</xsl:text> <br /> <xsl:value-of select="@element"/> <br /> <xsl:text>)</xsl:text> <br /> </xsl:attribute> <br /> </xsl:element> <xsl:text> <br /> </xsl:text> <br /> </xsl:element> <br /> <br /> </xsl:for-each> <br /></xsl:element><xsl:text> <br /> </xsl:text> <br /></xsl:element><xsl:text> <br /></xsl:text> <br /> <br /> </xsl:element> <br /></xsl:element>  <br /></xsl:element>  <br /> </xsl:template> <br /> <br /> <br /><xsl:template match="summary/field"><xsl:text> <br /></xsl:text> <br /> <xsl:element name="xsl:element"> <br /> <xsl:attribute name="name"> <br /> <xsl:value-of select="@element"/> <br /> </xsl:attribute><xsl:text> <br /></xsl:text> <br /> <xsl:element name="xsl:value-of"> <br /> <xsl:attribute name="select"> <br /> <xsl:value-of select="@xpath"/> <br /> </xsl:attribute><xsl:text> <br /></xsl:text> <br /> </xsl:element><xsl:text> <br /></xsl:text> <br /> </xsl:element><xsl:text> <br /></xsl:text> <br /></xsl:template> <br /></xsl:stylesheet> <br /></code> <br />output: gallery.xml (this file is the product of gallery_xhtml.xml and gallery.xsl) <br /><code> <br /><?xml version="1.0"?> <br /><gallery> <br /> <title>Journey to Windsor</title> <br /> <photo> <br /> <title>Windsor Castle</title> <br /> <date>July 2003</date> <br /> <image>dscn0824.jpg</image> <br /> <description> <br /> A bright, red mailbox inside the castle. It seems oddly familiar in an historic setting. <br /> </description> <br /> </photo> <br /></gallery> <br /></code> Sun, 10 Feb 2008 15:35:40 GMT http://snippets.dzone.com/posts/show/5127 jrobertson (James Robertson) 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) Scrape an XHTML document using Ruby http://snippets.dzone.com/posts/show/5039 A simple Ruby script to scrape an XHTML file with the selected content being saved to an xml file ready for transformation into an RSS feed. This example uses the XHTML file from http://newsgang.net/audio/ which is then saved locally as 'thegang.xml'. <br /> <br /><code> <br />#!/usr/bin/ruby <br /># file: thegang.rb <br /> <br />require 'rexml/document' <br />include REXML <br /> <br />class TheGang <br /> def initialize() <br /> end <br /> <br /> def rssify() <br /> file = File.new('thegang.xml','r') <br /> doc = Document.new(file) <br /> rss_doc = Document.new <br /> root = Element.new('rss') <br /> rss_doc.add_element(root) <br /> <br /> doc.root.elements.each("body/div/ul/li/h2/a") do |node| <br /> o_rssitem = Element.new('item') <br /> o_li = node.parent.parent <br /> <br /> o_rsstitle = Element.new('title') <br /> o_rsstitle.text = node.text.gsub(/[\n,' ']/,'') <br /> o_rssitem.add_element(o_rsstitle) <br /> <br /> o_rsshref_audio = Element.new('href_audio') <br /> o_rsshref_audio.text = node.attributes.get_attribute('href').to_s.gsub('amp;&','') <br /> o_rssitem.add_element(o_rsshref_audio) <br /> <br /> o_rsshref = Element.new('href') <br /> o_rsshref.text = o_rsshref_audio.text.gsub('&from=audio','') <br /> o_rssitem.add_element(o_rsshref) <br /> <br /> o_rssdate = Element.new('date') <br /> o_rssdate.text = "#{o_li.elements["p/span[1]"].text} #{o_li.elements["p/span[2]"].text}" <br /> o_rssitem.add_element(o_rssdate) <br /> rss_doc.root.add_element(o_rssitem) <br /> <br /> end <br /> <br /> file = File.new('thegang_rss.xml','w') <br /> file.puts rss_doc <br /> file.close <br /> end <br />end <br /> <br /> <br />if __FILE__ == $0 <br /> gang = TheGang.new <br /> gang.rssify <br />end <br /></code> <br /> <br />see also: www.dapper.net <br /> <br />output (extract) <br /><code> <br /><rss> <br /> <item><title>TheGangXII-II</title><href_audio>/gangitem/id=6501&from=audio</href_audio><href>/gangitem/id=6501</href><date>Jan 25</date></item> <br /> <item><title>TheGangXII-I</title><href_audio>/gangitem/id=6499&from=audio</href_audio><href>/gangitem/id=6499</href><date>Jan 25</date></item> <br /> <item><title>NewsGangLive01.24.08</title><href_audio>/gangitem/id=6445&from=audio</href_audio><href>/gangitem/id=6445</href><date>Jan 24</date></item> <br /> <item><title>NewsGangLiveII</title><href_audio>/gangitem/id=6377&from=audio</href_audio><href>/gangitem/id=6377</href><date>Jan 23</date></item> <br /> ... <br /></rss> <br /></code> Sun, 27 Jan 2008 14:09:24 GMT http://snippets.dzone.com/posts/show/5039 jrobertson (James Robertson) 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) Running Haml stand-alone http://snippets.dzone.com/posts/show/4753 This Ruby code converts HAML to XHTML. code based on the example given at 'A HAML Server for Web Designers' http://urltea.com/23j8 [wiseheartdesign.com]. <br /> <br /><code> <br />require 'rubygems' <br />require 'haml' <br /> <br />def parse_haml(string) <br /> engine = Haml::Engine.new(string) <br /> engine.render <br />end <br /> <br />parse_haml("#hello") <br /></code> <br /> <br />Note: The above code worked on Ubuntu 7.10, and on Gentoo I declared require 'haml/engine' as an alternative to requiring 'rubygems' and 'haml'. Wed, 14 Nov 2007 12:12:14 GMT http://snippets.dzone.com/posts/show/4753 jrobertson (James Robertson) 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)