Beiträge von Per Nylén

    Hello!

    I am trying to use the textfield and make a simple text link to another site.
    <layer name="tavla1"
    url="plugins/textfield.swf"
    align="lefttop" x="10" y="10" width="100" height="500"
    children="false"
    html="[a href= onclick=(http://www.wincent.se);]Link[/a]"

    css="..."
    autoheight="false"
    vcenter="false"
    background="true"
    backgroundcolor="0xFFFFFF"
    backgroundalpha="1.0"
    border="false"
    bordercolor="0x000000"
    borderalpha="1.0"
    borderwidth="1.0"
    roundedge="0"
    shadow="0.0"
    shadowrange="4.0"
    shadowangle="45"
    shadowcolor="0x000000"
    shadowalpha="1.0"
    textshadow="0.0"
    textshadowrange="4.0"
    textshadowangle="45"
    textshadowcolor="0x000000"
    textshadowalpha="1.0"
    onautosized=""
    />

    Is this possible? I need to replace some flash plugins to get it to work with html5. Is there another way of doing this?
    At http://www.galleristockslycke.se/vo/andersbohman/ if you click an image the "flashorderform" shows up, thats what I would like to get to work with Ipads e.g html5

    Many thanks in advance for all help I can get!

    Regards!

    Per Nylén

    Hello!

    Works fine on the web but My video does not show up on my iPhone4? The pano on my iPhone is "blurry" as well. The only thing I have changed in the code is

    fov ="120.000000"
    fovmin ="125.000000"
    fovmax ="130.000000"

    Does anyone have a Clue!

    Regards Per Nylén

    Here is the video code
    <plugin name="video1" devices="all"
    url="plugins/videoplayer.swf"
    videourl="plugins/andersbohman.mp4"
    alturl="plugins/videoplayer.js"
    altvideourl="plugins/andersbohman.mp4"
    keep="false" preload="false"
    visible="true" enabled="true" handcursor="true" capture="true" children="true" maskchildren="false" usecontentsize="false"
    zorder="1"
    alpha="1.00" autoalpha="false" blendmode="normal" effect="" smoothing="true"
    align="right" edge=""
    x="220" y="-57" ox="" oy=""
    width="512" height="288"
    crop="" ondowncrop="" onovercrop=""
    scale="1" scale9grid="" scalechildren="false"
    rotate="0"
    parent=""
    mask=""
    onloaded=""
    onover=""
    onhover="showtext(klicka för att stänga, videohoverstyle))"
    onout=""
    ondown=""
    onup=""
    onclick="novideo()"
    buffertime="2.1"
    directionalsound="true"
    iscomplete="true"
    ispaused="true"
    isvideoready="true"
    loadedbytes="134549"
    loop="false"
    onunsupported=""
    onvideocomplete=""
    onvideopaused=""
    onvideoready=""
    outofrangevolume="0"
    pausedonstart="false"
    pixelhittest="false"
    range="90"
    rangefalloff="1"
    time="0"
    totalbytes="134549"
    totaltime="5"
    updateeveryframe="true"

    volume="1"
    />

    Hello again!

    I have hided video in my panorama with this code
    <action name="flyin">

    if(hotspot[%1].flying == 0.0, hotspot[%1].resetsize(); calc_flyout_size(%1); );

    if(hotspot[%1].oldscale === null, copy(hotspot[%1].oldscale, hotspot[%1].scale) );
    if(hotspot[%1].oldrx === null, copy(hotspot[%1].oldrx, hotspot[%1].rx) );
    if(hotspot[%1].oldry === null, copy(hotspot[%1].oldry, hotspot[%1].ry) );
    if(hotspot[%1].oldrz === null, copy(hotspot[%1].oldrz, hotspot[%1].rz) );
    set(hotspot[%1].onhover,showtext(klicka för att stänga, videohoverstyle));
    set(hotspot[%1].enabled,true);
    set(hotspot[%1].visible,true);
    tween(hotspot[%1].alpha, 1.0);
    tween(hotspot[%1].flying, 1.0);
    tween(hotspot[%1].scale, 1.0);
    tween(hotspot[%1].rx, 0.0);
    tween(hotspot[%1].ry, 0.0);
    tween(hotspot[%1].rz, 0.0);
    set(plugin[video1].visible, false);
    set(plugin[playthevideo].visible, true);

    and
    <action name="novideo">
    plugin[video1].closevideo();

    </action>

    <hotspot name="hs1" devices="all"

    keep="false"
    visible="true" enabled="true" usecontentsize="false" handcursor="true" capture="true" children="true" maskchildren="false"
    zorder="0"
    fillcolor ="0xffffff" fillalpha ="0.00" borderwidth ="0.0" bordercolor ="0xffffff" borderalpha ="0.00"
    fillcolorhover="0xffffff" fillalphahover="0.10" borderwidthhover="4.0" bordercolorhover="0xffffff" borderalphahover="0.80"
    fadeintime="0.150" fadeouttime="0.300" fadeincurve="1.100" fadeoutcurve="0.700"
    onhover="showtext(klicka för info, videohoverstyle));"
    onout=""
    ondown=""
    onup=""
    onclick="showpic(); order1(); novideo();"
    altonloaded="if(isphone, mul(scale,2));"
    alturl="hotspots/zoomicon.png"
    pic="bild1"


    and now I want to play the same video from the start with this code. The problem is that the video just shows where I last stopped it and I want it to play from the beginning again. Is there any kind person that would like to help.

    <action name="videoagain">
    set(plugin[video1].visible, true);
    plugin[video1].play;


    </action>

    <plugin name="playthevideo"

    url="plugins/stop.png"
    align="bottom"
    edge="right"
    x="0" y="30"
    keep="false"
    zorder="3"
    parent=""
    visible="false"
    handcursor="true"
    alpha="1"
    blendmode="normal"
    onclick="videoagain();"
    scale="1"
    />

    I have struggled and tried every variations but with no luck, again I think its an easy problem but I can't find out what is wrong.

    url to the project. http://www.pernylen.se/pano/wiik/

    Regards

    Per Nylén

    Hello!

    I have succeded in showing the text "click to show" on one picture using the code
    onhover="showtext(click to show, videohoverstyle));"
    on an hotspot.

    Now I wonder what code to wright and where to put it to get the text "click to close" on the "on the fly" picture created with the code below. I have tried to put the same code
    onhover="showtext(click to show, videohoverstyle));" but with bad result. I think this is pretty easy but as I am not a programmer I kindly ask someone to help me.

    Can be shown here. http://www.pernylen.se/pano/wiik/

    Regards Per Nylén


    <action name="calc_flyout_size">

    div(screen_sideaspect, stagewidth, stageheight);
    div(hotspot_sideaspect, hotspot[%1].width, hotspot[%1].height);

    if(screen_sideaspect LT hotspot_sideaspect,

    <!-- align at screen width -->
    div(hotspot[%1].width,stagewidth,stageheight);
    mul(hotspot[%1].width,60);
    txtadd(hotspot[%1].width,'%');
    set(hotspot[%1].height,prop);
    ,
    <!-- align at screen height -->
    set(hotspot[%1].width,prop);
    set(hotspot[%1].height,60%);
    );
    </action>

    <!-- fly in a hotspot = show hotspot fixed at screen -->
    <action name="flyin">

    if(hotspot[%1].flying == 0.0, hotspot[%1].resetsize(); calc_flyout_size(%1); );

    if(hotspot[%1].oldscale === null, copy(hotspot[%1].oldscale, hotspot[%1].scale) );
    if(hotspot[%1].oldrx === null, copy(hotspot[%1].oldrx, hotspot[%1].rx) );
    if(hotspot[%1].oldry === null, copy(hotspot[%1].oldry, hotspot[%1].ry) );
    if(hotspot[%1].oldrz === null, copy(hotspot[%1].oldrz, hotspot[%1].rz) );
    set(hotspot[%1].enabled,true);
    set(hotspot[%1].visible,true);
    tween(hotspot[%1].alpha, 1.0);
    tween(hotspot[%1].flying, 1.0);
    tween(hotspot[%1].scale, 1.0);
    tween(hotspot[%1].rx, 0.0);
    tween(hotspot[%1].ry, 0.0);
    tween(hotspot[%1].rz, 0.0);

    </action>

    <!-- fly the hotspot out/back -->
    <action name="flyout">

    set(hotspot[%1].enabled,false);
    set(plugin[inforuta1].visible,false);
    tween(hotspot[%1].alpha, 0.0, 0.5, default, set(hotspot[%1].visible,false); );
    tween(hotspot[%1].flying, 0.0);
    tween(hotspot[%1].scale, get(hotspot[%1].oldscale));
    tween(hotspot[%1].rx, get(hotspot[%1].oldrx));
    tween(hotspot[%1].ry, get(hotspot[%1].oldry));
    tween(hotspot[%1].rz, get(hotspot[%1].oldrz));


    </action>

    <action name="showpic">
    <!-- creates a new hotspot and fly it out -->

    if(hotspot[get(pic)] === null,
    txtadd(picfilename,'%CURRENTXML%/graphics/pic_',get(pic),'.jpg');
    addhotspot(get(pic));
    getcenter(hsath,hsatv);
    copy(hotspot[get(pic)].ath, hsath);
    copy(hotspot[get(pic)].atv, hsatv);
    set(hotspot[get(pic)].visible,false);
    set(hotspot[get(pic)].distorted,true);
    set(hotspot[get(pic)].zorder,2);
    set(hotspot[get(pic)].scale,0.1);
    set(hotspot[get(pic)].alpha,0.0);
    <!--set(hotspot[get(pic)].effect,glow(0xFFFFFF,1.0,30,10000);dropshadow(10,45,0x000000,10,0.3););-->
    set(hotspot[get(pic)].onloaded, flyin(get(name)) );
    set(hotspot[get(pic)].onclick, flyout(get(name)) );
    copy(hotspot[get(pic)].url,picfilename);


    ,
    flyin(get(pic));
    );

    Hello again!

    Now I have solved the problem, instead of textfield.swf I made my own swf Flash with the correct information. At last. I still have some programming questions though. How to get a generic load function for my <action name="order field">. It would be nice not to add a new <action name="order field"> for each hotspot and a new <plugin name="htmltext" url="%SWFPATH%/plugins/zara2.swf" /> for each plugin as well.

    Can you incorporate my "orderfield with the flyin or flyout or showpic actions like pic="sven" in the hotspot code. I just would like to add the swf name for each hotspot. And also close the orderfield when the picture is closed which I achieved, but its not a good programming solution. I am not a programmer but I think that someone of you can give some hints. *smile*

    <action name="flyin">
    if(hotspot[%1].flying == 0.0, hotspot[%1].resetsize(); calc_flyout_size(%1); );
    if(hotspot[%1].oldscale === null, copy(hotspot[%1].oldscale, hotspot[%1].scale) );
    if(hotspot[%1].oldrx === null, copy(hotspot[%1].oldrx, hotspot[%1].rx) );
    if(hotspot[%1].oldry === null, copy(hotspot[%1].oldry, hotspot[%1].ry) );
    if(hotspot[%1].oldrz === null, copy(hotspot[%1].oldrz, hotspot[%1].rz) );
    set(hotspot[%1].enabled,true);
    set(hotspot[%1].visible,true);
    tween(hotspot[%1].alpha, 1.0);
    tween(hotspot[%1].flying, 1.0);
    tween(hotspot[%1].scale, 1.0);
    tween(hotspot[%1].rx, 0.0);
    tween(hotspot[%1].ry, 0.0);
    tween(hotspot[%1].rz, 0.0);
    </action>

    <!-- fly the hotspot out/back -->
    <action name="flyout">
    set(plugin[htmltext2].visible,false);
    set(plugin[htmltext].visible,false);
    set(hotspot[%1].enabled,false);
    tween(hotspot[%1].alpha, 0.0, 0.5, default, set(hotspot[%1].visible,false); );
    tween(hotspot[%1].flying, 0.0);
    tween(hotspot[%1].scale, get(hotspot[%1].oldscale));
    tween(hotspot[%1].rx, get(hotspot[%1].oldrx));
    tween(hotspot[%1].ry, get(hotspot[%1].oldry));
    tween(hotspot[%1].rz, get(hotspot[%1].oldrz));
    </action>

    <action name="showpic">
    <!-- creates a new hotspot and fly it out -->
    if(hotspot[get(pic)] === null,
    txtadd(picfilename,'%CURRENTXML%/graphics/pic_',get(pic),'.jpg');

    addhotspot(get(pic));
    getcenter(hsath,hsatv);
    copy(hotspot[get(pic)].ath, hsath);
    copy(hotspot[get(pic)].atv, hsatv);
    set(hotspot[get(pic)].visible,false);
    set(hotspot[get(pic)].distorted,true);
    set(hotspot[get(pic)].zorder,2);
    set(hotspot[get(pic)].scale,0.1);
    set(hotspot[get(pic)].alpha,0.0);
    <!--set(hotspot[get(pic)].effect,glow(0xFFFFFF,1.0,30,10000);dropshadow(10,45,0x000000,10,0.3););-->
    set(hotspot[get(pic)].onloaded, flyin(get(name)) );
    set(hotspot[get(pic)].onclick, flyout(get(name)) );
    copy(hotspot[get(pic)].url,picfilename);
    ,
    flyin(get(pic));
    );
    </action>

    <action name="orderfield">


    tween(plugin[htmltext].alpha,1,0);
    tween(plugin[htmltext].textblur,0,0);
    tween(plugin[htmltext].blur,0,0);
    set(plugin[htmltext].visible,true);
    set(plugin[htmltext].enabled,true);
    tween(plugin[htmltext].y,0);
    </action>

    <action name="orderfield2">

    set(plugin[htmltext2].y,-1200);
    tween(plugin[htmltext2].alpha,1,0);
    tween(plugin[htmltext2].textblur,0,0);
    tween(plugin[htmltext2].blur,0,0);
    set(plugin[htmltext2].visible,true);
    set(plugin[htmltext2].enabled,true);
    tween(plugin[htmltext2].y,0);
    </action>

    <hotspot name="huspamoln" devices="all"
    keep="false"
    visible="true" enabled="true" usecontentsize="false" handcursor="true" capture="true" children="true" maskchildren="false"
    zorder="0"
    fillcolor ="0xffffff" fillalpha ="0.00" borderwidth ="0.0" bordercolor ="0xffffff" borderalpha ="0.00"
    fillcolorhover="0xffffff" fillalphahover="0.10" borderwidthhover="4.0" bordercolorhover="0xffffff" borderalphahover="0.80"
    fadeintime="0.150" fadeouttime="0.300" fadeincurve="1.100" fadeoutcurve="0.700"
    onover=""
    onhover=""
    onout=""
    ondown=""
    onup=""
    onclick="action(orderfield);showpic();"
    altonloaded="if(isphone, mul(scale,2));"
    alturl="hotspots/zoomicon.png"
    pic="sven"
    >
    <point ath="-50.1100" atv=" 11.5643" />
    <point ath="-34.0977" atv=" 11.7832" />
    <point ath="-33.8845" atv=" 24.4127" />
    <point ath="-50.7315" atv=" 23.6175" />
    <point ath="-50.0115" atv=" 11.6573" />

    </hotspot>

    <hotspot name="kallt" devices="all"
    keep="false"
    visible="true" enabled="true" usecontentsize="false" handcursor="true" capture="false" children="true" maskchildren="false"
    zorder="0"
    fillcolor ="0xffffff" fillalpha ="0.00" borderwidth ="0.0" bordercolor ="0xffffff" borderalpha ="0.00"
    fillcolorhover="0xffffff" fillalphahover="0.10" borderwidthhover="4.0" bordercolorhover="0xffffff" borderalphahover="0.80"
    fadeintime="0.150" fadeouttime="0.300" fadeincurve="1.100" fadeoutcurve="0.700"
    onover=""
    onhover=""
    onout=""
    ondown=""
    onup=""
    onclick="action(orderfield2);showpic();"
    altonloaded="if(isphone, mul(scale,2));"
    alturl="hotspots/zoomicon.png"
    pic="olle"
    >
    <point ath=" 49.3580" atv=" 17.0635" />
    <point ath=" 72.0554" atv=" 16.3666" />
    <point ath=" 73.2437" atv=" 39.6962" />
    <point ath=" 48.6403" atv=" 40.5547" />
    <point ath=" 49.3580" atv=" 17.0635" />
    </hotspot>


    <plugin name="htmltext" url="%SWFPATH%/plugins/zara2.swf"
    align="right" width="" height="" x="10" y="-1100" visible="false"

    autosize=""
    />

    <plugin name="htmltext2" url="%SWFPATH%/plugins/zara3.swf"
    align="right" width="" height="" x="10" y="-1100" visible="false"

    autosize=""
    />


    Regards and many thanks in advance!

    /Per

    Hello again!

    Now I have solved the problem, instead of textfield.swf I made my own swf Flash with the correct information. At last. I still have some programming questions though. How to get a generic load function for my <action name="order field">. It would be nice not to add a new <action name="order field"> for each hotspot and a new <plugin name="htmltext" url="%SWFPATH%/plugins/zara2.swf" /> for each plugin as well.

    Can you incorporate my "orderfield with the flyin or flyout or showpic actions like pic="sven" in the hotspot code. I just would like to add the swf name for each hotspot. And also close the orderfield when the picture is closed which I achieved, but its not a good programming solution. I am not a programmer but I think that someone of you can give some hints. *smile*

    <action name="flyin">
    if(hotspot[%1].flying == 0.0, hotspot[%1].resetsize(); calc_flyout_size(%1); );
    if(hotspot[%1].oldscale === null, copy(hotspot[%1].oldscale, hotspot[%1].scale) );
    if(hotspot[%1].oldrx === null, copy(hotspot[%1].oldrx, hotspot[%1].rx) );
    if(hotspot[%1].oldry === null, copy(hotspot[%1].oldry, hotspot[%1].ry) );
    if(hotspot[%1].oldrz === null, copy(hotspot[%1].oldrz, hotspot[%1].rz) );
    set(hotspot[%1].enabled,true);
    set(hotspot[%1].visible,true);
    tween(hotspot[%1].alpha, 1.0);
    tween(hotspot[%1].flying, 1.0);
    tween(hotspot[%1].scale, 1.0);
    tween(hotspot[%1].rx, 0.0);
    tween(hotspot[%1].ry, 0.0);
    tween(hotspot[%1].rz, 0.0);
    </action>

    <!-- fly the hotspot out/back -->
    <action name="flyout">
    set(plugin[htmltext2].visible,false);
    set(plugin[htmltext].visible,false);
    set(hotspot[%1].enabled,false);
    tween(hotspot[%1].alpha, 0.0, 0.5, default, set(hotspot[%1].visible,false); );
    tween(hotspot[%1].flying, 0.0);
    tween(hotspot[%1].scale, get(hotspot[%1].oldscale));
    tween(hotspot[%1].rx, get(hotspot[%1].oldrx));
    tween(hotspot[%1].ry, get(hotspot[%1].oldry));
    tween(hotspot[%1].rz, get(hotspot[%1].oldrz));
    </action>

    <action name="showpic">
    <!-- creates a new hotspot and fly it out -->
    if(hotspot[get(pic)] === null,
    txtadd(picfilename,'%CURRENTXML%/graphics/pic_',get(pic),'.jpg');

    addhotspot(get(pic));
    getcenter(hsath,hsatv);
    copy(hotspot[get(pic)].ath, hsath);
    copy(hotspot[get(pic)].atv, hsatv);
    set(hotspot[get(pic)].visible,false);
    set(hotspot[get(pic)].distorted,true);
    set(hotspot[get(pic)].zorder,2);
    set(hotspot[get(pic)].scale,0.1);
    set(hotspot[get(pic)].alpha,0.0);
    <!--set(hotspot[get(pic)].effect,glow(0xFFFFFF,1.0,30,10000);dropshadow(10,45,0x000000,10,0.3););-->
    set(hotspot[get(pic)].onloaded, flyin(get(name)) );
    set(hotspot[get(pic)].onclick, flyout(get(name)) );
    copy(hotspot[get(pic)].url,picfilename);
    ,
    flyin(get(pic));
    );
    </action>

    <action name="orderfield">


    tween(plugin[htmltext].alpha,1,0);
    tween(plugin[htmltext].textblur,0,0);
    tween(plugin[htmltext].blur,0,0);
    set(plugin[htmltext].visible,true);
    set(plugin[htmltext].enabled,true);
    tween(plugin[htmltext].y,0);
    </action>

    <action name="orderfield2">

    set(plugin[htmltext2].y,-1200);
    tween(plugin[htmltext2].alpha,1,0);
    tween(plugin[htmltext2].textblur,0,0);
    tween(plugin[htmltext2].blur,0,0);
    set(plugin[htmltext2].visible,true);
    set(plugin[htmltext2].enabled,true);
    tween(plugin[htmltext2].y,0);
    </action>

    <hotspot name="huspamoln" devices="all"
    keep="false"
    visible="true" enabled="true" usecontentsize="false" handcursor="true" capture="true" children="true" maskchildren="false"
    zorder="0"
    fillcolor ="0xffffff" fillalpha ="0.00" borderwidth ="0.0" bordercolor ="0xffffff" borderalpha ="0.00"
    fillcolorhover="0xffffff" fillalphahover="0.10" borderwidthhover="4.0" bordercolorhover="0xffffff" borderalphahover="0.80"
    fadeintime="0.150" fadeouttime="0.300" fadeincurve="1.100" fadeoutcurve="0.700"
    onover=""
    onhover=""
    onout=""
    ondown=""
    onup=""
    onclick="action(orderfield);showpic();"
    altonloaded="if(isphone, mul(scale,2));"
    alturl="hotspots/zoomicon.png"
    pic="sven"
    >
    <point ath="-50.1100" atv=" 11.5643" />
    <point ath="-34.0977" atv=" 11.7832" />
    <point ath="-33.8845" atv=" 24.4127" />
    <point ath="-50.7315" atv=" 23.6175" />
    <point ath="-50.0115" atv=" 11.6573" />

    </hotspot>

    <hotspot name="kallt" devices="all"
    keep="false"
    visible="true" enabled="true" usecontentsize="false" handcursor="true" capture="false" children="true" maskchildren="false"
    zorder="0"
    fillcolor ="0xffffff" fillalpha ="0.00" borderwidth ="0.0" bordercolor ="0xffffff" borderalpha ="0.00"
    fillcolorhover="0xffffff" fillalphahover="0.10" borderwidthhover="4.0" bordercolorhover="0xffffff" borderalphahover="0.80"
    fadeintime="0.150" fadeouttime="0.300" fadeincurve="1.100" fadeoutcurve="0.700"
    onover=""
    onhover=""
    onout=""
    ondown=""
    onup=""
    onclick="action(orderfield2);showpic();"
    altonloaded="if(isphone, mul(scale,2));"
    alturl="hotspots/zoomicon.png"
    pic="olle"
    >
    <point ath=" 49.3580" atv=" 17.0635" />
    <point ath=" 72.0554" atv=" 16.3666" />
    <point ath=" 73.2437" atv=" 39.6962" />
    <point ath=" 48.6403" atv=" 40.5547" />
    <point ath=" 49.3580" atv=" 17.0635" />
    </hotspot>



    <plugin name="htmltext" url="%SWFPATH%/plugins/zara2.swf"
    align="right" width="" height="" x="10" y="-1100" visible="false"

    autosize=""
    />

    <plugin name="htmltext2" url="%SWFPATH%/plugins/zara3.swf"
    align="right" width="" height="" x="10" y="-1100" visible="false"

    autosize=""
    />


    Regards and many thanks in advance!

    /Per

    The story continues...

    I have used the loadpano to load an external xml file into my origin pano.
    </action>

    <action name="htmltext">
    loadpano(tavla01.xml)

    </action>

    What happens is that I can see the textfield coded in the tavla01.xml file but the origin pano disappears. Maybe that whats happens when loading a pano, but the thing is that I just loaded code to see the textfeld. Is that possible? Is it possible to do in another way?
    <krpano version="1.0.8.14">
    <plugin name="htmltext" url="plugins/textfield.swf"
    origin="center"
    width="200" height="200"
    x="200" y="200"
    html="data:htmldata1"
    css="data:cssdata1"
    borderwidth="1"
    background="true"
    bordercolor="0xFFFFFF"
    backgroundcolor="0xffffff"
    selectable="false"
    autosize="none"
    keep="true"
    />

    <data name="htmldata1">
    <p align="center">
    <font face="verdana" size="+4">
    <b>Per NYLEN IS TESTING!</b>
    </font>
    </p>
    <a href="event:action(loadpano);">

    </a>
    <b>bold</b><br/>
    <i>italic</i><br/>
    <u>underlined</u><br/>
    <br/>
    </data