Avatar billede sholst Nybegynder
14. november 2011 - 18:22 Der er 25 kommentarer

jQuery

Hej,
Jeg er ved at lave en hjemmeside, hvor jeg skal give de besøgende mulighed for at hente undersider frem vha postnr. Jeg vil derfor gerne have et felt hvor man der kommer postnumre frem når man begynder at skrive de første tal(teknikken benyttes f.eks. af ejendomsmæglersider). Er det jquery jeg skal benytte til dette?
Avatar billede olsensweb.dk Ekspert
14. november 2011 - 18:31 #1
det du skal have fat i er AJAX functionaliteten autocomplete, du kan bruge jquery til det.
prøv at google "js autocomplete" http://www.google.dk/search?q=js+autocomplete
Avatar billede olebole Juniormester
14. november 2011 - 22:21 #2
<ole>

Jeg er helt sikker på, dette ikke er gennemtænkt. Når jeg taster det første ettal, skal der således vises en liste med omkring 650(!) postnumre.

Taster jeg derefter 0, skal jeg have en liste små 60 numre. Taster jeg i stedet 4 som andet tal, skal jeg have en liste med omkring 125 numre.

Det vil være langt mere brugeruvenligt, end at lade vedkommende selv skrive de sølle tre eller fire tal, et dansk postnummer består af.

/mvh
</bole>
Avatar billede olebole Juniormester
14. november 2011 - 22:23 #3
- og så fylder en JS-fil med samtlige danske postnumre i øvrigt langt mindre end jQuery - også selv om der skal lidt ekstra funktionskode med ned gennem hullet  =)
Avatar billede olebole Juniormester
14. november 2011 - 22:53 #4
Har lige lavet et JS-objekt med samtlige danske postnumre (incl. Færøerne og Grønland). Filen fylder sølle 22KB  =)
Avatar billede sholst Nybegynder
20. november 2011 - 13:12 #5
Tak for dit tip. Jeg har nu været inde og søge lidt på det og også fundet lidt hjælp. Men jeg har lige et tillægsspørgsmål. Jeg skal bruge det så at det postnummer der kommer frem, skal fungere som et link til en underside. Er det muligt?
Avatar billede sholst Nybegynder
20. november 2011 - 13:14 #6
Til Olebole det hjælper mig ikke det du skriver. Måske misforstår jeg dig.
Avatar billede olebole Juniormester
20. november 2011 - 16:32 #7
Spørgsmålet er, om noget vil hjælpe dig med den løsning, du ønsker. Jeg tvivler på, du overhovedet har tænkt over, hvad løsningen indebærer  =)

*) Hvad skal der ske, når jeg taster '1' i boksen?

*) Skal det resultere i en liste på de omkring 650 postnumre, som begynder med et 1-tal?

*) Hvordan skal det ske? Er der plads til en dropdown med 650 linjer på din skærm - og mener du, det vil være en lettelse for brugeren?
Avatar billede sholst Nybegynder
20. november 2011 - 22:51 #8
Jo jeg mener da at jeg har gennemtænkt hvad jeg vil have. Jeg ønsker en løsning som den der f.eks. findes hos home.dk
Og ta' postbudets ord for at der er nu heller ikke 650 postnr. der begynder med 1 ;-)
Avatar billede olebole Juniormester
21. november 2011 - 14:18 #9
Hvorfor skulle jeg tage et postbuds ord for det, når jeg nu ved noget andet? Disse numre er dem, PostDanmark opererer med ... og du tæller bare selv efter, ikk'?  :)

