Joomla Templates Club 406,261 posts

[jalankaki Friend jalankakiJoin date: August 2008Posts: 9Downloads:0Uploads:0 Thanks: 2]

#132267

I have a simple question which I cannot seem to get right. I use JA-Mesolite which has this little search box on top left (under logo).

Initially one would not know that it is a search box, thus I did this to make the box grey:
#ja-search .inputbox {
padding: 4px;
background: #555555;
border: 0px;
font-weight: bold;
color: #ffffff;
position: relative;
left: 41px;
top: 7px;
}

next, I want to show a text, “search…” in the box, to make it clearer. Usually search text boxes that I see display this text, and will dissapear when you click on it to type in your search phrase.

Joomla user guide said to go to module manager and type in the word that we want displayed in the text field. However I could not get to display this “Search…” indicator

I know this is very simple, but I have not yet found the answer.

Hope to find answer here,
thanks, Stef

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#265567

Hi
you must edit default.php(templatesja_mesolitehtmlmod_search ) folder
Search this line:

$output = '<input name="searchword" id="mod_search_searchword" maxlength="20" alt="'.$button_text.'" class="inputbox'.$moduleclass_sfx.'" type="text" size="'.$width.'" />';

Change to

$output = '<input name="searchword" id="mod_search_searchword" maxlength="20" alt="'.$button_text.'" value="Search..." class="inputbox'.$moduleclass_sfx.'" type="text" size="'.$width.'" />';

3 users say Thank You to Sherlock for this useful post

1. jalankaki
2. zeolite
3. sfpkent

[Ashwin Iyer Friend Ashwin IyerJoin date: September 2014Posts: 78Downloads:23Uploads:0 Thanks: 5 Thanked: 1 times in 1 posts]

#278300

Works great. Wish there could be some way around to get the word “search…” disappear when clicked so customer dont have to use backspace and can type it fast. If thats not all possible then may need to go for default search module of Virtuemart. Problem is there isnt enough space left for me in the left side.

Anyway any help is appreciated. Thanks in advance

[tonyg Friend tonygJoin date: June 2008Posts: 197Downloads:0Uploads:8 Thanks: 18 Thanked: 46 times in 27 posts]

#278318

Hi

Try using VitueMart Module instead of the Product Categories module. The VirtueMart Module will install both Product Categories and a search module. I hope that’s clear and helps.

[madfish2008 Friend madfish2008Join date: June 2008Posts: 60Downloads:0Uploads:18 Thanks: 7]

#278436

Hi all,

I have the same little problem.

$output = '<input name="searchword" id="mod_search_searchword" maxlength="20" alt="'.$button_text.'" value="Search..." class="inputbox'.$moduleclass_sfx.'" type="text" size="'.$width.'" />';

I can see “Search…” in the search field but it would be cool if it disappears when clicking on it … for that i used onclick=”this.value=’ ‘;” but this time it doesn’t work … i have blank homepage, means it mess up all my site.

Does anyone fixed it ?? :confused:

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#278517

Can you give us your live URL, any screenshot or more details of the problem will be helpful

[zeolite Friend zeoliteJoin date: February 2007Posts: 28Downloads:0Uploads:2 Thanks: 3 Thanked: 5 times in 2 posts]

#280424

Try this

$output = '<input name="searchword" id="mod_search_searchword" maxlength="20" alt="'.$button_text.'" value="Leita...." onFocus="this.value=''" onBlur="if (this.value == '') this.value='Leita...'" class="inputbox'.$moduleclass_sfx.'" type="text" size="'.$width.'" />';


Just replace Leita as that means search in Icelandic. This works for me

3 users say Thank You to zeolite for this useful post

1. sfpkent
2. Ashwin Iyer
3. florinpojum

[MIchael Mocilac Friend MIchael MocilacJoin date: September 2014Posts: 17Downloads:0Uploads:0 Thanked: 4 times in 1 posts]

#281622

I have it working on my Mesolite template just replace mod_search code with this and you should be good.

<?php // no direct access
defined(‘_JEXEC’) or die(‘Restricted access’); ?>
<form action=”index.php” method=”post”>
<div class=”search<?php echo $params->get(‘moduleclass_sfx’) ?>”>
<?php
$output = ‘<input name=”searchword” id=”mod_search_searchword” maxlength=”‘.$maxlength.'” alt=”‘.$button_text.'” class=”inputbox’.$moduleclass_sfx.'” type=”text” size=”‘.$width.'” value=”‘.$text.'” onblur=”if(this.value==”) this.value=”.$text.”;” onfocus=”if(this.value==”.$text.”) this.value=”;” />’;

if ($button) :
if ($imagebutton) :
$button = ‘<input type=”image” value=”‘.$button_text.'” class=”button’.$moduleclass_sfx.'” src=”‘.$img.'” onclick=”this.form.searchword.focus();”/>’;
else :
$button = ‘<input type=”submit” value=”‘.$button_text.'” class=”button’.$moduleclass_sfx.'” onclick=”this.form.searchword.focus();”/>’;
endif;
endif;

switch ($button_pos) :
case ‘top’ :
$button = $button.'<br />’;
$output = $button.$output;
break;

case ‘bottom’ :
$button = ‘<br />’.$button;
$output = $output.$button;
break;

case ‘right’ :
$output = $output.$button;
break;

case ‘left’ :
default :
$output = $button.$output;
break;
endswitch;

echo $output;
?>
</div>
<input type=”hidden” name=”task” value=”search” />
<input type=”hidden” name=”option” value=”com_search” />
</form>

3 users say Thank You to MIchael Mocilac for this useful post

1. nefar
2. 2khaat
3. nazar2

[2khaat Friend 2khaatJoin date: August 2008Posts: 45Downloads:0Uploads:0 Thanks: 9]

#284355

thank you thank you!

[Author]

Posts