ivonna.d

I want to create a search box for a page where i have lots of products. I have over 2000 items on an excel file. At the moment thats how the customers can find the item they are searching for, CTRL+F. Because it doesnt look professional i wanna create a search box just for this page, i dont want to use the google search. Im working in Dreamweaver. Could someone help me please? P.S. I dont really know how to work with PHP and MySql. If your advice will be in using them, i'll need a step-by-step. Thank you very much!

Thank you very much David!! Its working!!

Here is the link: http://www.sportmarine.com/pro_dropdown_1/pro_dropdown_1.html Thank you!

Hi! I've got a problem with my menu, i've got 9 item to fit in the bar but seems like it let me fit only 7. Help!! Here is the CSS : /* ================================================================ This copyright notice must be kept untouched in the stylesheet at all times. The original version of this stylesheet and the associated (x)html is available at http://www.stunicholls.com/menu/pro_drop_1.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ .preload1 {background: url(blank_over.gif);} .preload2 {background: url(blank_overa.gif);} #nav {padding:0; left:50%; margin:14px 0 0 -450px; list-style:none; height:36px; background:#fff; position:relative; z-index:500; font-family:arial, verdana, sans-serif;} #nav li.top {display:block; float:left;} #nav li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(blank.gif);} #nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:36px;background:url(blank.gif) right top;} #nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:36px; background:url(blanka.gif) no-repeat right top;} #nav li a.top_link:hover {color:#fff; background: url(blank_over.gif) no-repeat;} #nav li a.top_link:hover span {background:url(blank_over.gif) no-repeat right top;} #nav li a.top_link:hover span.down {background:url(blank_overa.gif) no-repeat right top;} #nav li:hover > a.top_link {color:#fff; background: url(blank_over.gif) no-repeat;} #nav li:hover > a.top_link span {background:url(blank_over.gif) no-repeat right top;} #nav li:hover > a.top_link span.down {background:url(blank_overa.gif) no-repeat right top;} /* Default list styling */ #nav li:hover {position:relative; z-index:200;} /* keep the 'next' level invisible by placing it off screen. */ #nav ul, #nav li:hover ul ul, #nav li:hover ul li:hover ul ul, #nav li:hover ul li:hover ul li:hover ul ul, #nav li:hover ul li:hover ul li:hover ul li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} #nav li:hover ul.sub {left:0; top:31px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:90px; height:auto; z-index:300;} #nav li:hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;} #nav li:hover ul.sub li a {display:block; font-size:11px; height:20px; width:90px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;} #nav li ul.sub li a.fly {background:#fff url(arrow.gif) 80px 7px no-repeat;} #nav li:hover ul.sub li a:hover {background:#3a93d2; color:#fff;} #nav li:hover ul.sub li a.fly:hover {background:#3a93d2 url(arrow_over.gif) 80px 7px no-repeat; color:#fff;} #nav li:hover ul li:hover > a.fly {background:#3a93d2 url(arrow_over.gif) 80px 7px no-repeat; color:#fff;} #nav li:hover ul li:hover ul, #nav li:hover ul li:hover ul li:hover ul, #nav li:hover ul li:hover ul li:hover ul li:hover ul, #nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:90px; z-index:400; height:auto;} Thank you!!

I want to search products within a database.

Hi, i would like to have a search box on my website but just for a couple of pages. How should i do that? Thank you.

