Hi there hitherandyon,
and a warm welcome to these forums. 
...if you only know a way to do it with .js and its a really good simple script, please let me know that too...
If it's a simple script that you require, then there is really no need to use a whole JQuery library when a paragraph will suffice. 
Try this example...
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<base href="http://www.hitherandyon.com/servlet/StoreFront"/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<meta name="language" content="english"/>
<meta http-equiv="Content-Style-Type" content="text/css"/>
<meta http-equiv="Content-Script-Type" content="text/javascript"/>
<title>Silver jewelry, hemp, incense, Tibetan Buddhist dharma shop</title>
<style type="text/css">
form {
padding:0;
margin:0;
}
.inputFormat {
height:19px;
font-size:12px;
padding:1px;
color:#333;
vertical-align:middle;
}
#search input{
vertical-align:middle;
margin:0;
padding:0;
}
.btnSearch {
vertical-align:middle;
margin:0;
padding:0;
color:#0060b1;
font-size:12px;
cursor:pointer;
}
</style>
<script type="text/javascript">
var df;
function init() {
df=document.forms[0];
df[0].value='search';
df[0].style.color='#ccc';
df[0].onfocus=function() {
this.value='';
this.style.color='#333';
}
df[0].onblur=function() {
if(this.value=='') {
this.value='search';
this.style.color='#ccc';
}
}
df.onsubmit=function() {
return check();
}
}
function check() {
if((df[0].value=='search')||(df[0].value=='')) {
alert('please enter a search item');
return false;
}
}
window.addEventListener?
window.addEventListener('load',init,false):
window.attachEvent('onload',init);
</script>
</head>
<body>
<form method="post" action="/servlet/Categories" name="msearch" class="navBarRight">
<input type="text" name="keyword" size="25" class="inputFormat" value=""/>
<input type="image" src="/images/zz-testing/searcharrowyellowp.png" alt="search Hither and Yon" value="Go" class="btnSearch"/>
</form>
</body>
</html>
Place the code - (highlighted in green) - within the head section of your document.
coothead
Adding the word 'search' to a search field, that disappears when clicked...
of how to do this using XHTML/CSS rather than javascript? (if you only know a way to do it with .js and its a really good simple script, please let me know that too
Thank you for any input!
Reply With Quote
Originally Posted by hitherandyon
Thank you!
Bookmarks