javascript - show cursor/caret at the beginning of input box -

-

problem: have html text input box text in it, when user click input box, have caret/cursor appear @ beginning of input box.

i move caret using setselectionrange() function, don't effect caret shown @ end of text input box moved beginning. @ beginning of input upon shown.

example: http://jsfiddle.net/edh8mkht/1/

html

<body>     <input type="text" id="myp" onmousedown="mousedown()" value="mozilla" /> </body>

js

function mousedown() {     document.getelementbyid("myp").style.color = "green";     document.getelementbyid("myp").setselectionrange(0,0); }

question 1:

i use mousedown event move caret, doesn't move caret @ all, same thing happens if use onfocus event. because caret appears after 2 events , making setselectionrange has no effect?

question 2:

what's way solve problem using javascript? note: cannot use placeholder.

fiddle showing initial selection of text box

requirements work:

  1. have able wrap input in label (or element can accept child node)
  2. have support pointer-events css property
  3. you have able move firing event input label

html

<label for="myp" onclick="click();">     <input type="text" id="myp" value="mozilla" /> </label>

css

input#myp {   pointer-events: none; }

javascript

function click() {     var input = document.getelementbyid("myp");     input.style.pointerevents = 'auto';     input.style.color = "green";     input.setselectionrange(0,0);     console.log('click'); }

important things consider in implementation:

  • it's essential protect css selector element type. in case, it's input#myp opposed #myp. otherwise, css select both label , input in browsers if for attribute specified.
  • you have apply style element label, otherwise won't work.
  • your caret point before initial value when clicked. @ least in chrome. that's part of problem setselectionrange call. i'd have research figure out why is.

Comments

Post a Comment

Popular posts from this blog

python - mat is not a numerical tuple : openCV error -

-
i have write down code showing error ma not getting it: please help: showing mat not numerical tuple: import cv import cv2 capture = cv2.videocapture("j.3gp") while(1): _, frame1 = capture.read() grayimage1 = cv2.cvtcolor(frame1, cv2.color_bgr2gray) _, frame2 = capture.read() grayimage2 = cv2.cvtcolor(frame2, cv2.color_bgr2gray) differenceimage = cv2.absdiff(grayimage1,grayimage2) thresholdimage = cv2.threshold(differenceimage,25,255,cv2.thresh_binary) cv2.imshow("difference image", differenceimage) cv2.imshow("threshold image", thresholdimage) cv2.imshow("image", frame1) k = cv2.waitkey(30) & 0xff error arising : ----------------------------------------------------------------------------------------- traceback (most recent call last): file "desk.py", line 15, in <module> cv2.imshow("threshold image", thresholdimage) typeerror: mat not numerical tuple
Read more

c# - MSAA finds controls UI Automation doesn't -

-
i'm working on automating windows application. i'm using teststack white framework. i've hit problem. program has 'window' object cannot see inside of. white shows no controls inside of it. inspect.exe shows no controls inside of either when running in ui automation mode. if switch inspect msaa see controls inside fine. there anyway me use msaa c# handle on these controls? if can identify msaa functions need, can use p/invoke call them c#. here's example article doing msaa: http://www.codeproject.com/articles/38906/ui-automation-using-microsoft-active-accessibility also, pinvoke.net can used identify iaccessible (msaa) functions: http://www.pinvoke.net/search.aspx?search=iaccessible&namespace=[all] here's answer along lines: msaa com-based? finally, alternative p/invoke, might able use tlbimp.exe create wrapper assembly oleacc.dll, , access msaa functions through it. i'm not sure if works msaa, it's worth try. as e
Read more

wordpress - .htaccess: RewriteRule: bad flag delimiters -

-
pulling hair out on one. have following .htaccess file custom redirects in addition wordpress's default settings. when tested on local wamp server worked fine after moving production i'm not getting rewriterule: bad flag delimiters error in server log , after while site goes down internal server error any appreciated. in advance! <ifmodule mod_rewrite.c> rewriteengine on rewritebase / rewriterule ^rockford_weddings___welcome\.html$ /wedding/ [r=301,l] rewriterule ^blog/?$ /journal/ [r=301,l] rewriterule ^blog/(.*)$ /$1 [r=301,l] rewriterule ^portraitinvestment/?$ /portraitinvestment\.pdf [r=301,l] rewriterule ^weddinginvestment/?$ /weddinginvestment\.pdf [r=301,l] rewriterule ^holidaycards2014/?$ /holidaycards2014\.pdf [r=301,l] </ifmodule> # begin wordpress <ifmodule mod_rewrite.c> rewriteengine on rewritebase / rewriterule ^index\.php$ - [l] rewritecond %{request_filename} !-f rewritecond %{request_filename} !-d rewriterule . /index.php [l] </
Read more