window.open()

pencereRef = window.open( [adres] [, adi] [, ozellikler] );

<style type="text/css">
.Giris
{
    width:60px;
    border:solid 1px #707070;
}
</style>

<table border="2" rules="groups" cellpadding="0" cellspacing="0">
    <thead style="background-color:#606060; color:white;">
    <tr>
        <th colspan="2">Boyut ve Konum</th>
        <th>Araç Çubukları</th>
        <th>Genel</th>
    </tr>
    </thead>
    <tr>
        <td><input type="checkbox" id="ornekLeftSec"/><b>left</b></td>
        <td><input type="text" id="ornekLeftGiris" class="Giris" value="50"/> px</td>
        <td><input type="checkbox" id="ornekMenubarSec"/><b>menubar</b></td>
        <td><input type="checkbox" id="ornekCenterSec"/><b>centerscreen</b></td>
    </tr>
    <tr>
        <td><input type="checkbox" id="ornekTopSec"/><b>top</b></td>
        <td><input type="text" id="ornekTopGiris" class="Giris" value="50"/> px</td>
        <td><input type="checkbox" id="ornekToolbarSec"/><b>toolbar</b></td>
        <td><input type="checkbox" id="ornekResizableSec"/><b>resizable</b></td>
    </tr>
    <tr>
        <td><input type="checkbox" id="ornekHeightSec"/><b>height</b></td>
        <td><input type="text" id="ornekHeightGiris" class="Giris" value="200"/> px</td>
        <td><input type="checkbox" id="ornekLocationSec"/><b>location</b></td>
        <td><input type="checkbox" id="ornekScrollbarsSec"/><b>scrollbars</b></td>
    </tr>
    <tr>
        <td><input type="checkbox" id="ornekWidthSec"/><b>width</b></td>
        <td><input type="text" id="ornekWidthGiris" class="Giris" value="200"/> px</td>
        <td><input type="checkbox" id="ornekPersonalbarSec"/><b>personalbar</b></td>
        <td><input type="checkbox" id="ornekDependentSec"/><b>dependent</b></td>
    </tr>
    <tr>
        <td><input type="checkbox" id="ornekOHeightSec"/><b>outerHeight</b></td>
        <td><input type="text" id="ornekOHeightGiris" class="Giris" value="200"/> px</td>
        <td><input type="checkbox" id="ornekStatusSec"/><b>status</b></td>
        <td><input type="checkbox" id="ornekDialogSec"/><b>dialog</b></td>
    </tr>
    <tr>
        <td><input type="checkbox" id="ornekOWidthSec"/><b>outerWidth</b></td>
        <td><input type="text" id="ornekOWidthGiris" class="Giris" value="200"/> px</td>
        <td><input type="checkbox" id="ornekTitlebarSec"/><b>titlebar</b></td>
        <td><input type="checkbox" id="ornekMinimizableSec"/><b>minimizable</b></td>
    </tr>
    <tfoot>
        <tr>
            <td colspan="2">Adres : http://www.mynotlar.com</td>
            <td><select name="select" style="width:90%;" id="ornekAdSec">
              <option>_blank</option>
              <option>_parent</option>
              <option>_self</option>
              <option>_top</option>
              </select>
            </td>
            <td><input type="button" value="Pencere Aç" onClick="pencereAc()"/></td>
        </tr>
    </tfoot>    
</table>
<div id="bilgiKutu" style="font-size:9pt;"></div>

<script type="text/javascript">

var leftSec, topSec, heightSec, widthSec, oheightSec, owidthSec;
var meBarSec, toBarSec, loBarSec, peBarSec, stBarSec, tiBarSec;
var cenSec, resSec, scrSec, depSec, diaSec, minSec;

var adres = "http://www.mynotlar.com";

// getElem : getElementById metodunun kısaltması
var getElem = function(elemID) { return document.getElementById(elemID); }

// Tüm giriş alanlarını değişkenlere aktarırır.
function degerleriAl()
{
   leftSec = getElem('ornekLeftSec').checked;
   topSec = getElem('ornekTopSec').checked;
   heightSec = getElem('ornekHeightSec').checked;
   widthSec = getElem('ornekWidthSec').checked;
   oheightSec = getElem('ornekOHeightSec').checked;
   owidthSec = getElem('ornekOWidthSec').checked;
   
   meBarSec = getElem('ornekMenubarSec').checked;
   toBarSec = getElem('ornekToolbarSec').checked;
   loBarSec = getElem('ornekLocationSec').checked;
   peBarSec = getElem('ornekPersonalbarSec').checked;
   stBarSec = getElem('ornekStatusSec').checked;
   tiBarSec = getElem('ornekTitlebarSec').checked;
   
   cenSec = getElem('ornekCenterSec').checked;
   resSec = getElem('ornekResizableSec').checked;
   scrSec = getElem('ornekScrollbarsSec').checked;
   depSec = getElem('ornekDependentSec').checked;
   diaSec = getElem('ornekDialogSec').checked;
   minSec = getElem('ornekMinimizableSec').checked;
}

// Değişkenleri kontrol ederek özellikleri belirleyip window.open metodunu çağırır.
function pencereAc()
{
    degerleriAl();
    
    var winName = getElem('ornekAdSec').value;
    
    var ozellikler = "centerscreen=" + (cenSec ? "yes" : "no");
    ozellikler += ", resizable=" + (resSec ? "yes" : "no");
    ozellikler += ", scrollbars=" + (scrSec ? "yes" : "no");
    ozellikler += ", dependent=" + (depSec ? "yes" : "no");
    ozellikler += ", dialog=" + (diaSec ? "yes" : "no");
    ozellikler += ", minimizable=" + (minSec ? "yes" : "no");
    
    ozellikler += ", menubar=" + (meBarSec ? "yes" : "no");
    ozellikler += ", toolbar=" + (toBarSec ? "yes" : "no");
    ozellikler += ", location=" + (loBarSec ? "yes" : "no");
    ozellikler += ", personalbar=" + (peBarSec ? "yes" : "no");
    ozellikler += ", status=" + (stBarSec ? "yes" : "no");
    ozellikler += ", titlebar=" + (tiBarSec ? "yes" : "no");
    
    ozellikler += leftSec ? (", left=" + getElem('ornekLeftGiris').value) : "";
    ozellikler += topSec ? (", top=" + getElem('ornekTopGiris').value) : "";
    ozellikler += heightSec ? (", height=" + getElem('ornekHeightGiris').value) : "";
    ozellikler += widthSec ? (", width=" + getElem('ornekWidthGiris').value) : "";
    ozellikler += oheightSec ? (", outerHeight=" + getElem('ornekOHeightGiris').value) : "";
    ozellikler += owidthSec ? (", outerWidth=" + getElem('ornekOWidthGiris').value) : "";
    
    getElem('bilgiKutu').innerHTML = 'Çalıştırılan kod : window.open("' + 
                adres + '", "' + winName + '", "' + ozellikler + '");';
    
    window.open(adres, winName, ozellikler, "false");    
}
</script>