Signup for help - g-link CMS Newsletter here...Print?

Article written on 7. december 2011 by Anders T. Nielsen

TopicCategoryPlatform / OSRelated issues...
SøgningJavaScriptWin XP, Vista Business, Win 7 / MS IE 6.x -11.xMore about the same subject...
Description of Problem / Solution:

Bo spørger:
Jeg har et menupunkt med "Søg" og har linket det til filen search.asp, men kunne godt tænke mig at give min hjemmesides besøgende en lettere søgeadgang på siden, måske bare gennem et søgefelt på forsiden og så få vist søgeresultaterne med det samme. Kan det lade sig gøre med g-link CMS?

 

Anders svarer:
Ja, det kan det godt: Med g-link CMS er der en "Work Around" til at opnå den effekt, som du efterlyser: Hvis du indsætter nedenstående kode i dit sidehoved, så opnår du det du efterlyser.

Sådan gør du:

  1. Åbn Webmaster Menuen,
  2. Klik på 2. fane (Opsætning ell. Konfig & layout) og klik på ikonet
  3. Find derefter "Sidehoved"-Editoren i bunden af siden,
  4. Skift til HTML-kode ved at klikke på knappen "Kilde" og indsæt koden herunder der hvor du ønsker søgefeltet placeret.

Koden herunder:

<form action="search.asp" method="post">
    <input type="image" border="0"  src="/images/admin/magnify.gif"  /><input type="text" name="stext" />
</form>

 

giver denne effekt:

 

Du kan også vælge at "Style" dit indtastningsfelt - i dette eksempel har jeg valgt at  højrestille input-feltet, sætte lidt indvendig skyggeeffekt på, give runde hjørner og og rød "skrivemaskine"-font. Så ser koden således ud:

<div style="text-align: right;">
    <form action="search.asp" method="post" name="myForm">
       <input type="image" border="0" style="padding: 1px;" src="/images/admin/menuIcons/222_search.png" align="absmiddle" />
       <input type="text" name="stext" style="padding: 1px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background-image:url(/images/admin/inputBgrShadow.png); background-position: 0px 0px; background-repeat:no-repeat; border: 3px double #444; height:18px; font-size: 15px; font-family: 'Courier New'; color: #E00;" value="Indtast søgeord..." onclick="document.myForm.stext.value=''" />
    </form>
</div>

og med dette resultat:

Som du kan se bliver den indtastede tekst rød, når du klikker forsvinder ledeteksten og selve søgefelt og ikon bliver lidt mere fremtrædende en uden "Styling" - nu er det bare op til dig at lave din hjemmesides søgefelt...

 

Du kan også indsætte et ikon i stedet for at skrive "Søg" i menuen - læs mere om anvendelse af ikoner i menuen her...

 Happy searchin'

Article written on 7. december 2011 by Anders T. Nielsen
Article No. #42

Return....