almulder

Updated Question. Does that clear it up about what I am wanting. Also sorry post number 2 not ment for this post removed & moved to correct area. Someone sent me this link but just cant quite figure it out. http://www.vicsjavascripts.org.uk/ToolTipM...MessageClip.htm

Moved*

Take a look at the pic below Does anyone know how to fix it. How it normaly looks. How it looks once ToolTips are used. The Tooltips are coming up, but any dropdown menu that is on screen seem to be comming through the Tool Tips, this happens with any and every dropdown menu in WPI that the ToolTip go over. This was also happening with old versions of WPI not just the new version. Any Thoughts?

Update: Edit: see mritter's method below. (Work with all) <-- Current Update In v5.0 Final does anyone have the png's working. I don't see that they worked and I just downloaded the new version. if they dont work currently what is the fix for it? Both for tooltips and wpi main page. ??? I have tryed "Dumpy Dooby" method but with no luck. Has anyone else got it to work? Update: Got the png's working in wpi main, & Tool Tips (Some what) - See second post for answer!

konw of a better way to let the person know they did not enter a good number?

Theme Wizard Update#2 Welcome: More progress is being made with WPI files. WPI.HTM its now converted over so there is only the need for the one wpi.htm file. But there can still be more. Now you have new options Theme Graphics (Graphics for the WPI.HTM) ( Working) Theme Layouts (WPI.HTM Files) - Mult layouts ( Working) Also In Options, you now can get a screenshot of what the graphics look like. (Preview Graphics) ( Working) and you can now even add a text file and have "Creator:" "Date Created:" and "Description" added so that if you create a theme you can have your name added so that people know you made it. ( Working) Click For Larger Image New Button added "Edit Theme" ( Working) Click For Larger Image Added "Edit Theme" Wizard ( Working) Added tasbs for the Theme wizard ( Working) Click For Larger Image Added "Color Wheel" Selector to each tab. There is a "Color Wheel" on the left side that when mouse is moved over the top it will show the color sample. and if you click once, it will show you the code for that color. ( Working) Click For Larger Image Working on ToolTips Tab ( Working some) Click For Larger Image Got about half the var's for ToolTip made. (Can Save and Load, But not intergrated into WPI yet.) ( Working) I have now got alot of error checking done when entering color code. (Thanks for the help sadicq) ( Working) If you now click on a color input box border changes to show which box is active. ( Working) also if you then enter an incorrect color code it will notify you and highlight the box with a light red. ( Working) Also if you click on color input box and then click on the "color wheel" it will update that color input box. but if you also hold down the mouse, you can fine tune the color. ( Working) Any change to the data in each section will update a preview box. ( Working) Click For Larger Image Many more features to come. (trying to make as user frendly as possible) My goal: To make a wizard that everyone will want to use, beacuse of its ease. Note: This is not in any version of WPI yet. (But Soon) Yes. This is getting cooler every day. - almulder This has been a important anouncement provided by: WPI Support you coders.

Updated my wish list.

Well that was fun. Took over an hour but changed all the "document.all" to "document.getElementById" then after all that work ERROR ERROR ERROR. What is wrong. O darn forgot to change all the "[" and "]" to "(" and ")" well another hour of work but all done now. Hope you guys are happy. Talking to you mritter. LOL just kidding. Thanks guys (mritter, sadicq, kel, dumpy_dooby ) for all your work so far. I could not have gotten here without you. Man does my head hurt. Well back to packing again. (Wife Nagging) - Albert P.S. Sorry if I forgot to mention anyone for there help. (Let me know)

mritter: Thanks for the advice I will work on changing code tonight with what I have done so far. sadicq: Here is what I did (Works 100%) if you open "optionswizard.js" look at where "function CreateOptionsPage()" is at at the end of that function is where the <body onload="init();"> was placed but instead of that code I only added init();. this way it was sure to do onload of that page. Hope that makes helps in what I did. Well it was not in the "optionswizard.js" that I made the change but in my own .js file, I just used it as an example, because I made a whole new section for the theme wizard page. As far as adding <body onload="init();"> into the wpi.htm body section that did not work, but I all works great now. Thank you both.

