Just nu i M3-nätverket
Gå till innehåll

Input box som länkar till adressfältet i webbläsare :(


Avenger

Rekommendera Poster

Hej!

 

Någon som har en aning om hur man kan göra en "input-box"

eller "sökruta" som söker till adressfältet i webbläsaren? =(

 

Såhär ska den fungera lite mer

förenklat:

 

1. Det ska finnas en textruta i en enkel html-sida.

 

2. I textrutan ska man kunna skriva in ett namn.

 

3. Om jag skriver in namnet "jonathan" så ska textrutan direkt söka i adressfältet uppe i webbläsare

 

4. T ex. så blir sökningen direkt i adressfältet och hyperlänken blir i sådana fall www.hemsida.se/jonathan, dvs.textboxen lägger enbart till ett ord efter index-sidan.

 

Så det är egentligen ingen sökruta utan en textbox av något slag.

 

Tack så jättemycket på förhand, hoppas någon kan hjälpa

 

Mvh

Jonathan

 

 

 

Länk till kommentar
Dela på andra webbplatser

3. Om jag skriver in namnet "jonathan" så ska textrutan direkt söka i adressfältet uppe i webbläsare

 

4. T ex. så blir sökningen direkt i adressfältet och hyperlänken blir i sådana fall www.hemsida.se/jonathan, dvs.textboxen lägger enbart till ett ord efter index-sidan.

 

Jag blir lite fundersam vad du menar men förutsättningen är att man alltid utgår från en viss url (t ex "http://www.hemsida.com/" och sedan lägger till det värde som man skrivit i textboxen?

 

För vad händer om man skriver "fisk" så att webbläsaren går till "http://www.hemsida.com/fisk" som kanske inte finns, vad händer då?

 

 

Så här kan det se ut med html och javascript iaf:

html

<form action="?" method="get" name="redirectForm" id="redirectForm">
<input type="text" id="search-text" name="search-name"/>
</form>

 

Javascript innan bodyn stängs längst ner på sidan:

<script type="text/javascript">
var _urlPrefix = "http://www.hemsidan.se/"
var submitForm = function (eventObject) {
_searchText = document.getElementById("search-text").value;
//alert(_urlPrefix + _searchText); //för att testa
window.location.href = _urlPrefix + _searchText;
   if (eventObject.preventDefault) {
       eventObject.preventDefault();
   } else if (window.event) /* for ie */ {
       window.event.returnValue = false;
   }
   return true;
};
var element = window.document.getElementById("redirectForm");
if (element.addEventListener) {
   element.addEventListener("submit", submitForm, false);
} else if (element.attachEvent) {
   element.attachEvent("onsubmit", submitForm);
}
</script>

Länk till kommentar
Dela på andra webbplatser

Hej oach TACK för svar!

 

Om sidan inte finns så har jag skapat en beskrivande 404-sida.

 

Ska genast prova koden, tack så mycket!!!

 

Mvh

Jonathan

Länk till kommentar
Dela på andra webbplatser

Testade koden och den gör precis det jag vill, TACK TACK TACK!!!

 

Visar upp hemsidan när allt är färdigt :)

 

Ha en bra dag!!!

 

Mvh

Jonathan

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

×
×
  • Skapa nytt...