Rachid Toualbi [sd4878] coding notes

all topics

2020-01-01T17:50:00.000-08:00

javascript - client side
java / Netbeans IDE
php / oop
apache server
Microsoft internet information server IIS
SQL server
MySQL
Flash / actionscript
ASP.Net tutorials
joomla CMS
Linux

How to build a rich text editor for your web sites

2019-01-01T08:44:00.000-08:00

This is a basic tutorial on how to build a basic javascript editor, fora more advenced one try here http://melomind-tutorials.blogspot.com/2009/09/how-to-use-ajax.html
Lets start with a nice not very technical tutorial, one that I find really fun, How to build a rich text editor for the web
All the code here will be browser compatible.
The Rich text editors (RTE) for the web are build with iframes, this is how:
The javascript responsable of turning an iframe editable is:
document.getElementById('your iframe id').contentWindow.document.designMode="on";
the code now looks like:

<script>
function activate_iframe(){
document.getElementById('iView').contentWindow.document.designMode="on";
}
</script>
<body onload=activate_iframe()>
<iframe id='iView'></iframe>
</body>

The next step is to integrate the basic option for the editor, bold, italic, underlined for the text in the editor:
For that we are going to use the built in execcommade function like this:
document.getElementById('iView').contentWindow.document.execCommand('bold', true, null);

The above javascript we will become:

<script>
function activate_iframe(){
document.getElementById('iView').contentWindow.document.designMode="on";
}
function format_text(type){
document.getElementById('iView').contentWindow.document.execCommand(type, false, null);
}
</script>
<body onload=activate_iframe()>
<iframe id='iView'></iframe>
<input onclick=format_text('bold') id="Button1" type="button" value="button" />
<input onclick=format_text('italic') id="Button2" type="button" value="button" />
<input onclick=format_text('underline') id="Button3" type="button" value="button" />
</body>

Ok good, now comes the part when we integrate the image insertion:
First there is the easy native way to do it:
document.getElementById('iView').contentWindow.document.execCommand(insertImage, false, "image source here");
But you can only insert an image with this function,you can not add or specify other attributes than the source (src=...), I will go throught these once done with the basics.

Create iso images

2010-08-17T08:12:00.001-07:00

To make an ISO from your CD/DVD, place the media in your drive but do not mount it. If it automounts, unmount it.
dd if=/dev/dvd of=dvd.iso # for dvd
dd if=/dev/cdrom of=cd.iso # for cdrom
dd if=/dev/scd0 of=cd.iso # if cdrom is scsi
To make an ISO from files on your hard drive, create a directory which holds the files you want. Then use the mkisofs command.
mkisofs -o /tmp/cd.iso /tmp/directory/

SSH Fedora start

2010-07-23T04:35:00.000-07:00

Create the new user for SSH
Start SSH with: # /etc/init.d/sshd start
Add sshd to the default runlevel so it starts up on boot:

# chkconfig sshd on

To install g++
yum install gcc-c++
Install QT3
yum install qt qt-devel

yum install qt qt3-devel

Compile linux kernel under Fedora

2010-07-16T06:20:00.001-07:00

Fedora 13: fix for the ncurses library

How to compile a Vanilla kernel on Fedora, the easy/lazy way.

[Log in to get rid of this advertisement]
OK, I thought I would give some instructions on how I compile my kernels. My long-time windows user parts trader recently asked me how to compile a kernel on Fedora. He was confused with all the tutorials requiring you to build an RPM, so I showed him how I do it, the standard/easy/lazy way.
Before I start, here are a couple things I assume. I assume you are a Fedora user and that you are NOT in text mode, but in GNOME. I also assume you realize that this can take up to SIX HOURS on an old Pentium 3 1.3Ghz. Remember that some proprietary drivers as well as some free ones are not included in the kernel, so make sure you don't delete your existing one.

First get the dependencies you need.
su -c "yum -y install gcc ncurses-devel"

Next get the kernel source. I use 2.6.33.3 as an example.
To download it, click here.

Extract it by right-clicking on the file and then choosing extract here. This will take about five minutes.

Now open a terminal, become root, and cd to the directory linux-2.6.33.3. It is important to cd here and not to the kernel directory inside of there, even though make has an extra variable that specifies there.

Now we need to configure the kernel before we build it with make O=kernel menuconfig. It will take a couple minutes to set up, then you will be presented with a cheap psuedo-gui in your terminal. Just select exit and yes to save your config. You usually don't need to change anything here.

Ready to compile and install? Remember this can take up to six hours, and your machine may become VERY slow. It is not recommended that you attempt to use your machine with this in progress. OK then. As root, in the same directory, type:

make O=kernel && make O=kernel modules_install install

This will compile the kernel and install the kernel and it's modules.

Done? Now change the kernel and initrd in your bootloader to match the new kernel. If you ever want to reuse the same source code folder, use make mrproper to clean things up and build it again.

Hope this helps.
Last edited by bendib; 05-01-2010 at 06:30 AM..

Java thing

2010-02-12T05:38:00.001-08:00

java

Blogged with the Flock Browser

set up apache php mysql on linux

2009-11-16T13:36:00.000-08:00

Very useful, i found here: http://www.flmnh.ufl.edu/linux/install_apache.htm
This will install the basic components for a dynmaic, database-driven web site. We use yum to handle dependencies and gather all of the required packages.

1. Install Apache (httpd), PHP, MySQL (server and client), and the component that allows php to talk to mysql.

yum -y install httpd php mysql mysql-server php-mysql

2. Configure the new services to start automatically

/sbin/chkconfig httpd on
  /sbin/chkconfig --add mysqld         [this is not required with FC4 and above]
  /sbin/chkconfig mysqld on


  /sbin/service httpd start
  /sbin/service mysqld start

3. IMPORTANT! Set up the mysql database root password. Without a password, ANY user on the box can login to mysql as database root. The mysql root account is a separate password from the machine root account.

mysqladmin -u root password 'new-password'           [quotes are required]

4. Make additional security-related changes to mysql.

mysql -u root -p

 mysql> DROP DATABASE test;                            [removes the test database]
 mysql> DELETE FROM mysql.user WHERE user = '';        [Removes anonymous access]
 mysql> FLUSH PRIVILEGES;

5. Following the above steps, the document root for Apache is /var/www/html/

Create a test PHP script (such as phpinfo.php) and place it in the document root. A useful test script sample:

