almulder

Just downloaded a new 5.0 version and did the PNG edit and added in the Style and same effect. here is a copy of what I just did. http://www.geocities.com/almulder/WPI.zip it does not fill back in.

same effect still happens when using a solid color background. Can you reproduce this problem? or is it something I might have did wrong?

I got the png working using this method http://www.msfn.org/board/index.php?showtopic=76356 and then turned on "Use Transitons" in the options wizard. It produced this effect with the PNG Click For Large Image But when not using "Use Transitons" the PNG looks fine But when not using the PNG fix and using the "Use Transitons" the PNG has the gray background again. And when not using the PNG fix and not using the "Use Transitons" the PNG has the gray background again. Any thought on how to fix this. - Albert

Not a whole lot to report this time. There will be a small delay in the production of the Theme Wizard, as I have to be moved out of my place by Saterday(Las Vegas, NV) and move to CA. Man moving sucks, been packing on and off for the past 2 weeks and now the time is comming to move. Also I have not been doing anywork on it the last few days, (only a little here or there) because yesterday I went in for sergery on my noes, man that hurts, good thing I have pain killers. Had a hard time breathing through my nose so they did some work on it so I can hpefully breath again. Well enoght rablaing on with me. Theme wizard is moving along as planed. I would say about 20% completed. Hope to have enought done so that it can be tested (Atleast one tab - ToolTips) some time after the move. My work wants me asap to move and start at the CA. location. So sometime after I have settled in and have the net working I will start work on it again. All is well here just taking it easy the next few days. Catch Ya later, - Albert P.S. Anyone want to pay my hospital bill? LOL - Just kidding

Code seems more complicated than I remeber, buy hay it works. (and just the way I wanted) Thanks again sadicq - Albert P.S. I dont know what I would do without you guys here on the forms site.

That fixed it for me. But I still notice 1 thing. Downloaded a fresh v5.0 added a new program to the config (Which would be the first one added), set the group to Applications and it would not display. Chnage the group to anthing else and it worked. Added more programs setting them to Applications and still would not display, but if I set the Cat. group sort order to show applications then they display. I think there might be a typeo some where in the code when referanceing the var for Applications mayve there is only on "p" when there should be two. Don't have time today to check, Sorry - Albert

Thanks for the idea, but that did not solve the issue for the .js file. And the wpi.htm is not loading from the same dir it is loading from a folder called layouts\classic. (Got the select theme and layout to work - thanks for your help mritter with the editing of the options).

Ok, but the installer will not work now it says "programs" undefined now. and before that the execute before and after will not work. any thoughts?

I have the ccs file working, I was looking to get the .js file working. But thanks anyways. Hope you have been winning.

Have another one. Been trying for a few hours and a llittle frustrated. I had it working at one point but deleted the line because I did not need it and now 2 weeks later I need it. Man this sucks I cant get it to work. <script type="text/javascript" src="./Themes/" + Theme + "/themestyle.js" application="yes"></script> That is the line I need to work. I want "Theme" the var to be used in pointing at the js file. any idea. This is the code I used to get the "css" file to work <script> document.write('<link rel="stylesheet" type="text/css" href="./Themes/'+ Theme +'/wpi.css" \/>'); </script> Thanks - Albert

<code> <style type="text/css"> img { behavior: url("./wpiscripts/pngbehavior.htc"); } </style> </code> This is the code I am now using and it seems to work. I have the PNG's set do different sizes (size specified within WPI Not resized images in another program) and they all seem to stay the correct size. No auto resizing. But I beleave it is because mritter edited the file.

Could I be possible to maybe have the wizards in an IFRAME Instead of the tooltips to have it work? Maybe just modify the WPI.HTM file so that it has the IFrame instead. Would that work. I wou;ld check but dont know how to use IFrames

Cool, Have fun playing tonight. Catch ya later. Thanks again Edit: Well I guess I spoke too soon. Now the PNG's don't display right. I guess I need to figure out what is more important. PNG's or text boxes coming through. Well I guess for now The PNG's seem to be more important. Since mostly the select boxes come throught when looking at wizard screens. Thanks for the work. Maybe someone else can look at the code and fix that aspect of it. But first if someone could fix the other problems that I am having with the tooltips on my other post That would help out major. I need these to work again before I continue on my code. Thanks All. -Albert

Nice work. Works perfict. You da man. Think you can figure out the other problem?

