HTML - обнаружение мыши - ссылки

-2

Есть ли способ, когда мышь нажала на ссылку, которую он вызывает, на элемент ввода, создающий его. Затем, когда вы нажимаете на что-либо помимо элемента ввода, он снова возвращает элемент ввода.HTML - обнаружение мыши - ссылки

Edit - Добавлен пример Edit 2 - Fixed Emample

<html> 
<head> 
<style> 
#sch{ 
display:none; 
} 
</style> 
</head> 
<body> 
<a href="">Search</a> 

<form align = "center" id = "search"> 
    <input id = "sch" type = "text" name = "search" placeholder = "Search Here"></br> 
</form>

источник

2015-09-12 Tochy Egeonu

Просьба указать, что вы делали до сих пор. – divy3993

Если его единственная цель Display вы можете сделать это с помощью JavaScript OnClick функции.

Так с помощью CSS сделать свой входной дисплей: нет, когда ваша страница нагрузки, но при нажатии на кнопку вызова JavaScript и сделать его дисплей: блок

Но если вы хотите, чтобы вставить какое-то значение и сохранять их в базе данных по-прежнему тот же процесс и добавить ajax с ним.

Например

<div> 
    <a id="1">link1</a><input type="text" name="t1" class="hid" id="t1" /><br> 
    <a id="2">link2</a><input type="text" name="t1" class="hid" id="t2" /><br> 
    <a id="3">link3</a><input type="text" name="t1" class="hid" id="t3" /><br> 
</div>

ваш CSS

<style> 
     .hid{ 
    display: none; 
} 
    </style>

Ваш JS

<script> 

     $(document).ready(function(){ 
      $("a").on("click", function(){ 
       $("#t1").css("display","none"); 
       $("#t2").css("display","none"); 
       $("#t3").css("display","none"); 

       var Aid = $(this).attr("id"); 
       $("#t"+Aid).css("display","block"); 
      }); 

     }); 
</script>

источник

2015-09-12 06:51:03

Я не понимаю, как это было бы знать, чтобы вызвать элемент ввода. –

, пожалуйста, проверьте обновленный ответ. Это всего лишь подсказка, которая поможет вам начать, но оригинал ответа может быть очень. –

HTML, для структурирования страницы, а не для анимации страницы, поэтому постарайтесь использовать Javascript или jQuery. попробуйте использовать что-то вроде ...

document.ready(function(){ 

$("a").onClick(function(){ 
$("sh").fadeIn(200) 
}); 
});

Я не знаю, если это точно, как это, но у вас есть точка.

Надеюсь, что я вам помог.

источник

2015-09-12 07:47:36

HTML - обнаружение мыши - ссылки

ответ

Смежные вопросы