Hur gör jag en egen sökbox med java?

Jag har ett HTML dokument som jag vill lägga till en sökbox i.

Denna sökbox skall vid sökningen genererar en söksträng hos exempelvis google maps.

Anledningen att jag vill ha denna box direkt är för att jag vill styra några villkor hos den URL som är söksträngen. Så att flera ortnamn dyker upp på samma karta.

Är det någon som vet hur man kan fixa detta?

hittade ett javascript från 2001 som jag inte fick till att fungera. Kanske någon här som vet bättre?

//K

2001 säger du? Hm, det borde fungera - det var ett väldigt bra år. Pröva att klicka exakt mitt i boxen bara.

/p

Hittade den här, har nu några problem för att få den att fungera perfekt.

Jag vill göra en sökning på google maps, static map delen som genererar en bild.

http://maps.googleapis.com/maps/api/...p&sensor=false

För att få med flera orter på kartan, PLUS mitt sökresultat, vill jag lägga till några olika markers.

&markers=color:green%7Clabel:A%7CStockholm;

Och jag vill att sökresultatet skall vara centrerat, då blir det med denna på slutet:

&center="söksträng"

Problemet är nu att den inte helt vill acceptera & tecken, eller ÅÄÖ om de är inskrivna i HTML dokumentet som en del av URLen. (dvs de som skall vara markers, permanenta platser på kartan)

Detta är vad jag implementerar i HTML koden för att få sökboxen, sedan byter jag ut google.com till google maps URLen..

<!-- Om du använder den här koden förbinder du dig att följa användarvillkoren för Google Anpassad sökning. -->
<!-- Du hittar användarvillkoren på sidan http://www.google.com/cse/docs/tos.html -->
<form name="cse" id="searchbox_demo" action="http://www.google.com/cse">
<input type="hidden" name="cref" value="" />
<input type="hidden" name="ie" value="utf-8" />
<input type="hidden" name="hl" value="" />
<input name="q" type="text" size="40" />
<input type="submit" name="sa" value="Sök" />
</form>
<script type="text/javascript" src="http://www.google.com/cse/tools/onthefly?form=searchbox_demo&lang="></script>


Någon som kan hjälpa mig att få detta till en sökbox som genererar en karta med flera fördefinierade punkter, som dessutom klarar ÅÄÖ?

Jag får nu %26 istället för & tecknet.

//GF

Har nu fått till sökfunktionen, men fortfarande så fungerar inte UTF-8 grejen, vet inte vad det är som är fel?

Först så ser det ut såhär:

<form name="cse" id="searchbox_demo" action="http://maps.googleapis.com/maps/api/staticmap?">
<input type="hidden" name="ie" value="utf-8" />
<input type="hidden" name="zoom" value="5" />
<input type="hidden" name="size" value="512x900" />
<input type="hidden" name="maptype" value="roadmap" />
<input type="hidden" name="sensor" value="false" />

Sedan lägger jag till en marker på kartan med denna:

<input type="hidden" name="markers" value="Stockholm" />

Sist lägger jag till detta:

<input name="markers" type="text" size="40" />
<input type="submit" name="" value="Finn" />
</form>
<script type="text/javascript" src=""></script>

Men för att jag skall kunna ha sökresultatet och de olika markers jag vill lägga in i olika färger, så att det blir lätt att skilja ut, så måste jag lägga till:

color:green%7Clabel:A%7C

Här får jag ett problem, för att detta måste stå med semikolon och procenttecken, men när jag använder dem så blir det andra tecken i URLen som ser ut såhär:

&markers=color%3Agreen%257Clabel%3AA%257CStockholm

Är det något speciellt jag måste tänka på i HTML dokumentet eller någon annanstans för att jag skall få till riktiga tecken i URLen?

//GF

Ta och läs på här om URL encoding: http://www.w3schools.com/tags/ref_urlencode.asp

Tack för svaret!

Det som jag inte förstår är varför det oavsett blir fel.


Så här ser URLen som kodas ut, när jag testar tre olika sätt att koda fram en ":" semikolon.

&markers=%3A
&markers=%253A
&markers=%3A

Koden ser ut såhär:

<input type="hidden" name="markers" value=":" />
<input type="hidden" name="markers" value="%3A" />
<input type="hidden" name="markers" value=":" />

Jag har en tag som ser ut såhär:

<input type="hidden" name="ie" value="utf-8" />

och en som ser ut såhär:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

Av någon riktigt konstig anledning så fungerar det fint att koda dit ÅÄÖ med vanliga ASCII men : % & ändrar den om automatiskt till andra tecken.

Detta gör att jag inte kan bygga min HTML fil som jag vill för att få marker i olika färger med hjälp av denna:

&markers=color:green%7Clabel:A%7C

Är det något med kodningen som jag missat?

Jag har försökt ta bort "ie=UTF-8" från söksträngen, för den behöver inte vara där..

//GF

En sak som bör tilläggas är att om jag skapar en vanlig <a href> länk i HTML och använder precis samma tecken som vanligt, dvs : eller & så fungerar det kanonfint att länka direkt till ett sökresultat, men så fort samma tecken förekommer i <input> taggen så knasar det till sig helt.

//GF

Problemet löste sig när jag bytte ut "% 7 C" mot pipes istället.

Nu är nästa problem varför man inte kan få en sådan söksträng att ladda i en frame med hjälp av taggen "target=mainFrame"

Någon som vet?

//GF