<?php
    phpinfo();
 ?>

6. Create a database and database user for your data. You will use this database and user name in your database connection string. The GRANT statement actually creates a new MySQL user account.

mysql> CREATE DATABASE web_db; 
 mysql> GRANT ALL PRIVILEGES ON web_db.* TO 'web_user'@'localhost' IDENTIFIED BY 'thepassword';

Sigur Ros - Glósóli

2009-10-30T14:54:00.000-07:00

This is realy good music, hope you like to:

Sigur Ros -Glósóli

Glowing Sun (Bright Sun)

Now that you're awake
Everything seems different
I look around
But there's nothing at all

Put on my shoes, I then find that
She is still in her pyjamas
Then found in a dream
I'm hung by (an) anticlimax

She is with the sun
And it's out here

But where are you...

Go on a journey
And roam the streets
Can't see the way out
And so use the stars
She sits for eternity
And then climbs out

She's the glowing sun
So come out

I awake from a nightmare
My heart is beating
Out of control…

I've become so used to this craziness
That it's now compulsory

And here you are...

I'm feeling...
And here you are,
Glowing sun...

And here you are,
Glowing sun...

And here you are,
Glowing sun...

And here you are...

mysql back up and restore with dump file

2009-10-27T17:17:00.000-07:00

Run this commande from command prompt in windows:
mysqldump --opt -uUsername -pPassword mydatabase > "file.sql"
to restore:
mysqlimport -uUsername -pPassword mydatabase file.sql

Find and replace:

update `jos_content` set introtext = replace(introtext,'http://','http://');
update `jos_modules` set content = replace(content,'http://','http://');

java simple editor

2009-10-22T15:15:00.000-07:00

This is a java based editor, I will just keep it here at the moment till i have some time to examine it, this is another good reference: http://www.java2s.com/Tutorial/Java/0240__Swing/EditorbasedonJTextPane.htm

import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.GraphicsEnvironment;
import java.awt.GridLayout;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;

import javax.swing.Action;
import javax.swing.JButton;
import javax.swing.JColorChooser;
import javax.swing.JComboBox;
import javax.swing.JDialog;
import javax.swing.JEditorPane;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JMenu;
import javax.swing.JMenuBar;
import javax.swing.JOptionPane;
import javax.swing.JPanel;
import javax.swing.JScrollPane;
import javax.swing.JTextPane;
import javax.swing.text.AttributeSet;
import javax.swing.text.Element;
import javax.swing.text.MutableAttributeSet;
import javax.swing.text.SimpleAttributeSet;
import javax.swing.text.StyleConstants;
import javax.swing.text.StyledDocument;
import javax.swing.text.StyledEditorKit;

public class MNB {
public MNB() {
    JFrame frame = new JFrame();
    JTextPane textPane = new JTextPane();
    JScrollPane scrollPane = new JScrollPane(textPane);

    JPanel north = new JPanel();

    JMenuBar menu = new JMenuBar();
    JMenu styleMenu = new JMenu();
    styleMenu.setText("Style");

    Action boldAction = new BoldAction();
    boldAction.putValue(Action.NAME, "Bold");
    styleMenu.add(boldAction);

    Action italicAction = new ItalicAction();
    italicAction.putValue(Action.NAME, "Italic");
    styleMenu.add(italicAction);

    Action foregroundAction = new ForegroundAction();
    foregroundAction.putValue(Action.NAME, "Color");
    styleMenu.add(foregroundAction);

    Action formatTextAction = new FontAndSizeAction();
    formatTextAction.putValue(Action.NAME, "Font and Size");
    styleMenu.add(formatTextAction);

    menu.add(styleMenu);

    north.add(menu);
    frame.getContentPane().setLayout(new BorderLayout());
    frame.getContentPane().add(north, BorderLayout.NORTH);
    frame.getContentPane().add(scrollPane, BorderLayout.CENTER);
    frame.setSize(800, 500);
    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    frame.setVisible(true);
}

public static void main(String[] args) {
    new MNB();
}
}
class BoldAction extends StyledEditorKit.StyledTextAction {
private static final long serialVersionUID = 9174670038684056758L;

public BoldAction() {
    super("font-bold");
}

public String toString() {
    return "Bold";
}

public void actionPerformed(ActionEvent e) {
    JEditorPane editor = getEditor(e);
    if (editor != null) {
      StyledEditorKit kit = getStyledEditorKit(editor);
      MutableAttributeSet attr = kit.getInputAttributes();
      boolean bold = (StyleConstants.isBold(attr)) ? false : true;
      SimpleAttributeSet sas = new SimpleAttributeSet();
      StyleConstants.setBold(sas, bold);
      setCharacterAttributes(editor, sas, false);

    }
}
}

class ItalicAction extends StyledEditorKit.StyledTextAction {

private static final long serialVersionUID = -1428340091100055456L;

public ItalicAction() {
    super("font-italic");
}

public String toString() {
    return "Italic";
}

public void actionPerformed(ActionEvent e) {
    JEditorPane editor = getEditor(e);
    if (editor != null) {
      StyledEditorKit kit = getStyledEditorKit(editor);
      MutableAttributeSet attr = kit.getInputAttributes();
      boolean italic = (StyleConstants.isItalic(attr)) ? false : true;
      SimpleAttributeSet sas = new SimpleAttributeSet();
      StyleConstants.setItalic(sas, italic);
      setCharacterAttributes(editor, sas, false);
    }
}
}
class ForegroundAction extends StyledEditorKit.StyledTextAction {

private static final long serialVersionUID = 6384632651737400352L;

JColorChooser colorChooser = new JColorChooser();

JDialog dialog = new JDialog();

boolean noChange = false;

boolean cancelled = false;

public ForegroundAction() {
    super("foreground");

}

public void actionPerformed(ActionEvent e) {
    JTextPane editor = (JTextPane) getEditor(e);

    if (editor == null) {
      JOptionPane.showMessageDialog(null,
          "You need to select the editor pane before you can change the color.", "Error",
          JOptionPane.ERROR_MESSAGE);
      return;
    }
    int p0 = editor.getSelectionStart();
    StyledDocument doc = getStyledDocument(editor);
    Element paragraph = doc.getCharacterElement(p0);
    AttributeSet as = paragraph.getAttributes();
    fg = StyleConstants.getForeground(as);
    if (fg == null) {
      fg = Color.BLACK;
    }
    colorChooser.setColor(fg);

    JButton accept = new JButton("OK");
    accept.addActionListener(new ActionListener() {
      public void actionPerformed(ActionEvent ae) {
        fg = colorChooser.getColor();
        dialog.dispose();
      }
    });

    JButton cancel = new JButton("Cancel");
    cancel.addActionListener(new ActionListener() {
      public void actionPerformed(ActionEvent ae) {
        cancelled = true;
        dialog.dispose();
      }
    });

    JButton none = new JButton("None");
    none.addActionListener(new ActionListener() {
      public void actionPerformed(ActionEvent ae) {
        noChange = true;
        dialog.dispose();
      }
    });

    JPanel buttons = new JPanel();
    buttons.add(accept);
    buttons.add(none);
    buttons.add(cancel);

    dialog.getContentPane().setLayout(new BorderLayout());
    dialog.getContentPane().add(colorChooser, BorderLayout.CENTER);
    dialog.getContentPane().add(buttons, BorderLayout.SOUTH);
    dialog.setModal(true);
    dialog.pack();
    dialog.setVisible(true);

    if (!cancelled) {

      MutableAttributeSet attr = null;
      if (editor != null) {
        if (fg != null && !noChange) {
          attr = new SimpleAttributeSet();
          StyleConstants.setForeground(attr, fg);
          setCharacterAttributes(editor, attr, false);
        }
      }
    }// end if color != null
    noChange = false;
    cancelled = false;
}

private Color fg;
}