Well I'll be I did it. it was the <body onload="init();"> I removed it from the html. and placed inside my .js where it loads the html file. made it the last function to run when rendering the page. That works. Thank you again. Enough messing it up and moving things around I got it. Not as easy as put this here and here but atleast I learned some more. I'll let you know more if I need it.

I made every change you did but no luck. I think it has something to do with the <body onload="init();"> the htm file that this is added to is just like one of the ones used in the options screen tabs it has no <body>, so I added <body onload="init();"> at the very top and </body> to the bottom, but no luck. Thoughts?

Man your fast. I will check it out. Thanks.

Thank you for the code but kinda got lost trying out that code. can you or your helper check out the code below and fixit so that it works like the code above. This is what I have: Code in the html file <input name="tttbtc" type="text" class="clTextBox" id="tttbtc" onBlur="validcolor('tttbtcvc')" style="text-align: center; text-transform: uppercase;" value="#333333" size="12" maxlength="7"> <input name="tttbc" type="text" class="clTextBox" onBlur="validcolor('tttbcvc')" id="tttbc" style="text-align: center; text-transform: uppercase;" value="#5498FF" size="12" maxlength="7"> Not sure how to use code above and make it work below code in a .js file function validcolor(vcolorcode) { if (vcolorcode=="tttbtcvc") { vcolorcode=document.all["tttbtc"].value; checkvalidcolor(vcolorcode); if (colorreturn == '1') { PreviewUpdate(); } else { alert(" - Invalid Color Code. - "); // line not working document.all["tttbtcq"].focus(); } } if (vcolorcode=="tttbcvc") { vcolorcode=document.all["tttbc"].value; checkvalidcolor(vcolorcode); if (colorreturn == '1') { PreviewUpdate(); } else { alert(" - Invalid Color Code. - "); // line not working document.all["tttbcq"].focus(); } } } function checkvalidcolor(colorcode) { colorreturn='1'; if (colorcode.substr(0,1) == "#") { colorcode = colorcode.substring(1); if (colorcode.length == 6) { var aux = 0; for (aux = 0; aux < 6; aux++) { var character = colorcode.substr(aux,1) if (character != 0 && character != 1 && character != 2 && character != 3 && character != 4 && character != 5 && character != 6 && character != 7 && character != 8 && character != 9 && character.toLowerCase() != 'a' && character.toLowerCase() != 'b' && character.toLowerCase() != 'c' && character.toLowerCase() != 'd' && character.toLowerCase() != 'e' && character.toLowerCase() != 'f') { colorreturn='0'; } } } else { colorreturn='0'; } } else { colorreturn='0'; } } Sorry to keep bugging you, but you are just such a great help, and I want the theme wizard to work for dummy users also. I am trying to make it as user frendly as possible and check for any possible errors. Thanks so much for your help.

Some modifying for the code and it works. Thank you. Got anotherone for you. I have a text box that onBlur it runs a function how can I go about making that textbox the active (focus) box again after it was blur. I have it check if the info inside is a valid color code. now if it is not I need it to go to another function and make it the active check box again. That way they are forced to enter a correct color code before the can click anything else. document.all["tttbtcq"].? = ? what is the correct code document.all["tttbtcq"].focus(); Just a guess with code I found that did not work. I need the focus to go back to the "tttbtcq" text box so that as soon as you start typeing is puts that text into that box. Also if possible it would be nice to have it auto select the text that was already inputed into the box. So that it would overight what was already there when a key was pressed. do I need to worry about removing focus from anythig or will the new focus automaticaly remove the focus from everything else. Can you help me again?

thern: & Kel: I am working on option# 3. should be done in about a month or so along with the rest of the Theme wizard.

Thank you, I will check it out when I get home tonight. ( Me at work now. )

I have another code need How can I do the following if (document.all["colorcodetextbox"].value == 'a good color code') { "My code goes here that needs to run if above is true" } I need to check a var to see it the value is equal to any good color code like '#000000' - '#FFFFFF' The var will include the '#' sign Edit: (I figured out a way around the code I needed below but thank you. I still need the code above though.) Also I need this: (don't know if this can be done) MouseMove('Run this function') MouseButtonHeldDown('Run the function') but still have the first function continue to run when the mouse is move. (Run both functions at the same time.) and when MouseButtonRelease('Run this function) Any thoughts. Thanks again in advance.

No errors - no signs of it trying to run.

Thats cool. I made me learn a thing or to trying to make it work. I have a little better understanding of it now, rather than cut and past. Thanks again - Albert

Theme Wizard Update#1 Welcome: Well huge progress is being made with the WPI.HTM file its being converted over so there is only the need for the one wpi.htm file, but can still have more. (Hint Hint: Different layouts become avalable that could, or should I say would work with any theme graphics layout.) New graphic file name are also being implemented. (Old graphic files name just did not make sence.) New graphic files will also be required. (Each button has its own files now.) Not many pointing to the same one.) Below is a list of the new files in the theme folder. (Includes new ones and renamed ones) (These here relate to the buttons only) allbutton.gif alldown.gif allover.gif configbutton.gif configdown.gif configover.gif defaultbutton.gif defaultdown.gif defaultover.gif exitbutton.gif exitdown.gif exitover.gif installbutton.gif installdown.gif installover.gif manualbutton.gif manualdown.gif manualover.gif nonebutton.gif nonedown.gif noneover.gif optionsbutton.gif optionsdown.gif optionsover.gif selections.gif sourcebutton.gif sourcedown.gif sourceover.gif themebutton.gif themedown.gif themeover.gif (These are for the main look of WPI) barbtm.jpg bartop.jpg title.jpg wallpaper.jpg (These are for the Installer) InstallPartial.gif InstallProgBar.png InstallSuccess.gif InstallBg.jpg (These are for the Options Screens) OptionsTabDown.jpg OptionsTabUp.jpg OptionsBg.gif (The Spacer File) spacer.gif Curent WPI.HTM file was about 17kb - add all the code I did made it a woping 24kb. coverted the code to streamline some areas. (Ok a lot of areas) now WPI.HTM curently at only 14kb. ) Still fully functional. Yes. This is getting cool. Well now that over 50% of the file have been redone. onto the next of many stages. - almulder This has been a important anouncement provided by: WPI Support you coders.

Bug: when in the options screen and you press save the press exit really fast after - error if you wait no error. Fix - once save pushed hide exit buton until after save complete.

Well I be... I got it document.write("<font class=\"side\" onClick=\"StopAudio(); stopInterval(); CreateFile('install');\" onMouseDown=\"document.continuebutton.src='./themes/" + Theme + "/continuedown.gif';\" onMouseOver=\"document.continuebutton.src='./themes/" + Theme + "/continueover.gif'; stm(getText(ttInstall),Style[0]);\" onMouseOut=\"document.continuebutton.src='./themes/" + Theme + "/continue.gif';\ htm();\" />" + "<i>" + "<b>" + getText(lblInstall) + "</b>" + "</i>" + "</font>"); Just added the new line after the image. YES YES YES. Geting Closer....

Ok I got it to work but I am having an issue now. When hovering over the text lable it does nothing When hovering over the image it changes image and brings up the tooltip How can i make the text do the same <font class="side" onClick="StopAudio(); stopInterval(); CreateFile('install');"> <i><b> <script type="text/javascript"> document.write(getText(lblInstall)); </script> </b></i> </font> Do I need to add it into the same line as the image? or have it a seperate line? I have tryed, and I mean tryed many diffrent thing but cant make it work. Could you be so kind as to help me once more. Thank again.

Tryed but no luck.

You guys are awsome. sadicq: That worked great. Thank you so much.