Jobbe med callback funksjoner i Postens Fraktguide, får det ikke til!

[AnaXyd]

Heisann!

 

Driver å prøver meg på å implementere Fraktguiden fra Posten nå, og det viser seg være ganske mye nytt for meg. De skriver at det er så enkelt, og det ser jo meget enkelt ut, men så er det jo slettes ikke det!

 

Link til fraktguiden: Link

 

Dette skriver Bring selv om implementeringen:

 

Å komme i gang med Levert av Bring består altså av disse enkle stegene:

 

1. Lag <form>-tagger for bildet for valg av frakt.

2. Legg inn et kall til Levert av Bring der skjemaet skal vises. Pass på at HTML-koden beholdes intakt av eventuelle rammeverk.

3. Lag stilskjema for å få siden til å se ut som ønsket. Bruk gjerne eksempel-CSS fra lengre ned på denne siden.

4. Ta i mot valgt produkt på siden skjemaet postes til og hent prisen.

 

Det er altså steg nr 2 jeg ikke forstår helt. Jeg har kommet frem til følgende hittil:

 

Det er altså å legge inn en <form> med en action="http://fraktguide.bring.no/fraktguide/products.html" og method="get"

 

Deretter lager man <input> tagger som fyller på kallet i formet. F.eks:

 

<input name="from" id="fraPostnummer" value=""/>

 

Så må man naturligvis ha en submit knapp som sender avgårde kallet:

 

<input class="plainFormButton" type="submit" value="Vis fraktalternativer"/>

 

Jeg har fått det til å funke sånn halvveis, og får tilbake en god del informasjon fra serveren:

 

 

