|
HTML - Where Can I Find A Javascript Search Recipe?
I want to put a search field on my web site. Where would I find a script to do that and how do you change the background color of the field?
Similar TutorialsFor example, this scenario: 1. My page contains the text "giraffes in corduroys" 2. somebody googles that text - either as a phrase or just the words 3. google points them to my page 4. the user clicks to go to my page... Is there any way to determine that it was the text "giraffes in corduroys" which brought them to my page? Would the crux be getting the previous URL in the browser history? Hi...not sure if this is the proper place to post this or not. I'm trying to do two things...first: I'm trying to set up a search box in frame 1 that will search, scroll to and highlight text in frame 2. Is this possible? I've been searching around for days looking for answers, and have so far come up short. I managed to create a search box in frame 1 that reloads frame 2, but that's not really what I'm after. ---------------------------- Now for the second thing I'm looking to do (along the same lines): I want to click a link in frame 1 that scrolls to a target in frame 2 and highlights it. The target is a word in the middle of a paragraph. Any help would be appreciated. I'm pretty green, so treat me like a beginner. Thanks so much! Hi, I am wanting to impliment a feature where I can install a search box on my website that will search anothers content. Basically I have two sites, one has thousands of sound effects on it, the other is more of a portal site. On the portal site I want to add a search box that will link into the other sites database so that the user would navigate away from the portal site and be taken to the stabndard search results page of the main site based on thier queory. Is there any code that anyone knows of to do this? Thanks all! I'm trying to have my search box and search button aligned but I can't seem to get it working. Whenever I try to move one vertically, both of them end up moving and I'm all out of ideas. Here is the code: Code: <script src="http://supportforms.epnet.com/eit/scripts/ebscohostsearch.js" type="text/javascript"></script>
<form action="" method="post" onsubmit="return ebscoHostSearchGo(this);"><input id="ebscohostwindow" name="ebscohostwindow" type="hidden" value="1" /> <input id="ebscohosturl" name="ebscohosturl" type="hidden" value="http://search.ebscohost.com/login.aspx?direct=true&site=ehost-live&scope=site&type=1&custid=S6281220&groupid=Main&profid=EDS&mode=bool&cli0=FR&clv0=Y&cli1=RV&clv1=Y&cli2=PT82&clv2=(PT+Academic+Journal+or+PT+Periodical+or+PT+Trade+Publication)%7e(PT+Book+or+PT+Almanac+or+PT+ebook+or+PT+audiobook)%7e(PT+Newspaper+or+PT+NEWSP+or+PT+Newswire+or+PT+WIRES)&lang=en&authtype=guest" /> <input id="ebscohostsearchsrc" name="ebscohostsearchsrc" type="hidden" value="url" /> <input id="ebscohostsearchmode" name="ebscohostsearchmode" type="hidden" value="+" /> <input id="ebscohostkeywords" name="ebscohostkeywords" type="hidden" value="" />
<div style="background-image: url('http://i.imgur.com/Wjilo.jpg'); background-repeat: no-repeat; width: 900px; height: 600px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 9pt; color: #353535;">
<div style="padding-top: 249px; padding-left: 70px;"><span style="font-weight: bold;" ></span>
<div>
<input id="ebscohostsearchtext" name="ebscohostsearchtext" type="text" size="23" style="font-size: 16pt; padding-right: 340px; height: 50px;">
<button type="submit" style="border: 0; background: transparent;"><img src="http://i.imgur.com/nYPoa.png" width="145" hspace="25" alt="submit" />
</div>
</div>
</div>
</form>
Hi, I want to make a search box on my website. The thing is that I would like the search bar to be able to search on multiple search engines. For example I can type a movie in the search field and then I can select if I want to search for the movie either on google or on IMDb. I want it to look like this: http://subtext.no/kjartan/charlie/searchbox.png If anyone could help me get this kind of searchbox it would be great. Thanks in reaply. I'm using IE8 to test Hi, I'm trying to add a google search box (in a table) to my web page, but for some reason it the input button links to the page I am currently on. The strange part is that I put the same exact code in another cell right next to the other google search box and that one works wonderfully while the first one still links to the current page. It is the same with any search engine (yahoo, bing, ask), the first search box links to the current page and the rest work great. Here is the code I use: Code: <form method="get" action="http://www.google.com/search">
<input style="width:140px" type="text" name="q" size="31" maxlength="255" value="" /><br />
<input type="submit" value="Google Search" />
</form>
I am working on a webpage that is more than likely going to need to allow downloadable content. I am not quite sure how to go about this. Most likely its going to be video files downloaded and i want to find the most secure way to go about this. I am really in need of this info as i am on a deadline. Please Help Hi i am trying to make page http://klaedskeri.com and when i click this link, the botton goes up, why is that http://klaedskeri.com/myndir.html what am i doing wrong Hey everyone, For some reason, when you view my webpage in either IE8 (or previous versions, I don't know how to test those yet though) and Firefox they cannot seem to locate the CSS stylesheet. I followed the link when viewing Source Code in Mozilla Firefox to my CSS stylesheet, and it is clearly locating it. However, they aren't displaying any of my CSS. Google Chrome and Safari work just fine, however, as they do display the page correctly. It's currently on my localhost server, so I had to upload it to a confidential directory: http://www.rheamaloney.com/donotenter/index.php If you look at the first page in IE/Firefox, then look at it in Safari/Chrome, you'll see what I mean. Notice: I tested them on all browsers (except Opera, IE6, IE7) for both the localhost and online versions. No difference. Oh, and for what it's worth, here's the code: ** Coot, if you are reading this, and you decide to remake my code, keep everything how it is and PLEASE don't change the navigation ** index.php: PHP Code: <?php include("head.php"); // These echo's just make it look as much like a regular HTML document as possible, easier to debug the code this way echo "\n"; echo "<body>"; echo "\n"; echo "\n"; include("doc_header.php"); include("doc_nav.php"); echo "\n"; echo ' <div class="bodyContainer">'; ?> <!-- Start static HTML code --> <h1>Welcome to the web's #1 online game card store</h1> <p>We carry everything related to the Yu-Gi-Oh! Card Game. Currently stocked with everything from the highest dollar foils all the way down to the most common trading cards.</p> <!-- End static HTML code --> <?php echo " </div>"; echo "\n"; echo "\n"; echo "\n"; echo "</body>"; echo "\n"; echo "</html>"; // Likewise with these ^^ ?> head.php: HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
<title>All Yugioh -- The #1 Online Yug-I-Oh Trading Card Store</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Language" content="en-US" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link href="css/screen.css" rel="Stylesheet" type="text/css" media="screen" />
<link href="http://www.allyugioh.com/favicon.ico" rel="Shortcut Icon" />
</head>
doc_header.php: HTML Code: <div class="topContainerLeft"></div>
<div class="topContainerRight"></div>
<div class="headContainer">
<a href="index.php">
<img src="images/logo.png" alt="WELCOME" onmouseover="document.getElementById('home').src='images/nav_home_hover.png';" onmouseout="document.getElementById('home').src='images/nav_home.png';" />
</a>
<img src="images/cards.png" alt="Yu-Gi-Oh!" style="float:right;top:10px;right:7em;position:relative" />
</div>
doc_nav.php: HTML Code:
<div class="navContainer">
<a href="index.php?" style="margin-left:20px">
<img src="images/nav_home.png" onmouseover="this.src='images/nav_home_hover.png';" onmouseout="this.src='images/nav_home.png';" alt="HOME" id="home" />
</a>
<a href="about.php">
<img src="images/nav_about.png" onmouseover="this.src='images/nav_about_hover.png';" onmouseout="this.src='images/nav_about.png';" alt="ABOUT US" />
</a>
<a href="products.php?">
<img src="images/nav_products.png" onmouseover="this.src='images/nav_products_hover.png';" onmouseout="this.src='images/nav_products.png';" alt="PRODUCTS" />
</a>
<a href="policy.php">
<img src="images/nav_policy.png" onmouseover="this.src='images/nav_policy_hover.png';" onmouseout="this.src='images/nav_policy.png';" alt="POLICY" />
</a>
<a href="contact.php?">
<img src="images/nav_contact.png" onmouseover="this.src='images/nav_contact_hover.png';" onmouseout="this.src='images/nav_contact.png';" alt="CONTACT" />
</a>
<span id="cart"><!-- login OR logout PHP variables here --><a href="login.php">Login</a> | <a href="cart.php">View My Cart</a></span>
</div>
And finally, the CSS: Code: @charset "ISO-8559-1";
body {
background-image: url("../images/gradient.png");
background-repeat: repeat-x;
margin: 0px;
padding: 0px;
width: 100%;
height: 1000px;
}
.headContainer {
background-color: rgb(79,138,83);
margin: 0px auto;
padding: 0px;
position: relative;
width: 80%;
height: 16%;
border-width: 0px 6px 0px 6px;
border-color: rgb(60,103,63);
border-style: solid;
}
.topContainerLeft {
background-color: rgb(65,114,68);
margin: 0px auto;
padding: 0px;
width: 10%;
height: 16%;
border: 0px;
float: left;
position: relative;
}
.topContainerRight {
background-color: rgb(65,114,68);
margin: 0px auto;
padding: 0px;
width: 10%;
height: 16%;
border: 0px;
float: right;
position: relative;
}
.navContainer {
background-color: #325635;
margin: 0px auto;
padding: 0px;
position: relative;
width: 100%;
height: 4.2%;
border: 0px;
text-align: center;
}
.bodyContainer {
background-color: rgb(79,138,83);
margin: 0px auto;
padding: 0em 1em 0em 1em;
position: relative;
width: 77.5%;
height: 85%;
border-width: 0px 6px 4px 6px;
border-color: rgb(60,103,63);
border-style: solid;
border-top: 1px solid transparent;
}
.footerContainer {
background-color: rgb(79,138,83);
margin: 0px auto;
padding: 0px;
position: relative;
width: 80%;
height: 5%;
border-width: 0px 6px 0px 6px;
border-color: rgb(60,103,63);
border-style: solid;
}
.navContainer a img { margin-left: -2px; }
.bodyContainer h1 {
font-family: 'georgia';
font-size: 34px;
color: #fff;
text-align: left;
}
.bodyContainer p {
font-family: 'georgia';
font-size: 18px;
color: #f3f3f3;
text-align: left;
width: 65%;
text-indent: 1.5em;
}
span#cart { font-family: 'georgia'; font-size: 14px; color: #fff; position: relative; bottom: 15px; left: 4em; }
span#cart a { text-decoration: underline; color: #fff; }
span#cart a:hover { text-decoration: none; color: #fff; }
Hello, all! Newbie here.. and I mean a newbie! I am desperate to find out the color code for the attached color... any idea how I can find out? I tried to do a side by side comparison on a color chart.. and it just never matches right. I am hoping that one of you folks who have a clue what you're doing have a trick for figuring this out! Thanks so much!! Hello can anyone help me with a problem i have? Well i want to load a text file to a form select box and then by selecting something to it find the selection to another text and load matched line to another form select box. Thank you. As the title states, Is there any way to find out who a domain is registered too? Or even find out information on it etc? Hello, There is a big white space and I HAVE NO idea why its there. Its driving me mad the page is he http://www.timeshareadventures.com/index.php I have tracked it down to this... you see the table row with the phone number, contact us, about us... those are images and that row IS about 70 pixels tall??? the images are only 30 pixels.... that is what is being pushed down, but I have no clue why??? also, my H1 tag has a little higher line hieight..but not that much IF ANYONE can figure out why that big space appears there.... YOU have my many thanks! -larry hi all What i need help with this time is this. I have been looking on the web to find code on creating the yellow highlight box. You know the box i mean? The one that comes up when you move the pointer over a image for example and it tells you what it is within the yellow box? I do hope you can help me out. Thanks Gaz. Hello I am working on my site http://www.poker-business.net and in FAQ section i would like to have it like they have it on this website: http://www.raketherake.com/FAQs.html How can i make such FAQ that questions and answers opens up when i click on them? Any help apriciated Thanks, Rok basically, im trying the find the specific URL web address for the webcounter on my myspace page so i can enter it into a script and artificially boost it. only problem is, i can't seem to do it. http://profile.myspace.com/index.cfm...ndid=112544176 thats the address to my page and the counter is currently on 526. i have already found the web address for my plays which can be found on the following page... http://mediaservices.myspace.com/ser...hx?b=112544176 its the addresses at the bottom that start 'url=http://media.myspace....' i understand that all myspace pages load themselves from a database but is there any way to find out what address it loads for the VIEWS counter? maybe there is a program that anyone knows about that can track EVERY url address a page requests when opening. please help! ok first off i would advise you to look at the page to show you what i want to accomplish how it is, is how im trying to make it look but i want to make it to w3c standards and keep it as html 4.01 strict HTML Code: <p style="background-color:red; border: 3px solid black; text-align:center; margin-left:100px; margin-right:100px; padding:20px;">Team Members</p> <p style="background-color:red; padding:2px; border: 1px solid black; text-align:center; margin-top:-20px; margin-left:100px; margin-right:100px"><a href="notavailable.htm"><img class="imgspace" src="RobertFace.png" alt="Robert Jones"></a><a href="notavailable.htm"><img class="imgspace" src="StuartFace.png" alt="Stuart Jackson"></a><a href="notavailable.htm"><a href="notavailable.htm"><img class="imgspace" src="SeanFace.png" alt="Sean Chaloner"></a></p> Code: <p style="background-color:red; border: 3px solid black; text-align:center; margin-left:100px; margin-right:100px; padding:20px;">Team Members</p> <p style="background-color:red; padding:2px; border: 1px solid black; text-align:center; margin-top:-20px; margin-left:100px; margin-right:100px"><a href="notavailable.htm"><img class="imgspace" src="RobertFace.png" alt="Robert Jones"></a><a href="notavailable.htm"><img class="imgspace" src="StuartFace.png" alt="Stuart Jackson"></a><a href="notavailable.htm"><a href="notavailable.htm"><img class="imgspace" src="SeanFace.png" alt="Sean Chaloner"></a></p> This may be a really simple question but thank you all for your time none the less. A family member started making a site using the templates on one.com, he made a bit of a mess so having limited knowledge I took over and tidied it up a little, the problem I have is that I have 6 tabs across the top of the page and 7 hyperlinks down the side. But on certain pages I need another row of tabs along the top and not sure which is the best way to do it. Would it be altering the code of the tab menu already there of embeding a new template in to the sites body?? or maybe another way?? I have no idea how to do any of these things so any help would be thankfully recieved |
|||||||