tane
08-06-2004, 09:42 PM
I have script that i was given that lets the users of my site select the songs they want ......my question is I want to add a button that sends this info(the songs they have choosen to my email but not sure how to do it below is the script that i am using........
<html>
<head>
<title>Test</title>
<script type="text/javascript">
function songsChosen(){
var es = document.getElementById('choosesongs_form').elements;
var l = '';
for(var i = 0; i < es.length; i++){
if(es[i].tagName.toLowerCase() == 'input' && es[i].type.toLowerCase() == 'checkbox' && es[i].checked){
l += '<'+'li>'+es[i].value+'<\/li>';
}
}
document.getElementById('choosesongs').style.display = 'none';
document.getElementById('viewsongs').style.display = '';
document.getElementById('viewsongs_list').innerHTML = l;
}
function backToOptions(){
document.getElementById('viewsongs').style.display = 'none';
document.getElementById('choosesongs').style.display = '';
}
</script>
</head>
<body>
<div id="choosesongs">
<h1>Choose songs</h1>
<p>Choose the songs you want:</p>
<form id="choosesongs_form" action="" method="post" onsubmit="songsChosen(); return false;">
<p>
<input type="checkbox" value="Song name 1"> Song name 1<br>
<input type="checkbox" value="Song name 2"> Song name 2<br>
<input type="checkbox" value="Song name 3"> Song name 3
</p>
<p><input type="submit" value="Submit songs"></p>
</form>
</div>
<div id="viewsongs" style="display: none;">
<h1>You chose these songs</h1>
<p>
<input type="button" value="Print page" onclick="window.print();">
<input type="button" value="Back to options" onclick="backToOptions();">
</p>
<ul id="viewsongs_list">
<li></li>
</ul>
</div>
</body>
</html>
<html>
<head>
<title>Test</title>
<script type="text/javascript">
function songsChosen(){
var es = document.getElementById('choosesongs_form').elements;
var l = '';
for(var i = 0; i < es.length; i++){
if(es[i].tagName.toLowerCase() == 'input' && es[i].type.toLowerCase() == 'checkbox' && es[i].checked){
l += '<'+'li>'+es[i].value+'<\/li>';
}
}
document.getElementById('choosesongs').style.display = 'none';
document.getElementById('viewsongs').style.display = '';
document.getElementById('viewsongs_list').innerHTML = l;
}
function backToOptions(){
document.getElementById('viewsongs').style.display = 'none';
document.getElementById('choosesongs').style.display = '';
}
</script>
</head>
<body>
<div id="choosesongs">
<h1>Choose songs</h1>
<p>Choose the songs you want:</p>
<form id="choosesongs_form" action="" method="post" onsubmit="songsChosen(); return false;">
<p>
<input type="checkbox" value="Song name 1"> Song name 1<br>
<input type="checkbox" value="Song name 2"> Song name 2<br>
<input type="checkbox" value="Song name 3"> Song name 3
</p>
<p><input type="submit" value="Submit songs"></p>
</form>
</div>
<div id="viewsongs" style="display: none;">
<h1>You chose these songs</h1>
<p>
<input type="button" value="Print page" onclick="window.print();">
<input type="button" value="Back to options" onclick="backToOptions();">
</p>
<ul id="viewsongs_list">
<li></li>
</ul>
</div>
</body>
</html>