pro-web.at

Chinesischer Pinyin und Deutsche Tastatur unter Windows – Chinese Pinyin and German Keyboard

Daniel Prieler — Sat, 06 Mar 2010 13:40:33 +0000

Ich habe die Idee von Jason Frazier aufgegriffen und eine Deutsche Tastatur mit Pinyin Eingabemöglichkeit erstellt.

Durch drücken einer der Nummern-Tasten 1-4 (für die Laute 1-4) und eines Buchstaben (a, e, i, o, u, ü) wird daraus der Pinyin Laut
Durch drücken der Nummern-Taste 2 mal, erhält man die Zahl.

=> 1 und e = ē
=> 2 und a = á
=> 3 und o = ǒ
=> 4 und i = ì
=> 1 und 1 = 1
…

Die Tastatur muss zuerst installiert werden:
Download Pinyin Tastatur Treiber
Für ein Kurze Anleitung wie man die Tastatur dann auswählt möcht ich auf die Seite von Jason Frazier verweisen.

Alternativ kann auch das Keyboard-Layout in den “Microsoft Keyboard Layout Creator” geladen werden und von dort installiert werden.
Download Pinyin Keyboard Layout

No related posts.

JavaFX Games: Q*Bert (QBert) and Sokoban

Daniel Prieler — Wed, 23 Dec 2009 10:31:27 +0000

I just attended a JavaFX university class, which got me motivated to create 2 JavaFX Games:

Q*Bert

Sokoban
(use page-up / down to change levels, space to restart level)

If someone would like to see the source-code, please leave a comment. :)

No related posts.

Facebook Connect: Display login button only when not connected to site

Daniel Prieler — Wed, 23 Dec 2009 09:41:12 +0000

Currently i’m testing the features of Facebook Connect and i ran into troubles:

how to display the login button only if a user has not connected
how to display the image only if a user has connected

My simplest solution was to add some custom css classes:

fb-connecting: when the status of facebook connect is not known. e.g. display a “connecting…” message
fb-not-connected: when user is not connected to facebook. e.g. show connect button
fb-connected: when user is connected to facebook. e.g. show user picture and name

View the demo page


<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml"> 
<head>
 
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
  <script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_GB" type="text/javascript"></script>
 
  <script type="text/javascript">
  $(function() {
    FB_RequireFeatures(["XFBML"], function() {
      FB.Facebook.init("[[[INSERT APP ID HERE]]]", "/xd_receiver.htm");
      FB.Connect.ifUserConnected(function(){
        $('body').addClass('fb-is-connected').removeClass('fb-is-not-connected');
      }, function(){
        $('body').removeClass('fb-is-connected').addClass('fb-is-not-connected');
      });
    });
  });
  </script>
 
  <style>
  .fb-connected, .fb-not-connected {
    display: none;
  }
  .fb-is-connected .fb-connecting, .fb-is-not-connected .fb-connecting {
    display: none;
  }
  .fb-is-connected .fb-connected {
    display: block;
  }
  .fb-is-not-connected .fb-not-connected {
    display: block;
  }
  </style>
 
</head>
<body>
 

<div class="fb-connecting">Connecting to Facebook</div>
 

<div class="fb-not-connected">
  ="2" size="medium"></fb:login-button>
</div>
 

<div class="fb-connected">
  ="loggedinuser" size="square" facebook-logo="true"></fb:profile-pic>
  name uid="loggedinuser" useyou="false" linked="true"></fb:name>
</div>
 

name class="fb-connected" uid="loggedinuser" useyou="false" linked="true"></fb:name>

No related posts.

CSS Counter Test / Auto numbering your google docs headlines with CSS

Daniel Prieler — Mon, 20 Jul 2009 11:25:47 +0000

In the firstplace I did the numbering of the google-docs headlines with css. But the numbering in the google-docs always got messed up after some time, which was caused by:
a) The behaviour of google-docs: It sometimes wraps the headlines in an extra div (which i consider as a bug)
b) Browser limitations of css numbering, if the numbered elements are not all on the same dom level (because of the extra google-docs div)

Test-Case

