DIR : /home/kozerus/public_html/wz/wz.py
/home/kozerus/public_html/wz
# wz.sh 20240215_2000
progid="wz"
dttm="20240217_0200"
divids="new1 new2 new2 funtime kids kd_jenna kd_skwii kd_jkwii kd_usa kd_snowday kd_fans kd_players kd_stables kd_horses kd_cards kd_dice kd_trackline kd_tracoval kd_bugs kd_controls kd_toggles kd_tracker".split(" ")
dhtml_divids_core="div_sailboat div_leds div_ledsover div_display div_bugs div_toggles div_controls"
# divids="kd_jkwii".split(" ")
htmout=""; j=0; k=0;
# ofile="wz_py.html"
ofile="wz.html"
gifs_psv="""
/imgs/gif/orbs/balls3.gif
/imgs/gif/orbs/balls4.gif
/imgs/gif/orbs/ballsrainbow.gif
/imgs/gif/orbs/cub1.gif
/imgs/gif/orbs/dia3.gif
/imgs/gif/orbs/diam1.gif
/imgs/gif/orbs/godots.gif
/imgs/gif/orbs/godotss.gif
/imgs/gif/orbs/goripple.gif
/imgs/gif/orbs/helix1.gif
/imgs/gif/orbs/jellyfish.gif
/imgs/gif/orbs/kali11.gif
/imgs/gif/orbs/kali15.gif
/imgs/gif/orbs/kali20.gif
/imgs/gif/orbs/laki21.gif
/imgs/gif/orbs/orb1.gif
/imgs/gif/orbs/orb10.gif
/imgs/gif/orbs/orb11.gif
/imgs/gif/orbs/orb3.gif
/imgs/gif/orbs/orb43.gif
/imgs/gif/orbs/orb6.gif
/imgs/gif/orbs/orb8.gif
/imgs/gif/orbs/orbcryst_alpulse.gif
/imgs/gif/orbs/orbdrip.gif
/imgs/gif/orbs/orbrainbow.gif
/imgs/gif/orbs/orbring.gif
/imgs/gif/orbs/orbspiral.gif
/imgs/gif/orbs/ringcube.gif
/imgs/gif/orbs/rings.gif
/imgs/gif/orbs/rings2.gif
/imgs/gif/orbs/ringworm.gif
/imgs/gif/orbs/rubix.gif
/imgs/gif/orbs/soccorball.gif
/imgs/gif/orbs/sprayfountain.gif
/imgs/gif/orbs/sssfg.gif
/imgs/gif/spacers/giphy_handkither.gif
/imgs/gif/spacers/giphy_jkwii_head.gif
/imgs/gif/spacers/giphy_jkwii_head2.gif
/imgs/gif/spacers/giphy_spacer_01.gif
/imgs/gif/spacers/giphy_spacer_02.gif
/imgs/gif/spacers/giphy_spacer_03.gif
/imgs/gif/spacers/giphy_spacer_04.gif
/imgs/gif/spacers/giphy_spacer_05.gif
/imgs/gif/spacers/giphy_spacer_07.gif
/imgs/gif/spacers/giphy_spacer_08.gif
/imgs/gif/spacers/giphy_spacer_09.gif
/imgs/gif/spacers/giphy_spacer_10.gif
/imgs/gif/spacers/giphy_spacer_11.gif
/imgs/gif/spacers/giphy_spacer_12.gif
/imgs/gif/spacers/giphy_spacer_13.gif
/imgs/gif/spacers/giphy_spacer_15.gif
/imgs/gif/spacers/giphy_spacer_17.gif
/imgs/gif/spacers/giphy_spacer_19.gif
/imgs/gif/spacers/giphy_spacer_20.gif
/imgs/gif/spacers/giphy_spacer_21.gif
/imgs/gif/spacers/giphy_spacer_22.gif
/imgs/gif/spacers/tn/tn_giphy_handkither.gif
/imgs/gif/spacers/tn/tn_giphy_jkwii_head.gif
/imgs/gif/spacers/tn/tn_giphy_jkwii_head2.gif
/imgs/gif/spacers/tn/tn_giphy_spacer_01.gif
/imgs/gif/spacers/tn/tn_giphy_spacer_02.gif
/imgs/gif/spacers/tn/tn_giphy_spacer_03.gif
/imgs/gif/spacers/tn/tn_giphy_spacer_04.gif
/imgs/gif/spacers/tn/tn_giphy_spacer_05.gif
/imgs/gif/spacers/tn/tn_giphy_spacer_07.gif
/imgs/gif/spacers/tn/tn_giphy_spacer_08.gif
/imgs/gif/spacers/tn/tn_giphy_spacer_09.gif
/imgs/gif/spacers/tn/tn_giphy_spacer_10.gif
/imgs/gif/spacers/tn/tn_giphy_spacer_11.gif
/imgs/gif/spacers/tn/tn_giphy_spacer_12.gif
/imgs/gif/spacers/tn/tn_giphy_spacer_13.gif
/imgs/gif/spacers/tn/tn_giphy_spacer_15.gif
/imgs/gif/spacers/tn/tn_giphy_spacer_17.gif
/imgs/gif/spacers/tn/tn_giphy_spacer_19.gif
/imgs/gif/spacers/tn/tn_giphy_spacer_20.gif
/imgs/gif/spacers/tn/tn_giphy_spacer_21.gif
/imgs/gif/spacers/tn/tn_giphy_spacer_22.gif
"""
gifs=gifs_psv.split("\n")
j=0;
htmout+="<html><head><title>wx.html {}</title><head>\n".format(dttm)
htmout+="<body bgcolor=linen>\n"
htmout+="<script id=script_wz src=/js/wz/wz_dragdrop.js ></script>\n"
for divid in divids:
j=j+1
left=600; top=600; width=1100; height=800;
x=left; y=top; w=width; h=height;
dx=10*j; dy=1000*j;
x=x+dx; y=y+dy;
src=gifs[j]
# htmout+="\n"
# htmout+="\n"
# htmout+="<!-- {} {} ================= HEAD ===================== {} END -->\n".format(divid,j,divid)
# htmout+=" <style id=\"style_div_{}\" > \n".format(divid)
# htmout+=" #div_{} {{ \n".format(divid)
# htmout+=" position:absolute; \n"
# htmout+=" left:{}px; top:{}px; width:{}px; height={}px; \n".format(x,y,w,h)
# htmout+=" border:1px solid #000099; \n"
# htmout+=" background:#eeeeee; \n"
# htmout+=" layer-background-color:#eeeeee; \n"
# htmout+=" overflow:hidden; \n"
# htmout+="// visibility:hidden; \n"
# htmout+=" } \n"
# htmout+=" </style id=\"style_div_{}_end\" > \n".format(divid)
# htmout+="\n"
# htmout+="\n"
# htmout+="\n"
x=100; y=50; h=50; w=100;
dx=100; dy=100; dh=100; dw=100;
x=x+dx*j; y=y+dy*j; h=h+dh*j; w=w+dw*j;
htmout+= "<!-- {} {} ================= HEAD ===================== {} END -->\n".format(divid,j,divid)
htmout+= " <style id=\"style_div_{}\" > \n".format(divid)
htmout+= " #div_{} {{ \n".format(divid)
# htmout+= " position:absolute; \n"
htmout+= " position:relative; \n"
htmout+= " left:{}px; top:{}px; width:{}px; height={}px; \n".format(x,y,w,h)
htmout+= " border:1px solid #000099; \n"
htmout+= " background:#eeeeee; \n"
htmout+= " layer-background-color:#eeeeee; \n"
htmout+= " overflow:hidden; \n"
htmout+= "// visibility:hidden; \n"
htmout+= " } \n"
htmout+= " </style id=\"style_div_{}_end\" > \n".format(divid)
# htmout+=" <div id=\"layer_{}\" >\n".format(divid)
# htmout+=" <h1>layer_{}</h1>\n".format(divid)
htmout+=" <div id=\"div_{}\" >\n".format(divid)
htmout+=" <h2>div_{}</h2>\n".format(divid)
htmout+=" <div id=\"div_{}_body\" >\n".format(divid)
src2="/imgs/btn/koeye.png"; w=100; h=20;
htmout+="<img src={} title=\" {}\" height={}px width={}px border=0>{}\n".format(src2,divid,h,w,divid)
# htmout+="<img src={} title=\" {} {}\"".format(src,divid,src)
# htmout+=" onclick=\"{}('{}'); return false;\" ".format(divid,divid)
# htmout+=" height={}px width={}px border=0>{}\n".format(h,w,divid)
htmout+=" <h3>div_$divid</h3>\n".format(divid)
htmout+="<img id=img_{} src={} title=\" {}\"".format(divid,src,divid)
htmout+=" onclick=\"{}('{}'); return false;\" ".format(divid,divid)
htmout+=" height={}px width={}px border=0>{}\n".format(h,w,divid)
htmout+=" </div id=\"div_{}_body_end\" >\n".format(divid)
htmout+=" </div id=\"div_{}_end\" >\n".format(divid)
# htmout+=" </div id=\"layer_ko_{}_end\" >\n".format(divid)
htmout+="<script id=script_{}>\n".format(divid)
htmout+=" function {}(args) {{\n".format(divid)
htmout+=" alert( \"BUGS_{} {} args=\"+args )\n".format(j,divid)
htmout+=" return(args); \n"
htmout+=" }\n"
htmout+=" </script id=script_{}_end>\n".format(divid)
htmout+="<!-- {} {} ----------------- TAIL --------------------- {} END -->\n".format(divid,j,divid)
htmout+="<script id=script_set_dhtml>\n"
htmout+="SET_DHTML(\n"
dhtml_divids_core="div_sailboat div_leds div_ledsover div_display div_bugs div_toggles div_controls"
for dhtml_divid in dhtml_divids_core.split(" "):
htmout+="\"div_{}\"+RESIZABLE+TRANSPARENT,\n".format(dhtml_divid)
for divid in divids:
htmout+="\"div_{}\"+RESIZABLE+TRANSPARENT,\n".format(divid)
htmout+="\"div_kludge\"+RESIZABLE+TRANSPARENT\n"
htmout+=" );\n"
htmout+=" </script id=script_set_dhtml_end>\n"
htmout+=" </body></html>\n"
ofile="wz.html"
ofp=open(ofile,"w")
ofp.write(htmout)
ofp.close()
print( "{} {} vi {}".format(progid,dttm,ofile))
print( "BUGS ofile={}".format(ofile))
//
koh5_pano
Drag mouse to navigate.
Navigation
- Left/Right Mouse drag: Changes camera heading.
- Up/Sown Mouse drag: Changes camera pitch.
- Scroll wheel: Changes camera field of view.
- I-Key: Displays Info panel with canvas size, image size and FPS.
17.Aug.2010, Martin Wengenmayer