1000    København K
1001    København K
1002    København K
1003    København K
1004    København K
1005    København K
1006    København K
1007    København K
1008    København K
1009    København K
1010    København K
1011    København K
1012    København K
1013    København K
1014    København K
1015    København K
1016    København K
1017    København K
1018    København K
1019    København K
1020    København K
1021    København K
1022    København K
1023    København K
1024    København K
1025    København K
1026    København K
1045    København K
1050    København K
1051    København K
1052    København K
1053    København K
1054    København K
1055    København K
1055    København K
1056    København K
1057    København K
1058    København K
1059    København K
1060    København K
1061    København K
1062    København K
1063    København K
1064    København K
1065    København K
1066    København K
1067    København K
1068    København K
1069    København K
1070    København K
1071    København K
1072    København K
1073    København K
1074    København K
1092    København K
1093    København K
1095    København K
1098    København K
1100    København K
1101    København K
1102    København K
1103    København K
1104    København K
1105    København K
1106    København K
1107    København K
1110    København K
1111    København K
1112    København K
1113    København K
1114    København K
1115    København K
1116    København K
1117    København K
1118    København K
1119    København K
1120    København K
1121    København K
1122    København K
1123    København K
1124    København K
1125    København K
1126    København K
1127    København K
1128    København K
1129    København K
1130    København K
1131    København K
1140    København K
1147    København K
1148    København K
1150    København K
1151    København K
1152    København K
1153    København K
1154    København K
1155    København K
1156    København K
1157    København K
1158    København K
1159    København K
1160    København K
1161    København K
1162    København K
1163    København K
1164    København K
1165    København K
1165    København K
1166    København K
1167    København K
1168    København K
1169    København K
1170    København K
1171    København K
1172    København K
1173    København K
1174    København K
1175    København K
1200    København K
1201    København K
1202    København K
1203    København K
1204    København K
1205    København K
1206    København K
1207    København K
1208    København K
1209    København K
1210    København K
1211    København K
1212    København K
1213    København K
1214    København K
1215    København K
1216    København K
1217    København K
1218    København K
1218    København K
1218    København K
1218    København K
1218    København K
1218    København K
1219    København K
1220    København K
1221    København K
1240    København K
1250    København K
1251    København K
1252    København K
1253    København K
1254    København K
1255    København K
1256    København K
1257    København K
1258    København K
1259    København K
1259    København K
1260    København K
1261    København K
1263    København K
1263    København K
1264    København K
1265    København K
1266    København K
1267    København K
1268    København K
1270    København K
1271    København K
1291    København K
1300    København K
1301    København K
1302    København K
1303    København K
1304    København K
1306    København K
1307    København K
1307    København K
1308    København K
1309    København K
1310    København K
1311    København K
1312    København K
1313    København K
1314    København K
1315    København K
1316    København K
1317    København K
1318    København K
1319    København K
1320    København K
1321    København K
1322    København K
1323    København K
1324    København K
1325    København K
1326    København K
1327    København K
1328    København K
1329    København K
1349    København K
1350    København K
1352    København K
1353    København K
1354    København K
1355    København K
1356    København K
1357    København K
1358    København K
1359    København K
1359    København K
1360    København K
1361    København K
1361    København K
1362    København K
1363    København K
1364    København K
1365    København K
1366    København K
1367    København K
1368    København K
1369    København K
1370    København K
1371    København K
1400    København K
1400    København K
1401    København K
1402    København K
1402    København K
1402    København K
1402    København K
1402    København K
1403    København K
1404    København K
1406    København K
1407    København K
1408    København K
1409    København K
1410    København K
1411    København K
1411    København K
1412    København K
1413    København K
1414    København K
1415    København K
1416    København K
1417    København K
1418    København K
1419    København K
1420    København K
1421    København K
1422    København K
1423    København K
1424    København K
1425    København K
1426    København K
1427    København K
1428    København K
1429    København K
1430    København K
1431    København K
1432    København K
1432    København K
1432    København K
1433    København K
1433    København K
1433    København K
1433    København K
1433    København K
1433    København K
1433    København K
1434    København K
1435    København K
1436    København K
1436    København K
1436    København K
1436    København K
1436    København K
1436    København K
1436    København K
1437    København K
1437    København K
1437    København K
1437    København K
1437    København K
1437    København K
1437    København K
1437    København K
1437    København K
1437    København K
1437    København K
1437    København K
1438    København K
1438    København K
1438    København K
1438    København K
1438    København K
1439    København K
1439    København K
1439    København K
1439    København K
1439    København K
1439    København K
1439    København K
1439    København K
1439    København K
1439    København K
1439    København K
1439    København K
1439    København K
1439    København K
1439    København K
1440    København K
1440    København K
1440    København K
1440    København K
1440    København K
1440    København K
1440    København K
1440    København K
1440    København K
1440    København K
1440    København K
1441    København K
1441    København K
1441    København K
1448    København K
1450    København K
1451    København K
1452    København K
1453    København K
1454    København K
1455    København K
1456    København K
1457    København K
1458    København K
1459    København K
1460    København K
1461    København K
1462    København K
1463    København K
1464    København K
1465    København K
1466    København K
1467    København K
1468    København K
1470    København K
1471    København K
1472    København K
1473    København K
1500    København V
1501    København V
1502    København V
1503    København V
1504    København V
1505    København V
1506    København V
1507    København V
1508    København V
1509    København V
1510    København V
1532    København V
1533    København V
1550    København V
1550    København V
1551    København V
1552    København V
1553    København V
1553    København V
1554    København V
1555    København V
1556    København V
1557    København V
1558    København V
1559    København V
1560    København V
1561    København V
1561    København V
1562    København V
1563    København V
1564    København V
1566    København V
1567    København V
1568    København V
1569    København V
1570    København V
1570    København V
1571    København V
1572    København V
1573    København V
1574    København V
1575    København V
1576    København V
1577    København V
1577    København V
1577    København V
1592    København V
1599    København V
1600    København V
1601    København V
1602    København V
1603    København V
1604    København V
1605    København V
1606    København V
1607    København V
1608    København V
1609    København V
1610    København V
1611    København V
1612    København V
1613    København V
1614    København V
1615    København V
1616    København V
1617    København V
1618    København V
1619    København V
1620    København V
1620    København V
1621    København V
1622    København V
1623    København V
1624    København V
1630    København V
1631    København V
1632    København V
1633    København V
1634    København V
1635    København V
1640    København V
1650    København V
1651    København V
1652    København V
1653    København V
1654    København V
1655    København V
1656    København V
1657    København V
1658    København V
1659    København V
1660    København V
1660    København V
1661    København V
1662    København V
1663    København V
1664    København V
1665    København V
1666    København V
1667    København V
1668    København V
1669    København V
1670    København V
1671    København V
1671    København V
1672    København V
1673    København V
1674    København V
1675    København V
1676    København V
1677    København V
1699    København V
1700    København V
1701    København V
1702    København V
1703    København V
1704    København V
1705    København V
1706    København V
1707    København V
1708    København V
1709    København V
1710    København V
1711    København V
1711    København V
1712    København V
1713    København V
1714    København V
1715    København V
1716    København V
1717    København V
1718    København V
1719    København V
1720    København V
1721    København V
1722    København V
1723    København V
1724    København V
1725    København V
1726    København V
1727    København V
1728    København V
1729    København V
1730    København V
1731    København V
1732    København V
1733    København V
1734    København V
1735    København V
1736    København V
1737    København V
1738    København V
1739    København V
1749    København V
1750    København V
1751    København V
1752    København V
1753    København V
1754    København V
1755    København V
1756    København V
1757    København V
1758    København V
1759    København V
1760    København V
1761    København V
1762    København V
1763    København V
1764    København V
1765    København V
1766    København V
1770    København V
1771    København V
1772    København V
1773    København V
1774    København V
1775    København V
1777    København V
1780    København V
1782    København V
1785    København V
1786    København V
1787    København V
1790    København V
1799    København V
1799    København V
1799    København V
1799    København V
1799    København V
1799    København V
1799    København V
1799    København V
1799    København V
1799    København V
1799    København V
1799    København V
1800    Frederiksberg C
1801    Frederiksberg C
1802    Frederiksberg C
1803    Frederiksberg C
1804    Frederiksberg C
1805    Frederiksberg C
1806    Frederiksberg C
1807    Frederiksberg C
1808    Frederiksberg C
1809    Frederiksberg C
1810    Frederiksberg C
1811    Frederiksberg C
1812    Frederiksberg C
1813    Frederiksberg C
1814    Frederiksberg C
1815    Frederiksberg C
1816    Frederiksberg C
1817    Frederiksberg C
1818    Frederiksberg C
1819    Frederiksberg C
1820    Frederiksberg C
1822    Frederiksberg C
1823    Frederiksberg C
1824    Frederiksberg C
1825    Frederiksberg C
1826    Frederiksberg C
1827    Frederiksberg C
1828    Frederiksberg C
1829    Frederiksberg C
1835    Frederiksberg C
1850    Frederiksberg C
1851    Frederiksberg C
1852    Frederiksberg C
1853    Frederiksberg C
1854    Frederiksberg C
1855    Frederiksberg C
1856    Frederiksberg C
1857    Frederiksberg C
1860    Frederiksberg C
1861    Frederiksberg C
1862    Frederiksberg C
1863    Frederiksberg C
1864    Frederiksberg C
1865    Frederiksberg C
1866    Frederiksberg C
1867    Frederiksberg C
1868    Frederiksberg C
1870    Frederiksberg C
1871    Frederiksberg C
1872    Frederiksberg C
1873    Frederiksberg C
1874    Frederiksberg C
1875    Frederiksberg C
1876    Frederiksberg C
1877    Frederiksberg C
1878    Frederiksberg C
1879    Frederiksberg C
1900    Frederiksberg C
1901    Frederiksberg C
1902    Frederiksberg C
1903    Frederiksberg C
1904    Frederiksberg C
1905    Frederiksberg C
1906    Frederiksberg C
1908    Frederiksberg C
1909    Frederiksberg C
1910    Frederiksberg C
1911    Frederiksberg C
1912    Frederiksberg C
1913    Frederiksberg C
1914    Frederiksberg C
1915    Frederiksberg C
1916    Frederiksberg C
1917    Frederiksberg C
1920    Frederiksberg C
1921    Frederiksberg C
1922    Frederiksberg C
1923    Frederiksberg C
1924    Frederiksberg C
1925    Frederiksberg C
1926    Frederiksberg C
1927    Frederiksberg C
1928    Frederiksberg C
1931    Frederiksberg C
1950    Frederiksberg C
1951    Frederiksberg C
1952    Frederiksberg C
1953    Frederiksberg C
1954    Frederiksberg C
1955    Frederiksberg C
1956    Frederiksberg C
1957    Frederiksberg C
1958    Frederiksberg C
1959    Frederiksberg C
1960    Frederiksberg C
1961    Frederiksberg C
1962    Frederiksberg C
1963    Frederiksberg C
1964    Frederiksberg C
1965    Frederiksberg C
1966    Frederiksberg C
1967    Frederiksberg C
1970    Frederiksberg C
1971    Frederiksberg C
1972    Frederiksberg C
1973    Frederiksberg C
1974    Frederiksberg C
Avatar billede olebole Juniormester
21. november 2011 - 14:21 #10
- og derudover er der faktisk også de 13 tre-ciffrede færøske numre, som begynder med et et-tal:

