Question

In a div with id #prlogo i have am image. I need to copy the filename or location of the image on the server to a text filed with id #input_2_16, when i hover over a button with id #button.

Sounds simple but i’ve been pulling my hair out trying to do this…

Div html:

<div id="prlogo" class="prlogo"><img class="logoplace" src="../preview/logo-place.png"/>
        </div>

Miro

Answer 1

Without more context and using jQuery.

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(function() { //this anonymous function will run when the page is ready
    $("#button").hover(function() {
      //mouse enter
      var imgSrc = $("#prlogo img").attr("src"); 
      //assumes there is an <img /> tag as a child of the #prlogo div
      $("#input_2_16").val(imgSrc);
    },function() {
      //mouse leave
    });
});
</script>

If you don’t want to do anything on mouse leave you could instead do

$("#button").mouseenter(function() {
  //mouse enter
  var imgSrc = $("#prlogo img").attr("src"); 
  //assumes there is an <img /> tag as a child of the #prlogo div
  $("#input_2_16").val(imgSrc);
});