<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:georss="http://www.georss.org/georss">

<channel>
	<title>www.netsi.dk &#187; how to</title>
	<atom:link href="http://www.netsi.dk/wordpress/index.php" rel="self" type="application/rss+xml" />
	<link>http://www.netsi.dk/wordpress</link>
	<description>&#34;The internet is just a layer on the real world&#34; (don&#039;t forget that!)</description>
	<lastBuildDate>Fri, 27 Jan 2012 15:57:24 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
	<atom:link rel="next" href="http://www.netsi.dk/wordpress/index.php?page=2" />

		<item>
		<title>XSLT: Insert newline in output</title>
		<link>http://www.netsi.dk/wordpress/index.php/2011/08/05/xslt-insert-linebreak-in-output/</link>
		<comments>http://www.netsi.dk/wordpress/index.php/2011/08/05/xslt-insert-linebreak-in-output/#comments</comments>
		<pubDate>Fri, 05 Aug 2011 08:54:35 +0000</pubDate>
		<dc:creator>netsi</dc:creator>
				<category><![CDATA[XSLT]]></category>
		<category><![CDATA[how to]]></category>
		<category><![CDATA[linebreak]]></category>

		<guid isPermaLink="false">http://www.netsi.dk/wordpress/index.php/2011/08/05/xslt-insert-linebreak-in-output/</guid>
		<description><![CDATA[To insert a linebreak you simply output the unescaped values of carriage return and linebreak, which is CR+LF (char 13 + char 10). &#60;xsl:value-of select="'&#38;#13;&#38;#10;'" disable-output-escaping="yes"/&#62; You may read more about newline on wikipedia.]]></description>
			<content:encoded><![CDATA[<p>To insert a <a href="http://www.netsi.dk/wordpress/index.php/tag/linebreak/" class="st_tag internal_tag" rel="tag" title="Posts tagged with linebreak">linebreak</a> you simply output the unescaped values of carriage return and <a href="http://www.netsi.dk/wordpress/index.php/tag/linebreak/" class="st_tag internal_tag" rel="tag" title="Posts tagged with linebreak">linebreak</a>, which is CR+LF (char 13 + char 10).</p>
<p><code>&lt;xsl:value-of select="'&amp;#13;&amp;#10;'" disable-output-escaping="yes"/&gt;</code></p>
<p>You may read <a href="http://en.wikipedia.org/wiki/Newline" target="_blank">more about newline on wikipedia</a>.</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.netsi.dk%2Fwordpress%2Findex.php%2F2011%2F08%2F05%2Fxslt-insert-linebreak-in-output%2F&amp;title=XSLT%3A%20Insert%20newline%20in%20output" id="wpa2a_2"><img src="http://www.netsi.dk/wordpress/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.netsi.dk/wordpress/index.php/2011/08/05/xslt-insert-linebreak-in-output/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Printing HTML pages, make screen and print appear the same.</title>
		<link>http://www.netsi.dk/wordpress/index.php/2011/07/07/printing-html-pages-make-screen-and-print-appear-the-same/</link>
		<comments>http://www.netsi.dk/wordpress/index.php/2011/07/07/printing-html-pages-make-screen-and-print-appear-the-same/#comments</comments>
		<pubDate>Thu, 07 Jul 2011 08:29:22 +0000</pubDate>
		<dc:creator>netsi</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[dynamicweb]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[how to]]></category>
		<category><![CDATA[print]]></category>
		<category><![CDATA[stylesheet]]></category>

		<guid isPermaLink="false">http://www.netsi.dk/wordpress/index.php/2011/07/07/printing-html-pages-make-screen-and-print-appear-the-same/</guid>
		<description><![CDATA[When using external stylesheets on a webpage you can specify which “media” it should apply to. For instance see these lines: &#60;link rel=&#34;stylesheet&#34; href=&#34;Blueprint/screen.css&#34; type=&#34;text/css&#34; media=&#34;screen, projection&#34; /&#62; &#60;link rel=&#34;stylesheet&#34; href=&#34;Blueprint/print.css&#34; type=&#34;text/css&#34; media=&#34;print&#34; /&#62; .csharpcode, .csharpcode pre { font-size: small; color: black; font-family: consolas, "Courier New", courier, monospace; background-color: #ffffff; /*white-space: pre;*/ } .csharpcode pre [...]]]></description>
			<content:encoded><![CDATA[<p>When using external stylesheets on a webpage you can specify which “media” it should apply to. For instance see these lines:</p>
<pre class="csharpcode"><span class="kwrd">&lt;</span><span class="html">link</span> <span class="attr">rel</span><span class="kwrd">=&quot;<a href="http://www.netsi.dk/wordpress/index.php/tag/stylesheet/" class="st_tag internal_tag" rel="tag" title="Posts tagged with stylesheet">stylesheet</a>&quot;</span> <span class="attr">href</span><span class="kwrd">=&quot;Blueprint/screen.<a href="http://www.netsi.dk/wordpress/index.php/tag/css/" class="st_tag internal_tag" rel="tag" title="Posts tagged with css">css</a>&quot;</span> <span class="attr">type</span><span class="kwrd">=&quot;text/css&quot;</span> <span class="attr">media</span><span class="kwrd">=&quot;screen, projection&quot;</span> <span class="kwrd">/&gt;</span>
<span class="kwrd">&lt;</span><span class="html">link</span> <span class="attr">rel</span><span class="kwrd">=&quot;stylesheet&quot;</span> <span class="attr">href</span><span class="kwrd">=&quot;Blueprint/<a href="http://www.netsi.dk/wordpress/index.php/tag/print/" class="st_tag internal_tag" rel="tag" title="Posts tagged with print">print</a>.css&quot;</span> <span class="attr">type</span><span class="kwrd">=&quot;text/css&quot;</span> <span class="attr">media</span><span class="kwrd">=&quot;print&quot;</span> <span class="kwrd">/&gt;</span></pre>
<style type="text/css">
<p>.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }</style>
</p>
<p>As you might allready have guessed the <strong>screen.css</strong> will be choosen for screen (read: browser) and projection mode. When printing the <strong>print.css</strong> will be choosen if you print the webpage. So far so good.</p>
<p>Some times you will have a specific page for print, which say will render only a stripped down version of your content and prompt the user with a print dialogue (using a javascript window.print() line of code). But when you see the page in the browser you are in “screen” media, and the style shown will be as defined in the screen.css. You may confuse the user as he gets a screen version ready for print – and printing it wil result in a version based on the print.css. I have made a jQuery based fix for this situation.</p>
<p><a href="http://www.netsi.dk/wordpress/wp-content/uploads/2011/07/image.png" rel="lightbox[687]"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="The page before and after the fix" border="0" alt="The page before and after the fix" src="http://www.netsi.dk/wordpress/wp-content/uploads/2011/07/image_thumb.png" width="711" height="392" /></a></p>
<h3>The jQuery fix</h3>
<p>The fix will disable any external stylesheets related to screen and make the print.css work on media types “all”. It is coded so that it will check for a “#print” added to the URL. So you should simply make the URL of the printversion have a “#print” in it. Here is the fix:</p>
<div class="csharpcode">
<pre class="alt"><span class="lnum">   1:  </span><span class="kwrd">&lt;</span><span class="html">script</span> <span class="attr">type</span><span class="kwrd">=&quot;text/javascript&quot;</span> <span class="attr">src</span><span class="kwrd">=&quot;http://ajax.microsoft.com/ajax/jQuery/jquery-1.6.2.min.js&quot;</span><span class="kwrd">&gt;&lt;/</span><span class="html">script</span><span class="kwrd">&gt;</span></pre>
<pre><span class="lnum">   2:  </span>&lt;script type=<span class="str">&quot;text/javascript&quot;</span>&gt;</pre>
<pre class="alt"><span class="lnum">   3:  </span><span class="rem">/* STH: 2011-07-07 Make any stylesheets target for &quot;print&quot; media active on &quot;all&quot; media types (including screen)</span></pre>
<pre><span class="lnum">   4:  </span><span class="rem">    Also disable any layouts for screen</span></pre>
<pre class="alt"><span class="lnum">   5:  </span><span class="rem">*/</span></pre>
<pre><span class="lnum">   6:  </span>jQuery(<span class="kwrd">function</span>() {</pre>
<pre class="alt"><span class="lnum">   7:  </span>  <span class="kwrd">var</span> bPrint = (window.location.toString().indexOf(<span class="str">'#print'</span>)!=-1);  </pre>
<pre><span class="lnum">   8:  </span>  <span class="kwrd">if</span> (bPrint) {</pre>
<pre class="alt"><span class="lnum">   9:  </span>    <span class="rem">// The user wants to print this page</span></pre>
<pre><span class="lnum">  10:  </span>    jQuery(<span class="str">'link[media*=&quot;print&quot;]'</span>).attr(<span class="str">'media'</span>, <span class="str">'all'</span>); <span class="rem">// Enable the print styling for all media types, including screen.</span></pre>
<pre class="alt"><span class="lnum">  11:  </span>    jQuery(<span class="str">'link[media*=&quot;screen&quot;]'</span>).remove(); <span class="rem">// remove any styling related to screen</span></pre>
<pre><span class="lnum">  12:  </span>  }</pre>
<pre class="alt"><span class="lnum">  13:  </span>})</pre>
<pre><span class="lnum">  14:  </span><span class="kwrd">&lt;/</span><span class="html">script</span><span class="kwrd">&gt;</span></pre>
</div>
<style type="text/css">
<p>.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }</style>
<p>&#160;</p>
<p>The fix above has a link to jQuery, you do not have to include it if you allready have jQuery on your webpage.</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.netsi.dk%2Fwordpress%2Findex.php%2F2011%2F07%2F07%2Fprinting-html-pages-make-screen-and-print-appear-the-same%2F&amp;title=Printing%20HTML%20pages%2C%20make%20screen%20and%20print%20appear%20the%20same." id="wpa2a_4"><img src="http://www.netsi.dk/wordpress/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.netsi.dk/wordpress/index.php/2011/07/07/printing-html-pages-make-screen-and-print-appear-the-same/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>How to disable Skype callto in Chrome</title>
		<link>http://www.netsi.dk/wordpress/index.php/2011/05/29/how-to-disable-skype-callto-in-chrome/</link>
		<comments>http://www.netsi.dk/wordpress/index.php/2011/05/29/how-to-disable-skype-callto-in-chrome/#comments</comments>
		<pubDate>Sun, 29 May 2011 10:13:33 +0000</pubDate>
		<dc:creator>netsi</dc:creator>
				<category><![CDATA[Google Chrome]]></category>
		<category><![CDATA[How-to]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[how to]]></category>
		<category><![CDATA[Skype]]></category>

		<guid isPermaLink="false">http://www.netsi.dk/wordpress/index.php/2011/05/29/how-to-disable-skype-callto-in-chrome/</guid>
		<description><![CDATA[Skype offers a service where it will replace links looking like phonenumbers in any webpage you visit with a “callto” link. That link will then let you click on the phone number and do a Skype call to the linked phonenumber. It can be a very nice feature, but sometimes you don’t want that service. [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.netsi.dk/wordpress/index.php/tag/skype/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Skype">Skype</a> offers a service where it will replace links looking like phonenumbers in any webpage you visit with a “callto” link. That link will then let you click on the phone number and do a <a href="http://www.netsi.dk/wordpress/index.php/tag/skype/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Skype">Skype</a> call to the linked phonenumber. It can be a very nice feature, but sometimes you don’t want that service. Here is how you disable that feature:</p>
<p>This is how it looks like when Skype have inserted a “callto” link in <a href="http://www.netsi.dk/wordpress/index.php/tag/chrome/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Chrome">Chrome</a>:</p>
<p><a href="http://www.netsi.dk/wordpress/wp-content/uploads/2011/05/image18.png" rel="lightbox[643]" rel="lightbox"><img style="background-image: none; margin: 0px 12px 12px 0px; padding-left: 0px; padding-right: 0px; display: inline; padding-top: 0px; border: 0px;" title="Skype tries to add value to webpages by adding links to open Skype on phonnumber-alike text on webpages" src="http://www.netsi.dk/wordpress/wp-content/uploads/2011/05/image_thumb17.png" alt="Skype tries to add value to webpages by adding links to open Skype on phonnumber-alike text on webpages" width="344" height="107" border="0" /></a></p>
<ul>
<li>Open “<a href="chrome://extensions/">chrome://extensions/</a>”</li>
<li>Locate the “Skype Extention”<br />
<img style="background-image: none; margin: 0px 12px 12px 0px; padding-left: 0px; padding-right: 0px; display: inline; padding-top: 0px; border: 0px;" title="On the Chrome &quot;extentions&quot; page you can quickly enable/disable extentions - including the Skype callto extention" src="http://www.netsi.dk/wordpress/wp-content/uploads/2011/05/image19.png" alt="On the Chrome &quot;extentions&quot; page you can quickly enable/disable extentions - including the Skype callto extention" width="641" height="77" border="0" /></li>
<li>Click the “Deactivate” (above screenshoot is in Danish, it reads “Deaktiver”</li>
</ul>
<p>The disabling will be disabled as you click (no restart of browser). Here is how the above webpart looks like:</p>
<p><a href="http://www.netsi.dk/wordpress/wp-content/uploads/2011/05/image20.png" rel="lightbox[643]" rel="lightbox"><img style="background-image: none; margin: 0px 12px 12px 0px; padding-left: 0px; padding-right: 0px; display: inline; float: left; padding-top: 0px; border: 0px;" title="The original webpage with a phone number, unchanged by Skype" src="http://www.netsi.dk/wordpress/wp-content/uploads/2011/05/image_thumb18.png" alt="The original webpage with a phone number, unchanged by Skype" width="310" height="109" align="left" border="0" /></a></p>
<p style="clear: both;">
<h5>Disabling Skype callto in other browsers</h5>
<ul>
<li>Firefox: <a title="Read on the &quot;How-to Geek&quot; how to disable Skype callto extention in Firefox" href="http://www.howtogeek.com/howto/internet/firefox/manually-remove-skype-extension-from-firefox/" target="_blank">Manually Remove Skype Extension from Firefox</a></li>
<li>From Skype: Skype: <a title="Read on &quot;Blue Screen Solutions&quot; how to disable the Skype callto " href="http://bluescreensolutions.blogspot.com/2011/03/skype-remove-skype-links-from-web.html" target="_blank">Remove Skype Links from Web Browser</a></li>
</ul>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.netsi.dk%2Fwordpress%2Findex.php%2F2011%2F05%2F29%2Fhow-to-disable-skype-callto-in-chrome%2F&amp;title=How%20to%20disable%20Skype%20callto%20in%20Chrome" id="wpa2a_6"><img src="http://www.netsi.dk/wordpress/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.netsi.dk/wordpress/index.php/2011/05/29/how-to-disable-skype-callto-in-chrome/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Dynamicweb eCommerce: How to redirect to basket after user have added something to the basket</title>
		<link>http://www.netsi.dk/wordpress/index.php/2010/01/25/dynamicweb-ecommerce-how-to-redirect-to-basket-after-user-have-added-something-to-the-basket/</link>
		<comments>http://www.netsi.dk/wordpress/index.php/2010/01/25/dynamicweb-ecommerce-how-to-redirect-to-basket-after-user-have-added-something-to-the-basket/#comments</comments>
		<pubDate>Mon, 25 Jan 2010 09:36:08 +0000</pubDate>
		<dc:creator>netsi</dc:creator>
				<category><![CDATA[dynamicweb]]></category>
		<category><![CDATA[eCommerce]]></category>
		<category><![CDATA[how to]]></category>
		<category><![CDATA[shop]]></category>

		<guid isPermaLink="false">http://www.netsi.dk/wordpress/index.php/2010/01/25/dynamicweb-ecommerce-how-to-redirect-to-basket-after-user-have-added-something-to-the-basket/</guid>
		<description><![CDATA[When using the eCommerce system in Dynamicweb CMS you can add a param to the form which will then send the user to the basket after he/she have added an item to the basket. That is sometimes a logical step for some shop types. The soloution is simpel, just add a param called redirect as [...]]]></description>
			<content:encoded><![CDATA[<p>When using the <a href="http://www.netsi.dk/wordpress/index.php/tag/ecommerce/" class="st_tag internal_tag" rel="tag" title="Posts tagged with eCommerce">eCommerce</a> system in <a href="http://www.netsi.dk/wordpress/index.php/tag/dynamicweb/" class="st_tag internal_tag" rel="tag" title="Posts tagged with dynamicweb">Dynamicweb</a> CMS you can add a param to the form which will then send the user to the basket after he/she have added an item to the basket. That is sometimes a logical step for some <a href="http://www.netsi.dk/wordpress/index.php/tag/shop/" class="st_tag internal_tag" rel="tag" title="Posts tagged with shop">shop</a> types. The soloution is simpel, just add a param called redirect as a hidden input field like this:</p>
<p>&lt;input type=&quot;hidden&quot; name=&quot;redirect&quot; id=&quot;redirect&quot; value=&quot;/default.aspx?id=156&quot; /&gt;</p>
<p>In this example Dynamicweb will send the user to the page with the ID 156 when the form is submitted.</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.netsi.dk%2Fwordpress%2Findex.php%2F2010%2F01%2F25%2Fdynamicweb-ecommerce-how-to-redirect-to-basket-after-user-have-added-something-to-the-basket%2F&amp;title=Dynamicweb%20eCommerce%3A%20How%20to%20redirect%20to%20basket%20after%20user%20have%20added%20something%20to%20the%20basket" id="wpa2a_8"><img src="http://www.netsi.dk/wordpress/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.netsi.dk/wordpress/index.php/2010/01/25/dynamicweb-ecommerce-how-to-redirect-to-basket-after-user-have-added-something-to-the-basket/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

