Hello, I am fairly new to Javascript. I know I am supposed to have a Javascript file on my server in the same location as this HTML. I just don't know what file I am supposed to add to my server. Here's my code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
<meta name="dcterms.created" content="Sat, 18 Apr 2015 16:31:09 GMT">
<meta name="description" content="">
<meta name="keywords" content="">
<title></title>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Start of the headers for CoffeeCup Web Form Builder -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"
/>
<script type="text/javascript" src="common/js/form_init.js" data-name=""
id="form_init_script">
</script>
<link rel="stylesheet" type="text/css" href="theme/default/css/default.css"
id="theme" />
<!-- End of the headers for CoffeeCup Web Form Builder -->
<title>
April2015Questionaire
</title>
<style type="text/css">
span.c5 {color: #C60C31; font-size: 80%; font-style:italic;}
span.c4 {color: #C60C31; font-size: 200%}
div.c3 {text-align: left}
span.c2 {font-size: 200%}
span.c1 {color: #C60C31}
</style>
</head>
<body><!-- Start of the body content for CoffeeCup Web Form Builder -->
<style>#docContainer .fb_cond_applied{ display:inline-table; }</style></noscript><form class="fb-toplabel fb-100-item-column selected-object" id="docContainer"
style="border-style: ridge; border-color: rgb(34, 199, 86); max-width: 650px; background-color: transparent;"</style>
<h2>
<div align="center">CAN YOU USE MY HELP?</div>
</h2>
</div>
<div class="fb-sectionbreak">
<hr style="max-width: 900px;">
</div>
</div>
<br><br>
<div class="c3"><b><span class="c2">
<div align="left"> Do you need your closet or garage organized?
<span class="c1">Yes <input type="radio" name="q0"> No</span> <input type="radio" name="q0"><br><br>
Are you moving?
<span class="c1">Yes <input type="radio" name="q1"> No</span> <input type="radio" name="q1"><br><br>
<span class="c5"><div align="center">I can help you with downsizing, combining households, labeling, packaging
<br>and getting your home ready to be shown with a real estate company.</div> </span><br>
Can you quickly find your files on your computer?
<span class="c1">Yes <input type="radio" name="q2"> No</span> <input type="radio" name="q2"><br><br>
During the holidays, do you have time to do everything that needs to be done?
<span class="c1">Yes <input type="radio" name="q3">No</span><input type="radio" name="q3"><br><br>
When your home becomes cluttered, do you feel like pulling your hair out?
<span class="c1">Yes <input type="radio" name="q4"> No</span> <input type="radio" name="q4"><br><br><br></span></b><span class="c2">
<div align="center"><input type="button" onclick="showAnswers()" value="Check Answers"> <BR><span class="c1">yes <input type="textbox" name="yes" value="" size="1">
no <input type="textbox" name="no" value="" size="1"></span></div></div></form>
<script language="JavaScript" type="text/javascript">
<!--
function showAnswers() {
var yes = 0;
var no = 0;
for (var i=0;i<7;i++) {
if (eval("document.radioForm.q" + i + "[0].checked") == true)
yes++;
if (eval("document.radioForm.q" + i + "[1].checked") == true)
no++;
}
document.radioForm.yes.value = yes;
document.radioForm.no.value = no;
}
//-->
<a href="http://www.jacquelyn-of-many-trades.com/"> <script src="common/libs_js/jquery-1.4.4.min.js"></script> <script>$(document).ready(function() {
<script src="common/libs_js/jquery-1.4.4.min.js"></script> <script>$(document).ready(function() {
$("input:radio").change(function() {
if ($(this).val() == "Yes"){
var total= $("input[value=Yes]:checked").size();
if(total>2){
alert("Yes it does looks like you need my help.");
}
}if ($(this).val() == "No"){
var total= $("input[value=No]:checked").size();
if(total>2){
alert("It doesn't look like you need my help.");
}
}
});
});</script>Next </a>
</body>
</html>
Javascript file on server - Post ID...
With Form Builder, all necessary files are included.
See instructions here for SDrive set up or Manual Export to your own server:
http://www.coffeecup.com/help/articles/ … shed-form/
You may want to link to a Jquery CDN if you plan on using other scripts on your site:
https://developers.google.com/speed/libraries/
For example; you could put this link (or whichever one you need) in your <head> area:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
See instructions here for SDrive set up or Manual Export to your own server:
http://www.coffeecup.com/help/articles/ … shed-form/
You may want to link to a Jquery CDN if you plan on using other scripts on your site:
https://developers.google.com/speed/libraries/
For example; you could put this link (or whichever one you need) in your <head> area:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
https://www.callendales.com
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.