class FontAndSizeAction extends StyledEditorKit.StyledTextAction {

private static final long serialVersionUID = 584531387732416339L;

private String family;

private float fontSize;

JDialog formatText;

private boolean accept = false;

JComboBox fontFamilyChooser;

JComboBox fontSizeChooser;

public FontAndSizeAction() {
    super("Font and Size");
}

public String toString() {
    return "Font and Size";
}

public void actionPerformed(ActionEvent e) {
    JTextPane editor = (JTextPane) getEditor(e);
    int p0 = editor.getSelectionStart();
    StyledDocument doc = getStyledDocument(editor);
    Element paragraph = doc.getCharacterElement(p0);
    AttributeSet as = paragraph.getAttributes();

    family = StyleConstants.getFontFamily(as);
    fontSize = StyleConstants.getFontSize(as);

    formatText = new JDialog(new JFrame(), "Font and Size", true);
    formatText.getContentPane().setLayout(new BorderLayout());

    JPanel choosers = new JPanel();
    choosers.setLayout(new GridLayout(2, 1));

    JPanel fontFamilyPanel = new JPanel();
    fontFamilyPanel.add(new JLabel("Font"));

    GraphicsEnvironment ge = GraphicsEnvironment.getLocalGraphicsEnvironment();
    String[] fontNames = ge.getAvailableFontFamilyNames();

    fontFamilyChooser = new JComboBox();
    for (int i = 0; i < fontNames.length; i++) {
      fontFamilyChooser.addItem(fontNames[i]);
    }
    fontFamilyChooser.setSelectedItem(family);
    fontFamilyPanel.add(fontFamilyChooser);
    choosers.add(fontFamilyPanel);

    JPanel fontSizePanel = new JPanel();
    fontSizePanel.add(new JLabel("Size"));
    fontSizeChooser = new JComboBox();
    fontSizeChooser.setEditable(true);
    fontSizeChooser.addItem(new Float(4));
    fontSizeChooser.addItem(new Float(8));
    fontSizeChooser.addItem(new Float(12));
    fontSizeChooser.addItem(new Float(16));
    fontSizeChooser.addItem(new Float(20));
    fontSizeChooser.addItem(new Float(24));
    fontSizeChooser.setSelectedItem(new Float(fontSize));
    fontSizePanel.add(fontSizeChooser);
    choosers.add(fontSizePanel);

    JButton ok = new JButton("OK");
    ok.addActionListener(new ActionListener() {
      public void actionPerformed(ActionEvent ae) {
        accept = true;
        formatText.dispose();
        family = (String) fontFamilyChooser.getSelectedItem();
        fontSize = Float.parseFloat(fontSizeChooser.getSelectedItem().toString());
      }
    });

    JButton cancel = new JButton("Cancel");
    cancel.addActionListener(new ActionListener() {
      public void actionPerformed(ActionEvent ae) {
        formatText.dispose();
      }
    });

    JPanel buttons = new JPanel();
    buttons.add(ok);
    buttons.add(cancel);
    formatText.getContentPane().add(choosers, BorderLayout.CENTER);
    formatText.getContentPane().add(buttons, BorderLayout.SOUTH);
    formatText.pack();
    formatText.setVisible(true);

    MutableAttributeSet attr = null;
    if (editor != null && accept) {
      attr = new SimpleAttributeSet();
      StyleConstants.setFontFamily(attr, family);
      StyleConstants.setFontSize(attr, (int) fontSize);
      setCharacterAttributes(editor, attr, false);
    }

}
}

Create a trey icon with java

2009-10-22T07:29:00.001-07:00

/*
* Copyright (c) 1995 - 2008 Sun Microsystems, Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
*
*   - Redistributions of source code must retain the above copyright
*     notice, this list of conditions and the following disclaimer.
*
*   - Redistributions in binary form must reproduce the above copyright
*     notice, this list of conditions and the following disclaimer in the
*     documentation and/or other materials provided with the distribution.
*
*   - Neither the name of Sun Microsystems nor the names of its
*     contributors may be used to endorse or promote products derived
*     from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS
* IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
* THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
* PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR
* CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
* PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
* PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
* LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
* SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/

package misc;
/*
* TrayIconDemo.java
*/

import java.awt.*;
import java.awt.event.*;
import java.net.URL;
import javax.swing.*;

public class CMG {
    public static void main(String[] args) {
        /* Use an appropriate Look and Feel */
        try {
            UIManager.setLookAndFeel("com.sun.java.swing.plaf.windows.WindowsLookAndFeel");
            //UIManager.setLookAndFeel("javax.swing.plaf.metal.MetalLookAndFeel");
        } catch (UnsupportedLookAndFeelException ex) {
            ex.printStackTrace();
        } catch (IllegalAccessException ex) {
            ex.printStackTrace();
        } catch (InstantiationException ex) {
            ex.printStackTrace();
        } catch (ClassNotFoundException ex) {
            ex.printStackTrace();
        }
        /* Turn off metal's use of bold fonts */
        UIManager.put("swing.boldMetal", Boolean.FALSE);
        //Schedule a job for the event-dispatching thread:
        //adding TrayIcon.
        SwingUtilities.invokeLater(new Runnable() {
            public void run() {
                createAndShowGUI();
            }
        });
    }