I am trying to use all ToolTips options, but they are not all working. These Work TitleColor, TitleBgColor, TitleBgImage, TitleTextAlign, TitleFontFace, TitleFontSize, TextColor, TextBgColor, TextBgImage, TextTextAlign, TextFontFace, TextFontSize, Width, Height, BorderSize, BorderColor, TextPadding, These Don't TransitionNumber, TransitionDuration, TransparencyLevel, ShadowType, ShadowColor, AppearanceBehavior, TipPositionType, Xpos, Ypos They all worked in pre 5.0. what changed? I want them back, I need them back. I have to have them working for my Theme Wizard. And can't continue with my wizard until I get this fixed. Can someone help? Thank You - Albert

Do you know what each font number is = in size Does "1" = 8px What does each one equal? 9 = ? px 8 = ? px 7 = ? px 6 = ? px 5 = ? px 4 = ? px 3 = ? px 2 = ? px 1 = ? px 0 = ? px -1 = ? px -2 = ? px -3 = ? px -4 = ? px -5 = ? px -6 = ? px -7 = ? px -8 = ? px -9 = ? px Do you understand what I am asking? Thanks for the help.

just removed all the code I added and just added you method and it works (on everything). Good work. Now how do you make it so that it only runs that code if it is not IE 7+

Checked, and same here. Did some playing around with the png code (as that is where the problem is) and it is the code that keeps changing the code. Well keep digging. (Works fine for ToolTips) The only fix I know of is to change out the timer png to a jpg. That fixed the problem. (script keeps resizing the images to there full size)

Tested this method on IE7, (Yes IE7 fixes it automatic but I did not remove the code) without removing the code or having it check fo IE7 and the method still works, no interferance with the code staying in IE7, As far as I can tell IE7 just skips that code. So we should have no problem adding this code to WPI. Can someone else please verify that it continues to work in IE7. (Nice to have other try)

I used a virtual machine to get IE7 and test it, I was just more or less just playing around to see how it worked and also to have it to test WPI in a IE 7 enviorment. As for it being a fix it was more a joke toward Microsuck for taking so long in fixing these kind of problems. By all means we need to find a fix for EVERYONE not just a select few. Sorry "sadicq" as I did not rember where it was that I read that info. I had been looking at over 50 different sites where people asked about that same issue. But it looks as to be the only good method of a fix. "Dumpy Dooby" as of the tooltips working with PNG the right way, I already have it working. Check my post asd see the changes I made. They seem to work.

Well I have found the best solution. (LOL) Upgrade to IE7.0 beta took care of that problem right away. But of course not everyone wants to do that. I was reading something somewhere about needing to make a Iframe over the top of every "select" box and set the z-index on it. I hope you guys have a better fix than that. (Too much work). Thanks.

the one I am using works in each tab, but that is beacuse I have one in each tab, not one for all. That color selector you found was original the one I wanted to add into WPI but just could not get it to work right eather, so I went with the color wheel instead, It does what it needs to and that is give a user the option on having codes at there fingertips not all colors avalable but hay dont be picky I say. Here is where I got the color wheel http://javascript.internet.com/page-detail...olor-wheel.html hope that helps you out. One day I might try and add the better one, but for now no go. Edit: Just got looking at his new version, as it has been almost a year since I last looked at it. I just might try to fix it now. I will let you know.

No hurry here. Take your time. aslong as Iknow it is being worked on, I will continue onward.

