Hallo!
Ich habe ein kleines Problem. Ich möchte gerne bewegliche Fenster haben, anstatt starre. Das Gerüst meiner Fenster habe ich bei gefügt.
Vielleicht kann mir jemand einen generellen oder speziellen Tipp geben, wie ich dass machen muss.
function boxDrawPop(width,title,content)
{
var sHTML = "" +
"<style>" +
" select{height: 22px; top:2; font:8pt verdana,arial,sans-serif}" +
" body {border:lightgrey 0px solid;background: #ece9d8;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=white, endColorstr=#e3e3e3);}" +
" td {font:8pt verdana,arial,sans-serif}" +
" .dropdown {cursor:hand}" +
" .bar{padding-left: 5px;border-top: #99ccff 1px solid; background: #004684;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#004684, endColorstr=#7189b7); WIDTH: 100%; border-bottom: #004684 1px solid;height: 20px}" +
" .bar2{border-top: #99ccff 1px solid; background: #004684;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#004684, endColorstr=#7189b7); WIDTH: 100%; border-bottom: #004684 1px solid;height: 20px}" +
" div { font:10pt tahoma,arial,sans-serif}" +
"</style>" +
"<body onload='' topmargin=0 leftmargin=0 rightmargin=0 bottommargin=0 onselectstart=\"return event.srcElement.tagName=='INPUT'\" oncontextmenu='return false'>" +
"<table border=0 cellpadding=0 cellspacing=0 style='table-layout: fixed' ID=tblPopup>" +
"<col width="+width+"><col width=13>" +
"<tr>" +
"<td>" +
" <div id='popup_BarArea' class=bar>" +
" <font size=2 face=tahoma color=white><b>"+title+"</b></font>" +
" </div>" +
"</td>" +
"<td style='cursor:hand' onclick=\"eval('parent.'+inpActiveEditor.value).boxHide()\">" +
" <div id='popup_BarArea_close' class=bar2>" +
" <font size=2 face=tahoma color=white><b>X</b></font>" +
" </div>" +
"</td>" +
"</tr>" +
"<tr>" +
"<td id='popup_ContentBorder' colspan=2 style='border-left: #336699 1px solid;border-right: #336699 1px solid;border-bottom: #336699 1px solid;' valign=top>" +
" <br>" +
" <div id=divPopup align=center>" + content +
" </div>" +
" <br>" +
"</td>" +
"</tr>" +
"</table>" +
"<input type=text style='display:none;' id='inpActiveEditor' name='inpActiveEditor' contentEditable=true>" +
"</body>";
return sHTML;
}
und so wird das Fenster aufgerufen
if(this.useForeColor && !document.getElementById("boxForecolor"))//boxForecolor
{
var objColor1 = new YusASPColor("objColor1");
sHTML = objColor1.drawColor +
"<table border=0 width=365 align=center cellpadding=0 cellspacing=0>" +
"<tr>" +
"<td align=right width=50%><INPUT type='button' onclick=\"eval('parent.'+inpActiveEditor.value).boxHide()\" value='Abbrechen'></td>" +
"<td width=50%><INPUT type='button' onclick=\"parent.applyForecolor(parent.boxForecolor.document.body.document.all."+objColor1.getElementColorText+".value)\" value=' OK '></td>" +
"</tr></table>";
sHTML = boxDrawPop(390,"Schriftfarbe",sHTML);
document.write("<iframe id=boxForecolor name=boxForecolor style='position: absolute; visibility: hidden; z-index: -1;width:1;height:1;'></iframe>");
boxForecolor.document.open("text/html","replace");
boxForecolor.document.write(sHTML);
boxForecolor.document.close();
}