lowrentIT
-
Posts
7 -
Joined
-
Last visited
lowrentIT's Achievements
Newbie (1/7)
0
Reputation
-
Thanks for the link. I'll file that one, i'm sure i'll need it in the future.I actually found this over at JavaScriptKithttp://javascriptkit.com/script/script2/divviewer.shtmlVERY easy to use. It looks cool and it gets the job done....however it acts a funny in FireFox. But i guess i could live with it.
-
"If you're making a new page, then you can either have it link to the page, or you could make a pop-up window containing the full-size image."How do you do this in CSS and control the size of the pop-up window. I'd like the pop-up window to just remain 300x250 for all the full size images.
-
Can someone help me modify this so that the menu is vertical NOT horizontal. <html><HEAD> <style type="text/css">#csstopmenu, #csstopmenu ul{padding: 0;margin: 0;list-style: none;}#csstopmenu li{float: left;position: relative;}#csstopmenu a{text-decoration: none;}.mainitems{border: 1px solid black;border-left-width: 0;background-color: #D8FE89;}.headerlinks a{margin: auto 8px;font-weight: bold;color: black;}.submenus{display: none;width: 10em;position: absolute;top: 1.2em;left: 0;background-color: #EEFFCC;border: 1px solid black;}.submenus li{width: 100%;}.submenus li a{display: block;width: 100%;text-indent: 3px;}html>body .submenus li a{ /* non IE browsers */width: auto;}.submenus li a:hover{background-color: yellow;color: black;}#csstopmenu li>ul {/* non IE browsers */top: auto;left: auto;}#csstopmenu li:hover ul, li.over ul {display: block;}html>body #clearmenu{ /* non IE browsers */height: 3px;}</style><script type="text/javascript">// CSS Top Menu- By JavaScriptKit.com (http://www.javascriptkit.com)// Adopted from SuckerFish menu// For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/// Please keep this credit intactstartMenu = function() {if (document.all&&document.getElementById) {cssmenu = document.getElementById("csstopmenu");for (i=0; i<cssmenu.childNodes.length; i++) {node = cssmenu.childNodes[i];if (node.nodeName=="LI") {node.onmouseover=function() {this.className+=" over";}node.onmouseout=function(){ this.className=this.className.replace(" over", "")}}}}}if (window.attachEvent)window.attachEvent("onload", startMenu)elsewindow.onload=startMenu;</script></head><body><ul id="csstopmenu"><li class="mainitems" style="border-left-width: 1px"><div class="headerlinks"><a href="http://www.javascriptkit.com">JavaScript Kit</a></div><ul class="submenus"><li><a href="http://javascriptkit.com/">Home</a></li><BR><li><a href="http://javascriptkit.com/cutpastejava.shtml">Free JavaScripts</a></li><BR><li><a href="http://javascriptkit.com/javaindex.shtml">JavaScript tutorials</a></li><BR><li><a href="http://javascriptkit.com/jsref/index.shtml">JavaScript Reference</a></li><BR></ul></li><BR><li class="mainitems"><div class="headerlinks"><a href="http://www.javascriptkit.com">2nd Menu Item</a></div><ul class="submenus" style="width: 14em"><li><a href="">Sub 2 Item 1. Long text, long menu.</a></li><li><a href="">Sub 2 Item 2</a></li><li><a href="">Sub 2 Item 3.</a></li></ul></li><li class="mainitems"><div class="headerlinks"><a href="http://www.javascriptkit.com">3rd Menu Item</a></div><ul class="submenus"><li><a href="">Sub 3 Item 1</a></li><li><a href="">Sub 3 Item 1</a></li><li><a href="">Sub 3 Item 1</a></li><li><a href="">Sub 3 Item 1</a></li></ul></li></ul><div id="clearmenu" style="clear: left"></div><p style="font: normal 11px Arial">This free script provided by<br /><a href="http://www.javascriptkit.com">JavaScript Kit</a></p></body></html>
-
Too Simple ??? no not at all, i am very much a newbie and appreciate all advice.Quick question, that parameter "(this)" , where else are you referencing that ??why should'nt it be this?:<img src="__# src 1__" onClick="switchImages(that)" /> let me try your code...
-
Could somebody please post a funtion that will just change one image to another onClick. So everytime you click on it, it toggles back and forth between two images. Once i have that .... maybe i can play around with it. As of now, i don't know how to write a function like this yet.-Thanks
-
I tried her script but it didn't work: i just copied and pasted the code right into my body and i get a blank page? Am i supposed to modify it any way? This is really cool, i'd like to try this with images, but first i just want to get it to work with words.
-
I have images i would like to use as buttons. When a user clicks on the button, i would like the button to be highlighted and STAY highlighted until the user clicks on another button. The code i have now only allows the button to be highlighted while its clicked, when you mouseUP its back to normal. What am i missing?? These buttons are basically my links and i would like them to stay "highlighted" so a user knows which page they are on. <html><HEAD> <script language="JavaScript"> <!-- if (document.images) { pic1on= new Image(299,57); pic1on.src="images/Untitled-1_03_down.gif"; pic1off= new Image(299,57); pic1off.src="images/Untitled-1_03.gif"; pic1down=new Image(299,57); pic1down.src="images/Untitled-1_03.gif_down.gif"; } function lightup(imgName) { if (document.images) { imgOn=eval(imgName + "on.src"); document[imgName].src= imgOn; } } function turnoff(imgName) { if (document.images) { imgOff=eval(imgName + "off.src"); document[imgName].src= imgOff; } } function clickdown(imgName) { if (document.images) { imgDown=eval(imgName + "down.src"); document[imgName].src=imgDown;} } //--> </SCRIPT> </HEAD> <body><BR><BR><BR><BASE TARGET=box><table align=left> <tr> <td> <A HREF="box2.html" onMouseover="lightup('pic1')" onMouseout="turnoff('pic1')" onMouseDown="clickdown('pic1')" onMouseUp="lightup('pic1')"><IMG SRC="images/Untitled-1_03.gif" name="pic1" border="0"> </a></td> </tr> <tr> <td> <img src="images/Untitled-1_05.gif"></td> </tr> <tr> <td> <img src="images/Untitled-1_06.gif"></td> </tr> </table><iframe width=500 height=300 frameborder=no src="box.html" NAME=box></body></iframe></html>