JSFiddle - React, Tailwind, and code Playground

by akash singh

HTML

<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>
<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">
<a data-toggle="modal" href="http://fiddle.jshell.net/bHmRB/51/show/" data-target="#myModal" id="getModal">Forward</a>


<div class="modal fade" id="modalForwardMail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close" ><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Forward this Mail</h4>
      </div>
      <div class="modal-body"><center>
<form name="contactform" method="post" action="forwardForm.php" class="form-horizontal" role="form">
<input type="email" class="form-control" placeholder="Receiver Email Address" name="forwardEmail">
                           <input class="form-control" placeholder="Full Name" type="text" value={{currentUser.get('fullName')}} name="fullName">
                             <input class="form-control" placeholder="Subject" type="text" name="subject">

<input class="form-control" placeholder="Sender Email Address" value={{currentUser.get('username')}} type="text" name="email">
<br><textarea  class="form-control" rows="5" placeholder="Notes" name="message" cols="30"></textarea>
    <div id="url"></div>
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<input type="submit" class="btn btn-default" name="submit" value="Submit">
</form></center>
<h3></h3>
      </div>

    </div>
  </div>
</div>

JavaScript

$(document).ready(function(){
       $('#getModal').click(function() {
            var pageURL = document.URL;//$(location).attr("href");
             $("#url").text(pageURL);
             $("#modalForwardMail").modal("toggle");
           // alert(pageURL);
           
            });
       
    });