I wrote up some test-cases with diffeerent order of h1/h2/div elements.
As you can see (at least in firefox 3 and google chrome), the numbering does not count up for sub-headlines
(Note: For my post here in wordpress i changed

)

all counters on one level

all counters wrapped in a separate div

sub-counters wrapped in a sub-div

only h2-counters wrappwed

My current solution

If the numbering gets messed up i start firebug and remove the surrounding div of the wrong headline. Maybe i will create a bookmarklet for this task when i get too annoyed at working with google-docs again :)

css-Stylesheet

And here’s my last stylesheet, which i add to all my google-docs.

You can preview a published document here

* {
 line-height: 160%;
 font-size: 10pt;
}
 
/** HEADLINES **/
h1 {
 font-size: 20pt;
 counter-increment: counter-h1;
 counter-reset: counter-h2;
}
h2 {
 font-size: 17pt;
 counter-increment: counter-h2;
 counter-reset: counter-h3;
}
h3 {
 font-size: 14pt;
 counter-increment: counter-h3;
 counter-reset: counter-h4;
}
h4 {
 font-size: 11pt;
 font-weight: bold;
 counter-increment: counter-h4;
 counter-reset: counter-h5;
}
h5 {
 font-size: 11pt;
 font-weight: bold;
 counter-increment: counter-h5;
 counter-reset: counter-h6;
}
h6 {
 font-size: 11pt;
 font-weight: bold;
 counter-increment: counter-h6;
}
h1:before {
 content: counter(counter-h1) ". ";
 color: #777;
}
h2:before {
 content: counter(counter-h1) "." counter(counter-h2) ". ";
 color: #777;
}
h3:before {
 content: counter(counter-h1) "." counter(counter-h2) "." counter(counter-h3) ". ";
 color: #777;
}
h4:before {
 content: counter(counter-h1) "." counter(counter-h2) "." counter(counter-h3) "." counter(counter-h4) ". ";
 color: #777;
}
h5:before {
 content: counter(counter-h1) "." counter(counter-h2) "." counter(counter-h3) "." counter(counter-h4) "." counter(counter-h5) ". ";
 color: #777;
}
h6:before {
 content: counter(counter-h1) "." counter(counter-h2) "." counter(counter-h3) "." counter(counter-h4) "." counter(counter-h5) "." counter(counter-h6) ". ";
 color: #777;
}
 
/** TEXT **/
p {
 padding: 5pt 0 10pt 0;
 text-align: justify;
}
li {
 text-align: justify;
 padding-bottom: 5pt;
}
li p {
 padding: 5pt 0;
}
li p:first-child {
 padding-top: 0;
}
li p:last-child {
 padding-bottom: 0;
}

Auto numbering your google docs headings / headlines

Detailed report for PHPUnit test results

Daniel Prieler — Sun, 07 Jun 2009 18:15:37 +0000

For my recent university php project we had to create a detailed test-report.
First we had the description of our test-cases in the code and also in a seperate overview-table in some wordfile.
Also the output of the PHPUnit test-results was by far not “enterprise ready”, so i started searching for a better solution.

I stumbeld upon a post from Parth Patil, whose solution was to create an xml-report from PHPUnit and then use this xml to create your own report.

I used his solution, made it PHPUnit 3.4 compatible and also added some Reflection to see my testcase doc-comments in the report. (Note: For the refelection i use the Zend_Framework reflection class)

The Result is:

For my TestCase:

class My_Test extends PHPUnit_Framework_TestCase
{
	/**
	 * This is the first demo test, which should succeed
	 * @return void
	 */
	public function testFoo()
	{
		$this->assertTrue(true);
	}
 
	/**
	 * This is the second demo test, which should fail
	 * @return void
	 */
	public function testBar()
	{
		$this->assertTrue(false);
	}
}

And here’s the programming of the report:

class AllTests
{
	public static function main()
	{
		$reportPath = dirname(__FILE__);
 
		// init a PHPUnit test-suite
		$suite = new PHPUnit_Framework_TestSuite('Testsuite Name');
		$suite->addTestSuite('My_Test');
 
		// switch xml output on
		PHPUnit_TextUI_TestRunner::run($suite, array(
			'xmlLogfile' => $reportPath.'/log.xml'
		));
 
		// generate html-report
		self::generateHtmlReport($reportPath);
	}
 