100    Tórshavn
110    Tórshavn
160    Argir
165    Argir
175    Kirkjubøur
176    Velbastadur
177    Sydradalur, Streymoy
178    Nordradalur
180    Kaldbak
185    Kaldbaksbotnur
186    Sund
187    Hvitanes
188    Hoyvík
Avatar billede olebole Juniormester
21. november 2011 - 14:23 #11
Jeg ved ikke, hvad Home.dk gør - men i min verden virker det ikke overbevisende gennemtænkt at præsentere sine brugere for den slags dropdowns  =)
Avatar billede sholst Nybegynder
21. november 2011 - 14:34 #12
Det ville være dejligt med noget hjælp til mit problem istedet for en diskussion af hvor mange postnr der er i dk. Og det jeg ønsker er netop ikke en dropdown menu.
Avatar billede olebole Juniormester
21. november 2011 - 14:52 #13
Jamen, prøv nu lige at spænde hjelmen! Det var jo dig selv, der var påståelig og gerne ville belære mig om antallet af postnumre #8. Det må du da forvente, jeg forholder mig til  :D
Avatar billede olebole Juniormester
21. november 2011 - 14:54 #14
- og som du kan se på hans svar om jQuery's autocomplete, har ronols også forstået, at det var en dropdown, du efterlyste
Avatar billede sholst Nybegynder
21. november 2011 - 15:34 #15
Jeg har via ronols svar fundet frem til at jeg måske skal benytte en Ajax autocomplete, og det er så det jeg har undersøgt lidt. Men som nævnt vil jeg gerne have den løsning som Home benytter.
Avatar billede olebole Juniormester
21. november 2011 - 19:07 #16
Du kan prøve at kopiere denne kode over i et HTML dokument. Den skulle opfylde, hvad du efterspørger:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script type="text/javascript">
var oP = {"10":[[1000,"Kbh K"]],"11":[[1000,"Kbh K"]],"12":[[1000,"Kbh K"]],"13":[[1000,"Kbh K"]],"14":[[1000,"Kbh K"]],"15":[[1500,"Kbh V"]],"16":[[1500,"Kbh V"]],"17":[[1500,"Kbh V"]],"18":[[1800,"Frb C"]],"19":[[1800,"Frb C"]],"20":[[2000,"Frb"]],"21":[[2100,"Kbh Ø"]],"22":[[2200,"Kbh N"]],"23":[[2300,"Kbh S"]],"24":[[2400,"Kbh NV"],[2450,"Kbh SV"]],"25":[[2500,"Valby"]],"26":[[2600,"Glostrup"],[2605,"Brøndby"],[2610,"Rødovre"],[2620,"Albertslund"],[2625,"Vallensbæk"],[2630,"Taastrup"],[2635,"Ishøj"],[2640,"Hedehusene"],[2650,"Hvidovre"],[2660,"Brøndby Strand"],[2665,"Vallensbæk Strand"],[2670,"Greve"],[2680,"Solrød Strand"],[2690,"Karlslunde"]],"27":[[2700,"Brønshøj"],[2720,"Vanløse"],[2730,"Herlev"],[2740,"Skovlunde"],[2750,"Ballerup"],[2760,"Måløv"],[2765,"Smørum"],[2770,"Kastrup"],[2791,"Dragør"]],"28":[[2800,"Kongens Lyngby"],[2820,"Gentofte"],[2830,"Virum"],[2840,"Holte"],[2850,"Nærum"],[2860,"Søborg"],[2870,"Dyssegård "],[2880,"Bagsværd"]],"29":[[2900,"Hellerup"],[2920,"Charlottenlund"],[2930,"Klampenborg"],[2942,"Skodsborg"],[2950,"Vedbæk"],[2960,"Rungsted Kyst"],[2970,"Hørsholm"],[2980,"Kokkedal"],[2990,"Nivå"]],"30":[[3000,"Helsingør"],[3050,"Humlebæk"],[3060,"Espergærde"],[3070,"Snekkersten"],[3080,"Tikøb"]],"31":[[3100,"Hornbæk"],[3120,"Dronningmølle"],[3140,"Ålsgårde"],[3150,"Hellebæk"]],"32":[[3200,"Helsinge"],[3210,"Vejby"],[3220,"Tisvildeleje"],[3230,"Græsted"],[3250,"Gilleleje"]],"33":[[3300,"Frederiksværk"],[3310,"Ølsted"],[3320,"Skævinge"],[3330,"Gørløse"],[3360,"Liseleje"],[3370,"Melby"],[3390,"Hundested"]],"34":[[3400,"Hillerød"],[3450,"Allerød"],[3460,"Birkerød"],[3480,"Fredensborg"],[3490,"Kvistgård"]],"35":[[3500,"Værløse"],[3520,"Farum"],[3540,"Lynge"],[3550,"Slangerup"]],"36":[[3600,"Frederikssund"],[3630,"Jægerspris"],[3650,"Ølstykke"],[3660,"Stenløse"],[3670,"Veksø Sjælland"]],"37":[[3700,"Rønne"],[3720,"Aakirkeby"],[3730,"Nexø"],[3740,"Svaneke"],[3751,"Østermarie"],[3760,"Gudhjem"],[3770,"Allinge"],[3782,"Klemensker"],[3790,"Hasle"]],"40":[[4000,"Roskilde"],[4030,"Tune"],[4040,"Jyllinge"],[4050,"Skibby"],[4060,"Kirke Såby"],[4070,"Kirke Hyllinge"]],"41":[[4100,"Ringsted"],[4130,"Viby Sjælland"],[4140,"Borup"],[4160,"Herlufmagle"],[4171,"Glumsø"],[4173,"Fjenneslev"],[4174,"Jystrup Midtsj"],[4180,"Sorø"],[4190,"Munke Bjergby"]],"42":[[4200,"Slagelse"],[4220,"Korsør"],[4230,"Skælskør"],[4241,"Vemmelev"],[4242,"Boeslunde"],[4243,"Rude"],[4250,"Fuglebjerg"],[4261,"Dalmose"],[4262,"Sandved"],[4270,"Høng"],[4281,"Gørlev"],[4291,"Ruds Vedby"],[4293,"Dianalund"],[4295,"Stenlille"],[4296,"Nyrup"]],"43":[[4300,"Holbæk"],[4320,"Lejre"],[4330,"Hvalsø"],[4340,"Tølløse"],[4350,"Ugerløse"],[4360,"Kirke Eskilstrup"],[4370,"Store Merløse"],[4390,"Vipperød"]],"44":[[4400,"Kalundborg"],[4420,"Regstrup"],[4440,"Mørkøv"],[4450,"Jyderup"],[4460,"Snertinge"],[4470,"Svebølle"],[4480,"Store Fuglede"],[4490,"Jerslev Sjælland"]],"45":[[4500,"Nykøbing Sj"],[4520,"Svinninge"],[4532,"Gislinge"],[4534,"Hørve"],[4540,"Fårevejle"],[4550,"Asnæs"],[4560,"Vig"],[4571,"Grevinge"],[4572,"Nørre Asmindrup"],[4573,"Højby"],[4581,"Rørvig"],[4583,"Sjællands Odde"],[4591,"Føllenslev"],[4592,"Sejerø"],[4593,"Eskebjerg"]],"46":[[4600,"Køge"],[4621,"Gadstrup"],[4622,"Havdrup"],[4623,"Lille Skensved"],[4632,"Bjæverskov"],[4640,"Faxe"],[4652,"Hårlev"],[4653,"Karise"],[4654,"Faxe Ladeplads"],[4660,"Store Heddinge"],[4671,"Strøby"],[4672,"Klippinge"],[4673,"Rødvig Stevns"],[4681,"Herfølge"],[4682,"Tureby"],[4683,"Rønnede"],[4684,"Holmegaard "],[4690,"Haslev"]],"47":[[4700,"Næstved"],[4720,"Præstø"],[4733,"Tappernøje"],[4735,"Mern"],[4736,"Karrebæksminde"],[4750,"Lundby"],[4760,"Vordingborg"],[4771,"Kalvehave"],[4772,"Langebæk"],[4773,"Stensved"],[4780,"Stege"],[4791,"Borre"],[4792,"Askeby"],[4793,"Bogø By"]],"48":[[4800,"Nykøbing F"],[4840,"Nørre Alslev"],[4850,"Stubbekøbing"],[4862,"Guldborg"],[4863,"Eskilstrup"],[4871,"Horbelev"],[4872,"Idestrup"],[4873,"Væggerløse"],[4874,"Gedser"],[4880,"Nysted"],[4891,"Toreby L"],[4892,"Kettinge"],[4894,"Øster Ulslev"],[4895,"Errindlev"]],"49":[[4900,"Nakskov"],[4912,"Harpelunde"],[4913,"Horslunde"],[4920,"Søllested"],[4930,"Maribo"],[4941,"Bandholm"],[4943,"Torrig L"],[4944,"Fejø"],[4951,"Nørreballe"],[4952,"Stokkemarke"],[4953,"Vesterborg"],[4960,"Holeby"],[4970,"Rødby"],[4983,"Dannemare"],[4990,"Sakskøbing"],[4992,"Midtsjælland USF P"]],"50":[[5000,"Odense C"]],"51":[[5000,"Odense C"]],"52":[[5200,"Odense V"],[5210,"Odense NV"],[5220,"Odense SØ"],[5230,"Odense M"],[5240,"Odense NØ"],[5250,"Odense SV"],[5260,"Odense S"],[5270,"Odense N"],[5290,"Marslev"]],"53":[[5300,"Kerteminde"],[5320,"Agedrup"],[5330,"Munkebo"],[5350,"Rynkeby"],[5370,"Mesinge"],[5380,"Dalby"],[5390,"Martofte"]],"54":[[5400,"Bogense"],[5450,"Otterup"],[5462,"Morud"],[5463,"Harndrup"],[5464,"Brenderup Fyn"],[5466,"Asperup"],[5471,"Søndersø"],[5474,"Veflinge"],[5485,"Skamby"],[5491,"Blommenslyst"],[5492,"Vissenbjerg"]],"55":[[5500,"Middelfart"],[5540,"Ullerslev"],[5550,"Langeskov"],[5560,"Aarup"],[5580,"Nørre Aaby"],[5591,"Gelsted"],[5592,"Ejby"]],"56":[[5600,"Faaborg"],[5610,"Assens"],[5620,"Glamsbjerg"],[5631,"Ebberup"],[5642,"Millinge"],[5672,"Broby"],[5683,"Haarby"],[5690,"Tommerup"]],"57":[[5700,"Svendborg"],[5750,"Ringe"],[5762,"Vester Skerninge"],[5771,"Stenstrup"],[5772,"Kværndrup"],[5792,"Årslev"]],"58":[[5800,"Nyborg"],[5853,"Ørbæk"],[5854,"Gislev"],[5856,"Ryslinge"],[5863,"Ferritslev Fyn"],[5871,"Frørup"],[5874,"Hesselager"],[5881,"Skårup Fyn"],[5882,"Vejstrup"],[5883,"Oure"],[5884,"Gudme"],[5892,"Gudbjerg Sydfyn"]],"59":[[5900,"Rudkøbing"],[5932,"Humble"],[5935,"Bagenkop"],[5953,"Tranekær"],[5960,"Marstal"],[5970,"Ærøskøbing"],[5985,"Søby Ærø"]],"60":[[6000,"Kolding"],[6040,"Egtved"],[6051,"Almind"],[6052,"Viuf"],[6064,"Jordrup"],[6070,"Christiansfeld"],[6091,"Bjert"],[6092,"Sønder Stenderup"],[6093,"Sjølund"],[6094,"Hejls"]],"61":[[6100,"Haderslev"]],"62":[[6200,"Aabenraa"],[6230,"Rødekro"],[6240,"Løgumkloster"],[6261,"Bredebro"],[6270,"Tønder"],[6280,"Højer"]],"63":[[6300,"Gråsten"],[6310,"Broager"],[6320,"Egernsund"],[6330,"Padborg"],[6340,"Kruså"],[6360,"Tinglev"],[6372,"Bylderup-Bov"],[6392,"Bolderslev"]],"64":[[6400,"Sønderborg"],[6430,"Nordborg"],[6440,"Augustenborg"],[6470,"Sydals"]],"65":[[6500,"Vojens"],[6510,"Gram"],[6520,"Toftlund"],[6534,"Agerskov"],[6535,"Branderup J"],[6541,"Bevtoft"],[6560,"Sommersted"],[6580,"Vamdrup"]],"66":[[6600,"Vejen"],[6621,"Gesten"],[6622,"Bække"],[6623,"Vorbasse"],[6630,"Rødding"],[6640,"Lunderskov"],[6650,"Brørup"],[6660,"Lintrup"],[6670,"Holsted"],[6682,"Hovborg"],[6683,"Føvling"],[6690,"Gørding"]],"67":[[6700,"Esbjerg"],[6705,"Esbjerg Ø"],[6710,"Esbjerg V"],[6715,"Esbjerg N"],[6720,"Fanø"],[6731,"Tjæreborg"],[6740,"Bramming"],[6752,"Glejbjerg"],[6753,"Agerbæk"],[6760,"Ribe"],[6771,"Gredstedbro"],[6780,"Skærbæk"],[6792,"Rømø"]],"68":[[6800,"Varde"],[6818,"Årre"],[6823,"Ansager"],[6830,"Nørre Nebel"],[6840,"Oksbøl"],[6851,"Janderup Vestj"],[6852,"Billum"],[6853,"Vejers Strand"],[6854,"Henne"],[6855,"Outrup"],[6857,"Blåvand"],[6862,"Tistrup"],[6870,"Ølgod"],[6880,"Tarm"],[6893,"Hemmet"]],"69":[[6900,"Skjern"],[6920,"Videbæk"],[6933,"Kibæk"],[6940,"Lem St"],[6950,"Ringkøbing"],[6960,"Hvide Sande"],[6971,"Spjald"],[6973,"Ørnhøj"],[6980,"Tim"],[6990,"Ulfborg"]],"70":[[7000,"Fredericia"],[7017,"Taulov Pakkecenter"],[7029,"Fredericia"],[7080,"Børkop"]],"71":[[7100,"Vejle"],[7120,"Vejle Øst"],[7130,"Juelsminde"],[7140,"Stouby"],[7150,"Barrit"],[7160,"Tørring"],[7171,"Uldum"],[7173,"Vonge"],[7182,"Bredsten"],[7183,"Randbøl"],[7184,"Vandel"],[7190,"Billund"]],"72":[[7200,"Grindsted"],[7250,"Hejnsvig"],[7260,"Sønder Omme"],[7270,"Stakroge"],[7280,"Sønder Felding"]],"73":[[7300,"Jelling"],[7321,"Gadbjerg"],[7323,"Give"],[7330,"Brande"],[7361,"Ejstrupholm"],[7362,"Hampen"]],"74":[[7400,"Herning"],[7430,"Ikast"],[7441,"Bording"],[7442,"Engesvang"],[7451,"Sunds"],[7470,"Karup J"],[7480,"Vildbjerg"],[7490,"Aulum"]],"75":[[7500,"Holstebro"],[7540,"Haderup"],[7550,"Sørvad"],[7560,"Hjerm"],[7570,"Vemb"]],"76":[[7600,"Struer"],[7620,"Lemvig"],[7650,"Bøvlingbjerg"],[7660,"Bækmarksbro"],[7673,"Harboøre"],[7680,"Thyborøn"]],"77":[[7700,"Thisted"],[7730,"Hanstholm"],[7741,"Frøstrup"],[7742,"Vesløs"],[7752,"Snedsted"],[7755,"Bedsted Thy"],[7760,"Hurup Thy"],[7770,"Vestervig"],[7790,"Thyholm"]],"78":[[7800,"Skive"],[7830,"Vinderup"],[7840,"Højslev"],[7850,"Stoholm Jyll"],[7860,"Spøttrup"],[7870,"Roslev"],[7884,"Fur"]],"79":[[7900,"Nykøbing M"],[7950,"Erslev"],[7960,"Karby"],[7970,"Redsted M"],[7980,"Vils"],[7990,"Øster Assels"],[7992,"Sydjylland/Fyn USF P"],[7993,"Sydjylland/Fyn USF B"],[7996,"Fakturaservice"],[7997,"Fakturascanning"],[7999,"Kommunepost"]],"80":[[8000,"Aarhus C"]],"81":[[8000,"Aarhus C"]],"82":[[8200,"Aarhus N"],[8210,"Aarhus V"],[8220,"Brabrand"],[8229,"Risskov Ø"],[8230,"Åbyhøj"],[8240,"Risskov"],[8245,"Risskov Ø"],[8250,"Egå"],[8260,"Viby J"],[8270,"Højbjerg"]],"83":[[8300,"Odder"],[8305,"Samsø"],[8310,"Tranbjerg J"],[8320,"Mårslet"],[8330,"Beder"],[8340,"Malling"],[8350,"Hundslund"],[8355,"Solbjerg"],[8361,"Hasselager"],[8362,"Hørning"],[8370,"Hadsten"],[8380,"Trige"],[8381,"Tilst"],[8382,"Hinnerup"]],"84":[[8400,"Ebeltoft"],[8410,"Rønde"],[8420,"Knebel"],[8444,"Balle"],[8450,"Hammel"],[8462,"Harlev J"],[8464,"Galten"],[8471,"Sabro"],[8472,"Sporup"]],"85":[[8500,"Grenaa"],[8520,"Lystrup"],[8530,"Hjortshøj"],[8541,"Skødstrup"],[8543,"Hornslet"],[8544,"Mørke"],[8550,"Ryomgård"],[8560,"Kolind"],[8570,"Trustrup"],[8581,"Nimtofte"],[8585,"Glesborg"],[8586,"Ørum Djurs"],[8592,"Anholt"]],"86":[[8600,"Silkeborg"],[8620,"Kjellerup"],[8632,"Lemming"],[8641,"Sorring"],[8643,"Ans By"],[8653,"Them"],[8654,"Bryrup"],[8660,"Skanderborg"],[8670,"Låsby"],[8680,"Ry"]],"87":[[8700,"Horsens"],[8721,"Daugård"],[8722,"Hedensted"],[8723,"Løsning"],[8732,"Hovedgård"],[8740,"Brædstrup"],[8751,"Gedved"],[8752,"Østbirk"],[8762,"Flemming"],[8763,"Rask Mølle"],[8765,"Klovborg"],[8766,"Nørre Snede"],[8781,"Stenderup"],[8783,"Hornsyld"]],"88":[[8800,"Viborg"],[8830,"Tjele"],[8831,"Løgstrup"],[8832,"Skals"],[8840,"Rødkærsbro"],[8850,"Bjerringbro"],[8860,"Ulstrup"],[8870,"Langå"],[8881,"Thorsø"],[8882,"Fårvang"],[8883,"Gjern"]],"89":[[8900,"Randers C"],[8920,"Randers NV"],[8930,"Randers NØ"],[8940,"Randers SV"],[8950,"Ørsted"],[8960,"Randers SØ"],[8961,"Allingåbro"],[8963,"Auning"],[8970,"Havndal"],[8981,"Spentrup"],[8983,"Gjerlev J"],[8990,"Fårup"]],"90":[[9000,"Aalborg"]],"91":[[9000,"Aalborg"]],"92":[[9200,"Aalborg SV"],[9210,"Aalborg SØ"],[9220,"Aalborg Øst"],[9230,"Svenstrup J"],[9240,"Nibe"],[9260,"Gistrup"],[9270,"Klarup"],[9280,"Storvorde"],[9293,"Kongerslev"]],"93":[[9300,"Sæby"],[9310,"Vodskov"],[9320,"Hjallerup"],[9330,"Dronninglund"],[9340,"Asaa"],[9352,"Dybvad"],[9362,"Gandrup"],[9370,"Hals"],[9380,"Vestbjerg"],[9381,"Sulsted"],[9382,"Tylstrup"]],"94":[[9400,"Nørresundby"],[9430,"Vadum"],[9440,"Aabybro"],[9460,"Brovst"],[9480,"Løkken"],[9490,"Pandrup"],[9492,"Blokhus"],[9493,"Saltum"]],"95":[[9500,"Hobro"],[9510,"Arden"],[9520,"Skørping"],[9530,"Støvring"],[9541,"Suldrup"],[9550,"Mariager"],[9560,"Hadsund"],[9574,"Bælum"],[9575,"Terndrup"]],"96":[[9600,"Aars"],[9610,"Nørager"],[9620,"Aalestrup"],[9631,"Gedsted"],[9632,"Møldrup"],[9640,"Farsø"],[9670,"Løgstør"],[9681,"Ranum"],[9690,"Fjerritslev"]],"97":[[9700,"Brønderslev"],[9740,"Jerslev J"],[9750,"Østervrå"],[9760,"Vrå"]],"98":[[9800,"Hjørring"],[9830,"Tårs"],[9850,"Hirtshals"],[9870,"Sindal"],[9881,"Bindslev"]],"99":[[9900,"Frederikshavn"],[9940,"Læsø"],[9970,"Strandby"],[9981,"Jerup"],[9982,"Ålbæk"],[9990,"Skagen"]]};
</script>
<style type="text/css">
#autocomplete {
    position: relative;
    display: inline-block;
    font: 0.8em verdana, arial, sans-serif;
    border: 1px solid red;
}
#autoCompleteList {
    position: absolute;
    width: 200px;
    margin: 0;
    padding: 0;
    left: 0;
    top: 100%;
    list-style: none;
    background: yellow;
}
#autoCompleteList a,
#autoCompleteList a:visited,
#autoCompleteList a:hover {
    text-decoration: none;
    color: inherit;
}
#autoCompleteList li {
    padding: 0 8px;
    background: #f0f0f0;
    color: #000;
}
#autoCompleteList li.chosen,
#autoCompleteList li:hover {
    background: #000080;
    color: #fff;
}
</style>
<script type="text/javascript">
(function(){
    var setEvent = (function(){
        if (window.addEventListener) return function(elm, sType, fn){
            elm.addEventListener(sType, fn, false)
        };
        else return function(elm, sType, fn){
            elm.attachEvent("on"+sType, fn);
        };
    })();
   
    var elmZipList = null,
    elmTempl = null,
    elmChosen = null;
    window.checkZip = function(elmInp, evnt) {
        var nKey = evnt.keyCode,
        sVal = elmInp.value + String.fromCharCode(nKey);
        if (nKey>=48 && nKey<=59) {
            var aTmp, elmTmp, nLen = sVal.length;
            if (nLen>1) aTmp = oP[sVal.substr(0,2)];
            if (nLen<2) emptyElm(elmZipList);
            else {
                emptyElm(elmZipList);
                for (var i=0,j=aTmp.length; i<j; i++) {
                    if ((nLen==4 && sVal!=aTmp[ i][0]) || (nLen==3 && sVal!=(""+aTmp[ i][0]).substr(0,3))) continue;
                    elmTmp = elmTempl.cloneNode(true);
                    elmTmp.firstChild.firstChild.nodeValue = aTmp[ i][1]+", "+aTmp[ i][0];
                    // Set the link's href attribute - i.e: '2100.html'
                    elmTmp.firstChild.setAttribute("href", aTmp[ i][0]+".html");
                    elmZipList.appendChild(elmTmp);
                }
            }
            if (elmZipList.childNodes.length>0) {
                if (elmChosen) elmChosen.className = "";
                elmChosen = elmZipList.firstChild;
                elmChosen.className = "chosen";
            }
        }
        if (elmZipList.childNodes.length<1) return;
        // If Up- or Down-arrow is pressed
        if (nKey==40) { // Down
            elmChosen.className = "";
            elmChosen = elmChosen.nextSibling ? elmChosen.nextSibling : elmZipList.firstChild;
            elmChosen.className = "chosen";
        }
        else if (nKey==38) { // Up
            elmChosen.className = "";
            elmChosen = elmChosen.previousSibling ? elmChosen.previousSibling : elmZipList.lastChild;
            elmChosen.className = "chosen";
        }
        // If Return is pressed
        else if (nKey==13) {
            elmChosen.firstChild.click();
        }
    }
    function emptyElm(elm) {
        while (elm.firstChild) elm.removeChild(elm.firstChild);
    }
    function initZipComplete() {
        elmZipList = document.getElementById("autoCompleteList");
        elmTempl = elmZipList.firstChild;
        elmZipList.removeChild(elmTempl);
    }
    setEvent(window, "load", initZipComplete);
})();
</script>
</head>
<body>