    private static void createAndShowGUI() {
        //Check the SystemTray support
        if (!SystemTray.isSupported()) {
            System.out.println("SystemTray is not supported");
            return;
        }
        final PopupMenu popup = new PopupMenu();
        final TrayIcon trayIcon =
                new TrayIcon(createImage("images/bulb.gif", "tray icon"));
        final SystemTray tray = SystemTray.getSystemTray();

        // Create a popup menu components
        MenuItem aboutItem = new MenuItem("About");
        CheckboxMenuItem cb1 = new CheckboxMenuItem("Set auto size");
        CheckboxMenuItem cb2 = new CheckboxMenuItem("Set tooltip");
        Menu displayMenu = new Menu("Display");
        MenuItem errorItem = new MenuItem("Error");
        MenuItem warningItem = new MenuItem("Warning");
        MenuItem infoItem = new MenuItem("Info");
        MenuItem noneItem = new MenuItem("None");
        MenuItem exitItem = new MenuItem("Exit");

        //Add components to popup menu
        popup.add(aboutItem);
        popup.addSeparator();
        popup.add(cb1);
        popup.add(cb2);
        popup.addSeparator();
        popup.add(displayMenu);
        displayMenu.add(errorItem);
        displayMenu.add(warningItem);
        displayMenu.add(infoItem);
        displayMenu.add(noneItem);
        popup.add(exitItem);

        trayIcon.setPopupMenu(popup);

        try {
            tray.add(trayIcon);
        } catch (AWTException e) {
            System.out.println("TrayIcon could not be added.");
            return;
        }

        trayIcon.addActionListener(new ActionListener() {
            public void actionPerformed(ActionEvent e) {
                JOptionPane.showMessageDialog(null,
                        "This dialog box is run from System Tray");
            }
        });

        aboutItem.addActionListener(new ActionListener() {
            public void actionPerformed(ActionEvent e) {
                JOptionPane.showMessageDialog(null,
                        "This dialog box is run from the About menu item");
            }
        });

        cb1.addItemListener(new ItemListener() {
            public void itemStateChanged(ItemEvent e) {
                int cb1Id = e.getStateChange();
                if (cb1Id == ItemEvent.SELECTED){
                    trayIcon.setImageAutoSize(true);
                } else {
                    trayIcon.setImageAutoSize(false);
                }
            }
        });

        cb2.addItemListener(new ItemListener() {
            public void itemStateChanged(ItemEvent e) {
                int cb2Id = e.getStateChange();
                if (cb2Id == ItemEvent.SELECTED){
                    trayIcon.setToolTip("Sun TrayIcon");
                } else {
                    trayIcon.setToolTip(null);
                }
            }
        });

        ActionListener listener = new ActionListener() {
            public void actionPerformed(ActionEvent e) {
                MenuItem item = (MenuItem)e.getSource();
                //TrayIcon.MessageType type = null;
                System.out.println(item.getLabel());
                if ("Error".equals(item.getLabel())) {
                    //type = TrayIcon.MessageType.ERROR;
                    trayIcon.displayMessage("Sun TrayIcon Demo",
                            "This is an error message", TrayIcon.MessageType.ERROR);

                } else if ("Warning".equals(item.getLabel())) {
                    //type = TrayIcon.MessageType.WARNING;
                    trayIcon.displayMessage("Sun TrayIcon Demo",
                            "This is a warning message", TrayIcon.MessageType.WARNING);

                } else if ("Info".equals(item.getLabel())) {
                    //type = TrayIcon.MessageType.INFO;
                    trayIcon.displayMessage("Sun TrayIcon Demo",
                            "This is an info message", TrayIcon.MessageType.INFO);

                } else if ("None".equals(item.getLabel())) {
                    //type = TrayIcon.MessageType.NONE;
                    trayIcon.displayMessage("Sun TrayIcon Demo",
                            "This is an ordinary message", TrayIcon.MessageType.NONE);
                }
            }
        };

        errorItem.addActionListener(listener);
        warningItem.addActionListener(listener);
        infoItem.addActionListener(listener);
        noneItem.addActionListener(listener);

        exitItem.addActionListener(new ActionListener() {
            public void actionPerformed(ActionEvent e) {
                tray.remove(trayIcon);
                System.exit(0);
            }
        });
    }

    //Obtain the image URL
    protected static Image createImage(String path, String description) {
        URL imageURL = CMG.class.getResource(path);

        if (imageURL == null) {
            System.err.println("Resource not found: " + path);
            return null;
        } else {
            return (new ImageIcon(imageURL, description)).getImage();
        }
    }
}

301 redirection on apache server

2009-10-22T05:39:00.000-07:00

This is how to a simple 301 redirection, it is better to use htaccess for this, create a text file, name it '.htaccess' without the quotes, place the file in your root folder and add the following line to it:

redirect 301 /oldpage.htm http://www.domain.com/newpage
replace oldpage.htm with your old page name and domain.com with your domain

This can be used to add the www to the url if not enetered by the client

Options +FollowSymLinks
RewriteEngine on
RewriteCond %{HTTP_HOST} ^mysite.com [NC]
RewriteRule ^(.*)$ http://www.mysite.com/$1 [L,R=301]

simple java introduction - desktop application

2009-10-22T05:16:00.000-07:00

This is a simple intro to java, taken from http://java.sun.com/docs/books/tutorial/uiswing/examples/misc/index.html
package misc;

import javax.swing.AbstractAction;
import javax.swing.Action;

import javax.swing.JToolBar;
import javax.swing.JButton;
import javax.swing.ImageIcon;

import javax.swing.JMenuItem;
import javax.swing.JCheckBoxMenuItem;
import javax.swing.JMenu;
import javax.swing.JMenuBar;

import javax.swing.JFrame;
import javax.swing.JTextArea;
import javax.swing.JScrollPane;
import javax.swing.JPanel;

import java.awt.*;
import java.awt.event.*;

