<?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/"
	>

<channel>
	<title>Stefan Sobek Blog &#187; javascript</title>
	<atom:link href="http://www.sobek.info/blog/category/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.sobek.info/blog</link>
	<description>Writing about IT, Software Engineering, sports and other stuff</description>
	<lastBuildDate>Mon, 24 Jan 2011 12:50:08 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Z-Index Problems in IE7 and superfish menu plugin</title>
		<link>http://www.sobek.info/blog/2011/01/10/z-index-problems-in-ie7-and-superfish-menu-plugin/</link>
		<comments>http://www.sobek.info/blog/2011/01/10/z-index-problems-in-ie7-and-superfish-menu-plugin/#comments</comments>
		<pubDate>Mon, 10 Jan 2011 15:19:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[English]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[IE7 Bug]]></category>
		<category><![CDATA[z-index]]></category>

		<guid isPermaLink="false">http://www.sobek.info/blog/?p=318</guid>
		<description><![CDATA[Ever had problems in IE7 with z-index css attribute? 
Problem:
The Menu created with superfish plugin for jquery will be shown behind the main content on mouseover. 
Solution:
With Jquery dynamically reverse the CSS zindex stacking order of the page element so that higher elements in HTML source have highter z-index number

?View Code JAVA1
2
3
4
5
6
7
    [...]]]></description>
			<content:encoded><![CDATA[<p>Ever had problems in IE7 with z-index css attribute? </p>
<p><strong>Problem</strong>:<br />
The Menu created with superfish plugin for jquery will be shown behind the main content on mouseover. </p>
<p><strong>Solution:</strong><br />
With Jquery dynamically reverse the CSS zindex stacking order of the page element so that higher elements in HTML source have highter z-index number</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p318code2'); return false;">View Code</a> JAVA</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table width="100%" ><tr id="p3182"><td class="line_numbers"><pre>1
2
3
4
5
6
7
</pre></td><td class="code" id="p318code2"><pre class="java" style="font-family:monospace;">       	$<span style="color: #009900;">&#40;</span>function<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		var zIndexNumber <span style="color: #339933;">=</span> <span style="color: #cc66cc;">1000</span><span style="color: #339933;">;</span>
		$<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'div'</span><span style="color: #009900;">&#41;</span>.<span style="color: #006633;">each</span><span style="color: #009900;">&#40;</span>function<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
			$<span style="color: #009900;">&#40;</span><span style="color: #000000; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #006633;">css</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'zIndex'</span>, zIndexNumber<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			zIndexNumber <span style="color: #339933;">-=</span> <span style="color: #cc66cc;">10</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>Check this link for more information: <a href="http://www.vancelucas.com/blog/fixing-ie7-z-index-issues-with-jquery/">http://www.vancelucas.com/blog/fixing-ie7-z-index-issues-with-jquery/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.sobek.info/blog/2011/01/10/z-index-problems-in-ie7-and-superfish-menu-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Load data from csv into html-table</title>
		<link>http://www.sobek.info/blog/2010/06/04/load-data-from-csv-into-html-table/</link>
		<comments>http://www.sobek.info/blog/2010/06/04/load-data-from-csv-into-html-table/#comments</comments>
		<pubDate>Fri, 04 Jun 2010 07:23:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Scripting]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[csv]]></category>
		<category><![CDATA[csv2table]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.sobek.info/blog/?p=278</guid>
		<description><![CDATA[Situation:
Imagine your customer has a bunch of Excel-files which he wanted to display on a website in html-form. 
Problem:
What can you do here? You can write an importer to a database, or let the customer upload the excel file on a webserver and write a parser for the excel files etc. These are all non-trivial [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Situation:</strong><br />
Imagine your customer has a bunch of Excel-files which he wanted to display on a website in html-form. </p>
<p><strong>Problem:</strong><br />
What can you do here? You can write an importer to a database, or let the customer upload the excel file on a webserver and write a parser for the excel files etc. These are all non-trivial solutions for the problem that you want to easily display your information from the csv on a webpage into a table. </p>
<p><strong>Solution: </strong><br />
I found a plugin called jquery csv2table. This is very simple to use. A CSV-file will be read asynchrounosly and a HTML-table will be created of it. So you can simply let your customer load his csv file up and the table will be created automatically. Optional support of sorting, highlighting etc. Link: http://plugins.jquery.com/project/csv2table</p>
<p><strong>Example: </strong></p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p278code4'); return false;">View Code</a> JAVASCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table width="100%" ><tr id="p2784"><td class="line_numbers"><pre>1
2
3
4
5
6
</pre></td><td class="code" id="p278code4"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>div id<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;view1&quot;</span><span style="color: #339933;">&gt;&lt;/</span>div<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span>
$<span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
    $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#view1'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">csv2table</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'./data/Book12.csv'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>

<p>This code will load the data from Book12.csv into the div &#8220;view1&#8243;. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.sobek.info/blog/2010/06/04/load-data-from-csv-into-html-table/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