<div style="padding:200px">
    <span id="autocomplete"><input onkeydown="checkZip(this, event)" type="text"><ul id="autoCompleteList"><li><a href="#">&nbsp;</a></li></ul></span>
</div>

</body>
</html>

Avatar billede sholst Nybegynder
21. november 2011 - 19:23 #17
Det er intet mindre end verdensklasse! Tusinde tak skal du have!
Avatar billede olebole Juniormester
21. november 2011 - 19:41 #18
Selvtak. Jeg skal dog lige nævne, at scriptet - ligesom Homes - ikke tager højde for Færøerne (numrene 100-970) eller Grønland (2412 og 3900-3992).

Dog kan jeg videregive de væsentlige oplysninger, at Slædepatruljen Sirius har 3992, Julemanden 2412 - og skulle du være til Sumba, ligger der en by ved det navn på Færørene. Den har nummer 970 ... det første numme efter 960, som ganske passende dækker byen 'Hov'!  :D

Jeg samler ikke point, så de må vel tilfalde ronols  =)
Avatar billede olsensweb.dk Ekspert
21. november 2011 - 21:28 #19
du kan også prøve at søge på: "js auto suggest" http://www.google.dk/search?q=js+auto+suggest

nu ved jeg ikke hvilke serverside code du bruger men her er nogle link
jeg ville gerne kunne henvise til disse tut fra w3schools
php
http://www.w3schools.com/php/php_ajax_livesearch.asp
http://www.w3schools.com/php/php_ajax_database.asp
http://www.w3schools.com/php/php_ajax_php.asp