Hi, i want to put an email address to Submit Button and i have no idea how to do that. Thank you in advance! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META content="text/html; charset=iso-8859-1" http-equiv=Content-Type> <META name=GENERATOR content="MSHTML 8.00.6001.19154"> <STYLE> #Layer1 { position:absolute; width:550px; height:389px; z-index:1; left: 604px; top: 256px; } form { font-family: "Times New Roman", Times, serif; font-size: 11px; font-weight: normal; text-decoration: none; } button { font-family: "Times New Roman", Times, serif; font-size: 11px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; } </STYLE> </HEAD> <BODY bgColor=#ffffff> <DIV><FONT face=Arial><STRONG><FONT face="Charlemagne Std">Make your child the Star </FONT></STRONG></FONT></DIV> <DIV><FONT face=Arial><STRONG><FONT face="Charlemagne Std">of their very own Book! </FONT></STRONG></FONT></DIV> <DIV><FONT face=Arial><STRONG><FONT face="Chaparral Pro"> A PERSONALZIED GIFT TO CHERISH FOR YEARS AND YEARS</FONT></STRONG></FONT></DIV> <DIV><FONT face=Arial><STRONG><FONT face="Chaparral Pro"></FONT></STRONG></FONT> </DIV> <DIV><FONT face=Arial><STRONG><FONT face="Chaparral Pro"></FONT></STRONG></FONT> </DIV> <DIV><FONT face=Arial><STRONG><FONT face="Chaparral Pro">Look Inside: </FONT></STRONG></DIV> <DIV> </DIV> <DIV><STRONG><FONT size=5><IMG src="christmas/untitled.bmp" width=624 height=378 hspace=12 align=left style="WIDTH: 574px; HEIGHT: 346px" v:shapes="_x0000_s1028"><U>Look inside:</U></FONT></STRONG></DIV> <DIV><SPAN style="FONT-FAMILY: 'Times New Roman'; FONT-SIZE: 12pt; mso-fareast-font-family: 'Times New Roman'; mso-ansi-language: EN-US; mso-fareast-language: EN-US; mso-bidi-language: AR-SA"> <H1><FONT size=4>Custom Fields For Personalized Book</FONT></H1> <TABLE height="368"> <FORM id=LineItemAddForm method=post action=/line_items/add></FORM> <TBODY> <TR> <TH colSpan=2>Please enter your personalization information</TH></TR> <TR> <TD width="239"><LABEL for=LineItemField1content>First Name</LABEL></TD> <TD width="277"><INPUT id=LineItemField1content name=data[LineItem][field1content]></TD></TR> <TR> <TD><LABEL for=LineItemField2content>Name Person Goes By (opt.)</LABEL></TD> <TD><INPUT id=LineItemField2content name=data[LineItem][field2content]></TD></TR> <TR> <TD><LABEL for=LineItemField3content>Middle Name</LABEL></TD> <TD><INPUT id=LineItemField3content name=data[LineItem][field3content]></TD></TR> <TR> <TD><LABEL for=LineItemField4content>Last Name</LABEL></TD> <TD><INPUT id=LineItemField4content name=data[LineItem][field4content]></TD></TR> <TR> <TD><LABEL for=LineItemField5content>Gender</LABEL></TD> <TD><SELECT id=LineItemField5content name=data[LineItem][field5content]> <OPTION selected value=Male>Male</OPTION> <OPTION value=Female>Female</OPTION></SELECT></TD></TR> <TR> <TD><LABEL for=LineItemField6content>Age (opt.)</LABEL></TD> <TD><INPUT id=LineItemField6content name=data[LineItem][field6content]></TD></TR> <TR> <TD><LABEL for=LineItemField7content>Date of Book Gift</LABEL></TD> <TD><SELECT id=LineItemField7contentMonth name=data[LineItem][field7content][month]> <OPTION value=01>January</OPTION> <OPTION value=02>February</OPTION> <OPTION value=03>March</OPTION> <OPTION value=04>April</OPTION> <OPTION value=05>May</OPTION> <OPTION value=06>June</OPTION> <OPTION value=07>July</OPTION> <OPTION value=08>August</OPTION> <OPTION value=09>September</OPTION> <OPTION value=10>October</OPTION> <OPTION value=11>November</OPTION> <OPTION selected value=12>December</OPTION></SELECT>-<SELECT id=LineItemField7contentDay name=data[LineItem][field7content][day]> <OPTION value=01>1</OPTION> <OPTION value=02>2</OPTION> <OPTION value=03>3</OPTION> <OPTION value=04>4</OPTION> <OPTION value=05>5</OPTION> <OPTION value=06>6</OPTION> <OPTION value=07>7</OPTION> <OPTION selected value=08>8</OPTION> <OPTION value=09>9</OPTION> <OPTION value=10>10</OPTION> <OPTION value=11>11</OPTION> <OPTION value=12>12</OPTION> <OPTION value=13>13</OPTION> <OPTION value=14>14</OPTION> <OPTION value=15>15</OPTION> <OPTION value=16>16</OPTION> <OPTION value=17>17</OPTION> <OPTION value=18>18</OPTION> <OPTION value=19>19</OPTION> <OPTION value=20>20</OPTION> <OPTION value=21>21</OPTION> <OPTION value=22>22</OPTION> <OPTION value=23>23</OPTION> <OPTION value=24>24</OPTION> <OPTION value=25>25</OPTION> <OPTION value=26>26</OPTION> <OPTION value=27>27</OPTION> <OPTION value=28>28</OPTION> <OPTION value=29>29</OPTION> <OPTION value=30>30</OPTION> <OPTION value=31>31</OPTION></SELECT>-<SELECT id=LineItemField7contentYear name=data[LineItem][field7content][year]> <OPTION value=2021>2021</OPTION> <OPTION value=2020>2020</OPTION> <OPTION value=2019>2019</OPTION> <OPTION value=2018>2018</OPTION> <OPTION value=2017>2017</OPTION> <OPTION value=2016>2016</OPTION> <OPTION value=2015>2015</OPTION> <OPTION value=2014>2014</OPTION> <OPTION value=2013>2013</OPTION> <OPTION value=2012>2012</OPTION> <OPTION selected value=2011>2011</OPTION> <OPTION value=2010>2010</OPTION> <OPTION value=2009>2009</OPTION> <OPTION value=2008>2008</OPTION> <OPTION value=2007>2007</OPTION> <OPTION value=2006>2006</OPTION> <OPTION value=2005>2005</OPTION> <OPTION value=2004>2004</OPTION> <OPTION value=2003>2003</OPTION> <OPTION value=2002>2002</OPTION> <OPTION value=2001>2001</OPTION> <OPTION value=2000>2000</OPTION> <OPTION value=1999>1999</OPTION> <OPTION value=1998>1998</OPTION> <OPTION value=1997>1997</OPTION> <OPTION value=1996>1996</OPTION> <OPTION value=1995>1995</OPTION> <OPTION value=1994>1994</OPTION> <OPTION value=1993>1993</OPTION> <OPTION value=1992>1992</OPTION> <OPTION value=1991>1991</OPTION> <OPTION value=1990>1990</OPTION> <OPTION value=1989>1989</OPTION> <OPTION value=1988>1988</OPTION> <OPTION value=1987>1987</OPTION> <OPTION value=1986>1986</OPTION> <OPTION value=1985>1985</OPTION> <OPTION value=1984>1984</OPTION> <OPTION value=1983>1983</OPTION> <OPTION value=1982>1982</OPTION> <OPTION value=1981>1981</OPTION> <OPTION value=1980>1980</OPTION> <OPTION value=1979>1979</OPTION> <OPTION value=1978>1978</OPTION> <OPTION value=1977>1977</OPTION> <OPTION value=1976>1976</OPTION> <OPTION value=1975>1975</OPTION> <OPTION value=1974>1974</OPTION> <OPTION value=1973>1973</OPTION> <OPTION value=1972>1972</OPTION> <OPTION value=1971>1971</OPTION> <OPTION value=1970>1970</OPTION> <OPTION value=1969>1969</OPTION> <OPTION value=1968>1968</OPTION> <OPTION value=1967>1967</OPTION> <OPTION value=1966>1966</OPTION> <OPTION value=1965>1965</OPTION> <OPTION value=1964>1964</OPTION> <OPTION value=1963>1963</OPTION> <OPTION value=1962>1962</OPTION> <OPTION value=1961>1961</OPTION> <OPTION value=1960>1960</OPTION> <OPTION value=1959>1959</OPTION> <OPTION value=1958>1958</OPTION> <OPTION value=1957>1957</OPTION> <OPTION value=1956>1956</OPTION> <OPTION value=1955>1955</OPTION> <OPTION value=1954>1954</OPTION> <OPTION value=1953>1953</OPTION> <OPTION value=1952>1952</OPTION> <OPTION value=1951>1951</OPTION> <OPTION value=1950>1950</OPTION> <OPTION value=1949>1949</OPTION> <OPTION value=1948>1948</OPTION> <OPTION value=1947>1947</OPTION> <OPTION value=1946>1946</OPTION> <OPTION value=1945>1945</OPTION> <OPTION value=1944>1944</OPTION> <OPTION value=1943>1943</OPTION> <OPTION value=1942>1942</OPTION> <OPTION value=1941>1941</OPTION> <OPTION value=1940>1940</OPTION> <OPTION value=1939>1939</OPTION> <OPTION value=1938>1938</OPTION> <OPTION value=1937>1937</OPTION> <OPTION value=1936>1936</OPTION> <OPTION value=1935>1935</OPTION> <OPTION value=1934>1934</OPTION> <OPTION value=1933>1933</OPTION> <OPTION value=1932>1932</OPTION> <OPTION value=1931>1931</OPTION> <OPTION value=1930>1930</OPTION> <OPTION value=1929>1929</OPTION> <OPTION value=1928>1928</OPTION> <OPTION value=1927>1927</OPTION> <OPTION value=1926>1926</OPTION> <OPTION value=1925>1925</OPTION> <OPTION value=1924>1924</OPTION> <OPTION value=1923>1923</OPTION> <OPTION value=1922>1922</OPTION> <OPTION value=1921>1921</OPTION> <OPTION value=1920>1920</OPTION> <OPTION value=1919>1919</OPTION> <OPTION value=1918>1918</OPTION> <OPTION value=1917>1917</OPTION> <OPTION value=1916>1916</OPTION> <OPTION value=1915>1915</OPTION> <OPTION value=1914>1914</OPTION> <OPTION value=1913>1913</OPTION> <OPTION value=1912>1912</OPTION> <OPTION value=1911>1911</OPTION></SELECT></TD></TR> <TR> <TD><LABEL for=LineItemField8content>Home Town</LABEL></TD> <TD><INPUT id=LineItemField8content name=data[LineItem][field8content]></TD></TR> <TR> <TD><LABEL for=LineItemField9content>Dedication</LABEL></TD> <TD><SELECT id=LineItemField9content name=data[LineItem][field9content]> <OPTION selected value="With Love From">With Love From</OPTION> <OPTION value=From>From</OPTION></SELECT></TD></TR> <TR> <TD><LABEL for=LineItemField10content>Name of Person Giving Book</LABEL></TD> <TD><INPUT id=LineItemField10content name=data[LineItem][field10content]></TD></TR> <TR> <TD height="31"><LABEL for=LineItemField11content>Names of Up to Three Friends</LABEL></TD> <TD><input id=LineItemField11content name=data[LineItem][field11content]></TD> </TR> <TR> <TD height="31" colspan="2"><div class="submit"><input type="submit" value="Submit Your Order" /> </div></form></td></tr> </TD> </TR> </TBODY></TABLE> <IMG src="christmas/untitled1.bmp" width=588 height=338 style="WIDTH: 588px; HEIGHT: 347px" v:shapes="_x0000_i1025"></SPAN></DIV> </BODY></HTML>