public class ActionDemo extends JPanel
                        implements ItemListener {
    protected JTextArea textArea;
    protected String newline = "\n";
    protected Action leftAction, middleAction, rightAction;
    protected JCheckBoxMenuItem[] cbmi;

    public ActionDemo() {
        super(new BorderLayout());

        //Create a scrolled text area.
        textArea = new JTextArea(5, 30);
        textArea.setEditable(false);
        JScrollPane scrollPane = new JScrollPane(textArea);

        //Lay out the content pane.
        setPreferredSize(new Dimension(450, 150));
        add(scrollPane, BorderLayout.CENTER);

        //Create the actions shared by the toolbar and menu.
        leftAction =   new LeftAction( "Go left",
                                        createNavigationIcon("Back24"),
                                        "This is the left button.",
                                        new Integer(KeyEvent.VK_L));
        middleAction = new MiddleAction("Do something",
                                        createNavigationIcon("Up24"),
                                        "This is the middle button.",
                                        new Integer(KeyEvent.VK_M));
        rightAction = new RightAction( "Go right",
                                        createNavigationIcon("Forward24"),
                                        "This is the right button.",
                                        new Integer(KeyEvent.VK_R));
    }

    /** Returns an ImageIcon, or null if the path was invalid. */
    protected static ImageIcon createNavigationIcon(String imageName) {
        String imgLocation = "toolbarButtonGraphics/navigation/"
                             + imageName
                             + ".gif";
        java.net.URL imageURL = ActionDemo.class.getResource(imgLocation);

        if (imageURL == null) {
            System.err.println("Resource not found: "
                               + imgLocation);
            return null;
        } else {
            return new ImageIcon(imageURL);
        }
    }

    public JMenuBar createMenuBar() {
        JMenuItem menuItem = null;
        JMenuBar menuBar;

        //Create the menu bar.
        menuBar = new JMenuBar();

        //Create the first menu.
        JMenu mainMenu = new JMenu("Menu");

        Action[] actions = {leftAction, middleAction, rightAction};
        for (int i = 0; i < actions.length; i++) {
            menuItem = new JMenuItem(actions[i]);
            menuItem.setIcon(null); //arbitrarily chose not to use icon
            mainMenu.add(menuItem);
        }

        //Set up the menu bar.
        menuBar.add(mainMenu);
        menuBar.add(createAbleMenu());
        return menuBar;
    }

    public void createToolBar() {
        JButton button = null;

        //Create the toolbar.
        JToolBar toolBar = new JToolBar();
        add(toolBar, BorderLayout.PAGE_START);

        //first button
        button = new JButton(leftAction);
        if (button.getIcon() != null) {
            button.setText(""); //an icon-only button
        }
        toolBar.add(button);

        //second button
        button = new JButton(middleAction);
        if (button.getIcon() != null) {
            button.setText(""); //an icon-only button
        }
        toolBar.add(button);

        //third button
        button = new JButton(rightAction);
        if (button.getIcon() != null) {
            button.setText(""); //an icon-only button
        }
        toolBar.add(button);
    }

    protected JMenu createAbleMenu() {
        JMenu ableMenu = new JMenu("Action State");
        cbmi = new JCheckBoxMenuItem[3];

        cbmi[0] = new JCheckBoxMenuItem("First action enabled");
        cbmi[1] = new JCheckBoxMenuItem("Second action enabled");
        cbmi[2] = new JCheckBoxMenuItem("Third action enabled");

        for (int i = 0; i < cbmi.length; i++) {
            cbmi[i].setSelected(true);
            cbmi[i].addItemListener(this);
            ableMenu.add(cbmi[i]);
        }

        return ableMenu;
    }

    public void itemStateChanged(ItemEvent e) {
        JCheckBoxMenuItem mi = (JCheckBoxMenuItem)(e.getSource());
        boolean selected =
            (e.getStateChange() == ItemEvent.SELECTED);

        //Set the enabled state of the appropriate Action.
        if (mi == cbmi[0]) {
            leftAction.setEnabled(selected);
        } else if (mi == cbmi[1]) {
            middleAction.setEnabled(selected);
        } else if (mi == cbmi[2]) {
            rightAction.setEnabled(selected);
        }
    }

    public void displayResult(String actionDescription,
                                 ActionEvent e) {
        String s = ("Action event detected: "
                  + actionDescription
                  + newline
                  + "    Event source: " + e.getSource()
                  + newline);
        textArea.append(s);
    }

    public class LeftAction extends AbstractAction {
        public LeftAction(String text, ImageIcon icon,
                          String desc, Integer mnemonic) {
            super(text, icon);
            putValue(SHORT_DESCRIPTION, desc);
            putValue(MNEMONIC_KEY, mnemonic);
        }
        public void actionPerformed(ActionEvent e) {
            displayResult("Action for first button/menu item", e);
        }
    }

    public class MiddleAction extends AbstractAction {
        public MiddleAction(String text, ImageIcon icon,
                            String desc, Integer mnemonic) {
            super(text, icon);
            putValue(SHORT_DESCRIPTION, desc);
            putValue(MNEMONIC_KEY, mnemonic);
        }
        public void actionPerformed(ActionEvent e) {
            displayResult("Action for second button/menu item", e);
        }
    }

    public class RightAction extends AbstractAction {
        public RightAction(String text, ImageIcon icon,
                           String desc, Integer mnemonic) {
            super(text, icon);
            putValue(SHORT_DESCRIPTION, desc);
            putValue(MNEMONIC_KEY, mnemonic);
        }
        public void actionPerformed(ActionEvent e) {
            displayResult("Action for third button/menu item", e);
        }
    }

    /**
     * Create the GUI and show it. For thread safety,
     * this method should be invoked from the
     * event-dispatching thread.
     */
    private static void createAndShowGUI() {
        //Create and set up the window.
        JFrame frame = new JFrame("ActionDemo");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

        //Create/set menu bar and content pane.
        ActionDemo demo = new ActionDemo();
        frame.setJMenuBar(demo.createMenuBar());
        demo.createToolBar();
        demo.setOpaque(true); //content panes must be opaque
        frame.setContentPane(demo);

        //Display the window.
        frame.pack();
        frame.setVisible(true);
    }

    public static void main(String[] args) {
        //Schedule a job for the event-dispatching thread:
        //creating and showing this application's GUI.
        javax.swing.SwingUtilities.invokeLater(new Runnable() {
            public void run() {
                createAndShowGUI();
            }
        });
    }
}

adding a new record to sql server from asp.net using vb.net

