Der Blog von Benny Neugebauer » Programmierung

Div Element horizontal und vertikal zentrieren

bennyn — Fri, 27 Jan 2012 12:16:14 +0000

Ein Code sagt mehr als tausend Worte:

DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Centering a Div horizontally and verticallytitle>
    <style type="text/css">
      html
      {
        background-color: black;
      }
 
      body
      {
        width: 100%;
        height: 100%;
        position: static; /* don't make it relative! */
      }
 
      #centered
      {
        position: absolute;
        height: 396px;
        width: 400px;
        margin: -198px 0px 0px -200px; /* 50% height, 0px, 0px, 50% width */
        top: 50%;
        left: 50%;
        background-color: violet;
        border: 1px solid white;
      }
    style>
  head>
  <body>  
    <div id="centered">div>
  body>
html>

JavaScript AMD Example with RequireJS

bennyn — Wed, 25 Jan 2012 14:09:18 +0000

One line of code is worth ten thousand words.

./index.html



  
    
    Asynchronous Module Definition Example with RequireJS

./js/my_amd_module.js

define('js/my_amd_module', // module name, has to match filename (without .js)
  ['js/jquery-1.7.min'], // requirements of this module (./js/jquery-1.7.min.js)
  function($) // $ for jQuery
  {
    return {
      sayHello: function()
      {
        alert('Hello World!');
      },
      doSomething: function()
      {
        alert('I did.');
      }
    };
  });

Mit Java in eine Textdatei schreiben

bennyn — Fri, 13 Jan 2012 21:53:39 +0000

Mit dem folgendem Code kann ein beliebiger Inhalt in eine Textdatei geschrieben werden. Sollte die Datei bereits existieren, wird der Text am Ende der Datei angefügt:

import java.io.File;
import java.io.FileWriter;
import java.io.IOException;
import java.util.logging.Level;
import java.util.logging.Logger;
 
public class SimpleFileWriter
{
 
  static final Logger logger = Logger.getLogger(SimpleFileWriter.class.getName());
 
  public static void writeFile(String pathName, String content) throws IOException
  {
    File file = new File(pathName);
    try (FileWriter writer = new FileWriter(file, true))
    {
      writer.write(content);
      writer.flush();
    }
  }
 
  public static void main(String[] args)
  {
    try
    {
      writeFile("C:/Temp/test.txt", "Hello World!" + System.getProperty("line.separator", "\r\n"));
      System.out.println("Data was successfully written.");
    }
    catch (IOException ex)
    {
      logger.log(Level.WARNING, ex.getLocalizedMessage());
    }
  }
}

Print Windows cmd output with Java

bennyn — Fri, 13 Jan 2012 20:17:11 +0000

For some Java applications it might be important to access the console to print some information from a console command. That’s why I wrote a little program which reads the output from the Windows command-line interface (cmd) and shows it on the screen. Note: This script also works on a Linux shell!

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.io.UnsupportedEncodingException;
import java.util.logging.Level;
import java.util.logging.Logger;
 
public class ConsoleOutputPrinter
{
 
  static final Logger logger = Logger.getLogger(ConsoleOutputPrinter.class.getName());
 
  public static String getOutputFromConsoleCommand(String command) throws UnsupportedEncodingException, IOException
  {
    Process console = Runtime.getRuntime().exec(command);
    String consoleEncoding = "UTF-8";
    if (System.getProperty("os.name").contains("Windows"))
      consoleEncoding = "CP850";
 
    InputStream is = console.getInputStream(); // use .getErrorStream() for error messages!
    BufferedReader br = new BufferedReader(new InputStreamReader(is, consoleEncoding));
    StringBuilder sb = new StringBuilder();
    String line = null;
    while ((line = br.readLine()) != null)
    {
      sb.append(line).append(System.getProperty("line.separator"));
    }
 
    return sb.toString();
  }
 
  public static void main(String[] args)
  {
    try
    {
      String consoleOutput = getOutputFromConsoleCommand("ping localhost");
      System.out.println(consoleOutput);
    }
    catch (IOException ex)
    {
      logger.log(Level.WARNING, ex.getLocalizedMessage());
    }
  }
}

How to parse JSON with jQuery

bennyn — Tue, 27 Dec 2011 19:37:25 +0000

With jQuery you could easily parse a JSON (which is an object in JavaScript Object Notation). The method parseJSON of jQuery translates the JSON even into the corresponding JavaScript data types. As an example I have chosen the following JSON:

{
        "firstName": "Joe",
        "lastName" : "Black",
        "age"      : 28,
        "address"  :
        {
          "streetAddress": "1st Street",
          "city"         : "New York",
          "state"        : "NY",
          "postalCode"   : "10021"
        },
        "phoneNumber":
        [
          {
            "type"  : "home",
            "number": "212555-1234"
          },
          {
            "type"  : "fax",
            "number": "646555-4567"
          }
        ],
        "married" : true,
        "developer" : true	
}

This JSON contains nested objects like address, an array like phoneNumber and key-value pairs of different types like firstName (string), age (number) and married (boolean).

Here it is shown how it is parsed:


<script type="text/javascript">
  var json = '{"firstName":"Joe","lastName":"Black","age":28,"address":{"streetAddress":"1st Street","city":"New York","state":"NY","postalCode":"10021"},"phoneNumber":[{"type":"home","number":"212555-1234"},{"type":"fax","number":"646555-4567"}],"married":true,"developer":false}';
  var object = jQuery.parseJSON(json);
  var firstName = object.firstName; // Joe
  var age = object.age; // 28
  var streetAddress  = object.address.streetAddress;
  var numberOfPhoneNumbers = object.phoneNumber.length; // 2
  var homeNumber = object.phoneNumber[0].number; // 212555-1234
  var faxNumber = object.phoneNumber[1].number; // 646555-4567
  var married = object.married; // true
 
  if(married == true)
    alert('He is a lucky one!'); // ...and he is ;)
 
  // Checking data types
  alert(typeof(firstName)); // string
  alert(typeof(age)); // number
  alert(typeof(married)); // boolean
script>