javascript - Positioning Element Relative to its Friend Element -

-

i create effect same position relative in css using jquery.

i have created type of tooltip trying attach different objects such textboxes, checkboxes, text etc.

so code along lines of 

<input id="adsfjlk" type="textbox" /> <div class="tooltipballoon"> text</div>

now of course css relative positioning based on elements parent. cannot in case cannot place div inside of input element.

currently use jquery position tooltip right of textbox.

the problem comes when on page changes. example if have elastic textarea above textbox. when expands pushes down textbox , tooltip no longer aligned correctly.

because of amount of different things happen cannot apply onchange type event elastic , instead need better way keep elements positioned relative each other.

i'm not sure how displaying tooltips (on focus, on hover), have created example of how may create tooltips inputs.

http://jsfiddle.net/c4kyd/2/

i followed each input span tag containing tooltip. positioned span 'absolute'. tooltip displayed on focus , removed on blur.

if there dynamic content on page tooltips still positioned correctly (if comment out blur function , use "change page" link insert content you'll see in action).

i created code hover events (commented out in example).

here snippets of code.

html...

<ul class="tooltip-stuff">   <li>     <label>first name</label>     <input class="tooltip" type="text" />     <span>enter first name here.</span>   </li> </ul>

css...

 .tooltip-stuff span {     border: 1px solid #d3d3d3;     margin-left: 5px;     padding: 0 6px;     background-color: #c4ecf8;     position: absolute;     display: none; }

jquery...

     $('.tooltip').focus(function () {         $(this).next('span').fadein(100);     });      $('.tooltip').blur(function () {         $(this).next('span').fadeout(100);     });

Comments

Post a Comment

Popular posts from this blog

php - What is the difference between $_SERVER['PATH_INFO'] and $_SERVER['ORIG_PATH_INFO']? -

-
what’s difference between $_server['path_info'] , $_server['orig_path_info'] ? how use them? when run print_r($_server) , path_info , orig_path_info not present in array. why not? how can enable them? i have read php manual on them, still don’t understand them. the path_info variable present if invoke php script this: http://www.example.com/phpinfo.php/hello_there it's /hello_there part after .php script. if don't invoke url that, there won't $_server["path_info"] environment variable. the porig_ prefix uncommon. path_info standard cgi-environment variable, , should never prefixed. did read that? (there issues around php3/php4 if invoked php interpreter via cgi-bin/ - hardly has such setups today.) for reference: http://www.ietf.org/rfc/rfc3875
Read more

fortran - Function return type mismatch -

-
i'm attempting recode old c++ program in fortran make use of lapack (i'm aware c++ have lapack++, i'm having lot of trouble installing it, gave up). i didn't have problems compilation, when had variables declared real . when started coding section of program required lapack, found parameters passed dsyev need double precision . tried change double precision (including changing hard coded numbers double precision counterparts, i.e. 0.0 -> 0.0d0) when try compile, following error of functions , subroutines i've written: error: return type mismatch of function <function> @ (1) (real(4)/real(8)) i'm not sure coming from, in program has been changed double precision. for example, i've declared following: double precision :: alpha(3),d(3),zeta1,zeta2 double precision :: a1(3),a2(3),d1(3),d2(3) double precision :: pi pi = 3.14159265359d0 alpha = (/0.109818d0, 0.405771d0, 2.22766d0/) d = (/0.444635d0, 0.535328d0, 0.154329d0 /) 10 i=1,3 ...
Read more

queue - mq_receive: message too long -

-
i implementing communication between 2 processes using queue. problem when call function mq_receive, error: message long. i have done following: struct mq_attr attr; long size = attr.mq_msgsize; .... // initializing queue "/gateway" int rc = mq_receive(gateway, buffer, size, &prio); if print size value, size=1, while when print same size program (got same mechanism), not long integer ( -1217186280 )... how can solve error?....so while size = 1, believe it's right "message long" why 1? p.s. have tried put : int rc = mq_receive(gateway, buffer, sizeof(buffer), &prio); but no result. it seems need read docs more carefully. when call mq_receive should pass size of destination buffer. this size must greater mq_msgsize attribute of queue . in addition, seems have error in queue attributes initialisation makes proper mq_receive call impossible. here standard message queue session: fill mq_attr struct ( doc ): struct mq_a...
Read more