Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > innerHTML оставляет ссылку

Автор: Dzo 28.7.2008, 11:22

Значит есть ссылка:

Код


<a id="login1" href="#"></a>

есть скрипт:

Код


<script type="text/javascript">
    function changeLinkToField(login1) {
        var oldHTML = document.getElementById(login1).innerHTML;    
        var newHTML = "<input type='text' size='16'style='border:0px;' name='login' value='" + oldHTML + "'>";
        document.getElementById(login1).innerHTML = newHTML;
    }    

</script>

Все отлично работает, за исключением того, что после того, как ссылка изменилась на поле ввода, при нажатии мышкой на поле ввода, все равно идет переход по ссылке, а мне надо, чтобы можно было нормально вводить значение в это поле ввода и затем передавать его в форму.

Как лечить?

Спасибо!

Автор: bars80080 28.7.2008, 11:28

а что это за id в строчке 5, почему её нет на разметке хтмл?

Автор: Dzo 28.7.2008, 11:39

Эммм... ну я в js полный профан... Как я думал, 5 строчка несет следующий смысл: возьми хтмл код элемента айди и поменяй его на newHTML : )
То есть возьми html ссылки и замени его на нужный мне smile

А вообще я там описался...

Автор: comtat 28.7.2008, 11:57

понял то должно быть так

Код


<html>
<head></head>
<body>
<script type="text/javascript">
    function changeLinkToField(obj) {  
        obj.innerHTML = "<input type='text' size='16' style='border:1px;' name='login' value='" + obj.innerHTML + "'>";
    obj.onclick = '';
    }    
</script>
<span onclick="javascript:changeLinkToField(this);" style='cursor:pointer;' id='login1'>ddd</span>
</body>
</html>

но этот вариант без возможности повернуть назад

Автор: Dzo 28.7.2008, 13:56

А как теперь сделать так, чтобы данные из этого поля передавались в форму? А то не передаются : (

Автор: comtat 28.7.2008, 14:54

Цитата(Dzo @ 28.7.2008, 13:56

)

А как теперь сделать так, чтобы данные из этого поля передавались в форму?

точно передавать в форму или все же в пост
ато не особо понятно .. примеди пример

Автор: bars80080 28.7.2008, 14:58

Dzo, где у тебя сама форма и кнопка сабмит?