|
HTML - Will Someone Who Is Awesome Take A Look At This Code...
and tell me why my three buttons turn to black rectangles when mouse over only in explorer, but work fine in firefox and safari? i really appreciate any time you spend helping me out. you dudes all rock!!!
thanks, harpster i am pasting the entire page and will note the uncooperative buttons start under the red text. Code: <head>
<script src="menuscript.js" language="javascript" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="../menustyle.css" media="screen, print" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 4">
<title>Planetarium Services-AstroFXCommander for PC</title>
<meta name="resource-type" content="document">
<meta name="description" content="Design, show production, and soundtrack recording for planetariums. From panoramic video to surround sound to laser shows, we offer turnkey or ala-carte solutions for space theatres.">
<meta name="keywords" content="surround sound, panoramic, planetarium, planetaria, digital, audio, video, laser, star, projector, graphics, animation, multimedia, studio">
<meta name="distibution" content="global">
<SCRIPT language="JavaScript">
<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=1,width=720,height=480,left = 10,top = 10,right = 10,bottom = 10');");
}
// End -->
</SCRIPT>
<SCRIPT language="JavaScript">
<!-- Begin
function popUp2(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=1,width=1024,height=768,left = 0,top = 0,right = 0,bottom = 0');");
}
// End -->
</SCRIPT>
<style type="text/css">
<!--
body {
background-image: url(../images/wallpaperblue.jpg);
border-left: 2;
border-right: 1;
}
.style9 {font-size: x-large}
.style10 {font-size: medium}
-->
</style>
</head>
<body onLoad="switchImage('slideImg')">
<table width="939" border="1" align="center" bordercolor="#000000">
<tr>
<td width="929" height="103" bgcolor="#7BCEEF"><div align="center">
<p><img src="../images/BTlinearlogo.gif" width="642" height="123"><br>
<a href="../index.html" onMouseOver="setOverImg('1','');overSub=true;showSubMenu('submenu1','button1');" onMouseOut="setOutImg('1','');overSub=false;setTimeout('hideSubMenu(\'submenu1\')',delay);" target=""><img src="../buttons/button1up.png" width="135" height="21" hspace="1" vspace="1" border="0" id="button1"></a> <a href="people.htm" onmouseover="setOverImg('3','');overSub=true;showSubMenu('submenu3','button3');" onmouseout="setOutImg('3','');overSub=false;setTimeout('hideSubMenu(\'submenu3\')',delay);" target=""><img src="../buttons/button3up.png" width="135" height="21" hspace="1" vspace="1" border="0" id="button3"></a> <a href="../exhibit/index.htm" onmouseover="setOverImg('4','');overSub=true;showSubMenu('submenu4','button4');" onmouseout="setOutImg('4','');overSub=false;setTimeout('hideSubMenu(\'submenu4\')',delay);" target=""><img src="../buttons/button4up.png" width="152" height="21" hspace="1" vspace="1" border="0" id="button4"></a> <a href="index.htm" onmouseover="setOverImg('5','');overSub=true;showSubMenu('submenu5','button5');" onmouseout="setOutImg('5','');overSub=false;setTimeout('hideSubMenu(\'submenu5\')',delay);" target=""><img src="../buttons/button5up.png" width="200" height="21" hspace="1" vspace="1" border="0" id="button5"></a> <br>
<a href="../studiodesign/index.htm" onMouseOver="setOverImg('6','');overSub=true;showSubMenu('submenu6','button6');" onMouseOut="setOutImg('6','');overSub=false;setTimeout('hideSubMenu(\'submenu6\')',delay);" target=""><img src="../buttons/button6up.png" width="256" height="21" hspace="1" vspace="1" border="0" id="button6"></a><a href="planetariumspecials.htm" onmouseover="setOverImg('8','');overSub=true;showSubMenu('submenu8','button8');" onmouseout="setOutImg('8','');overSub=false;setTimeout('hideSubMenu(\'submenu8\')',delay);" target=""><img src="../buttons/button8up.png" width="175" height="21" hspace="1" vspace="1" border="0" id="button8"></a> <a href="../employment.html" onmouseover="setOverImg('9','');overSub=true;showSubMenu('submenu9','button9');" onmouseout="setOutImg('9','');overSub=false;setTimeout('hideSubMenu(\'submenu9\')',delay);" target=""><img src="../buttons/button9up.png" width="135" height="21" hspace="1" vspace="1" border="0" id="button9"><br>
</a> <a href="contact.htm" onmouseover="setOverImg('10','');overSub=true;showSubMenu('submenu10','button10');" onmouseout="setOutImg('10','');overSub=false;setTimeout('hideSubMenu(\'submenu10\')',delay);" target=""><img src="../buttons/button10up.png" width="135" height="21" hspace="1" vspace="1" border="0" id="button10"></a><a href="planetariumlinecard.htm" onmouseover="setOverImg('7','');overSub=true;showSubMenu('submenu7','button7');" onmouseout="setOutImg('7','');overSub=false;setTimeout('hideSubMenu(\'submenu7\')',delay);" target=""><img src="../buttons/button7up.png" width="135" height="21" hspace="1" vspace="1" border="0" id="button7"></a> <a href="planetariumsitemap.htm" onMouseOver="setOverImg('2','');overSub=true;showSubMenu('submenu2','button2');" onMouseOut="setOutImg('2','');overSub=false;setTimeout('hideSubMenu(\'submenu2\')',delay);" target=""><img src="../buttons/button2up.png" width="135" height="21" hspace="1" vspace="1" border="0" id="button2"><br>
</a></p>
<p> </p>
</div></td>
</tr>
</table>
<table width="939" border="1" align="center" bordercolor="000000">
<tr>
<td width="929" height="2477"><p align="center"><br>
<img height="50" width="442" src="../images/AFXCommander.jpg"></p>
<p align="center"> </p>
<p align="center"><span class="style9">New Version of FXCommander!
</span></p>
<p align=center><a href="astro.htm" onMouseOver="setOverImg('11','');overSub=true;showSubMenu('submenu11','button11');" onMouseOut="setOutImg('11','');overSub=false;setTimeout('hideSubMenu(\'submenu11\')',delay);" target=""><img src="commanderbuttons/serverup.png" width="200" height="21" hspace="1" vspace="1" border="0" id="button11"></a><a href="astrofxremote.htm" onMouseOver="setOverImg('12','');overSub=true;showSubMenu('submenu12','button12');" onMouseOut="setOutImg('12','');overSub=false;setTimeout('hideSubMenu(\'submenu12\')',delay);" target=""><img src="commanderbuttons/remoteup.png" width="155" height="21" hspace="1" vspace="1" border="0" id="button12"></a><a href="starboard.html" onMouseOver="setOverImg('13','');overSub=true;showSubMenu('submenu13','button13');" onMouseOut="setOutImg('13','');overSub=false;setTimeout('hideSubMenu(\'submenu13\')',delay);" target=""><img src="commanderbuttons/starboardup.png" width="135" height="21" hspace="1" vspace="1" border="0" id="button13"></a></p>
<table width="894" border="0">
<tr>
<td width="888"><p class="style10">Bowen Technovation is pleased to announce <strong>AstroFXCommander Version 4</strong>. </p>
<p class="style10"> </p>
<p class="style10">Building from the existing features of previous versions of FXCommander, Version 4 features: </p>
<ul>
<li class="style10">A more streamlined and easy to navigate programming interface. <br>
</li>
<li class="style10">All of your programming tools available on the same screen <br>
</li>
<li class="style10">Still has the same customizable GUI interface <br>
</li>
<li class="style10">Still the same “drag and drop” programming technique <br>
</li>
<li class="style10">Support for many more Communication Protocols <br>
</li>
<li class="style10">A 16-bit DMX driver specifically designed to control our AstroFXAurora LED Strips. <br>
</li>
<li class="style10">Creates smooth 16-bit fades, but with all of the flexibility you used to only be able to get from an 8-bit controller. <br>
</li>
<li class="style10">Real-time control of your LEDs <br>
</li>
<li class="style10">Completely random access fades from your timeline <br>
</li>
<li class="style10">A cost effective way to automate all of the equipment in your theater. </li>
</ul></td>
</tr>
</table>
</body>
Similar TutorialsI just discovered this music website of an aspiring artist. (pretty neat music too) check the site out he http://jamesblakemusic.com/ Anyways, the menu behaves in a way ive never seen before.. so i went like: "WHOA" when it did what it does (press it, click it, just do it! ) So.. i wanna know how those screens just slide in when pressed. Im talking about the MENU, not the movie at the background. If any pro-coder knows the name of the technique? Of even better; a tutorial.. would mean a lot to me. cheers btw - at first i was like, great.. another neat flash site, ill never manage this XD i found this link: www.geocities.com/teenagerforum to a site and i dont know what it says (it's greek) but i wanna know how the heck they did that "re-typing?" on the address bar thing. im new to html, and i couldnt find it in the page source. could someone please find it for me and show me exactly how to do it? THANKS So in January 2006 I posted a question about "making two buttons in one" 3 years and 5 months later i am happy to announce that I have found a solution. Ok, so no I have not spent the last three years looking, but the need for one came around again yesterday so I revisited the project. All I needed was "simple" image toggle. Image 'A' click it once it changes to image 'B' click it again it changes back to image 'A' All the "image toggle" codes I could find were extremely complex. I thought I had finally found one, it wasn't perfect, but it was the smallest and most basic thing I could find. HTML Code: <html>
<head>
<style type="text/css">
.on {background-image:url(playlist_btn.png); background-repeat:no-repeat;}
.off {background-image:url(playlist_btn_x.png); background-repeat:no-repeat;}
</style>
<script language="javascript">
function togglestyle(el){if(el.className == "on") {el.className="off";} else {el.className="on";}}
</script>
</head>
<body>
<div id="onoff" class="playlist_btn"><img src="blank.gif" width="50 height="50" onclick="togglestyle(onoff)"></div>
</body>
</html>
I tested it, it worked, so I considered problem solved. I placed it in my page and nothing. Turns out it wont work with a doc type - so it's useless. Other problems, I'm not big on using "blank gif's" unless I have to, if you want multiple image toggles you need a new JS function for each one, and two lines of css as well. And, though I rarely use image rollovers anymore, it would certainly not be possible in this method. So it was back to the drawing board. Well, I had actually already found the solution a few minuets prior to finding out that the above code is so good. I had coded a button that on rollover shows a tooltip, when you click the button, the text in the tool tip, changes, chick again and it reverts. All done with a simple showHide javascript function, that i am finfing out has many uses. here is the awesome code: Code:
function showHide(elementid){
if (document.getElementById(elementid).style.display == 'none'){
document.getElementById(elementid).style.display = '';
} else {
document.getElementById(elementid).style.display = 'none';
}
}
function hideShow(elementid){
if (document.getElementById(elementid).style.display == ''){
document.getElementById(elementid).style.display = 'none';
} else {
document.getElementById(elementid).style.display = '';
}
}
I wont take credit for the showHide code, but I will take credit for the hideShow portion, obviously a monkey could have coded the revers, but iot does make it that much more universal. As the original code was designed to show something that was hidden, add the revers to hide something that is showing and it's perfect. Now I will take a moment to say, though I have yet to find a problem with the code, it seems to work in most browsers, firefox, ie, safari, and validates for WC3 - In sure it has it's flaws. Until now, to show and hide divs I had used the MM_showHideLayers JavaScript function, which by default used the visibility style. It is of course a good script, and has many uses, it's not very big, but it is somewhat complex. The other thing to think about is that invisible objects still take up space. That's what is cool about the display:none: style, is that is not only invisible but it doesn't take up space. So here is how I used the above to JavaScript to make a simple onclick image toggle: HTML Code: <img id="on" src="on.png" width="50" height="50" onClick="javascript:hideShow('on'); javascript:showHide('off')" alt="on">
<img id="off" src="off.png" width="50" height="50" onClick="javascript:hideShow('off'); javascript:showHide('plus')" style="display:none;" alt="off">
Cool huh? Now this example does not have a rollover either, but since it uses to individual images and is not replacing one image wioth another you could easily apply a rollover to both images. But, hold on, look at the above code, isn't that essentially a rollover? Change the first onClick to onMouseOver and the second to onMouseOut and look at that a 'brand new' method for mouseovers. So lets take a look at this for a second, and compare MM_swapImage to this new hideShow method. As far as CSS rollovers I definitely prefer them to the MM_swapImage method, as they use a minimal amount of code. However they actually take a lot of math, construction the buttons is somewhat tedious, because css buttons use 1 image and change it's position, to work well you have to use a "blank.gif" and the the css can really add up if you have a lot of buttons: Also, you can't go directly to a button in the document, you have to fish through the css to make any adjustments. But they are fast, they don't need to be preloaded and... they are pretty cool. But anyway, swapImage and hideShow... The left is the MM_swapImage method. Now when you use the swapImage js you also have to use MM_swapImgRestore, MM_findObj, MM_preloadImages. You don't have to use the preload script but it does make thing work faster... supposedly, but that requires a onload script in the body tag, and if you have a lot of rollovers your body tag can get really long really quick. So what are the advantages, well we know for sure it works, and you only need on image in the document, however actualy having the image you are "swapping" too actually in the document can add functionality. So as you can see, on the right, the showHide method is, in total code, much smaller. True you do need to use two images, so the total code in the body is longer but, it's more than evened out bu the minimal JavaScript, and I think it's worth it. You don't need to use a preloader, you have full control over both images, the up and over state, and unlike the swapImage method, though it's rare you would need to, your up and over images can actually be different sizes, which is kind of cool. So here's the basic code for a rollover: HTML Code: <img id="up" src="up.png" width="50" height="50" onMouseOver="javascript:hideShow('up'); javascript:showHide('over')" alt="up">
<a href="http://google.com"><img id="over" src="over.png" width="50" height="50" onMouseOut="javascript:hideShow('over'); javascript:showHide('up')" style="display:none;" alt="over" border="0"></a>
To add a link the button you just apply it to the "over state" image. And unlike swapImage, though it is overkill, you can also add a "downstate" image quite easily. So, back to the on/off button here is how you would code it using showHide with rollovers. HTML Code: <img id="on" src="on.png" width="50" height="50" onMouseOver="javascript:hideShow('on'); javascript:showHide('onover')" alt="on">
<img id="onover" src="on_over.png" width="50" height="50" onMouseOut="javascript:hideShow('onover'); javascript:showHide('on')" onClick="javascript:hideShow('onover'); javascript:showHide('offover')" style="display:none;" alt="onover">
<img id="off" src="off.png" width="50" height="50" onMouseOver="javascript:hideShow('off'); javascript:showHide('offover')" style="display:none;" alt="off">
<img id="offover" src="off_over.png" width="50" height="50" style="display:none;" onMouseout="javascript:hideShow('offover'); javascript:showHide('off')" onClick="javascript:hideShow('onover'); javascript:showHide('off')"alt="offover">
So here is what is going on: you have the upstate on.png image, when you mouse over it on.png is hidden and on_over.png is displayed. When you click on_over.png it is hidden and off_over.png is display, mouse off it and off.png is displayed. Make scene? Now be aware, when you click, you are also in a scene "mousing off" so some flickering can occur. Firefox handles everything pretty well, IE and Safari not so much. When you click the on_over.png the click tells it to hide on_over.png and show the off_over.png, at the same time the mouseoff tells it to hide on_over.png and show the on.png. So fortunately the toggle with rollovers isn't perfect, but perhaps some more tweaking of the code or maybe, in this case swapImage would work better to do the rollovers... But all in all I'd say its a solid concept. If you feel compiled to do so, reply with any comments, concerns or flaws you see. Hello, I am a student and working on a simple first project. All I'm doing right now is writing my code in text edit, saving it as "test.html", and dragging and dropping the file onto Safari/Firefox to view my code. Everything works when I'm at my college's computer lab, but when I'm on my own mac notebook, the files load in the browser as my code. I've tried a variety of samples and checked my preferences, but I can't figure out what I'm doing wrong. Sample code I'm using - <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> <HTML> <HEAD> <TITLE>Simple Link Example 2</TITLE> </HEAD> <BODY> <H1 ALIGN="CENTER">Creating Relative Reference Links</H> <HR> <P>Open <A HREF="practice1.html">Practice 1</A>.</P> <P> Open <A HREF="practice2.html">Practice 2</A>.</P> <P>Open <A HREF="practice3.html" TARGET="_blank"> Practice 3</A> in a new window.</P> </BODY> </HTML> Please help! I'm trying to wrap up an assignment and have been banging my head against the wall all night. Thanks! cordelia Hello! I have a blog on blogger and i want to make a c++ tutorial.. But every time i type "<iostream>" on post, when i see it, it is only "iostream". How can i make a code like the "[code]" from BBcode to cancel the compiling from HTML? Thanx! I was curious to find out, where can i find a cool looking shoutbox code where i can put on my message forum? Looking for some neat, and cozy with some advance options. Meaning, i would like to change the colors to match with my forum and stuff. Thanks. I have a website where I want to make a drop down menu that will bring you to different pages. It is a very basic, sort of old-fashioned website that relies entirely on html. What I'm trying to do is make a drop-down menu that will be used as navigation for a section of a website and I want to have it in each internally linked page in that section, but I'm going to be adding more pages to it over time so I want to be able to put the drop-down menu code in a separate text file and then substitute it into the pages that I make that the options in the menu link to and then just edit the code in the text file when I add another page so that I don't have to go back and edit the code every single individual page whenever I add a new one among them. Basically all I'm asking is how I can put html code in a text file and then substitute that code into an html page by referring to the file. Thanks in advance for any help. I really need help with www.classic-corvettes-ky.com/monday.html to send an email containing data entered when a user clicks "Submit" or refresh the page when the user clicks "Reset". Sorry for waste of time, completed myself I got some code of a tutorial for an image slider, and I used NotePad ++ to edit it with my images and links. But I don't know whats wrong?!? It won't load. I put it in Wordpress and upload the images and it doesn't work! I have attached the code file. Thanks is anyone can help! what kind of working is required to insert image while working with html ? Hi, Can someone check the code and tell me why the bottom row keeps going to the top? http://elitedonuts.com/test1.html Also when I use a validator it keeps telling me these errors but I seem to have the closing </body> and </div> tag? http://validator.w3.org/check?uri=ht...alidator%2F1.2 Thanks Hello all... need help with this minor issue... site page: http://www.5starpaydayloan.com/new.html If you are viewing the page you will see that below the image of the group there is a break in the side bars that go along either side of the text... Can someone please help me figure out how to get rid of the break? Thank you! Hey Guys!! So im making a website for my minecraft sever and i was hoping for some help and ideas for html and hosting websites!! if anyone has any ideas give me a message, id really appreachitate it! :3 .. -- Raideh I need a Dev code, for the scroll bar that goes in your page, and one that is trnasparent would be REALLY great, or one with the ability for a background image? Thanks I'm using dreamweaver. I am trying to make my menu stay on the top of the webpage without having a white line above it ... like seen on this webpage. How do I get ride of the white space above my menu. Any ideas?? Here is example what what i did I want the image to strech to fill the whole page left to right ... and be at the top with no white above it http://www.andersonwoodproducts.com/2008/test.htm Thanks ok I am not the greatest with html so I am using Microsoft Front-page... and I am trying to do something that I don't think the program can do in the visual editor so I need to code it.... but I don't know how... ok here is what I am trying to do... ok on the top of my page I want to have some links... when a person clicks on a link I want the page to drop down to a specific spot on the page... and I want a button that moves when the person scrolls... a "Go to the top" button... I hope you know what I mean.... Any help would be great... thanks I want to add another sample image to this page and cannot figure out how to do it? ANyone know how to code to add another rollover image next to the existing one? Thanks for any help.......I have spent hours on this...... http://www.lisahermes.com/painting Existing Code: Code: <title>Lisa Hermes Portrait Design</title>
<link rel="Stylesheet" href="assets/tech/style-kdw.css" type="text/css">
<script>
<!--
function F_loadRollover(){} function F_roll(){}
//-->
</script>
<SCRIPT LANGUAGE="JavaScript1.2" SRC="assets/rollover.js"></SCRIPT>
</head>
<body>
<br>
<table class="1">
<tr><td align="center">
<table class="heder" cellpadding=0 cellspacing=0>
<tr>
<td>
<a href="index.html" style="cursor:hand; text-decoration:none;" onMouseOver="F_loadRollover('NavigationButton1','',0);F_roll('NavigationButton1',1)" onMouseOut="F_roll('NavigationButton1',0)"><img id="NavigationButton1" name="NavigationButton1" height=66 width=270 src="assets/images/autogen/Home_Hs3.gif" onLoad="F_loadRollover(this,'Home_HRs4.gif',0)" border=0 alt="Home" title="Home"></a>
</td>
<td>
<a href="html/children.html" style="cursor:hand; text-decoration:none;" onMouseOver="F_loadRollover('NavigationButton2','',0);F_roll('NavigationButton2',1)" onMouseOut="F_roll('NavigationButton2',0)"><img id="NavigationButton2" name="NavigationButton2" height=66 width=99 src="assets/images/autogen/Children_Ns1.gif" onLoad="F_loadRollover(this,'Children_NRs2.gif',0)" border=0 alt="Children" title="Children"></a>
</td>
<td>
<a href="html/companions.html" style="cursor:hand; text-decoration:none;" onMouseOver="F_loadRollover('NavigationButton3','',0);F_roll('NavigationButton3',1)" onMouseOut="F_roll('NavigationButton3',0)"><img id="NavigationButton3" name="NavigationButton3" height=66 width=120 src="assets/images/autogen/Companions_Ns1.gif" onLoad="F_loadRollover(this,'Companions_NRs2.gif',0)" border=0 alt="Companions" title="Companions"></a>
</td>
<td>
<a href="html/families.html" style="cursor:hand; text-decoration:none;" onMouseOver="F_loadRollover('NavigationButton4','',0);F_roll('NavigationButton4',1)" onMouseOut="F_roll('NavigationButton4',0)"><img id="NavigationButton4" name="NavigationButton4" height=66 width=105 src="assets/images/autogen/Families_Ns1.gif" onLoad="F_loadRollover(this,'Families_NRs2.gif',0)" border=0 alt="Families" title="Families"></a>
</td>
<td>
<a href="html/information.html" style="cursor:hand; text-decoration:none;" onMouseOver="F_loadRollover('NavigationButton5','',0);F_roll('NavigationButton5',1)" onMouseOut="F_roll('NavigationButton5',0)"><img id="NavigationButton5" name="NavigationButton5" height=66 width=135 src="assets/images/autogen/Information_Ns1.gif" onLoad="F_loadRollover(this,'Information_NRs2.gif',0)" border=0 alt="Information" title="Information"></a>
</td>
<td>
<td>
<a href="html/contact.html" style="cursor:hand; text-decoration:none;" onMouseOver="F_loadRollover('NavigationButton6','',0);F_roll('NavigationButton6',1)" onMouseOut="F_roll('NavigationButton6',0)"><img id="NavigationButton6" name="NavigationButton6" height=66 width=83 src="assets/images/autogen/Contact_Ns1.gif" onLoad="F_loadRollover(this,'Contact_NRs2.gif',0)" border=0 alt="Contact" title="Contact"></a>
</td></tr>
</table>
</td></tr>
<tr>
<td align="left">
<table class="2">
<tr>
<td valign="top">
</td>
<td valign="top">
<h1>
<!------------------------------- START MAIN PAGE CODE -------------------------->
<table width="935" height="460" border="0" cellpadding="0" cellspacing="0" bgcolor="ffffff">
<tr>
<td width="205" height="253"><div align="right" class="style1">
<!----------------------------if logo equals default ---------------------->
<!----------------------------if logo equals default ---------------------->
<table width="935" height="460" border="0" cellpadding="0" cellspacing="0" bgcolor="ffffff">
<tr>
<td height="265"><div align="center" class="style1">
<table border="0" cellpadding="0" cellspacing="0">
</table>
<!------------------------------- START MAIN PAGE CODE -------------------------->
<table width="935" height="460" border="0" cellpadding="0" cellspacing="0" bgcolor="ffffff">
<tr>
<td width="205" height="253"><div align="right" class="style1">
<!----------------------------if logo equals default ---------------------->
<!----------------------------if logo equals default ---------------------->
<table width="935" height="460" border="0" cellpadding="0" cellspacing="0" bgcolor="ffffff">
<tr>
<td height="265"><div align="center" class="style1">
<table border="0" cellpadding="0" cellspacing="0">
</table>
<h1> <table width="100%" border="0" align="center">
<div align="center" class="style1"><font size="1" >Please roll mouse over image to see <br>before and after.<br></div>
<table border="0" cellpadding="0" cellspacing="0" width = "100%">
<tr>
<!-------------------------------------------------------------------->
<!----------------------------MAIN CONTENT --------------------------->
<!-------------------------------------------------------------------->
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=246 NOF=LY>
<TR VALIGN=TOP ALIGN=LEFT>
<TD WIDTH=1 HEIGHT=5><IMG SRC="./assets/images/autogen/clearpixel.gif" WIDTH=1 HEIGHT=1 BORDER=0 ALT=""></TD>
<TD WIDTH=37><IMG SRC="./assets/images/autogen/clearpixel.gif" WIDTH=37 HEIGHT=1 BORDER=0 ALT=""></TD>
<TD></TD>
</TR>
<TR VALIGN=TOP ALIGN=LEFT>
<TD COLSPAN=2 HEIGHT=5></TD>
<TD ROWSPAN=2 WIDTH=275>
<script language="JavaScript"><!--
function onPictureRollover2A89102Over() {}
function onPictureRollover2A89102Out() {}
//--></script>
<script language="JavaScript"><!--
graphic1PictureRollover2A89102 = new Image()
graphic1PictureRollover2A89102.src = './a1.jpg';
graphic2PictureRollover2A89102 = new Image()
graphic2PictureRollover2A89102.src = './b1.jpg';
function onPictureRollover2A89102Over() {
document.PictureRollover2A89102.src=graphic2PictureRollover2A89102.src;
}
function onPictureRollover2A89102Out() {
document.PictureRollover2A89102.src=graphic1PictureRollover2A89102.src;
}
//--></script>
<a href="javascript:onPictureRollover2A89102Over()" onClick="return false" onMouseOver="onPictureRollover2A89102Over(this)" onMouseOut="onPictureRollover2A89102Out(this)"><IMG ID="PictureRollover2" HEIGHT=330 WIDTH=375 SRC="./a1.jpg" BORDER=0 ALT="" name=PictureRollover2A89102></a></TD>
</TR>
<TR VALIGN=TOP ALIGN=LEFT>
<TD HEIGHT=309></TD>
<TD WIDTH=0>
<script language="JavaScript"><!--
function onPictureRollover1A11065Over() {}
function onPictureRollover1A11065Out() {}
//--></script>
<script language="JavaScript"><!--
graphic1PictureRollover1A11065 = new Image()
graphic1PictureRollover1A11065.src = './before02.jpg';
graphic2PictureRollover1A11065 = new Image()
graphic2PictureRollover1A11065.src = './before02.jpg';
function onPictureRollover1A11065Over() {
document.PictureRollover1A11065.src=graphic2PictureRollover1A11065.src;
}
function onPictureRollover1A11065Out() {
document.PictureRollover1A11065.src=graphic1PictureRollover1A11065.src;
}
//--></script>
<a href="javascript:onPictureRollover1A11065Over()" onClick="return false" onMouseOver="onPictureRollover1A11065Over(this)" onMouseOut="onPictureRollover1A11065Out(this)"><IMG ID="PictureRollover1" HEIGHT=0 WIDTH=0 SRC="./before02.jpg" BORDER=0 ALT="" name=PictureRollover1A11065></a></TD>
</TR>
</TABLE>
<td width = "100%" align="left"><td width="975" rowspan="2" align="left" valign="middle">
<table width="90%" border="0" align="center">
<tr>
</table><h1>
<div id="content" style="position:static; text-align:center; width: 540 ; height:50px; z-index:1; overflow: auto; ">
<table width="100%" border="0" align="center" cellspacing="5">
</table>
</div>
<table width="100%" border="0" align="center">
<div align="left" class="style1"><font color="#b6b0a4" size="4" >Memorial Tributes</font>
<br></div>
<table border="0" cellpadding="0" cellspacing="0" width = "70%">
<tr>
<td><h1>
<font color="b6b0a4"> phone<br> </font>
925-200-6586
<br><br>
<font color="b6b0a4"> e-mail<br> </font>
<a href="mailto: info@LisaHermes.com" class= "navigation">info@LisaHermes.com</a>
<br><br>
Now offering Memorial Tributes! <br>Prices available upon request.<br>Lisa Hermes Photography <br><br>
</table>
<br><br><br><br>
</body>
</html>
Hi im rich very first post but might be a good question. im looking for a code that when you load the page the exclamation windo pops up with the message. i made one for no right mouse clicks. i need one made to when my page laods they will see the message. Hi new to coding so please be forgiving I am trying to modify some code which i recieved of the web. I have ask the author but i had no reply yet. I want to change the code so that instead of replicating button i want it to use a drop down list box instead. The code only runs in .HTA extension and needs to run from c:\winpe\wizard.hta all sub folder will be displayed as a buttons on the screen. (I need this to work but in a dropdown list box). can anyone could help me please <html> <!****************************************************************************> <!* HTA Header > <!****************************************************************************> <HEAD> <TITLE>Imaging Application</TITLE> <HTA:APPLICATION BORDER = None APPLICATION = Yes WINDOWSTATE = fullscreen INNERBORDER = No SHOWINTASKBAR = Yes SCROLL = No APPLICATIONNAME = "Windows PE Wizard" NAVIGABLE = Yes > <!-- external stylesheet --> <link rel="stylesheet" type="text/css" href="htaStyle.css" /> </HEAD> <!****************************************************************************> <!* Begin Script > <!****************************************************************************> <Script Language=VBScript> '**************************************************************************** '* Globals '* setup global script parameters '**************************************************************************** Option Explicit Dim strTaskValue, objShell, objFso, strBody, objWmiService Set objShell = CreateObject("WScript.Shell") Set objFso = CreateObject("Scripting.FileSystemObject") Set objWMIService = GetObject ("winmgmts:\\.\root\cimv2") '**************************************************************************** '* Window_OnLoad '* load up behavior and preferences '**************************************************************************** Sub Window_Onload self.Focus() strBody = "<H1>PE Build and Recovery Environment</H1>" &_ "<H2>Select Images to apply an OS image using Ghost.<BR><BR>" &_ "Please select an image category:<BR><BR>" enumDirs End Sub '**************************************************************************** '* enumDirs '* find directories and create category buttons '**************************************************************************** Sub enumDirs Dim colSubfolders, objFolder, fileName 'enumerate folders in images folder Set colSubfolders = objWMIService.ExecQuery _ ("Associators of {Win32_Directory.Name='c:\winpe'} Where AssocClass = Win32_Subdirectory ResultRole = PartComponent") 'create html buttons from each folder name For Each objFolder in colSubfolders fileName = objFolder.fileName strBody = strBody &_ "<button id='" & fileName & "' onClick='enumImages("" & fileName & ""'>" & fileName & "</BUTTON>" Next 'post resulting html body to document strBody = strBody & "<BR><HR><BR>" body.innerHTML = strBody End Sub </Script> <!****************************************************************************> <!* End Script / Begin HTML > <!****************************************************************************> <BODY> <DIV id=bg> <img src=winpe.bmp> </DIV> <DIV id=body></DIV> <DIV id=details></DIV> </BODY> </HTML> <!****************************************************************************> <!* End HTML > <!****************************************************************************> |
|||||||