2009-10-20T02:29:00.000-07:00

The @first, @second are references to the text boxes we take the data from to insert

Imports System.Data

Imports System.Data.SqlClient

Partial Class Testaspnet
    Inherits System.Web.UI.Page
    Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
        Dim DBConn As New SqlConnection("Data Source=RACHID\MYRACHID1;Initial Catalog=TELE;Integrated Security=True")
        Dim DBCmd As New SqlCommand
        Dim DBAdap As New SqlDataAdapter

        Dim DS As New DataSet

        DBConn.Open()

        Try

            'Add Insert Statement
            DBCmd = New SqlCommand("INSERT INTO TELETAB1 (name,age) VALUES (@first, @second)", DBConn)
            'Add Database Parameters
            DBCmd.Parameters.Add("@first", SqlDbType.NVarChar).Value = txt1.Text
            DBCmd.Parameters.Add("@second", SqlDbType.NChar).Value = txt2.Text
            DBCmd.ExecuteNonQuery()

            Response.Write("Your Record is Updated ")

            'Set the value of DataAdapter

            DBAdap = New SqlDataAdapter("SELECT * FROM TELETAB1", DBConn)

            'Fill the DataSet

            DBAdap.Fill(DS)

            'Bind with GridView control and Display the Record

            GridView1.DataSource = DS

            GridView1.DataBind()

        Catch exp As Exception

            Response.Write(exp)

        End Try

        DBCmd.Dispose()

        DBAdap.Dispose()

        DBConn.Close()

        DBConn = Nothing
    End Sub

    Protected Sub Button2_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button2.Click

    End Sub
End Class

.Net topics

2009-10-20T02:26:00.000-07:00

adding new record to sql server from ASP.net using VB.net

MySQL topics

2009-10-19T17:15:00.000-07:00

Change root password for MySQL
Back up and restore MySQL with dump

change root password for mysql

2009-10-19T17:14:00.002-07:00

UPDATE mysql.user SET Password=PASSWORD('MyNewPass') WHERE User='root';
FLUSH PRIVILEGES;

java topics

2009-10-19T17:00:00.001-07:00

java connect to mysql
simple java introduction - desktop application
create a trey icon with java
java simple editor

java connect to mysql

2009-10-19T16:58:00.000-07:00

The code below will connect to mysql from java:
For the code to work you must add jdbc driver to the netbeans project, go to libraries, right click, click mysql jdbc driver, open com.mysql.jdbc, scroll to driver.class and add it.

import java.sql.*;

public class Jdbc10 {
public static void main(String args[]){
    System.out.println(
                  "Copyright 2004, R.G.Baldwin");
    try {
      Statement stmt;
      ResultSet rs;

      //Register the JDBC driver for MySQL.
      Class.forName("com.mysql.jdbc.Driver");

      //Define URL of database server for
      // database named JunkDB on the localhost
      // with the default port number 3306.
      String url =
            "jdbc:mysql://localhost:3306/JunkDB";

      //Get a connection to the database for a
      // user named auser with the password
      // drowssap, which is password spelled
      // backwards.
      Connection con =
                     DriverManager.getConnection(
                        url,"auser", "drowssap");

      //Display URL and connection information
      System.out.println("URL: " + url);
      System.out.println("Connection: " + con);

      //Get a Statement object
      stmt = con.createStatement();

      //As a precaution, delete myTable if it
      // already exists as residue from a
      // previous run. Otherwise, if the table
      // already exists and an attempt is made
      // to create it, an exception will be
      // thrown.
      try{
        stmt.executeUpdate("DROP TABLE myTable");
      }catch(Exception e){
        System.out.print(e);
        System.out.println(
                  "No existing table to delete");
      }//end catch

      //Create a table in the database named
      // myTable.
      stmt.executeUpdate(
            "CREATE TABLE myTable(test_id int," +
                  "test_val char(15) not null)");

      //Insert some values into the table
      stmt.executeUpdate(
                "INSERT INTO myTable(test_id, " +
                    "test_val) VALUES(1,'One')");
      stmt.executeUpdate(
                "INSERT INTO myTable(test_id, " +
                    "test_val) VALUES(2,'Two')");
      stmt.executeUpdate(
                "INSERT INTO myTable(test_id, " +
                  "test_val) VALUES(3,'Three')");
      stmt.executeUpdate(
                "INSERT INTO myTable(test_id, " +
                   "test_val) VALUES(4,'Four')");
      stmt.executeUpdate(
                "INSERT INTO myTable(test_id, " +
                   "test_val) VALUES(5,'Five')");

      //Get another statement object initialized
      // as shown.
      stmt = con.createStatement(
               ResultSet.TYPE_SCROLL_INSENSITIVE,
                     ResultSet.CONCUR_READ_ONLY);

      //Query the database, storing the result
      // in an object of type ResultSet
      rs = stmt.executeQuery("SELECT * " +
                "from myTable ORDER BY test_id");

      //Use the methods of class ResultSet in a
      // loop to display all of the data in the
      // database.
      System.out.println("Display all results:");
      while(rs.next()){
        int theInt= rs.getInt("test_id");
        String str = rs.getString("test_val");
        System.out.println("\ttest_id= " + theInt
                             + "\tstr = " + str);
      }//end while loop

      //Display the data in a specific row using
      // the rs.absolute method.
      System.out.println(
                        "Display row number 2:");
      if( rs.absolute(2) ){
        int theInt= rs.getInt("test_id");
        String str = rs.getString("test_val");
        System.out.println("\ttest_id= " + theInt
                             + "\tstr = " + str);
      }//end if

      //Delete the table and close the connection
      // to the database
      stmt.executeUpdate("DROP TABLE myTable");
      con.close();
    }catch( Exception e ) {
      e.printStackTrace();
    }//end catch
}//end main
}//end class Jdbc10

This is a very good reference
http://www.developer.com/java/data/article.php/3417381/Using-JDBC-with-MySQL-Getting-Started.htm

Show all in a JTable:

import java.sql.*;
import java.util.Vector;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JTable;

