CSS Home Page Search

[smudgie]

I want to put my Actinic search facility on the home page of my site which is outside of Actinic. I have done this before without any problems, however I am building the site in CSS and XHTML Strict 1.0 code doesn't like me copying this same method.

Hasn't anyone else done this, and if so please could you point me in the right direction?

Thanks

[jont]

What errors is the validation coming back with? FORM tags are notorious for passing validation in Actinic

[smudgie]

Loads!

I've taken the following script and tried to remove the table, this hasn't worked and I'm unsure how to rebuild it without the use of table tag.

<table cellspacing=0 cellpadding=0 border=0 align=left>
<form action="http://www.slimmingsolutions.co.uk/cgi-bin/ss000001.pl" METHOD="GET" name=simplesearch style="margin-bottom: 0">
<tr>
<td valign=middle noWrap align=left><input type="TEXT" name="SS" size="15" maxsize="125" value="Quick Search" onFocus="this.value='';this.style.background='#FFFFFF'">
&nbsp; </td>
<td valign=bottom noWrap align=left><!-- <input type=SUBMIT name=ACTION value="NETQUOTEVAR:QUICKSEARCHBUTTONTEXT"> -->
<input name="ACTION" type="image" src="images/go.gif" width="20" height="13" border="0">
<input TYPE=HIDDEN NAME="PR" VALUE="-1">
<input TYPE=HIDDEN NAME="TB" VALUE="A">
<input TYPE=HIDDEN NAME="SHOP" VALUE="">
</td>
</tr>
</form>
</table>

[jont]

If you are looking at just removing the table tags then this should be straight forward in CSS as everything is sitting inside the <form> tag on 1 line.

Something like:

<div id="simpleSEARCH">
<form ....>
<input type="TEXT" .....>
<input name="ACTION"...>
<input TYPE=HIDDEN NAME="PR" VALUE="-1">
<input TYPE=HIDDEN NAME="TB" VALUE="A">
<input TYPE=HIDDEN NAME="SHOP" VALUE="">
</form>
</div>

Set the CSS to text-align left along with all the other details and it should work fine

[smudgie]

It doesn't seem to be happy!

I've adapted the original based on a CSS search script but I still get errors (see below):

<div id="searcharea">
<form name="search" actions="http://www.domain.co.uk/cgi-bin/ss000001.pl">
<input name="search" value="Simple Search" />
<input name="ACTION" type="image" img src="images/go.gif" alt="Go" width="20" height="13" title="Go"/>
<input TYPE=HIDDEN NAME="PR" VALUE="-1">
<input TYPE=HIDDEN NAME="TB" VALUE="A">
<input TYPE=HIDDEN NAME="SHOP" VALUE="">
</form>



there is no attribute "actions".
<form name="search" actions="http://www.domain.co.uk/cgi-bin/ss000001

required attribute "action" not specified.
cgi-bin/ss000001.pl">

document type does not allow element "input" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" start-tag.
<input value="Simple Search" />

img" is not a member of a group specified for any attribute.
<input name="ACTION" type="image" img src="images/go.gif" alt="Go" width="20" he

there is no attribute "width".
age" img src="images/go.gif" alt="Go" width="20" height="13" title="Go"/>

there is no attribute "height".

there is no attribute "TYPE".
<input TYPE=HIDDEN NAME="PR" VALUE="-1">

And the list goes on!!

[wjcampbe]

I've adapted the original

Perhaps you should follow jont's suggestion instead?

[smudgie]

I did but when I put in the additional code:

http://www.domain.co.uk/cgi-bin/ss000001.pl
value="Quick Search" onFocus="this.value='';"
<input TYPE=HIDDEN NAME="PR" VALUE="-1">
<input TYPE=HIDDEN NAME="TB" VALUE="A">
<input TYPE=HIDDEN NAME="SHOP" VALUE="">

etc.

It brings up errors relating to all this info, but i can't see how I can do without this if it's going to work with the actinic search.

[wjcampbe]

Your code should read in full

<div id="searcharea">
<form action="http://www.slimmingsolutions.co.uk/cgi-bin/ss000001.pl" METHOD="GET" name=simplesearch style="margin-bottom: 0">
<input type="TEXT" name="SS" size="15" maxsize="125" value="Quick Search" onFocus="this.value='';this.style.background='#FFFFFF'">&nbsp;
<input name="ACTION" type="image" src="images/go.gif" width="20" height="13" border="0">
<input TYPE=HIDDEN NAME="PR" VALUE="-1">
<input TYPE=HIDDEN NAME="TB" VALUE="A">
<input TYPE=HIDDEN NAME="SHOP" VALUE="">
</form></div>

is that right?

[smudgie]

Based upon the original Actinic search, yes that's right.

[wjcampbe]

Please add one more hidden input

<INPUT TYPE=HIDDEN NAME="ACTINIC_REFERRER"
VALUE="http://http://www.slimmingsolutions.co.uk/acatalog/">

just before the </form> tag and try it again.

[smudgie]

I still get 31 errors when I check it in W3C.

[wjcampbe]

W3C errors are a fact of life with Actinic software, because we have to use the NETQUOTEVARs to pass programme data and these are not covered by the W3C standards.

Do a forum search for 'CSS W3C validation' and you should find at least three good long threads that discuss pure CSS sites and W3C HTML validation in a lot of detail.

[jont]

How many errors are you getting related to the actual search?

I get just the 1 error due to the doctype declaration (there is no attribute "NAME")

As Bill says this is Actinic in the real world and it will never pass validation. Try moving from Strict to Transitional to ease the pain but it will still throw up errors you can be sure.