Best Practice To Consolidate This Reusable Code?

Best Practice To Consolidate This Reusable Code?

Hello all. 
I have the following code that allow me to use the same functions if dropped within any one div. Click that div and it returns it coordinates, ht, and width.

Instead of placing the same code block over and over. I would like to make it a simple function call but am not sure at which point to pass the "this" value. 

Please review the following. Thanks

  1. <script>
  2. //THIS FILLS IN THE TEXT FIELDS WITH THE PROPERTIES OF THE DIV CLICKED
  3. function rw_setTxtField(widthPassed,heightPassed, posLeftPassed, posTopPassed){
  4. document.formRW.rw_findWidthField.value = widthPassed;
  5. document.formRW.rw_findheightField.value = heightPassed;
  6. document.formRW.rw_findLeftPosField.value = posLeftPassed;
  7. document.formRW.rw_findTopPosField.value = posTopPassed;
  8. }
  9. </script>
  10. <!-- THIS SIMPLY PROVIDES THE TEXT FIELDS TO PLACE THE VALUES-->
  11. <div id="div_inspector">
  12. <form id="formRW" name="formRW">
  13.        Width: <input name="rw_findWidthField" id="rw_findWidthField" type="text"  />
  14.        Height: <input name="rw_findheightField" id="rw_findheightField" type="text"  />
  15.        Left Position: <input name="rw_findLeftPosField" id="rw_findLeftPosField" type="text"  /
  16.    Top Position: <input name="rw_findTopPosField" id="rw_findTopPosField" type="text"  />
  17.         </form>
  1. </div><!--END DIV INSPECTOR-->

  3. <div id="div_getPosition1" style="background-color:#333333; width:300px; height:30px; position:relative; left:40px;">
  5. <script>
  6. //HOW DO I OPTIMIZE THIS PART BY ONLY HAVING TO PLACE IT ONCE. 
  7.         // IT IS CURRENTLY DYNAMIC WITH THE ABILITY TO USE "THIS"
  8. $("div").click(function(){
  9. var myTarget = $(this);
  10. var myWidth = myTarget.width();
  11. var myHeight = myTarget.height();
  12. var myPosition = myTarget.position();
  13. var finalLeftPosition = myPosition.left;
  14. var finalTopPosition = myPosition.top;
  15. rw_setTxtField(myWidth,myHeight,finalLeftPosition, finalTopPosition);
  16. break;
  18. });
  20. </script>
  21. </div><!-- END DIV div_getPosition1-->


  24. <div id="div_getPosition2" style="background-color:#333333; width:600px; height:30px;">
  25. <script>
  27. $("div").click(function(){
  28. var myTarget = $(this);
  29. var myWidth = myTarget.width();
  30. var myHeight = myTarget.height();
  31. var myPosition = myTarget.position();
  32. var finalLeftPosition = myPosition.left;
  33. var finalTopPosition = myPosition.top;
  34. rw_setTxtField(myWidth,myHeight,finalLeftPosition, finalTopPosition);
  35. break;
  37. });
  39. </script>
  40. </div><!-- END DIV div_getPosition2 -->