	public static function generateHtmlReport($path)
	{
		$simple = new SimpleXMLElement($path.'/log.xml', null, true);
 
		$output = '';
 
		// loop through each testsuite
		foreach ($simple->xpath('//testsuite') as $testsuite) {
			if (!count($testsuite->testcase)) {
				// has no testcases
				continue;
			}
 
			$output .= ''.$testsuite['name'].'
';
			$output .= '';
 
			foreach($testsuite->testcaseas$testcase){$reflection=new Zend_Reflection_Method((string)$testcase['class'],(string)$testcase['name']);$output.='';$output.='';
 
				if($testcase->failure){$output.='';}else{$output.='';}$output.='';}
 
			$output.='
			  
			    Test Name Description Result Message
			  
			      
				   
				  '.$testcase['name'].'
				  '.nl2br($reflection->getDocblock()->getShortDescription()).'  
					  ';
					$output .= ' '.htmlspecialchars($testcase->failure).'
				  
					  ';
					$output .= ' ok
				
				  
			  
';
		}
 
		// stylesheet
		$output = ''.$output;
 
		// save report
		// file_put_contents($path.'/report.html', $output);
 
		// or output it
		echo $output;
	}
}

Test Name	Description	Result	Message
'.$testcase['name'].'	'.nl2br($reflection->getDocblock()->getShortDescription()).'	'; $output .= '	'.htmlspecialchars($testcase->failure).'	'; $output .= '	ok

Download the php-class for my demo report

In some future i also will add these features:

Print which functions each test covers (read the @covers annotation)
Show the test-class docBlock-description in the html-report
…

CSS Counter Test / Auto numbering your google docs headlines with CSS

jsSO 0.2 released

Daniel Prieler — Wed, 15 Apr 2009 12:03:02 +0000

New updates to jsSO-library: It now allows calling Server-Side functions. Go to the jsSO page Related posts:jsSO – Flash Shared Objects in Javascript Related posts:

jsSO – Flash Shared Objects in Javascript

Zähler für die Verschrottungsprämie

Daniel Prieler — Fri, 03 Apr 2009 10:20:09 +0000

Habe heute den Zähler für die Verschrottungsprämie fertiggestellt:
weiter zum Zähler

No related posts.

Auto numbering your google docs headings / headlines

Daniel Prieler — Fri, 03 Apr 2009 08:48:45 +0000

Google-docs-writer is great for collaborating, but it lacks of many features.
At least i created a small bookmarklet to add numbering to all headlines in your document.

The numbering is done in the style of:

1. headline
1.1. subheadline 1
1.2. subheadline 2
…

How to use / install

Just drag the link below to your bookmarks-bar, open your google document and press the “gDocs: headline numbering” button.
gDocs: headline numbering

Source

(function(){
 
var doc = window.frames['wys_frame'].document;
var elements = doc.getElementsByTagName('*');
var numbers = [0,0,0,0,0,0,0];
for (var i in elements) {
    var e = elements[i];
    if (!e || !e.tagName || !e.tagName.match(/^H([1-6])$/)) {
        continue;
    }
 
    var eLevel = RegExp.$1;
    var txt = '';
 
    numbers[eLevel]++;
    for (var l = 1; l<=6; l++) {
        if (l <= eLevel) {
            txt += numbers[l]+'.';
        } else {
            numbers[l] = 0;
        }
    }
 
    e.textContent = txt+' '+e.textContent.replace(/^[0-9\.\s]+/, '');
}
 
})();

Updates

because of changes in google-docs i modified how the document is accessed

CSS Counter Test / Auto numbering your google docs headlines with CSS

jsSO – Flash Shared Objects in Javascript

Daniel Prieler — Tue, 24 Feb 2009 11:59:23 +0000

I just released the initial version of a javascript rtmp/sharedObject client library.

Go to the jsSO page

jsSO 0.2 released