Got it all to work. (Some what) Want the fix? (Need to edit 2 files and create 1 newone) Here is the fix: Create 1 new file called "pngfix.js" and place it into the folder "wpiscripts" Edit the newly created file and add. function pngcheck(){ var arVersion = navigator.appVersion.split("MSIE") var version = parseFloat(arVersion[1]) if ((version >= 5.5) && (document.body.filters)) { for(var i=0; i<document.images.length; i++) { var img = document.images[i] var imgName = img.src.toUpperCase() if (imgName.substring(imgName.length-3, imgName.length) == "PNG") { var imgID = (img.id) ? "id='" + img.id + "' " : "" var imgClass = (img.className) ? "class='" + img.className + "' " : "" var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' " var imgStyle = "display:inline-block;" + img.style.cssText if (img.align == "left") imgStyle = "float:left;" + imgStyle if (img.align == "right") imgStyle = "float:right;" + imgStyle if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle var strNewHTML = "<span " + imgID + imgClass + imgTitle + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";" + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" img.outerHTML = strNewHTML i = i-1 } } } } Dont forget to save it now. then close. Now open "WPI.hta" for editing. Locate this section of code, about the middle of the page. <script type="text/javascript" src="./wpiscripts/lang.js" application="yes"> </script> add this code after that <script type="text/javascript" src="./wpiscripts/pngfix.js" application="yes"> </script> Should look like this now <script type="text/javascript" src="./wpiscripts/lang.js" application="yes"> </script> <script type="text/javascript" src="./wpiscripts/pngfix.js" application="yes"> </script> Now find this section in that same file, Near the bottom <script type="text/javascript"> main(); if (!LoadThemedContent()) ExitWPI(); </script> add this code after that. <script type="text/javascript"> pngcheck(); </script> Should look like this now <script type="text/javascript"> main(); if (!LoadThemedContent()) ExitWPI(); </script> <script type="text/javascript"> pngcheck(); </script> Now save that file and close it. Final Change: Locate tips.js file and open for editing Find this section of code: function stm(t,s) { Add this line of code at the bottom of that function just before the "}" pngcheck(); Should look like this when done function stm(t,s) { position="tips.js"; whatfunc="stm()"; if (!ShowToolTips) return; if (MI_sNav && isOK) { if (document.onmousemove != mig_mo || window.onresize != mig_re) mig_hand(); if (fl && s[17]>-1 && s[18]>0) mig_layCss().visibility="hidden"; var ab="", ap=""; var titCol=s[0] ? "COLOR='"+s[0]+"'" : ""; var titBgCol=s[1] && !s[2] ? "BGCOLOR='"+s[1]+"'" : ""; var titBgImg=s[2] ? "BACKGROUND='"+s[2]+"'" : ""; var titTxtAli=s[3] ? "ALIGN='"+s[3]+"'" : ""; var txtCol=s[6] ? "COLOR='"+s[6]+"'" : ""; var txtBgCol=s[7] && !s[8] ? "BGCOLOR='"+s[7]+"'" : ""; var txtBgImg=s[8] ? "BACKGROUND='"+s[8]+"'" : ""; var txtTxtAli=s[9] ? "ALIGN='"+s[9]+"'" : ""; var tipHeight=s[13] ? "HEIGHT='"+s[13]+"'" : ""; var brdCol=s[15] ? "BGCOLOR='"+s[15]+"'" : ""; if (!s[4]) s[4]="Arial,Helvetica,Verdana"; if (!s[5]) s[5]=1; if (!s[10]) s[10]="Arial,Helvetica,Verdana"; if (!s[11]) s[11]=1; if (!s[12]) s[12]=200; if (!s[14]) s[14]=0; if (!s[16]) s[16]=0; if (!s[24]) s[24]=10; if (!s[25]) s[25]=10; hs=s[22]; if (MI_pSub==20001108) { if (s[14]) ab="STYLE='border:"+s[14]+"px solid"+" "+s[15]+"'"; ap="STYLE='padding:"+s[16]+"px "+s[16]+"px "+s[16]+"px "+s[16]+"px'"; } var closeLink=hs==3 ? "<TD ALIGN='right'><FONT SIZE='"+s[5]+"' FACE='"+s[4]+"'><A HREF='java script:void(0)' ONCLICK='mig_hide(0)' STYLE='text-decoration:none;color:"+s[0]+"'><B>Close</B></A></FONT></TD>" : ""; var title=t[0] || hs==3 ? "<TABLE WIDTH='100%' BORDER='0' CELLPADDING='0' CELLSPACING='0' "+titBgCol+" "+titBgImg+"><TR><TD "+titTxtAli+"><FONT SIZE='"+s[5]+"' FACE='"+s[4]+"' "+titCol+"><B>"+t[0]+"</B></FONT></TD>"+closeLink+"</TR></TABLE>" : ""; var txt="<TABLE "+ab+" WIDTH='"+s[12]+"' BORDER='0' CELLSPACING='0' CELLPADDING='"+s[14]+"' "+brdCol+"><TR><TD>"+title+"<TABLE WIDTH='100%' "+tipHeight+" BORDER='0' CELLPADDING='"+s[16]+"' CELLSPACING='0' "+txtBgCol+" "+txtBgImg+"><TR><TD "+txtTxtAli+" "+ap+" VALIGN='top'><FONT SIZE='"+s[11]+"' FACE='"+s[10]+"' "+txtCol +">"+t[1]+"</FONT></TD></TR></TABLE></TD></TR></TABLE>"; mig_wlay(txt); tb= { trans:s[17], dur:s[18], opac:s[19], st:s[20], sc:s[21], pos:s[23], xpos:s[24], ypos:s[25] }; if (MI_IE4) mig_layCss().width=s[12]; e_d=mig_ed(); Count=0; move=1; } pngcheck(); } Now save file and close. Now Test Should be working now. Thanks "Dumpy Dooby" for finding the code for us to use. A little bit of editing and now it works. (Some What) Enjoy. Update: The only side effect it that if you have any files that are png's in the main wpi file (Not ToolTips) the script resizes them. Have tryed editing the .js code but with no luck. If it is changed at all the code stops working. - Albert

Ok I will do that, thank you.