public class Main {
public static void main(String args[]){
       JFrame frame = new JFrame();
       JPanel panel = new JPanel();
       frame.add(panel);
       frame.setSize(800, 500);
       frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
       frame.setVisible(true);

    try {
      Statement stmt;
      ResultSet rs;

     Class.forName("com.mysql.jdbc.Driver");
     String url =
            "jdbc:mysql://localhost:3306/craig";
      Connection con =
                     DriverManager.getConnection(
                        url,"root", "sd4878");

      stmt = con.createStatement();

      stmt = con.createStatement(
               ResultSet.TYPE_SCROLL_INSENSITIVE,
                     ResultSet.CONCUR_READ_ONLY);

      rs = stmt.executeQuery("SELECT * " + "from myTable ORDER BY test_id");

      ResultSetMetaData md = rs.getMetaData();
      int columnCount = md.getColumnCount();
      Vector columns = new Vector(columnCount);

      for(int i=1; i<=columnCount; i++){
      columns.add(md.getColumnName(i));
      }
      Vector data = new Vector();
      Vector row;

      while(rs.next()){
      row = new Vector(columnCount);
        for(int i=1; i<=columnCount; i++)
        {
        row.add(rs.getString(i));
        }
        data.add(row);
        }
       JTable table = new JTable(data, columns);
       panel.add(table);
       panel.revalidate();

      con.close();
    }catch( Exception e ) {
      e.printStackTrace();
    }
}
}

Apache server topics

2009-09-28T15:59:00.001-07:00

set up multiple web sites with apache
301 redirection on apache server

Google wave...I wonder

2009-09-25T16:55:00.000-07:00

Very impressive indeed, I do get the idea of course, a lot of possibilities, new ways to do things..etc, the new google wave looks as impressive as it sounds, nobody doubts it is going to be a success, open source technologies are always welcome, especially that we have very little of them from google, (I mean open source code not free application), if so, it is going to open a window to google programming style, and the way they do things, very welcome, I can not wait to start playing with it

email me

2009-09-25T13:51:00.000-07:00

Name:

Email:

Message:

code

2009-09-24T15:31:00.000-07:00

A more complete javascript editor tutorial

2009-09-21T07:03:00.000-07:00

This is the code behind the editor, 5 kb of javascript, include the essential functions for a javascript editor
<style>
#linkbox{position:absolute;display:none;BORDER-RIGHT: 10px solid; PADDING-RIGHT: 0px; BORDER-TOP: 10px solid; PADDING-LEFT: 10px; LEFT: 0px; PADDING-BOTTOM: 10px; BORDER-LEFT: 10px solid; WIDTH: 280px; PADDING-TOP: 10px; BORDER-BOTTOM: 10px solid; BACKGROUND-COLOR: white;left:100px;top:100px}
#imagebox{position:absolute;display:none;BORDER-RIGHT: 10px solid; PADDING-RIGHT: 0px; BORDER-TOP: 10px solid; PADDING-LEFT: 10px; LEFT: 0px; PADDING-BOTTOM: 10px; BORDER-LEFT: 10px solid; WIDTH: 280px; PADDING-TOP: 10px; BORDER-BOTTOM: 10px solid; BACKGROUND-COLOR: white;TOP: 100px; LEFT: 100px}
input{ MARGIN-BOTTOM: 3px;}
#iframe_holder{position:relative}
</style>

<script language="javascript">
var range
var stored_type
var stored_range
var stored_content
function $(id){return document.getElementById(id)}
function dgcd(){return document.getElementById('iView').contentWindow.document}

function activate_iframe(){dgcd().designMode="on";
if(document.selection){
dgcd().onmouseup=function(){write_tree()}
dgcd().onkeyup=function(){write_tree()}
}else{dgcd().addEventListener('mouseup', function (e){write_tree()},true);}}

function format_text(type){dgcd().execCommand(type, false, null) }
function open_link(){
$('linkbox').style.display='block'
$('iframe_holder').appendChild($('linkbox'))
$('linkbox').style.left=$('iView').offsetLeft+100
$('linkbox').style.top=$('iView').offsetTop+100
}
function open_image(){
$('imagebox').style.display='block'
$('iframe_holder').appendChild($('imagebox'))
$('imagebox').style.left=$('iView').offsetLeft+100
$('imagebox').style.top=$('iView').offsetTop+100
}
function close_link(){$('linkbox').style.display='none'}
function close_image(){$('imagebox').style.display='none'}

function write_tree(){
$("link").value=''
$("link_title").value=''
$("image").value=''
$("image_alt").value=''
if(document.selection){//IE
range = dgcd().selection.createRange();
//------------------------------------------------
if(dgcd().selection.type!="Control"){
$("tree").innerHTML=range.parentElement().tagName
if(range.parentElement().tagName=="A"){
$("link").value=range.parentElement().href
$("link_title").value=range.parentElement().title
}
}else {
$("tree").innerHTML=range.item(0).tagName
if(range.item(0).parentElement.href){$("link").value=range.item(0).parentElement.href
$("link_title").value=range.item(0).parentElement.title

}
if(range.item(0).src){$("image").value=range.item(0).src
$("image_alt").value=range.item(0).alt
}
}
stored_range=range//store the range to use it even when lost selection
stored_type = dgcd().selection.type//store the type for later use
//----------------------mozilla--------------------------
}else{
selObj = $("iView").contentWindow.getSelection();
$("tree").innerHTML=selObj.focusNode.parentNode.nodeName

if(selObj.focusNode.parentNode.nodeName=="A"){$("link").value=selObj.focusNode.parentNode.href
$("link_title").value=selObj.focusNode.parentNode.title
//open_link()
//$('linkbox').style.left=selObj.focusNode.parentNode.offsetLeft+10+'px'
//$('linkbox').style.top=selObj.focusNode.parentNode.offsetTop+40+'px'
}else{close_link()}
if(selObj.focusNode.nodeName=="A"){document.getElementById("link").value=selObj.focusNode.href
document.getElementById("link_title").value=selObj.focusNode.title
//open_link()
//$('linkbox').style.left=selObj.focusNode.parentNode.offsetLeft+10+'px'
//$('linkbox').style.top=selObj.focusNode.parentNode.offsetTop+40+'px'
}//or add ,open_link() here

var selRange = selObj.getRangeAt(0);
documentFragment = selRange.cloneContents();
var div = document.createElement("div");
div.appendChild(documentFragment);
$("image").value=div.childNodes[0].src
$("image_alt").value=div.childNodes[0].alt
if(div.childNodes[0].tagName=='IMG'){
$("tree").innerHTML=div.childNodes[0].tagName}

stored_type = div.childNodes[0].tagName//store the type for later use
stored_content=div.innerHTML//store the content of the selection for later use
}}
//----------------------------- mozilla link--------------

