2013-02-13

10:24

https://twitter.com/taizooo/status/301351371016380418

暇潰しに底まで潜っていた。2007/4/4くらいだった。 https://twitter.com/search/realtime?q=autopagerize

https://twitter.com/taizooo/status/301354746831319041

twitter search 深く潜れるようになったので、いろいろ拾えて良い。

10:28

E4Xの関係で AutoPagerize IDE 動かない。直さないと。

html部分

<div class="_floating_window" id="_apride">
  <div class="_floating_mc" id="_floating_mc">
    <form action="javascript:void(0);">
      <dl><dt id="_es_pageElement_field">pageElementdt>
        <dd><span id="_es_pageElement_color"><img class="_es_selected_color" src="http://labs.gmo.jp/blog/ku/pixelcube.png">span>
          <input class="apride_input" id="_es_pageElement" name="_es_pageElement" type="text" value="">
        dd><dt id="_es_insertBefore_field">insertBeforedt>
        <dd><span id="_es_insertBefore_color"><img class="_es_selected_color" src="http://labs.gmo.jp/blog/ku/pixelcube.png">span>
          <input class="apride_input" id="_es_insertBefore" name="_es_insertBefore" type="text" value="">
        dd><dt id="_es_nextLink_field">nextLinkdt>
        <dd><span id="_es_nextLink_color"><img class="_es_selected_color" src="http://labs.gmo.jp/blog/ku/pixelcube.png">span>
          <input class="apride_input" id="_es_nextLink" name="_es_nextLink" type="text" value="">
        dd><dt><span><img src="http://labs.gmo.jp/blog/ku/pixelcube.png">span>urldt>
        <dd>
          <input class="apride_input" id="_es_url" name="_es_url" type="text" value="">
        dd>
      dl>
      <input id="_apride_test" name="_apride_test" type="submit" value="apply this">
      <input id="_apride_generate" name="_apride_generate" type="submit" value="generate">
      <input id="_apride_strict" name="_apride_strict" type="checkbox" value="1">strict
      <a href="http://swdyh.infogami.com/autopagerize" style="color: black;" target="_blank">infogamia>
    form>
    <textarea id="_apride_generated_code">textarea>
  div>
  <div id="_floating_titlebar">
    <div class="_floating_tl">div>
    <div class="_floating_tc" id="_apride_titlebar">
      <div class="_floating_close" id="_apride_close">
        <a href="javascript:void(0);" id="_floating_closewindow">
          <img alt="close this window" src="http://labs.gmo.jp/blog/ku/bookmarklet/close.gif">
        a>
      div>
      <div class="_floating_logo">AutoPagerize IDE 0.0.5div>
    div>
  div>
  <div class="_floating_tr" id="_floating_top_right">div>
  <div class="_floating_ml" id="_floating_moddile_left">div>
  <div class="_floating_mr" id="_floating_moddile_right">div>
  <div class="_floating_bl" id="_floating_bottom_left">div>
  <div class="_floating_bc" id="_floating_bottom_center">div>
  <div class="_floating_br" id="_floating_bottom_right">div>
div>

css部分

 * #_apride {
	position: fixed;
	top: 5%;
	right: 5%;
}

#_apride_main {
	padding: 10px;
	color: black;
}

/*
#_apride_titlebar {
	background: blue;
	color: white;
	font-weight: bold;
	font-size: large;
	padding: 4px;
}

#_apride input._es_text_error {
	background-color: red;
	color: white;
	font-weight: bold;
}

*/

/**	
 * floating window styles. 
 *
 **/


._floating_window {
	position: fixed!important;
	position: absolute;
	width: 400px;
	height: 400px;
	top: 5%;
	right: 5%;
	text-align: left;
	z-index: 100000;
	color: black;

	font-family: 'メイリオ',Sans-Serif !important;
	font-size: normal !important;
}

._floating_window div {

}

._floating_window img {
	border: 0px none;
}
._floating_logo  {
	padding-top: 10px;
}

