Javascript file on server - Post ID...

User 2292452 Photo


Registered User
10 posts

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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Do you need your closet or garage organized?&nbsp;

<span class="c1">Yes <input type="radio" name="q0">&nbsp; No</span>&nbsp;<input type="radio" name="q0"><br><br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Are you moving?&nbsp;
<span class="c1">Yes <input type="radio" name="q1">&nbsp; No</span>&nbsp;<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>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Can you quickly find your files on your computer?&nbsp;
<span class="c1">Yes <input type="radio" name="q2">&nbsp; No</span>&nbsp;<input type="radio" name="q2"><br><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;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>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;When your home becomes cluttered, do you feel like pulling your hair out?&nbsp;
<span class="c1">Yes <input type="radio" name="q4">&nbsp;No</span>&nbsp;<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">&nbsp;
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>
User 271657 Photo


Ambassador
3,816 posts

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>
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
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.