function mozilla_insert_link(){
if(selObj=='' && selObj.focusNode.parentNode.nodeName!="A"){close_link()}

if(selObj=='' && selObj.focusNode.parentNode.nodeName=="A"){
thenode = selObj.anchorNode.parentNode
range = document.createRange();
range.selectNode(thenode);
selObj.addRange(range);
HTML="<a href="+$('link').value+" title="+$("link_title").value+">"+selObj+"</a>"
dgcd().execCommand("inserthtml", false, HTML);
close_link()
}
if(selObj!=''){
HTML="<a href="+$('link').value+" title="+$("link_title").value+">"+selObj+"</a>"
dgcd().execCommand("inserthtml", false, HTML);
close_link()
}
if(stored_type=='IMG'){
HTML="<a href="+$('link').value+" title="+$("link_title").value+">"+stored_content+"</a>"
dgcd().execCommand("inserthtml", false, HTML);
close_link()
}
}
//--------------------------------IE link
function IE_insert_link(){
dgcd().body.focus();

if(stored_type!='Control'){
if(range.htmlText==''){close_link()}

if(range.htmlText=='' && range.parentElement().tagName=="A"){
range.parentElement().href=$("link").value
range.parentElement().title=$("link_title").value
close_link()
}
if(range!=''){
stored_range.select()
dgcd().execCommand('createLink',false,$("link").value)
stored_range.parentElement().title=$("link_title").value
close_link()
}
}else{
stored_range.select()
dgcd().execCommand('createLink',false,$("link").value)
stored_range.item(0).parentElement.title=$("link_title").value
close_link()
}
}
//-------------------insert link
function insert_link(){
if(document.selection){
if(range || stored_range){IE_insert_link()}else{close_link()}
}else{
mozilla_insert_link()
}
}
//----insert image
function insert_image(){
if(document.selection){
if(range || stored_range){IE_insert_image()}else{close_image()}
}else{
mozilla_insert_image()
}
}

function IE_insert_image(){
stored_range.select()
dgcd().execCommand('insertImage',false,$("image").value)
range = dgcd().selection.createRange();
range.item(0).alt=$("image_alt").value
stored_range=range
close_image()
}

function mozilla_insert_image(){
//dgcd().execCommand('insertImage',false,$("image").value)
HTML="<img src="+$('image').value+" alt="+$("image_alt").value+">"
dgcd().execCommand("inserthtml", false, HTML);
close_image()
}
function alert_link(){
alert(dgcd().body.innerHTML)
}

window.onload = activate_iframe;
</script>

<input class="UI_button" id="Button1" onclick="format_text('bold')" type="button" value="bold" /><input class="UI_button" id="Button2" onclick="format_text('italic')" type="button" value="italic" /><input class="UI_button" id="Button3" onclick="format_text('underline')" type="button" value="underline" /><input class="UI_button" id="Button3" onclick="open_link()" type="button" value="link" /><input class="UI_button" id="thtml" onclick="alert_link()" type="button" value="html" /><input class="UI_button" onclick="open_image()" type="button" value="image" />
<div id="linkbox">
<input id="link" size="33" style="height: 22px; width: 268px;" />
<input id="link_title" size="33" style="height: 22px; width: 268px;" />
<input class="UI_button" onclick="insert_link()" type="button" value="insert link" /><input class="UI_button" onclick="close_link()" type="button" value="close" />

</div>
<div id="imagebox">
<input id="image" size="33" style="height: 22px; width: 268px;" value="Image URL" /><input id="image_alt" size="33" style="height: 22px; width: 268px;" value="Image description" />
<input class="UI_button" id="button1" name="button1" onclick="insert_image()" type="button" value="add image" /><input class="UI_button" onclick="close_image()" type="button" value="close" />

</div>
<div id="iframe_holder">
<iframe frameborder="0" id="iView" style="border: 10px solid; height: 320px; left: 350px; top: 133px; width: 596px;"></iframe>
<div id="tree">
</div>
</div>

javascript topics

2009-09-20T18:01:00.001-07:00

How to build a rich text editor for your web sites (simple)
How to build a rich text editor for your web sites (more complex)

How to dynamically create element with javascript

2009-09-11T23:56:00.000-07:00

This is how to dynamically create an elementwith javascript:
<script>
newEl = document.createElement('div') //creates a div element
newEl.setAttribute('id','newlayer') // set the attribute id for the created element to 'newlayer', any other attribute can be set that way
document.body.appentChild(newEl)
</script>

About me

2009-09-01T06:31:00.000-07:00

Name: Rachid Toualbi
Occupation: Software engineering

Ok, you know by now I am no designer, this blog is mostly a lab for my javascript experiments, also so I can find my code next time I look for, but it is also a place for every one looking for bits of code for any purpose.

How to create templates for joomla

2009-01-01T09:36:00.000-08:00

Joomla is one of the most popular free content management systems in the world, used by hundreds of thousants of web sites, joomla is excelent for small to medium web sites, can be used for much bigger websites and has a lot of extansions from URL rewriters to SEO, forums...etc
You can visit joomla's site here: http://www.joomla.org
Lets see now how to build a basic template for joomla.

Here is a simple page in HTML, just a normal web page:

<body>
<div id=container>
<div id=header></div>
<div id=top></div>
<div id=left></div>
<div id=content></div>
<div id=footer></div>
<br clear="all">
</div>
</body>

To add Joomla content to this web page the elements to add look like that:

How to add web sites to Apache server?

2009-01-01T00:00:00.000-08:00

Adding new websites to apache server is a straight forward process, find your httpd.conf file, this will be in the instalation folder of Apache, in my case "C:\Program Files\Apache Software Foundation\Apache2.2\conf",
open the file with with a text editor and add the following, replace DocumentRoot with the path of the web site targeted:

NameVirtualHost *:80

<VirtualHost *:80>
DocumentRoot "C:/Program Files/Apache Software Foundation/Apache2.2/htdocs/siteName1"
ServerName siteName1.com
</VirtualHost>

<VirtualHost *:80>
DocumentRoot "C:/Program Files/Apache Software Foundation/Apache2.2/htdocs/siteName2"
ServerName siteName2.com

</VirtualHost>

A complete reference of the hosting options you have can be founf here in Apache web site:
http://httpd.apache.org/docs/2.0/vhosts/examples.html

Eanjoy