asp
http://www.w3schools.com/asp/asp_ajax_asp.asp

men desværre retunere de html code fra serverside filen :(, hvilke er i modstrid med ajax, men det er desværre ikke alle tut skrivere der ved det.
den rigtige løsning er at finde data incode det i JSON eller XML* , retunerer dette, og så decode det clientside (js)
* jeg vil anbefale JSON, da det fylder mindre og er skabt til js, og moderne browsere har direkte en function til at decode det


men prøv at google serversprog ajax feks
"php ajax" http://www.google.dk/search?q=php+ajax
"asp ajax" http://www.google.dk/search?q=asp+ajax

jeg har kigget lidt på home.dk, de starter ikke deres søgning før der er mindst 2 tal indtastet, og jeg tror de begrænser det til de postnummer de har noget til salg i, og evt en sql limit på 5


>Jeg samler ikke point, så de må vel tilfalde ronols  =)
jeg springer også over
men jeg ville nok kigge på en ajax løsning, så man ikke behøver at hive hele db ned.
tænk på os der ikke har fri internet eller en langsom forbindelse feks til mobilen

jeg kan se olebole's vertion også først udskriver når der er tastet 2 tal, men desværre virker det ikke med tallene fra det numeriske tastatur
Avatar billede olebole Juniormester
21. november 2011 - 21:53 #20
@ronols: Hele mit script (incl. dataobjektet) fylder skaldede 13.5KB!  =)

