Hello, I went a step forward and created the below patch which will do this, against PWC 1.0 release. The javascript part is OK.
But the css code works in FF, but the left/right arrows are not
exactly center aligned in IE7, because it seems IE7 does not properly
renders the dialog "class".
Any comments + suggestions to improve this patch are welcome.
Thanks,
Surendra
Index: public/javascripts/window.js
===================================================================
--- public/javascripts/window.js (revision 1001)
+++ public/javascripts/window.js (working copy)
@@ -55,7 +55,8 @@
height: 300,
opacity: 1,
recenterAuto: true,
- wiredDrag: false
+ wiredDrag: false,
+ arrow: 'none'
}, arguments[1] || {});
if (this.options.effectOptions) {
@@ -556,12 +557,17 @@
else
content ="<div id=\"" + id + "_content\" class=\"" +className +
"_content\"> </div>";
+ var arrowDiv = "";
+ if(this.options.arrow != '' && this.options.arrow != 'none') {
+ arrowDiv = "<div class='" + className + "_arrow_" +
this.options.arrow +"'></div>";
+ }
+
var closeDiv = this.options.closable ? "<div class='"+ className
+"_close' id='"+ id +"_close' onclick='Windows.close(\""+ id +"\",
event)'> </div>" : "";
var minDiv = this.options.minimizable ? "<div class='"+ className
+ "_minimize' id='"+ id +"_minimize' onclick='Windows.minimize(\""+ id
+"\", event)'> </div>" : "";
var maxDiv = this.options.maximizable ? "<div class='"+ className
+ "_maximize' id='"+ id +"_maximize' onclick='Windows.maximize(\""+ id
+"\", event)'> </div>" : "";
var seAttributes = this.options.resizable ? "class='" + className
+ "_sizer' id='" + id + "_sizer'" : "class='" + className + "_se'";
- win.innerHTML = closeDiv + minDiv + maxDiv + "\
+ win.innerHTML = arrowDiv + closeDiv + minDiv + maxDiv + "\
<table id='"+ id +"_row1' class=\"top table_window\">\
<tr>\
<td class='"+ className +"_nw'> </td>\
Index: public/stylesheets/themes/alphacube.css
===================================================================
--- public/stylesheets/themes/alphacube.css (revision 1001)
+++ public/stylesheets/themes/alphacube.css (working copy)
@@ -147,4 +147,44 @@
opacity: 0.6;
}
+.alphacube_arrow_up {
+ position:absolute;
+ top:-24px;
+ left:50%;
+ margin-left:-23px; /* so that image is in center */
+ background: url(alphacube/arrow-up.png) no-repeat center;
+ width:45px;
+ height:29px;
+}
+.alphacube_arrow_down {
+ position:absolute;
+ top:100%;
+ left:50%;
+ margin-left:-23px; /* so that image is in center */
+ margin-top:-6px; /* so that image is moved up */
+ background: url(alphacube/arrow-down.png) no-repeat center;
+ width:45px;
+ height:29px;
+}
+
+.alphacube_arrow_left {
+ position:absolute;
+ top:50%;
+ left:-23px;
+ margin-top:-23px; /* so that image is in center */
+ background: url(alphacube/arrow-left.png) no-repeat center;
+ width:29px;
+ height:45px;
+}
+
+
+.alphacube_arrow_right {
+ position:absolute;
+ top:50%;
+ right:-23px;
+ margin-top:-23px; /* so that image is in center */
+ background: url(alphacube/arrow-right.png) no-repeat center;
+ width:29px;
+ height:45px;
+}
On 2/5/07, Surendra <[EMAIL PROTECTED]> wrote:
Hello Sébastien, On 2/3/07, Sébastien Gruhier <[EMAIL PROTECTED]> wrote: > You can do it easily with PWC. It's not a javascript question but a > design/css job. > Send a PNG,PSD... image and I will do it and add it to PWC if you want. Thanks. Attached please find the four png images. It will be great to have an arrow option in PWC with five possible values, top, left, right, bottom and none. The default can be the 'none'. Thanks once again, for this help. Cheers, -- Surendra Singhi
-- Surendra Singhi http://ssinghi.kreeti.com, http://www.kreeti.com
window.js.diff
Description: Binary data
alpha-cube.css.diff
Description: Binary data
_______________________________________________ Javawin mailing list [email protected] http://mail.xilinus.com/mailman/listinfo/javawin_xilinus.com