Thank you Oliver but it still not working. I tried that over and over but nothing . Any other ideas?

I want to put a slieshow on my website but i cant change the photos are already on. Is there a way to change them without having a link to them? Thank you in advance /* * Author: Marco Kuiper (http://www.marcofolio.net/) */ // Speed of the automatic slideshow var slideshowSpeed = 6000; // Variable to store the images we need to set as background // which also includes some text and url's. var photos = [ { "title" : "Stairs", "image" : "vacation.jpg", "url" : "http://www.sxc.hu/photo/1362733 ", "firstline" : "Going on", "secondline" : "vacation?" }, { "title" : "Office Appartments", "image" : "work.jpg", "url" : "http://www.sxc.hu/photo/1265695", "firstline" : "Or still busy at", "secondline" : "work?" }, { "title" : "Mountainbiking", "image" : "biking.jpg", "url" : "http://www.sxc.hu/photo/1221065", "firstline" : "Get out and be", "secondline" : "active" }, { "title" : "Mountains Landscape", "image" : "nature.jpg", "url" : "http://www.sxc.hu/photo/1271915", "firstline" : "Take a fresh breath of", "secondline" : "nature" }, { "title" : "Italian pizza", "image" : "food.jpg", "url" : "http://www.sxc.hu/photo/1042413", "firstline" : "Enjoy some delicious", "secondline" : "food" } ]; $(document).ready(function() { // Backwards navigation $("#back").click(function() { stopAnimation(); navigate("back"); }); // Forward navigation $("#next").click(function() { stopAnimation(); navigate("next"); }); var interval; $("#control").toggle(function(){ stopAnimation(); }, function() { // Change the background image to "pause" $(this).css({ "background-image" : "url(images/btn_pause.png)" }); // Show the next image navigate("next"); // Start playing the animation interval = setInterval(function() { navigate("next"); }, slideshowSpeed); }); var activeContainer = 1; var currentImg = 0; var animating = false; var navigate = function(direction) { // Check if no animation is running. If it is, prevent the action if(animating) { return; } // Check which current image we need to show if(direction == "next") { currentImg++; if(currentImg == photos.length + 1) { currentImg = 1; } } else { currentImg--; if(currentImg == 0) { currentImg = photos.length; } } // Check which container we need to use var currentContainer = activeContainer; if(activeContainer == 1) { activeContainer = 2; } else { activeContainer = 1; } showImage(photos[currentImg - 1], currentContainer, activeContainer); }; var currentZindex = -1; var showImage = function(photoObject, currentContainer, activeContainer) { animating = true; // Make sure the new container is always on the background currentZindex--; // Set the background image of the new active container $("#headerimg" + activeContainer).css({ "background-image" : "url(images/" + photoObject.image + ")", "display" : "block", "z-index" : currentZindex }); // Hide the header text $("#headertxt").css({"display" : "none"}); // Set the new header text $("#firstline").html(photoObject.firstline); $("#secondline") .attr("href", photoObject.url) .html(photoObject.secondline); $("#pictureduri") .attr("href", photoObject.url) .html(photoObject.title); // Fade out the current container // and display the header text when animation is complete $("#headerimg" + currentContainer).fadeOut(function() { setTimeout(function() { $("#headertxt").css({"display" : "block"}); animating = false; }, 500); }); }; var stopAnimation = function() { // Change the background image to "play" $("#control").css({ "background-image" : "url(images/btn_play.png)" }); // Clear the interval clearInterval(interval); }; // We should statically set the first image navigate("next"); // Start playing the animation interval = setInterval(function() { navigate("next"); }, slideshowSpeed); });

