Just nu i M3-nätverket
Jump to content

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


Avenger

Recommended Posts

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

 

 

 

Link to comment
Share on other sites

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>

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...