newphpcoder Posted May 30, 2012 Share Posted May 30, 2012 Hi.. I need help in moving focus to the next textfield after I input data to the first textfield. Now in my code when I have data to stock_item textfield it did not move the cursor or focus on the next textfield which is lot_no. here is my code: <?php error_reporting(0); date_default_timezone_set("Asia/Singapore"); //set the time zone $con = mysql_connect('localhost', 'root',''); if (!$con) { echo 'failed'; die(); } mysql_select_db("mes", $con); ?> <html> <title>Picking</title> <head> <link href="kanban.css" rel="stylesheet" type="text/css"> <script type="text/javascript"> function StockItemFocus() { if (!document.getElementById('stock_item').disabled) { if (document.activeElement.name='stock_item') { document.getElementById('stock_item').focus(); } } } </script> <script type="text/javascript"> var ajaxTimeOut = null; var ajaxTimeOutOperator = null; var responsePHP; // = "no_reply" var responsePHPOperator; var changeFocus; //= false; var transactionWasSaved; function remoteRequestObject() { var ajaxRequest = false; try { ajaxRequest = new XMLHttpRequest(); } catch(err) { try{ ajaxRequest = new ActiveXObject("MSxml2.XMLHTTP"); } catch(err) { try{ ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP"); } catch(err){ // --> change to DOM alert("Not Supported Browser") + err.description; notify('Not Supported Browser.'); return false; } } } return ajaxRequest; } var ajaxRequest; // = remoteRequestObject(); //var ajaxRequest = remoteRequestObject(); var ajaxRequestOperator; </script> <script type="text/javascript"> function lotIdCheck(element) { //var lotCodeStr; var suffix; if (window.event.keyCode==13 || window.event.keyCode==10) { var txtElementID = element; if (txtElementID.value == "") { return false; } capture(txtElementID); } } function sequence() { document.getElementById('stock_item').focus(); document.getElementById('lot_no').disabled = true; document.getElementById('sr_no').disabled = true; document.getElementById('bin_loc').disabled = true; document.getElementById('picked_by').disabled = true; var txt = document.getElementById('lot_no'); if (txt.attachEvent) { txt.attachEvent ("onkeypress", function () {lotIdCheck(txt)}); } document.getElementById('stock_item').focus(); document.attachEvent('onmousewheel', function(e){ if (!e) var e = window.event; e.returnValue = false; e.cancelBubble = true; return false; }, false); } </script> </head> <body onload="sequence();" oncontextmenu="return false;" onselectstart="return false;" onmousemove="StockItemFocus();" onclick="StockItemFocus();"> <div class='stock_item_label'> <label> Stock Item : </label> </div> <div class='stock_item_field'> <input type='text' name='stock_item' id='stock_item' value='' size='30'> </div> <div class='lot_label'> <label> Lot # : </label> </div> <div class='lot_field'> <input type='text' name='lot_no' id='lot_no' value='' size='30' > </div> <div class='sr_label'> <label> SR # : </label> </div> <div class='sr_field'> <input type='text' name='sr_no' id='sr_no' value='' size='30'> </div> <div class='bin_label'> <label> Bin Loc : </label> </div> <div class='bin_field'> <input type='text' name='bin_loc' id='bin_loc' value='' size='30' > </div> <div class='pick_label'> <label> Picked By :</label> </div> <div class='pick_field'> <input type='text' name='picked_by' id='picked_by' value='' size='30'> </div> </form> </body> </html> Thank you Link to comment https://forums.phpfreaks.com/topic/263368-need-help-in-moving-focus-to-the-next-textfield/ Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.