<div id="bringFrakt">
 <table cellspacing="0" cellpadding="0">
   <tr class="bringHeaderRow">
     <th class="bringFraktHovedkategori">Hent sendingen selv</th><th class="bringHelpIconHeader"></th><th class="bringFraktvalgPrisHeader">
				Pris
			</th><th class="bringFraktvalgAnkomstdatoHeader">
						Ankomst
					</th><th class="bringFraktvalgTipsHeader"></th>
   </tr>
   <tr>

     <td class="bringFraktvalg"><input class="bringFraktvalgRadio" name="bringValgtFraktprodukt" type="radio" value="POSTAUTOMAT_NEXTDAY" id="bringPOSTAUTOMAT_NEXTDAYradio"><label for="bringPOSTAUTOMAT_NEXTDAYradio">Postautomat</label>
       <div class="bringHelpBox">
         <div id="bringHelp_POSTAUTOMAT_NEXTDAY_body">
           <div class="bringHelpText">Postautomat er en automat hvor mottaker kan hente sendinger. Mange av postautomatene er døgnåpne. Postautomatene er sentralt plassert i Oslo, Bergen, Trondheim, Drammen, Stavanger, Lillestrøm, Ski, Asker/Bærum og Kristiansand.     Å få en sending levert i postautomat er vanligvis den raskeste måte for mottaker å få sendingen på. Mottaker kan selv velge hvilken postautomat han ønsker å hente sendingen i, og får en 8 sifret kode som tastes inn i automaten for å få utlevert sendingen. Koden sendes via SMS og/eller e-post. Dersom sendingen ikke er hentet innen 22 timer, vil den gå videre til postautomatens nærmeste postkontor. Dette vil mottaker få beskjed om på SMS og/eller e-post.   Mottaker kan velge å betale med bankkort når sendingen hentes i postautomaten.     Sendingen kan spores ved hjelp av sporingsnummeret.</div>

         </div>
       </div>
     </td><td class="bringHelpIconCell"><span class="bringHelpTrigger" id="bringHelp_POSTAUTOMAT_NEXTDAY"></span></td><td class="bringFraktvalgPris">
						Fra
					148,-
				</td><td class="bringFraktvalgAnkomstdato">21.09.2010</td><td class="bringFraktvalgTips"></td>
   </tr>
   <tr class="bringHeaderRow">
     <th class="bringFraktHovedkategori">Få sendingen levert</th><th class="bringHelpIconHeader"></th><th class="bringFraktvalgPrisHeader">

				Pris
			</th><th class="bringFraktvalgAnkomstdatoHeader"></th><th class="bringFraktvalgTipsHeader"></th>
   </tr>
   <tr>
     <td class="bringFraktUnderkategori" colspan="5">I postkasse / postboks</td>
   </tr>
   <tr>
     <td class="bringFraktvalg"><input class="bringFraktvalgRadio" name="bringValgtFraktprodukt" type="radio" value="A-POST" id="bringA-POSTradio"><label for="bringA-POSTradio">Brev (A-Prioritert)</label>

       <div class="bringFraktvalgdetaljer" id="bringFraktvalgdetaljerA-POST">Sendingene får plass i en vanlig postkasse/ postboks</div>
       <div class="bringHelpBox">
         <div id="bringHelp_A-POST_body">
           <div class="bringHelpText">Brev leveres direkte i mottakerens postkasse. Hvis brevet er for stort, må det hentes på mottakers lokale postkontor/ post i butikk innen 3 uker. Mottaker får beskjed om dette via hentemelding i postkassen. Sendingen blir sendt som A-Prioritert, og normal transporttid er 1 virkedag. Brev kan ikke spores.</div>
         </div>

       </div>
     </td><td class="bringHelpIconCell"><span class="bringHelpTrigger" id="bringHelp_A-POST"></span></td><td class="bringFraktvalgPris">84,-
				</td><td class="bringFraktvalgAnkomstdato"></td><td class="bringFraktvalgTips">Billigst!</td>
   </tr>
   <tr>
     <td class="bringFraktUnderkategori" colspan="5">Til døren</td>
   </tr>
   <tr>

     <td class="bringFraktvalg"><input class="bringFraktvalgRadio" name="bringValgtFraktprodukt" type="radio" value="PA_DOREN" id="bringPA_DORENradio"><label for="bringPA_DORENradio">Kveldstid, hjem 1700-2100</label>
       <div class="bringFraktvalgdetaljer" id="bringFraktvalgdetaljerPA_DOREN">Sjåføren ringer 30 - 60 minutter før ankomst</div>
       <div class="bringHelpBox">
         <div id="bringHelp_PA_DOREN_body">
           <div class="bringHelpText">Sendingen er en På Døren- sending som leveres hjem til  mottaker mellom klokken 17 og 21. Mottaker varsles når sendingen er lastet på bil for utkjøring, via SMS og/eller e-post. Mottaker varsles også på  mobiltelefon 30 - 60 minutter før levering. Dersom sendingen ikke kan leveres,  blir den fraktet til lokalt postkontor/ post i butikk. Mottaker varsles om dette via  SMS, e-post eller hentemelding i postkassen. Sendingen kan spores ved hjelp av sporingsnummeret.</div>

         </div>
       </div>
     </td><td class="bringHelpIconCell"><span class="bringHelpTrigger" id="bringHelp_PA_DOREN"></span></td><td class="bringFraktvalgPris">130,-
				</td><td class="bringFraktvalgAnkomstdato">21.09.2010</td><td class="bringFraktvalgTips"></td>
   </tr>
   <tr>
     <td class="bringFraktvalg"><input class="bringFraktvalgRadio" name="bringValgtFraktprodukt" type="radio" value="BPAKKE_DOR-DOR" id="bringBPAKKE_DOR-DORradio"><label for="bringBPAKKE_DOR-DORradio">Dagtid, arbeidssted 0800-1600</label>
       <div class="bringFraktvalgdetaljer" id="bringFraktvalgdetaljerBPAKKE_DOR-DOR">Leveres  uten at sjåføren ringer først</div>

       <div class="bringHelpBox">
         <div id="bringHelp_BPAKKE_DOR-DOR_body">
           <div class="bringHelpText">Sendingen er en Bedriftspakke som leveres til mottakers arbeidssted mellom klokken 08 og 16. Bestiller du varsling, vil mottaker varsles når sendingen er lastet på bil for uttkjøring, via SMS og/eller e-post. Dersom sendingen ikke kan leveres, blir den fraktet til lokalt postkontor/ post i butikk. Mottaker varsles om dette via SMS, e-post eller hentemelding i postkassen. Sendingen kan spores ved hjelp av sporingssnummeret.</div>
         </div>
       </div>
     </td><td class="bringHelpIconCell"><span class="bringHelpTrigger" id="bringHelp_BPAKKE_DOR-DOR"></span></td><td class="bringFraktvalgPris">141,-
				</td><td class="bringFraktvalgAnkomstdato">21.09.2010</td><td class="bringFraktvalgTips"></td>

   </tr>
 </table>
</div>

 

 

 

MEN! Dette kommer i en ny side, og jeg vet ikke hvordan jeg skal få denne html'en til å havne inne på MIN side?

Endret 19. september 2010 av AnaXyd

[Wattengård]

Hent inn html-en med en form for Ajax kall, så stapper du bare alt i innerHTML på en div... f.eks.

 

-C-