Page 1 of 1

HTML omzetten naar search template

Posted: Sun Sep 30, 2012 7:11 am
by erpee
Ik ben bezig een HTML stuk om te zetten naar een search template.
Dit is de HTML:

Code: Select all

<div>
  <form method="get" name="searchform" action="#">
    <input type="text" value="" name="s" style="width: 95%;" />
     <span class="vsa-button-wrapper">
      <span class="vsa-button-l"> </span>
      <span class="vsa-button-r"> </span>
      <a class="vsa-button" href="javascript:void(0)">Search</a>
    </span> 
  </form>
</div> 
Ik ben al een eindje maar krijg de search-knop niet goed werkend.
Dit is wat ik heb:

Code: Select all

<div>
  {$startform}
    <input type="text" class="search-input" id="{$search_actionid}searchinput" name="{$search_actionid}searchinput" value="{$searchtext}" style="width: 95%;" {$hogan}/>
     <span class="vsa-button-wrapper">
      <span class="vsa-button-l"> </span>
      <span class="vsa-button-r"> </span>
      <a class="vsa-button" href="javascript:void(0)">Search</a>
    </span> 
  {if isset($hidden)}{$hidden}{/if}
  {$endform}
</div> 
Ik snap dat ik iets moet met:

Code: Select all

<input class="search-button" name="submit" value="{$submittext}" type="submit" />
Maarja ... dit stuk krijg ik nog niet voor elkaar. Hoe verder?

Re: HTML omzetten naar search template

Posted: Sun Sep 30, 2012 10:54 am
by Jos
Jij wilt een html-submitbutton omzetten naar een hyperlink. Dat gaat de search module niet goed vinden, die wil echt een submitbutton

Re: HTML omzetten naar search template

Posted: Tue Oct 02, 2012 1:41 pm
by rooon
Hi erpee,

Je kunt een <a> gebruiken als verzendknop, maar dan moet je eerst de url van de resultpagina uitpluizen en wat Javascript schrijven. Het voordeel van <a> is dat je makkelijker kan werken met afbeeldingen. Het nadeel is dat je niet volgens 'de standaard' van cmsms werkt.
Als ik jouw template omzet in de standaard template (dus met <input> als verzendknop) dan wordt dit

Code: Select all

<div>
{$startform}
<input type="text" id="{$search_actionid}searchinput" style="width:95%;" name="{$search_actionid}searchinput" value="{$searchtext}" {$hogan}/>
<span class="vsa-button-wrapper">
<span class="vsa-button-l"> </span>
<span class="vsa-button-r"> </span>
<input class="vsa-button" name="submit" value="{$submittext}" type="submit" />
</span> 
{if isset($hidden)}{$hidden}{/if}
{$endform}
</div>


Have fun, Rooon