iframe jquery

website/modal.js

@@ -1,5 +1,7 @@
+$(document).ready(function(){ 
+
 	// index page
-var modal = document.getElementById("myModal");
+	var modal = document.getElementById("myModal"); //$("#myModal"); 
 	var btn = document.getElementById("button");
 	var btn_bar = document.getElementById("button-right");
 	var tos_iframe = document.getElementById("tosview");
@@ -7,9 +9,22 @@ var tos_iframe = document.getElementById("tosview");
 	// Get the <span> element that closes the modal
 	var span = document.getElementsByClassName("close")[0];
 	// When the user clicks the button, open the modal 
-btn.onclick = function() {
+
+	$( ".button-tos" ).click(function() {
+		var text = $(this).text().toLowerCase() + '.html';
+		console.log(text);
+
+  		$('iframe#tosview').attr('src', text);
   		modal.style.display = "block";
-}
+
+
+		});
+	
+	// btn.onclick = function() {
+	// 	console.log('btn was clicked');
+	//   modal.style.display = "block";
+	// }
+	
 	//right bar list
 	btn_bar.onclick = function() {
 	  modal.style.display = "block";
@@ -48,3 +63,4 @@ t_span.onclick = function() {
 	  treaty_iframe.src = treaty_iframe.src;
 	}
 
+})