Det svarer sådan cirka til din, min og spørgers avatarer tilsammen. Eller mindre end to gange Ekspertens lille logo på 188x65px. Men hvis du kan pege på noget, der virker og er mindre, sååååå ......  *o)
Avatar billede olebole Juniormester
21. november 2011 - 22:27 #21
- og et par små ændringer fixer problemet med numpad'en:


    var elmZipList = null,
    elmTempl = null,
    elmChosen = null;
    var oNumPad = {96:48,97:49,98:50,99:51,100:52,101:53,102:54,103:55,104:56,105:57}; // <-- Ændring
    window.checkZip = function(elmInp, evnt) {
        var nKey = evnt.keyCode;
        if (oNumPad[nKey]) nKey = oNumPad[nKey]; // <-- Ændring
        var sVal = elmInp.value + String.fromCharCode(nKey);

Avatar billede sholst Nybegynder
16. februar 2012 - 11:17 #22
Nu har jeg så langt om længe fået min side næsten færdig. Og endnu engang tusinde tak for hjælpen på denne side. Jeg har blot et enkelt lille spørgsmål. Jeg får jo en lang række sider med diverse postnr. derfor vil jeg gerne have disse i mapper for de forskellige regioner. Hvordan får jeg dette ind i scriptet, så at 9000 ligger i mappen for nordjylland osv. Jeg har prøvet at sidde og rode lidt med det men har ikke fundet en løsning.
Avatar billede olsensweb.dk Ekspert
17. februar 2012 - 19:42 #23
det vil kræve du sammen med hvert postnummer har angivet hvilke region det tilhøre
du kan finde en oversigt hos postdanmark http://www.postdanmark.dk/da/documents/lister/regionsopdelte-postnumre.pdf som pdf

med udgangspunkt i olebole's array, kan du se hvor jeg har tilføjet Hovedstaden
var oP = {"10":[[1000,"Kbh K","Hovedstaden"]],"11":[[1000,"Kbh K","Hovedstaden"]] ..... osv

endvidre skal du rette følgende linje (ca linje 76)
elmTmp.firstChild.setAttribute("href", aTmp[i][0]+".html");

til
elmTmp.firstChild.setAttribute("href", aTmp[i][2]+"/"+aTmp[i][0]+".html"); 

 
den vil så lave en link til region/postnummer.html
demo http://experten.olsensweb.dk/951295/ (har kun skrevet region ved postnummer startende med 27 , og filer ikke lagt op :) )

-------------------
du kunne overveje at kigge på dette, der er en online postnr db
http://geo.oiorest.dk/postnumre    (visses i xml)
http://geo.oiorest.dk/postnumre.html
postnr 2700 i 3 formater
json html xml
Avatar billede sholst Nybegynder
29. februar 2012 - 20:55 #24
Tusinde tak for det svar. Nu fik jeg ryddet op, det var dejligt.
Avatar billede sholst Nybegynder
15. oktober 2014 - 13:46 #25
Hjælp!!
Jeg fik den store hjælp som det ses af ovenstående, og min side fungerede fint men lige pludselig har jeg fået et problem. Det består i at linket til postnr. siden ikke fungere, som det ses på min side lokalblokken.dk.
Håber der er en der kan hjælpe mig med at finde fejlen.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester