Ошибка при замене части url при вводе через input
Доброго времени суток.
При вводе в ручную информации в поле ввода происходит какая-то ерудна, тяжело объяснить, это надо видеть. Но, при вводе информации путем вставки скопированной информации (Ctrl+V) - всё нормально! Подскажите, что не так. И, если можно, исправьте, пожалуйста. <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <style type="text/css"> body{ font-family: "Helvetica Neue",Arial,sans-serif; font-size:17px; } .vydelit { color: rgb(251, 72, 2); } </style> </head> <body> <center> <table id="demotable"> <thead><tr> <td>IP: <input type="text" id="raz" value="31.47.177.168"/> Порт: <input type="text" id="raz2" value="4022"/> </td> </tr></thead> <tbody> <td><span><img src="</span>http://monitor.zone-game.info/check.php?do=status&ip=<b class="vydelit">31.47.177.168</b>&port=<b class="vydelit">4022</b>&id=33<span>"></span><br> <img src="http://monitor.zone-game.info/check.php?do=status&ip=31.47.177.168&port=4022&id=33" /> </td> </tbody> </table> <script> (function(){ var s = '31.47.177.168'; document.getElementById('raz').oninput = function() { var d = document.querySelector('#demotable tbody'); d.innerHTML = d.innerHTML.replace(new RegExp(s,"g"), this.value); s = this.value; } })() </script> <script> (function(){ var s = '4022'; document.getElementById('raz2').oninput = function() { var d = document.querySelector('#demotable tbody'); d.innerHTML = d.innerHTML.replace(new RegExp(s,"g"), this.value); s = this.value; } })() </script> для примера скопируйте ip: 176.100.91.83 и Порт: 8881 и вставьте через Ctrl+V </center> </body> </html> |
Feex,
попробуйте указать кодировку <meta charset="utf-8"> |
Цитата:
|
Feex,
возможно не учитываите множественную перезапись при вводе посимвольно |
Если честно, я там ничего не учитываю) ибо мои познания так далеко не продвинулись.. Да и случайно вообще обнаружил этот баг, решил руками повводить и тут такое..
|
Это как-то можно исправить?
|
Feex,
<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <style type="text/css"> body{ font-family: "Helvetica Neue",Arial,sans-serif; font-size:17px; } .vydelit { color: rgb(251, 72, 2); } </style> </head> <body> <center> <table id="demotable"> <thead><tr> <td>IP: <input type="text" id="raz" value="31.47.177.168"/> Порт: <input type="text" id="raz2" value="4022"/> </td> </tr></thead> <tbody> <td><span><img src="</span>http://monitor.zone-game.info/check.php?do=status&ip=<b class="vydelit">31.47.177.168</b>&port=<b class="vydelit">4022</b>&id=33<span>"></span><br> <img src="http://monitor.zone-game.info/check.php?do=status&ip=31.47.177.168&port=4022&id=33" /> </td> </tbody> </table> <script> var inp = document.querySelectorAll('input'), v = document.querySelectorAll('.vydelit'); [].forEach.call(document.querySelectorAll('input'), function(item,i) { item.addEventListener('input', function() { v[i].textContent = item.value; var p = v[i].parentNode; p.querySelector('img').src = "http://monitor.zone-game.info/check.php?do=status&ip="+v[0].textContent+"&port="+v[1].textContent+"&id=33" }); }); </script> для примера скопируйте ip: 176.100.91.83 и Порт: 8881 и вставьте через Ctrl+V </center> </body> </html> |
Цитата:
Только есть одно но, там при вводе и в адресе картинки заменились IP и порт. А теперь в адресе картинки ничего не меняется. |
Feex,
То что делает код вам понятно? |
Цитата:
|
Часовой пояс GMT +3, время: 08:51. |