Keskustelu: Nettisivujen teko: zuumauspulma

Hei. Ny tarttis vähä jeesii elikkäs on tällane iha simppeli zuumaus scripti:

<script language="JavaScript" type="text/javascript">

function zoomin(){
if(parent.parent.document.getElementById("kartt").style.zoom!=0)
parent.parent.document.getElementById("kartt").style.zoom*=1.2;
else
parent.parent.document.getElementById("kartt").style.zoom=1.2;
}
function zoomout(){
if(parent.parent.document.getElementById("kartt").style.zoom!=0)
parent.parent.document.getElementById("kartt").style.zoom*=0.833;
else
parent.parent.document.getElementById("kartt").style.zoom=0.833;
}
function zoomrest(){
if(parent.parent.document.getElementById("kartt").style.zoom!=0)
parent.parent.document.getElementById("kartt").style.zoom*=0;
else
parent.parent.document.getElementById("kartt").style.zoom=0;
}

</script>

Ongelmana on et toi ny zuumaa objektin yläkulmaan ja haluisin et se zuumais esim objektin keskelle, onks paha, voisko saaha vinkkii.

Mielellää jotai koodillist ku en oo ite viel oikee haka täs scripti-koodaukses.

Siirrät yläkulmaa sopivan verran ylös ja vasemmalle.

Jos laitat jonkin sivun jossa tuota zoomausta voi kokeilla suoraan, niin saattaisi olla jotain motivaatiota kirjoittaa koodiesimerkkiä. Muuten täytyisi ensin duunata koko systeemi, jossa sitä siirtoa voisi kokeilla.

http://www.rope1986.com/kartta/hmylansi5.php

Eli systeemi on tuolla nähtävillä

Sano vaan jos haluut kuvaa pienemmäks

itselläni kun on tuhti 27" tuuman näyttö niin paha arvioida kokoo "muille"

Hassua, toi ei toimi mulla alkuunkaan Firefoxilla mutta Chromella toimii.

Anyways, pyörittelen tota vähän ja palaan kohta. Olisit voinut alkuperäiseen postaukseen suoraan laittaa että skripti ei ole itse tekemäsi.

Sitten ihan yleisesti, jos määrittelet, että sivu on xhtml:ää, niin ne sulkutagit on pakollisia.

aa, anteeksi. Pitää muistaa toi. Ei ole ollut missään nimessä tarkoitus varastaa keltää koodii.

se toi toimimattomuus voi johtuu siit et noi on isoi kirjaimii mu anyway, en nyt lähde muuttelemaan.

Tämän ei ilmeisesti ole tarkoitus missään vaiheessa tulla toimimaan firefoxilla? Tai ainakaan ennen kuin Firefoxiin tulee tuki tuolle zoom-parametrille...

Jos taas on tarkoitus, että voi käyttää myös firefoxilla, niin toteuttaisin muuta tapaa käyttäen.

Anyways, nyt se toimii ainakin Chromessa vähän jo oikeaan suuntaan. Mutta tulipas järkyttävän ruma viritys..

http://grez.info/murea/Rope/hmylansi5.htm

kiitoksia erittäin paljon

Pienenä offtopiccina, mites olisi ympätä tuo kuva, esim. Google mapsin päälle?

http://code.google.com/intl/fi/apis/maps/documentation/javascript/v2/overlays.html­#Custom_Map_Types

Itse ainakin sain suht hyvän kartan tehtyä, joskin pientä viilausta vaatisi:

KML -tiedosto:
https://docs.google.com/leaf?id=0B_gICXUI13Or­Yjlk­YWJl­Nz­Qt­Ym­Vh­ZS00O­DI2L­WE3Z­GEt­Mj­Nl­Nzhk­MTgwNjYz&hl=fi&authkey=CMmrkhw

<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://earth.google.com/kml/2.1">
  <Folder>
    <name>Ground Overlays</name>
    <description>Examples of ground overlays</description>
    <GroundOverlay>
      <Icon>
        <href> http://grez.info/murea/Rope/hmylansi.gif
        </href>
      </Icon>
      <LatLonBox>
        <north>65.26417778000089</north>
        <south>65.1576563762992</south>
        <east>25.5377197265625</east>
        <west>25.20263671875</west>
      </LatLonBox>
    </GroundOverlay>
  </Folder>
</kml>

Ja tällä pikkuisella työkalulla tuommoisen saa tehtyä helposti:
http://googlemapsapi.blogspot.com/2007/05/v280-making-image-overlays-easy-with.html