._floating_tl {
	background: url('http://labs.gmo.jp/blog/ku/bookmarklet/bg/tl.png') top left no-repeat;
	cursor: move;
	position: absolute;
	top: 0; left: 0;
	width: 25px;
	height: 59px;
}
._floating_tc {
	background: url('http://labs.gmo.jp/blog/ku/bookmarklet/bg/tc.png') top center repeat-x;
	cursor: move;
	position: absolute;
	top: 0; left: 25px; right: 25px;
	width: 350px; 
	height: 59px;
}
._floating_tr {
	background: url('http://labs.gmo.jp/blog/ku/bookmarklet/bg/tr.png') top right no-repeat;
	_background: url('http://labs.gmo.jp/blog/ku/bookmarklet/bg/tr.gif') top right no-repeat;
	cursor: move;
	position: absolute;
	top: 0; right: 0;
	width: 25px; 
	height: 59px;
}
._floating_ml {
	background: url('http://labs.gmo.jp/blog/ku/bookmarklet/bg/cl.png') center left repeat-y;
	_background: url('http://labs.gmo.jp/blog/ku/bookmarklet/bg/cl.gif') center left repeat-y;
	position: absolute;
	top: 59; left: 0; bottom: 23px;
	width: 25px; 
	height: 318px;
}
._floating_mc {
	background: #f9f4e3;
	overflow: auto;
	overflow-x: hidden;
	position: absolute;
	top: 59; left: 25px; right: 20px; bottom: 23px;
	width: 360px; 
	height: 318px;
	z-index: 100001;
	scrollbar-face-color: #d6e3ee;
	scrollbar-3dlight-color: #dae6f0;
	scrollbar-highlight-color: #d6e3ee;
	scrollbar-shadow-color: #d6e3ee;
	scrollbar-darkshadow-color: #b4bfcc;
	scrollbar-arrow-color: #475f84;
	scrollbar-track-color: #f9f4e3;
}
._floating_mr {
	background: url('http://labs.gmo.jp/blog/ku/bookmarklet/bg/cr.png') center right repeat-y;
	_background: url('http://labs.gmo.jp/blog/ku/bookmarklet/bg/cr.gif') center right repeat-y;
	position: absolute;
	top: 59; right: 0; bottom: 23px;
	width: 20px; 
	height: 318px;
}
._floating_bl {
	background: url('http://labs.gmo.jp/blog/ku/bookmarklet/bg/bl.png') bottom left no-repeat;
	_background: url('http://labs.gmo.jp/blog/ku/bookmarklet/bg/bl.gif') bottom left no-repeat;
	position: absolute;
	bottom: 0; left: 0;
	width: 25px; 
	height: 23px;
}
._floating_bc {
	background: url('http://labs.gmo.jp/blog/ku/bookmarklet/bg/bc.png') bottom center repeat-x;
	_background: url('http://labs.gmo.jp/blog/ku/bookmarklet/bg/bc.gif') bottom center repeat-x;
	position: absolute;
	bottom: 0; left: 25px; right: 25px;
	width: 350px; 
	height: 23px;
}
._floating_br {
	background: url('http://labs.gmo.jp/blog/ku/bookmarklet/bg/br.png') bottom right no-repeat;
	_background: url('http://labs.gmo.jp/blog/ku/bookmarklet/bg/br.gif') bottom right no-repeat;
	cursor: se-resize;
	position: absolute;
	bottom: 0; right: 0;
	width: 25px; 
	height: 23px;
}
/*
._floating_tc a:hover {
	background: none;
}
*/

#_apride img._es_selected_color {
	width: 16px;
	height: 16px;
}


._floating_close {
	float: right;
	margin-top: 16px;
}
._floating_mc .wrap {
	padding: 8px 16px 8px 8px;
}
._floating_mc p {
	line-height: 1.2;
}

._floating_window #_apride_generated_code {
	font-size: small;
	color: black !important;

	margin-top: 10px; 
	display: none;
	width: 295px;
	height: 85px;
}

#_apride .apride_input {
	width: 280px !important;
}

#_apride dt._es_active_field {
	background: #e72d89;
	color: white;
	font-weight: bold;
}