Here is the link My link . If anyone can help me please. Thank you!

Ok, the problem was the DOC TYPE. But as soon as i add the doc type my background disappears in chrome but in IE8 looks good. And a layer i cant move it at all in both chrome and IE8.

Hi, i've got some problems with my menu in IE8. It's dropping good in chrome (everything works fine in chrome). Can please someone help me out? Thanks in advance <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Yamaha Outboards Cyprus - Sport Marine</title> <link href="dropdown.css" media="screen" rel="stylesheet" type="text/css" /> <link href="menu2/default.advanced.css" media="screen" rel="stylesheet" type="text/css" /> <!--[if lt IE 7]> <script type="text/javascript" src="js/jquery/jquery.js"></script> <script type="text/javascript" src="js/jquery/jquery.dropdown.js"></script> <![endif]--> <!-- / END --> <script type="text/javascript" src="menu2/js/swfobject.js"></script> <script type="text/javascript"> swfobject.embedSWF("http://www.virb.com/external/video/59984/MsOGibJlcnVwzc26YS7fJp054ayyiGkt", "wmfg", "980", "477", "9.0.0", false, false, {wmode:"transparent",allowFullScreen:"true",quality:"high",bgcolor:"#000000",salign:"tl"}, {id:"wmfg",name:"wmfg"} ); </script> </head> <body> <!-- Beginning of compulsory code below --> <ul class="dropdown dropdown-horizontal"> <li><a href="index.html" class="dir">Home</a></li> <li><a href="#">Yamaha</a> <ul> <li><a href="outboards.htm">Outboards</a></li> <li><a href="wave.htm">Waverunners</a></li> <li><a href="diesel.htm">Diesel Engines</a></li> <li><a href="atvs.htm">A.T.Vs</a></li> <li><a href="sideb.htm">Side by Side</a></li> <li><a href="generators.htm">Generators | Water Pumps</a></li> <li><a href="golf.htm">Golf Cars</a></li> <li><a href="gparts/gparts.html">Accessories | Apparel</a></li> <li><a href="genuine/spareparts.html">Genuine Spare Parts</a></li> </ul> </li> <li><a href="jen/jeanneau.html" class="dir">Jeanneau</a></li> <li><a href="prestige/prestige.html" class="dir">Prestige</a></li> <li><a href="#">Boats</a> <ul> <li><a href="riv/riviera.html">Riviera</a></li> <li><a href="fwin/fourwinns.html">Four Winns</a></li> <li><a href="yiotis/yiotispowerboats.html">Othelos</a></li> <li><a href="welc/wellcraft.html">Wellcraft</a></li> <li><a href="yelo/yelo.html">Yelo Boats</a></li> </ul> </li> <li><a href="water/sports.html" class="dir">JOBE Sports</a></li> <li><a href="denso/sparkplugs.html" class="dir">Denso Spark Plugs</a></li> <li><a href="#" class="dir">Pre-Owned</a> <ul> <li><a href="pboats/boats.html">Boats</a></li> <li><a href="pout/poutboards.html">Outboards</a></li> <li><a href="pwave/pwave.html">Waverunners</a></li> <li><a href="patv/patvs.html">A.T.Vs</a></li> </ul> </li> <li><a href="#" class="dir">Stock Clearance</a> <ul> <li><a href="syamaha/syamaha.html">Yamaha Products</a></li> <li><a href="spareparts/yamahaspareparts.html">Spare Parts</a></li> <li><a href="scloths/scloths.html">Apparel | Accessories</a></li> <li><a href="denso/sparkplugs.html">Denso Spark Plugs</a></li> </ul> </li> </ul> <!-- / END --> <div id="wmfg"></div> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); //--> </script> <style type="text/css"> <!--