ELATED: All Forums http://www.elated.com/ ELATED.com Webmaster Forums: Free Help with HTML, CSS, JavaScript, PHP and Photoshop from ELATED.com en-us Tue, 30 May 2017 01:17:33 GMT Tue, 30 May 2017 01:17:33 GMT http://blogs.law.harvard.edu/tech/rss ELATED.com feeder Re: [Website Management] Introduction to FTP http://www.elated.com/forums/topic/4599/#post26608 From: chrishirst


So if you really are a University Professor you should already understand that your post has FUCK ALL to do with FTP and YOU are just yet another STUPID spammer.

[Edited by chrishirst on 29-May-17 09:27]

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Mon, 29 May 2017 14:27:28 GMT http://www.elated.com/forums/topic/4599#post26608
Re: [Website Management] Introduction to FTP http://www.elated.com/forums/topic/4599/#post26607 From: Daisy221


Hello, I am Daisy Simpson, a university professor,and I like to believe that I'm a very good professional freelance writer.


_________________________
http://www.dissertationhomework.com

[Edited by Daisy221 on 29-May-17 04:17]

View » | Reply »

]]>
Mon, 29 May 2017 09:16:00 GMT http://www.elated.com/forums/topic/4599#post26607
Re: [Authoring and Programming] PHP - Database insert messes up iframe code http://www.elated.com/forums/topic/6318/#post26606 From: Ferrius


So, I've solved the issue myself my simply stripping slashes. Now to my biggest hurdle;

I'd like a form submission to only accept iframe links, sourced through google- to prevent malicious scripts and content to be posted, but allowed google maps routes through.


Anyone got a smart take on how to do that? I've looked a bit into sandboxing.

Best Regards

Christian

View » | Reply »

]]>
Sun, 28 May 2017 16:00:07 GMT http://www.elated.com/forums/topic/6318#post26606
[Authoring and Programming] PHP - Database insert messes up iframe code http://www.elated.com/forums/topic/6318/#post26605 From: Ferrius


Bottom line;

I'm making a small webpage where people can share routes from Google maps, by submitting the iframe code from the API embedding in Maps through a form on my website.

Security issues from allowing code through a form aside; it will not stop rewriting the code parsed by adding slashes in front of all quotation marks within the code.

I've google my way to this subject, and boiled it down to Magic Quotes being enabled- however, after a long talk with my service provider, they assured me that magic quotes are disabled on their service - and gave me a brief explination about how prepared statements are messing it up.

What I'm trying to do is;



Form submission:

Code:
--------------------
<iframe src="*Google Map Route link*" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
--------------------


Form return (and what's stored):

Code:
--------------------
<iframe src=\"*Google Map Route link*\" width=\"600\" height=\"450\" frameborder=\"0\" style=\"border:0\" allowfullscreen></iframe>
--------------------


Now, the explination my provider gave me is this:

---
Code:
--------------------
$stmt = $conn->prepare("INSERT INTO website.database (rname, remail, rcomment) VALUES (?, ?, ?)"); $stmt->bind_param("sss", $users_rname, $users_remail, $users_rcomment);
--------------------


"This is what prepare statement does. Using quotes in your data while inserting it in mysql database may give php error so it is advisable in general to either manually escape the special characters or use prepare. Using prepare is good and recommended practice. So customer should remove backslashes while reading from database."
---

However, I'm not entirely sure what they mean by this or how to execute it. They are not allowed to assist in coding by giving me an example, so I've turned to the internet for support.

Any insight or examples would be extremely welcome!


Best Regards

Christian

View » | Reply »

]]>
Sun, 28 May 2017 14:53:43 GMT http://www.elated.com/forums/topic/6318#post26605
Re: [Authoring and Programming] Elements not aligned correctly in Chrome http://www.elated.com/forums/topic/6317/#post26604 From: chrishirst


Good grief is it still 1993! It is something one would expect to find on Tripod back in 1992 before anyone learned that the Internet even existed.

What version of Dream Weaver are you wasting your time with???

Version 3 or maybe version 4?????


That is abysmal even by 1995 standards, and it's not worth the time of trying to fix the problems for modern browsers because you will not be able to.

It is a very simple layout but the source code is ancient "SpryMenus" went out of use TWENTY YEARS ago.

Go learn some modern coding techniques in HTML and CSS (https://www.w3schools.com/) and ditch whatever crappy so-called "design tool" you are using, download Amaya (https://www.w3.org/Amaya/) or NVU (http://www.nvu.com/) and start again with modern source code and the problems will simply disappear.

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Sat, 27 May 2017 19:34:38 GMT http://www.elated.com/forums/topic/6317#post26604
[Authoring and Programming] Elements not aligned correctly in Chrome http://www.elated.com/forums/topic/6317/#post26603 From: gmk1212


http://www.ekeeler.com/mbti/index.html

Can anyone tell me why the elements on my page are so out of whack in Chrome? The elements seem to be aligning just fine in IE.

View » | Reply »

]]>
Sat, 27 May 2017 18:30:39 GMT http://www.elated.com/forums/topic/6317#post26603
Re: [Authoring and Programming] Javascript Problem? http://www.elated.com/forums/topic/6316/#post26602 From: chrishirst


"but I'm supposed to run it through a landing page program that all you do is take the page's source code and change any relative links to absolute links. "

To what end???

Relative links will ALWAYS 'work' as long as the relevant files are ALL on the same server in the same folder structure. This is regardless of the hostname they are served from.

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Sat, 27 May 2017 18:21:06 GMT http://www.elated.com/forums/topic/6316#post26602
[Authoring and Programming] Javascript Problem? http://www.elated.com/forums/topic/6316/#post26601 From: Brinbro


Hello!

I recently put up a website made via Adobe Muse, and everything works fine, but I'm supposed to run it through a landing page program that all you do is take the page's source code and change any relative links to absolute links.

Here's the source page:
http://jumbled-chalk.flywheelsites.com/microsite/

Here's the landing page:
brocktest.m.mdl.io

And it seems that everything is mostly working, minus the breakpoints on the landing page. I think they're controlled via javascript and something must be wrong with the code now that I changed from relative to absolute URLs? But, I'm not sure - that's why I'm here. Hopefully someone can help - thank you!

View » | Reply »

]]>
Fri, 26 May 2017 14:10:47 GMT http://www.elated.com/forums/topic/6316#post26601
Re: [Authoring and Programming] Importing a text file to an html file? http://www.elated.com/forums/topic/6315/#post26599 From: chrishirst


Still no.

Several Reasons;

javascript runs on the client so unless EVERY visitor to the page already had the text file NOTHING would happen

javascript is not allowed to access files on the local machine apart from in specific directories

javascript is NOT allowed to access the server to retrieve data UNLESS you use AJAX methods and have specific server side scripts to serve the text document.
And IF your server has server side scripting you do not need to use javascript.


Three options exists;

Server side script code
Server Side Includes (shtml) (http://www.htmlgoodies.com/beyond/webmaster/article.php/3473341/SSI-The-Include-Command.htm)
or
Use an iframe (https://www.w3schools.com/tags/tag_iframe.asp)

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Thu, 25 May 2017 16:12:25 GMT http://www.elated.com/forums/topic/6315#post26599
Re: [Authoring and Programming] Importing a text file to an html file? http://www.elated.com/forums/topic/6315/#post26598 From: Acanz


Thanks for your rapid and specific response.

Rephrasing my question a bit...

Is it possible to import a text file into an html file offline (using JavaScript or otherwise)?

A very simple but functional example would be great.

E.g. - Suppose I have a file TEXT1.txt

I'd need the code for a page WEB.html along the lines <html>... (code to input TEXT1.txt) ...</html>

--
Acanz

View » | Reply »

]]>
Thu, 25 May 2017 15:14:13 GMT http://www.elated.com/forums/topic/6315#post26598
Re: [Authoring and Programming] Importing a text file to an html file? http://www.elated.com/forums/topic/6315/#post26597 From: chrishirst


"Is it possible to use JavaScript to import a text file into an html file?"

No.

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Thu, 25 May 2017 10:25:42 GMT http://www.elated.com/forums/topic/6315#post26597
[Authoring and Programming] Importing a text file to an html file? http://www.elated.com/forums/topic/6315/#post26596 From: Acanz


Is it possible to use JavaScript to import a text file into an html file?

A very simple but functional example would be great.
Eg - Suppose I have a file TEXT1.txt
I'd need the code for a page WEB.html along the lines <html>... (JavaScript to input TEXT1.txt) ...</html>

I have multiple webs with sections in common - and the above would let me update them simultaneously

Thanks

--
Acanz

View » | Reply »

]]>
Thu, 25 May 2017 09:43:34 GMT http://www.elated.com/forums/topic/6315#post26596
Re: [Suggestion Box] What's the different types of SEO off page techniques? http://www.elated.com/forums/topic/6312/#post26595 From: Hingoro


There are many Off-Page techniques but Google will penalize spammers

[Edited by Hingoro on 24-May-17 05:15]

View » | Reply »

]]>
Wed, 24 May 2017 10:15:19 GMT http://www.elated.com/forums/topic/6312#post26595
Re: [Authoring and Programming] First time posting - Need help organising my site - code confused! http://www.elated.com/forums/topic/6313/#post26594 From: Tarzan1961


Start your OWN thread instead of hijacking someone else's unrelated one

http://www.elated.com/forums/authoring-and-programming/topic/new/

[Edited by chrishirst on 22-May-17 13:32]

View » | Reply »

]]>
Mon, 22 May 2017 17:17:43 GMT http://www.elated.com/forums/topic/6313#post26594
Re: [Authoring and Programming] First time posting - Need help organising my site - code confused! http://www.elated.com/forums/topic/6313/#post26593 From: chrishirst


'offset' is to use the top, right, left, bottom properties to align the logo element (if necessary) within the navigation element, which strictly speaking should be an unsorted list (ul) NOT a division (div).

The "content holder element" is simply the element that contains whatever the 'content' is for that particular document, and in your code will probably be after the navigation element and before the 'footer' element

eg.:

'Nav' here

'Content' here

'Footer' here

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Mon, 22 May 2017 13:18:49 GMT http://www.elated.com/forums/topic/6313#post26593
Re: [Authoring and Programming] Need help with URL parameters http://www.elated.com/forums/topic/6314/#post26592 From: C2N14


I finally got it working by using some Javascript trickery and browsing several threads on StackExchange. For the record here is the code I used:


Code:
--------------------
<script>
var idvar = getQueryVariable("id");

function getQueryVariable(variable) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
var pair = vars[i].split("=");
if (pair[0] == variable) {
return pair[1];
}



}
alert('Query Variable ' + variable + ' not found');
}
document.write('<iframe class="ytplayercss" id="ytplayer" type="text/html" width="100%" height="810" src="https://www.youtube.com/embed/' + idvar + '?modestbranding=1&showinfo=0 frameborder="0" allowfullscreen></iframe>');
</script>
--------------------


So I can simply call it by going to:

Code:
--------------------
mywebsite.xy/index.html?id=dQw4w9WgXcQ
--------------------


Finally if no id is detected an alert message will pop up.

Still, if anyone has any revisions I would be glad to read them.

[Edited by C2N14 on 21-May-17 01:18]

View » | Reply »

]]>
Sun, 21 May 2017 06:16:07 GMT http://www.elated.com/forums/topic/6314#post26592
[Authoring and Programming] Need help with URL parameters http://www.elated.com/forums/topic/6314/#post26591 From: C2N14


I built a really basic website with an embedded iframe with a YouTube video, the only thing I want to do is to be able to control the video id by some paramethers in the url. It would be something like:

Code:
--------------------
mywebsite.xy/index.html?vid=dQw4w9WgXcQ
--------------------


I know at least basic HTML and CSS but I have no idea whatsoever of how to do it, if someone could help me I would be very grateful.

Here is the iframe in question:

Code:
--------------------
<iframe class="ytplayercss" id="ytplayer" type="text/html" width="100%" height="810" src="https://www.youtube.com/embed/dQw4w9WgXcQ?modestbranding=1&showinfo=0 frameborder="0" allowfullscreen></iframe>
--------------------


View » | Reply »

]]>
Sun, 21 May 2017 02:20:24 GMT http://www.elated.com/forums/topic/6314#post26591
Re: [Authoring and Programming] First time posting - Need help organising my site - code confused! http://www.elated.com/forums/topic/6313/#post26590 From: codeman25


Thanks for the reply Chris.

What exactly do you mean by "and offset the logo image element to suit." ?

and when you say "content holder element" you are referring to the <div class="logo"> - correct?

EDIT: Oh I think I have explained myself poorly. What I am intending to do, is placing the brand logo centrally in the nav bar, where the lowest part of the logo goes down over the nav bar.

Think like:

home activities CocaCola about contact

and then the lower parts of of the CocaCola logo will go a bit under the navbar.

[Edited by codeman25 on 17-May-17 05:44]

View » | Reply »

]]>
Wed, 17 May 2017 10:31:06 GMT http://www.elated.com/forums/topic/6313#post26590
Re: [Authoring and Programming] First time posting - Need help organising my site - code confused! http://www.elated.com/forums/topic/6313/#post26589 From: chrishirst


"but I want the parts of the logo to reach down over INTO the body part of the page."

Use relative positioning (http://webmaster-talk.eu/articles/8-website-development-and-design/13-css-positioning) and offset the logo image element to suit.

Then use top padding on the content holder element so the actual content is not obscured.

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Tue, 16 May 2017 17:21:40 GMT http://www.elated.com/forums/topic/6313#post26589
[Authoring and Programming] First time posting - Need help organising my site - code confused! http://www.elated.com/forums/topic/6313/#post26588 From: codeman25


Basicly I'm making a site for school work, and I feel I'm already messing up. I'm trying to secure a responsive webdesign, but it's proving itself harder than I thought.

This is my code:

HTML

Code:
--------------------

<!DOCTYPE html>
<html lang="en-us">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<nav>
<div class="logo">
/** logo goes here (removed it for privacy reasons) **/
</div>
<div class="nav">
<li class="home"><a href="#">Home</a></li>
<li class="activities"><a href="#">Activities</a></li>
<li class="information"><a href="#">Information</a></li>
<li class="aboutus"><a href="#">About the thing</a></li>
</div>
<nav>

<footer>
<div class="footer">
<section class="subscribe">
<div class="news">
<h3>Receive our newsletter</h3>
</div>
<form action="index.html" method="post" class="subscribe-form">
<input type="email" name="email" class="subscribeInput" placeholder="Email address" autofocus>
<button type="submit" class="subscribeSubmit">Submit</button>
</form>
</section>
</div>
<div class="footerText">
<h4>Address goes here</h4>
<h4>Phone number and e-mail goes here</h4>
<h4>Opening hours goes here</h4>
</div>
</div>
</footer>
</body>
</html>
--------------------


CSS:


Code:
--------------------

body {
font-family: 'Arial'

}
.nav {
width: 100%;
margin-top: -15px;
padding-top: 10px;
list-style: none;
background-color: #052D48;
text-align: center;
overflow: hidden;
height: 70px;

}
.nav li {
display: inline-block;
}
.nav a {
text-decoration: none;
color: #FFF;
font-family: Arial, sans-serif;
font-weight: bold;
letter-spacing: 1.5px;
font-size: 12px;
}

.hjem {
float: left;
padding: 0 7% 0 7%;
}

.oplevelser {
float: left;
}

.praktiskInfo {
float: right;
padding: 0 7% 0 7%;
}

.omCentret {
float: right;
}

.footer {
background:#052D48;
width:100%;

position:absolute;
bottom:0;
left:0;

}

.news h3 {
color: #FFF;
margin-left: 2%;
font-size: 12px;
}

.subscribeInput {
margin-left: 2%;
border: none;
color: #fff;
padding: 12px 29px;
text-decoration: none;
display: inline-block;
font-size: 16px;
}

.footerText h4 {
color: #FFF;
display: table;
margin-left: auto;
margin-right: auto;
}

.footerText {
text-align: center;
}

.footer > a {
text-align: center;
}

.subscribeSubmit {
background-color: #E55B00; /* Green */
border: none;
color: white;
padding: 12px 29px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}

.nav>li{
position:relative;
}

.logo {
position:absolute;
z-index:10;
display:block;
width: 200px;
height: 350px;

}
--------------------


This is what I'm trying to achieve:
http://i.imgur.com/wdmzofb.png

The logo going down over the navbar. I can only get it to fit inside the navbar, but I want the parts of the logo to reach down over INTO the body part of the page.

Sorry for formatting, I really hope someone can help me!

[Edited by chrishirst on 16-May-17 12:23]

View » | Reply »

]]>
Tue, 16 May 2017 16:25:21 GMT http://www.elated.com/forums/topic/6313#post26588
Re: [Suggestion Box] What's the different types of SEO off page techniques? http://www.elated.com/forums/topic/6312/#post26587 From: alicemerry


hi Try Out Moz Website To Get Best Seo technique of SEO Off page and on page.
Thanks

View » | Reply »

]]>
Mon, 15 May 2017 07:43:51 GMT http://www.elated.com/forums/topic/6312#post26587
Re: [Suggestion Box] What's the different types of SEO off page techniques? http://www.elated.com/forums/topic/6312/#post26586 From: chrishirst


Go away you spamming moron!

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Fri, 12 May 2017 19:49:50 GMT http://www.elated.com/forums/topic/6312#post26586
Re: [Authoring and Programming] Help with evenodd number calculator http://www.elated.com/forums/topic/6310/#post26585 From: chrishirst


with


Code:
--------------------var inputb = document.getElementById("arvukontroll")--------------------



You are not checking the value of the input you are testing the object itself.

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Fri, 12 May 2017 19:47:35 GMT http://www.elated.com/forums/topic/6310#post26585
[Suggestion Box] What's the different types of SEO off page techniques? http://www.elated.com/forums/topic/6312/#post26584 From: yahoohelp


Hello Everyone,
I'm adam smith here to find out the answer about the best technique of SEO Off page.Please Let me know the best off page techniques.


Visit Us at : http://www.emailhelpline.co.uk/

--
http://www.emailhelpline.co.uk/

View » | Reply »

]]>
Fri, 12 May 2017 07:52:05 GMT http://www.elated.com/forums/topic/6312#post26584
[Authoring and Programming] help with html table with javascript http://www.elated.com/forums/topic/6311/#post26583 From: Quayz15


I'm new to html and javascript. I have created a table in html that seems to dis play correctly. The Javascript however does not appear to run. add rows, delete rows, and math functions will not run.


Code:
--------------------
<!DOCTYPE html>
<title></title>
<body>
<div class="CW-content">
<div id="cw-budget-worksheet">
<div class="cw-freq">
<label class="h2 pull-left">Budget Period:</label>
<select class="form-control" name="period">
<option value="1">1 Month</option>
<option value="2">2 Months</option>
<option value="3">3 Months</option>
<option value="4">4 Months</option>
<option value="5">5 Months</option>
<option value="6">6 Months</option>
<option value="7">7 Months</option>
<option value="8">8 Months</option>
<option value="9">9 Months</option>
<option value="10">10 Months</option>
<option value="11">11 Months</option>
<option value="12">12 Months</option>
</select>
</div>
<p class="cw-download"><input type="submit" name="submit" value="Download"></p>
<div class="table-responsive">
<table border="0" cellspacing="0" cellpadding="0" class="cw-income">
<tbody>
<tr>
<td valign="top" align="left" colspan="4" class="head">Income (take-home)</td>
<td valign="top" align="right" class="head"><span class="cw-budget-add">Add Row</span></td>
</tr>
<tr id="source-0">
<td valign="top" align="left" colspan="2" class="subhead">Expense</td>
<td valign="top" align="center" colspan="2" class="subhead">Amount / Frequency</td>
<td valign="top" align="right" class="subhead">Amount for Budget Period</td>
</tr>
<tr id="Source-1" class="deletable">
<td valign="top" align="left"><img class="cw-delete-row" src="http://www.trainingcheck.com/live/Resources/Buttons/trial/small-delete.gif" alt="Delete"></td>
<td valign="top" align="left">
<input class="editable" type="text" maxlength="40" size="35" value="Jane's Paycheck">
</td>
<td valign="top" align="right">
<input style="text-align:right;" class="entry" type="text" maxlength="12" size="10" value="$0.00">
</td>
<td valign="top" align="left"><select class="form-control freq" name="frequency">
<option value="260">Daily</option>
<option value="52">Weekly</option>
<option value="26">Bi-Weekly</option>
<option value="24">Twice Monthly</option>
<option value="12" selected="">Monthly</option>
<option value="4">Quarterly</option>
<option value="1">Annually</option>
<option value="1">One Time</option>
</select></td>
<td valign="top" align="right">$0.00</td>
</tr>
<tr id="Source-2" class="deletable">
<td valign="top" align="left"><img class="cw-delete-row" src="http://www.trainingcheck.com/live/Resources/Buttons/trial/small-delete.gif" alt="Delete"></td>
<td valign="top" align="left">
<input class="editable" type="text" maxlength="40" size="35" value="Jane's Paycheck">
</td>
<td valign="top" align="right">
<input style="text-align:right;" class="entry" type="text" maxlength="12" size="10" value="$0.00">
</td>
<td valign="top" align="left"><select class="form-control freq" name="frequency">
<option value="260">Daily</option>
<option value="52">Weekly</option>
<option value="26">Bi-Weekly</option>
<option value="24">Twice Monthly</option>
<option value="12" selected="">Monthly</option>
<option value="4">Quarterly</option>
<option value="1">Annually</option>
<option value="1">One Time</option>
</select></td>
<td valign="top" align="right">$0.00</td>
</tr>
<tr class="subtotal">
<td colspan="4" class="cw-subtotal last">Budget Period Total</td>
<td align="right" class="cw-subtotal">$0.00</td>
</tr>
</tbody>
</table>

<table border="0" cellspacing="0" cellpadding="0" class="cw-loans">
<tbody><tr>
<td valign="top" align="left" colspan="4" class="head">Loans / Debt</td>
<td valign="top" align="right" class="head"><span class="cw-budget-add">Add Row</span></td>
</tr>
<tr id="Loans-0">
<td valign="top" align="left" colspan="2" class="subhead">Expense</td>
<td valign="top" align="center" colspan="2" class="subhead">Amount / Frequency</td>
<td valign="top" align="right" class="subhead">Amount for Budget Period</td>
</tr>
<tr id="Loans-1" class="deletable">
<td valign="top" align="left"><img class="cw-delete-row" src="http://www.trainingcheck.com/live/Resources/Buttons/trial/small-delete.gif" alt="Delete"></td>
<td valign="top" align="left">
<input class="editable" type="text" maxlength="40" size="35" value="Mortgage / Rent">
</td>
<td valign="top" align="right">
<input style="text-align:right;" class="entry" type="text" maxlength="12" size="10" value="$0.00">
</td>
<td valign="top" align="left">
<select class="form-control freq" name="frequency">
<option value="260">Daily</option>
<option value="52">Weekly</option>
<option value="26">Bi-Weekly</option>
<option value="24">Twice Monthly</option>
<option value="12" selected="">Monthly</option>
<option value="4">Quarterly</option>
<option value="1">Annually</option>
<option value="1">One Time</option>
</select></td>
<td valign="top" align="right">$0.00</td>
</tr>
<tr id="Loans-2" class="deletable">
<td valign="top" align="left"><img class="cw-delete-row" src="http://www.trainingcheck.com/live/Resources/Buttons/trial/small-delete.gif" alt="Delete"></td>
<td valign="top" align="left">
<input class="editable" type="text" maxlength="40" size="35" value="Credit Card">
</td>
<td valign="top" align="right">
<input style="text-align:right;" class="entry" type="text" maxlength="12" size="10" value="$0.00">
</td>
<td valign="top" align="left">
<select class="form-control freq" name="frequency">
<option value="260">Daily</option>
<option value="52">Weekly</option>
<option value="26">Bi-Weekly</option>
<option value="24">Twice Monthly</option>
<option value="12" selected="">Monthly</option>
<option value="4">Quarterly</option>
<option value="1">Annually</option>
<option value="1">One Time</option>
</select></td>
<td valign="top" align="right">$0.00</td>
</tr>
<tr id="Loans-3" class="deletable">
<td valign="top" align="left"><img class="cw-delete-row" src="http://www.trainingcheck.com/live/Resources/Buttons/trial/small-delete.gif" alt="Delete"></td>
<td valign="top" align="left">
<input class="editable" type="text" maxlength="40" size="35" value="Home Equity Loan">
</td>
<td valign="top" align="right">
<input style="text-align:right;" class="entry" type="text" maxlength="12" size="10" value="$0.00">
</td>
<td valign="top" align="left">
<select class="form-control freq" name="frequency">
<option value="260">Daily</option>
<option value="52">Weekly</option>
<option value="26">Bi-Weekly</option>
<option value="24">Twice Monthly</option>
<option value="12" selected="">Monthly</option>
<option value="4">Quarterly</option>
<option value="1">Annually</option>
<option value="1">One Time</option>
</select></td>
<td valign="top" align="right">$0.00</td>
</tr>
<tr id="Loans-4" class="deletable">
<td valign="top" align="left"><img class="cw-delete-row" src="http://www.trainingcheck.com/live/Resources/Buttons/trial/small-delete.gif" alt="Delete"></td>
<td valign="top" align="left">
<input class="editable" type="text" maxlength="40" size="35" value="Car Loan">
</td>
<td valign="top" align="right">
<input style="text-align:right;" class="entry" type="text" maxlength="12" size="10" value="$0.00">
</td>
<td valign="top" align="left">
<select class="form-control freq" name="frequency">
<option value="260">Daily</option>
<option value="52">Weekly</option>
<option value="26">Bi-Weekly</option>
<option value="24">Twice Monthly</option>
<option value="12" selected="">Monthly</option>
<option value="4">Quarterly</option>
<option value="1">Annually</option>
<option value="1">One Time</option>
</select></td>
<td valign="top" align="right">$0.00</td>
</tr>
<tr id="Loans-5" class="deletable">
<td valign="top" align="left"><img class="cw-delete-row" src="http://www.trainingcheck.com/live/Resources/Buttons/trial/small-delete.gif" alt="Delete"></td>
<td valign="top" align="left">
<input class="editable" type="text" maxlength="40" size="35" value="Student Loan">
</td>
<td valign="top" align="right">
<input style="text-align:right;" class="entry" type="text" maxlength="12" size="10" value="$0.00">
</td>
<td valign="top" align="left">
<select class="form-control freq" name="frequency">
<option value="260">Daily</option>
<option value="52">Weekly</option>
<option value="26">Bi-Weekly</option>
<option value="24">Twice Monthly</option>
<option value="12" selected="">Monthly</option>
<option value="4">Quarterly</option>
<option value="1">Annually</option>
<option value="1">One Time</option>
</select></td>
<td valign="top" align="right">$0.00</td>
</tr>
<tr class="subtotal">
<td colspan="4" class="cw-subtotal last">Budget Period Total</td>
<td align="right" class="cw-subtotal">$0.00</td>
</tr>
</tbody></table>

<table border="0" cellspacing="0" cellpadding="0" class="cw-utilities">
<tbody><tr>
<td valign="top" align="left" colspan="4" class="head">Utilities</td>
<td valign="top" align="right" class="head"><span class="cw-budget-add"> Add Row</span></td>
</tr>
<tr id="Utilities-0">
<td valign="top" align="left" colspan="2" class="subhead">Expense</td>
<td valign="top" align="center" colspan="2" class="subhead">Amount / Frequency</td>
<td valign="top" align="right" class="subhead">Amount for Budget Period</td>
</tr>
<tr id="Utilities-1" class="deletable">
<td valign="top" align="left"><img class="cw-delete-row" src="http://www.trainingcheck.com/live/Resources/Buttons/trial/small-delete.gif" alt="Delete"></td>
<td valign="top" align="left">
<input class="editable" type="text" maxlength="40" size="35" value="Gas/Oil">
</td>
<td valign="top" align="right">
<input style="text-align:right;" class="entry" type="text" maxlength="12" size="10" value="$0.00">
</td>
<td valign="top" align="left">
<select class="form-control freq" name="frequency">
<option value="260">Daily</option>
<option value="52">Weekly</option>
<option value="26">Bi-Weekly</option>
<option value="24">Twice Monthly</option>
<option value="12" selected="">Monthly</option>
<option value="4">Quarterly</option>
<option value="1">Annually</option>
<option value="1">One Time</option>
</select></td>
<td valign="top" align="right">$0.00</td>
</tr>
<tr id="Utilities-2" class="deletable">
<td valign="top" align="left"><img class="cw-delete-row" src="http://www.trainingcheck.com/live/Resources/Buttons/trial/small-delete.gif" alt="Delete"></td>
<td valign="top" align="left">
<input class="editable" type="text" maxlength="40" size="35" value="Electricity">
</td>
<td valign="top" align="right">
<input style="text-align:right;" class="entry" type="text" maxlength="12" size="10" value="$0.00">
</td>
<td valign="top" align="left"><select class="form-control freq" name="frequency">
<option value="260">Daily</option>
<option value="52">Weekly</option>
<option value="26">Bi-Weekly</option>
<option value="24">Twice Monthly</option>
<option value="12" selected="">Monthly</option>
<option value="4">Quarterly</option>
<option value="1">Annually</option>
<option value="1">One Time</option>
</select></td>
<td valign="top" align="right">$0.00</td>
</tr>
<tr id="Utilities-3" class="deletable">
<td valign="top" align="left"><img class="cw-delete-row" src="http://www.trainingcheck.com/live/Resources/Buttons/trial/small-delete.gif" alt="Delete"></td>
<td valign="top" align="left">
<input class="editable" type="text" maxlength="40" size="35" value="Telephone">
</td>
<td valign="top" align="right">
<input style="text-align:right;" class="entry" type="text" maxlength="12" size="10" value="$0.00">
</td>
<td valign="top" align="left"><select class="form-control freq" name="frequency">
<option value="260">Daily</option>
<option value="52">Weekly</option>
<option value="26">Bi-Weekly</option>
<option value="24">Twice Monthly</option>
<option value="12" selected="">Monthly</option>
<option value="4">Quarterly</option>
<option value="1">Annually</option>
<option value="1">One Time</option>
</select></td>
<td valign="top" align="right">$0.00</td>
</tr>
<tr id="Utilities-4" class="deletable">
<td valign="top" align="left"><img class="cw-delete-row" src="http://www.trainingcheck.com/live/Resources/Buttons/trial/small-delete.gif" alt="Delete"></td>
<td valign="top" align="left">
<input class="editable" type="text" maxlength="40" size="35" value="Water and Sewer">
</td>
<td valign="top" align="right">
<input style="text-align:right;" class="entry" type="text" maxlength="12" size="10" value="$0.00">
</td>
<td valign="top" align="left"><select class="form-control freq" name="frequency">
<option value="260">Daily</option>
<option value="52">Weekly</option>
<option value="26">Bi-Weekly</option>
<option value="24">Twice Monthly</option>
<option value="12" selected="">Monthly</option>
<option value="4">Quarterly</option>
<option value="1">Annually</option>
<option value="1">One Time</option>
</select></td>
<td valign="top" align="right">$0.00</td>
</tr>
<tr class="subtotal">
<td colspan="4" class="cw-subtotal last">Budget Period Total</td>
<td align="right" class="cw-subtotal">$0.00</td>
</tr>
</tbody></table>

<table border="0" cellspacing="0" cellpadding="0" class="cw-insurance">
<tbody><tr>
<td valign="top" align="left" colspan="4" class="head">Insurance Premiums</td>
<td valign="top" align="right" class="head"><span class="cw-budget-add">Add Row</span></td>
</tr>
<tr id="Insurance-0">
<td valign="top" align="left" colspan="2" class="subhead">Expense</td>
<td valign="top" align="center" colspan="2" class="subhead">Amount / Frequency</td>
<td valign="top" align="right" class="subhead">Amount for Budget Period</td>
</tr>
<tr id="Insurance-1" class="deletable">
<td valign="top" align="left"><img class="cw-delete-row" src="http://www.trainingcheck.com/live/Resources/Buttons/trial/small-delete.gif" alt="Delete"></td>
<td valign="top" align="left">
<input class="editable" type="text" maxlength="40" size="35" value="Life">
</td>
<td valign="top" align="right">
<input style="text-align:right;" class="entry" type="text" maxlength="12" size="10" value="$0.00">
</td>
<td valign="top" align="left"><select class="form-control freq" name="frequency">
<option value="260">Daily</option>
<option value="52">Weekly</option>
<option value="26">Bi-Weekly</option>
<option value="24">Twice Monthly</option>
<option value="12" selected="">Monthly</option>
<option value="4">Quarterly</option>
<option value="1">Annually</option>
<option value="1">One Time</option>
</select></td>
<td valign="top" align="right">$0.00</td>
</tr>
<tr id="Insurance-2" class="deletable">
<td valign="top" align="left"><img class="cw-delete-row" src="http://www.trainingcheck.com/live/Resources/Buttons/trial/small-delete.gif" alt="Delete"></td>
<td valign="top" align="left">
<input class="editable" type="text" maxlength="40" size="35" value="Auto">
</td>
<td valign="top" align="right">
<input style="text-align:right;" class="entry" type="text" maxlength="12" size="10" value="$0.00">
</td>
<td valign="top" align="left"><select class="form-control freq" name="frequency">
<option value="260">Daily</option>
<option value="52">Weekly</option>
<option value="26">Bi-Weekly</option>
<option value="24">Twice Monthly</option>
<option value="12" selected="">Monthly</option>
<option value="4">Quarterly</option>
<option value="1">Annually</option>
<option value="1">One Time</option>
</select></td>
<td valign="top" align="right">$0.00</td>
</tr>
<tr id="Insurance-3" class="deletable">
<td valign="top" align="left"><img class="cw-delete-row" src="http://www.trainingcheck.com/live/Resources/Buttons/trial/small-delete.gif" alt="Delete"></td>
<td valign="top" align="left">
<input class="editable" type="text" maxlength="40" size="35" value="Home">
</td>
<td valign="top" align="right">
<input style="text-align:right;" class="entry" type="text" maxlength="12" size="10" value="$0.00">
</td>
<td valign="top" align="left">
<select class="form-control freq" name="frequency">
<option value="260">Daily</option>
<option value="52">Weekly</option>
<option value="26">Bi-Weekly</option>
<option value="24">Twice Monthly</option>
<option value="12" selected="">Monthly</option>
<option value="4">Quarterly</option>
<option value="1">Annually</option>
<option value="1">One Time</option>
</select></td>
<td valign="top" align="right">$0.00</td>
</tr>
<tr id="Insurance-4" class="deletable">
<td valign="top" align="left"><img class="cw-delete-row" src="http://www.trainingcheck.com/live/Resources/Buttons/trial/small-delete.gif" alt="Delete"></td>
<td valign="top" align="left">
<input class="editable" type="text" maxlength="40" size="35" value="Health">
</td>
<td valign="top" align="right">
<input style="text-align:right;" class="entry" type="text" maxlength="12" size="10" value="$0.00">
</td>
<td valign="top" align="left">
<select class="form-control freq" name="frequency">
<option value="260">Daily</option>
<option value="52">Weekly</option>
<option value="26">Bi-Weekly</option>
<option value="24">Twice Monthly</option>
<option value="12" selected="">Monthly</option>
<option value="4">Quarterly</option>
<option value="1">Annually</option>
<option value="1">One Time</option>
</select></td>
<td valign="top" align="right">$0.00</td>
</tr>
<tr id="Insurance-5" class="deletable">
<td valign="top" align="left"><img class="cw-delete-row" src="http://www.trainingcheck.com/live/Resources/Buttons/trial/small-delete.gif" alt="Delete"></td>
<td valign="top" align="left">
<input class="editable" type="text" maxlength="40" size="35" value="Long Term Care">
</td>
<td valign="top" align="right">
<input style="text-align:right;" class="entry" type="text" maxlength="12" size="10" value="$0.00">
</td>
<td valign="top" align="left">
<select class="form-control freq" name="frequency">
<option value="260">Daily</option>
<option value="52">Weekly</option>
<option value="26">Bi-Weekly</option>
<option value="24">Twice Monthly</option>
<option value="12" selected="">Monthly</option>
<option value="4">Quarterly</option>
<option value="1">Annually</option>
<option value="1">One Time</option>
</select></td>
<td valign="top" align="right">$0.00</td>
</tr>
<tr class="subtotal">
<td colspan="4" class="cw-subtotal last">Budget Period Total</td>
<td align="right" class="cw-subtotal">$0.00</td>
</tr>
</tbody></table>

<table border="0" cellspacing="0" cellpadding="0" class="cw-savings">
<tbody><tr>
<td valign="top" align="left" colspan="4" class="head">Savings and Investments</td>
<td valign="top" align="right" class="head"><span class="cw-budget-add"> Add Row</span></td>
</tr>
<tr id="Savings-0">
<td valign="top" align="left" colspan="2" class="subhead">Expense</td>
<td valign="top" align="center" colspan="2" class="subhead">Amount / Frequency</td>
<td valign="top" align="right" class="subhead">Amount for Budget Period</td>
</tr>
<tr id="Savings-1" class="deletable">
<td valign="top" align="left"><img class="cw-delete-row" src="http://www.trainingcheck.com/live/Resources/Buttons/trial/small-delete.gif" alt="Delete"></td>
<td valign="top" align="left">
<input class="editable" type="text" maxlength="40" size="35" value="Emergency Fund">
</td>
<td valign="top" align="right">
<input style="text-align:right;" class="entry" type="text" maxlength="12" size="10" value="$0.00">
</td>
<td valign="top" align="left">
<select class="form-control freq" name="frequency">
<option value="260">Daily</option>
<option value="52">Weekly</option>
<option value="26">Bi-Weekly</option>
<option value="24">Twice Monthly</option>
<option value="12" selected="">Monthly</option>
<option value="4">Quarterly</option>
<option value="1">Annually</option>
<option value="1">One Time</option>
</select></td>
<td valign="top" align="right">$0.00</td>
</tr>
<tr id="Savings-2" class="deletable">
<td valign="top" align="left"><img class="cw-delete-row" src="http://www.trainingcheck.com/live/Resources/Buttons/trial/small-delete.gif" alt="Delete"></td>
<td valign="top" align="left">
<input class="editable" type="text" maxlength="40" size="35" value="College Savings">
</td>
<td valign="top" align="right">
<input style="text-align:right;" class="entry" type="text" maxlength="12" size="10" value="$0.00">
</td>
<td valign="top" align="left">
<select class="form-control freq" name="frequency">
<option value="260">Daily</option>
<option value="52">Weekly</option>
<option value="26">Bi-Weekly</option>
<option value="24">Twice Monthly</option>
<option value="12" selected="">Monthly</option>
<option value="4">Quarterly</option>
<option value="1">Annually</option>
<option value="1">One Time</option>
</select></td>
<td valign="top" align="right">$0.00</td>
</tr>
<tr id="Savings-3" class="deletable">
<td valign="top" align="left"><img class="cw-delete-row" src="http://www.trainingcheck.com/live/Resources/Buttons/trial/small-delete.gif" alt="Delete"></td>
<td valign="top" align="left">
<input class="editable" type="text" maxlength="40" size="35" value="Retirement (IRA, etc.)">
</td>
<td valign="top" align="right">
<input style="text-align:right;" class="entry" type="text" maxlength="12" size="10" value="$0.00">
</td>
<td valign="top" align="left">
<select class="form-control freq" name="frequency">
<option value="260">Daily</option>
<option value="52">Weekly</option>
<option value="26">Bi-Weekly</option>
<option value="24">Twice Monthly</option>
<option value="12" selected="">Monthly</option>
<option value="4">Quarterly</option>
<option value="1">Annually</option>
<option value="1">One Time</option>
</select></td>
<td valign="top" align="right">$0.00</td>
</tr>
<tr class="subtotal">
<td colspan="4" class="cw-subtotal last">Budget Period Total</td>
<td align="right" class="cw-subtotal">$0.00</td>
</tr>
</tbody></table>

<table border="0" cellspacing="0" cellpadding="0" class="cw-misc">
<tbody><tr>
<td valign="top" align="left" colspan="4" class="head">Miscellaneous</td>
<td valign="top" align="right" class="head"><span class="cw-budget-add">+ Add Row</span></td>
</tr>
<tr id="Misc-0">
<td valign="top" align="left" colspan="2" class="subhead">Expense</td>
<td valign="top" align="center" colspan="2" class="subhead">Amount / Frequency</td>
<td valign="top" align="right" class="subhead">Amount for Budget Period</td>
</tr>
<tr id="Misc-1" class="deletable">
<td valign="top" align="left"><img class="cw-delete-row" src="http://www.trainingcheck.com/live/Resources/Buttons/trial/small-delete.gif" alt="Delete"></td>
<td valign="top" align="left">
<input class="editable" type="text" maxlength="40" size="35" value="Groceries">
</td>
<td valign="top" align="right">
<input style="text-align:right;" class="entry" type="text" maxlength="12" size="10" value="$0.00">
</td>
<td valign="top" align="left">
<select class="form-control freq" name="frequency">
<option value="260">Daily</option>
<option value="52">Weekly</option>
<option value="26">Bi-Weekly</option>
<option value="24">Twice Monthly</option>
<option value="12" selected="">Monthly</option>
<option value="4">Quarterly</option>
<option value="1">Annually</option>
<option value="1">One Time</option>
</select></td>
<td valign="top" align="right">$0.00</td>
</tr>
<tr id="Misc-2" class="deletable">
<td valign="top" align="left"><img class="cw-delete-row" src="http://www.trainingcheck.com/live/Resources/Buttons/trial/small-delete.gif" alt="Delete"></td>
<td valign="top" align="left">
<input class="editable" type="text" maxlength="40" size="35" value="Child Care">
</td>
<td valign="top" align="right">
<input style="text-align:right;" class="entry" type="text" maxlength="12" size="10" value="$0.00">
</td>
<td valign="top" align="left">
<select class="form-control freq" name="frequency">
<option value="260">Daily</option>
<option value="52">Weekly</option>
<option value="26">Bi-Weekly</option>
<option value="24">Twice Monthly</option>
<option value="12" selected="">Monthly</option>
<option value="4">Quarterly</option>
<option value="1">Annually</option>
<option value="1">One Time</option>
</select></td>
<td valign="top" align="right">$0.00</td>
</tr>
<tr id="Misc-3" class="deletable">
<td valign="top" align="left"><img class="cw-delete-row" src="http://www.trainingcheck.com/live/Resources/Buttons/trial/small-delete.gif" alt="Delete"></td>
<td valign="top" align="left">
<input class="editable" type="text" maxlength="40" size="35" value="Vacation">
</td>
<td valign="top" align="right">
<input style="text-align:right;" class="entry" type="text" maxlength="12" size="10" value="$0.00">
</td>
<td valign="top" align="left">
<select class="form-control freq" name="frequency">
<option value="260">Daily</option>
<option value="52">Weekly</option>
<option value="26">Bi-Weekly</option>
<option value="24">Twice Monthly</option>
<option value="12" selected="">Monthly</option>
<option value="4">Quarterly</option>
<option value="1">Annually</option>
<option value="1">One Time</option>
</select></td>
<td valign="top" align="right">$0.00</td>
</tr>
<tr id="Misc-4" class="deletable">
<td valign="top" align="left"><img class="cw-delete-row" src="http://www.trainingcheck.com/live/Resources/Buttons/trial/small-delete.gif" alt="Delete"></td>
<td valign="top" align="left">
<input class="editable" type="text" maxlength="40" size="35" value="Entertainment (movies, dining out, etc.)">
</td>
<td valign="top" align="right">
<input style="text-align:right;" class="entry" type="text" maxlength="12" size="10" value="$0.00">
</td>
<td valign="top" align="left">
<select class="form-control freq" name="frequency">
<option value="260">Daily</option>
<option value="52">Weekly</option>
<option value="26">Bi-Weekly</option>
<option value="24">Twice Monthly</option>
<option value="12" selected="">Monthly</option>
<option value="4">Quarterly</option>
<option value="1">Annually</option>
<option value="1">One Time</option>
</select></td>
<td valign="top" align="right">$0.00</td>
</tr>
<tr id="Misc-5" class="deletable">
<td valign="top" align="left"><img class="cw-delete-row" src="http://www.trainingcheck.com/live/Resources/Buttons/trial/small-delete.gif" alt="Delete"></td>
<td valign="top" align="left">
<input class="editable" type="text" maxlength="40" size="35" value="Clothing">
</td>
<td valign="top" align="right">
<input style="text-align:right;" class="entry" type="text" maxlength="12" size="10" value="$0.00">
</td>
<td valign="top" align="left">
<select class="form-control freq" name="frequency">
<option value="260">Daily</option>
<option value="52">Weekly</option>
<option value="26">Bi-Weekly</option>
<option value="24">Twice Monthly</option>
<option value="12" selected="">Monthly</option>
<option value="4">Quarterly</option>
<option value="1">Annually</option>
<option value="1">One Time</option>
</select></td>
<td valign="top" align="right">$0.00</td>
</tr>
<tr id="Misc-6" class="deletable">
<td valign="top" align="left"><img class="cw-delete-row" src="http://www.trainingcheck.com/live/Resources/Buttons/trial/small-delete.gif" alt="Delete"></td>
<td valign="top" align="left">
<input class="editable" type="text" maxlength="40" size="35" value="Gas (automobile)">
</td>
<td valign="top" align="right">
<input style="text-align:right;" class="entry" type="text" maxlength="12" size="10" value="$0.00">
</td>
<td valign="top" align="left">
<select class="form-control freq" name="frequency">
<option value="260">Daily</option>
<option value="52">Weekly</option>
<option value="26">Bi-Weekly</option>
<option value="24">Twice Monthly</option>
<option value="12" selected="">Monthly</option>
<option value="4">Quarterly</option>
<option value="1">Annually</option>
<option value="1">One Time</option>
</select></td>
<td valign="top" align="right">$0.00</td>
</tr>
<tr id="Misc-7" class="deletable">
<td valign="top" align="left"><img class="cw-delete-row" src="http://www.trainingcheck.com/live/Resources/Buttons/trial/small-delete.gif" alt="Delete"></td>
<td valign="top" align="left">
<input class="editable" type="text" maxlength="40" size="35" value="Commuting (parking, etc.)">
</td>
<td valign="top" align="right">
<input style="text-align:right;" class="entry" type="text" maxlength="12" size="10" value="$0.00">
</td>
<td valign="top" align="left">
<select class="form-control freq" name="frequency">
<option value="260">Daily</option>
<option value="52">Weekly</option>
<option value="26">Bi-Weekly</option>
<option value="24">Twice Monthly</option>
<option value="12" selected="">Monthly</option>
<option value="4">Quarterly</option>
<option value="1">Annually</option>
<option value="1">One Time</option>
</select></td>
<td valign="top" align="right">$0.00</td>
</tr>
<tr id="Misc-8" class="deletable">
<td valign="top" align="left"><img class="cw-delete-row" src="http://www.trainingcheck.com/live/Resources/Buttons/trial/small-delete.gif" alt="Delete"></td>
<td valign="top" align="left">
<input class="editable" type="text" maxlength="40" size="35" value="Charitable Contributions">
</td>
<td valign="top" align="right">
<input style="text-align:right;" class="entry" type="text" maxlength="12" size="10" value="$0.00">
</td>
<td valign="top" align="left">
<select class="form-control freq" name="frequency">
<option value="260">Daily</option>
<option value="52">Weekly</option>
<option value="26">Bi-Weekly</option>
<option value="24">Twice Monthly</option>
<option value="12" selected="">Monthly</option>
<option value="4">Quarterly</option>
<option value="1">Annually</option>
<option value="1">One Time</option>
</select></td>
<td valign="top" align="right">$0.00</td>
</tr>
<tr id="Misc-9" class="deletable">
<td valign="top" align="left"><img class="cw-delete-row" src="http://www.trainingcheck.com/live/Resources/Buttons/trial/small-delete.gif" alt="Delete"></td>
<td valign="top" align="left">
<input class="editable" type="text" maxlength="40" size="35" value="Out-of-Pocket Medical Expenses">
</td>
<td valign="top" align="right">
<input style="text-align:right;" class="entry" type="text" maxlength="12" size="10" value="$0.00">
</td>
<td valign="top" align="left">
<select class="form-control freq" name="frequency">
<option value="260">Daily</option>
<option value="52">Weekly</option>
<option value="26">Bi-Weekly</option>
<option value="24">Twice Monthly</option>
<option value="12" selected="">Monthly</option>
<option value="4">Quarterly</option>
<option value="1">Annually</option>
<option value="1">One Time</option>
</select></td>
<td valign="top" align="right">$0.00</td>
</tr>
<tr class="subtotal">
<td colspan="4" class="cw-subtotal last">Budget Period Total</td>
<td align="right" class="cw-subtotal">$0.00</td>
</tr>
</tbody></table>

<table border="0" cellspacing="0" cellpadding="0" class="cw-results">
<tbody>
<tr>
<td align="left" valign="top">Total Income</td>
<td align="right" valign="top">$0.00</td>
</tr>
<tr style="border-bottom: 1px solid #fff; border-top: 1px solid #fff;">
<td align="left" valign="top">Total Expenses</td>
<td align="right" valign="top">$0.00</td>
</tr>
<tr>
<td align="left" valign="top">Income Minus Expenses</td>
<td align="right" valign="top">$0.00</td>
</tr>
</tbody></table>
<p><input type="submit" name="submit" value="Download" style="margin-right: 10px;">
<input id="clickClear" type="reset" name="clear" value="Clear">
</p><form id="exportform" action="download_csv.php" method="post" target="_blank">
<input type="hidden" id="csvdata" name="exportdata">
</form>
<!--end cw-budget-worksheet -->
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){
$("#cw-budget-worksheet").on("click","span.cw-budget-add",(function(){
var index1 = 0;
var id_part = '';
var td1 = '';
var td2 = '';
var td3 = '';
var td4 = '';
var td5 = '';
var select = '';
var last_id = '';
var container_id = '';
container_id = $(this).closest('table').attr('class');
last_id = $('.'+container_id+' tr:last').prev('tr').attr('id'); //tr.deletable:last
id_part = last_id.split('-')[0];
index1 = last_id.split('-')[1];
//alert("This is the id "+id_part);
index1++;
select = '<select class="form-control freq" name="frequency"+index1> <option value="260"> Daily </option> <option value="52">Weekly</option><option value="26">Bi-Weekly</option><option value="24">Twice Monthly</option><option value="12">Monthly</option><option value="4">Quarterly</option><option value="1">Annually</option><option value="1">OneTime</option></select>';
td1 = '<td valign="top" align="left"><img class="cw-delete-row" src="http://www.trainingcheck.com/live/Resources/Buttons/trial/small-delete.gif"/></td>';
td2 = '<td valign="top" align="left"><input class="editable" style="border:0;" type="text" maxlength="40" size="35" value=+id_part+ +index1+/></td>';
td3 = '<td valign="top" align="right"><input style="text-align:right;" class="entry" type="text" maxlength="10" size="10" value="$0.00"/></td>';
td4 = '<td valign="top" align="left">+select+</td>';
td5 = <'td valign="top" align="right">$0.00</td>';
$('<tr id="'+id_part+'-'+index1+'" class="deletable">'+td1+td2+td3+td4+td5+'</tr>').insertAfter("#"+last_id);
}));

$("#cw-budget-worksheet").on("click","img.cw-delete-row",(function(){
container_id = $(this).closest('tr').attr('id');
$("#"+container_id).remove();
var tbl_id = $(this).closest('table').attr('class');
var subtotal = 0;
$('.' +tbl_id+ ' tr.deletable').each(function() {//.not(':last')
subtotal = Math.round(((Math.round(($(this).find("td:last").html().replace(/[^0-9.]/g,"") )*100)/100 )+ subtotal) *100)/100;
});
//alert("subtotal is: "+subtotal);
$('.'+tbl_id+' tr.subtotal td:last').text("$"+subtotal);
}));

$("#cw-budget-worksheet").on("blur","input.editable",(function(){
//$(this).prev("label").hide();
$(this).removeAttr("style");
$(this).attr("style","background:transparent;border:0px;");
}));

$("#cw-budget-worksheet").on("blur","input.entry",(function(){
var trid = $(this).closest('tr').attr('id');
var entry = parseFloat($('#'+trid+' input.entry').val().replace(/[^0-9.]/g,""));
var freq = parseInt($("#"+trid+" select").val());
var total = Math.round((freq*entry)*100)/100;
var period = parseInt($("select[name='period']").val());
total = Math.round(((total * period) / 12)*100)/100 ;
//alert("Select Value is: "+freq+" current tr is: "+trid+" current entry is: "+entry);//+" Entry is = "+entry);
entry = Math.round(entry*100)/100;
$('#'+trid+' input.entry').val("$"+entry);
$('#'+trid+' td:last').text("$"+total);

var tbl_id = $(this).closest('table').attr('class');
var subtotal = 0;
$('.'+tbl_id+' tr.deletable').each(function() {//.not(':last')
subtotal = Math.round(((Math.round(($(this).find("td:last").html().replace(/[^0-9.]/g,"") )*100)/100 )+ subtotal) *100)/100 ;
});
//alert("subtotal is: "+subtotal);
$('.'+tbl_id+' tr.subtotal td:last').text("$"+subtotal);

update_total();

}));

$("#cw-budget-worksheet").on("change","select.freq",(function(){
var freq = parseInt($(this).val());
var trid = $(this).closest('tr').attr('id');
var entry = parseFloat($('#'+trid+' input.entry').val().replace(/[^0-9.]/g,""));
//alert("Select Value is: "+freq+" current tr is: "+trid+" current entry is: "+entry);//+" Entry is = "+entry);
var total = Math.round((freq*entry)*100)/100;
var period = parseInt($("select[name='period']").val());
total = Math.round(((total * period) / 12)*100)/100 ;
$('#'+trid+' td:last').text("$"+total);

var tbl_id = $(this).closest('table').attr('class');
var subtotal = 0;
$('.'+tbl_id+' tr.deletable').each(function() {//.not(':last')
subtotal = Math.round(((Math.round(($(this).find("td:last").html().replace(/[^0-9.]/g,"") )*100)/100 )+ subtotal) *100)/100 ;
});
$('.'+tbl_id+' tr.subtotal td:last').text("$"+subtotal);
update_total();
}));
$("#cw-budget-worksheet").on("change","select[name='period']",(function(){
var period = parseInt($(this).val());
var count = 1;
var income_t = 0;
var expense_t = 0;
var grand_t = 0;
$("#cw-budget-worksheet table").each(function() {
var tbl_id = $(this).attr('class');
var subtotal = 0;
$('.'+tbl_id+' tr.deletable').each(function() {//.not(':last')
var trid = $(this).attr('id');
var freq = parseInt($("#"+trid+" select").val());
var entry = parseFloat($('#'+trid+' input.entry').val().replace(/[^0-9.]/g,""));
var total = Math.round((freq*entry)*100)/100;
total = Math.round(((total * period) / 12)*100)/100 ;
$('#'+trid+' td:last').text("$"+total);

subtotal = Math.round(((Math.round(($(this).find("td:last").html().replace(/[^0-9.]/g,"") )*100)/100 )+ subtotal) *100)/100 ;
});
//alert("subtotal is: "+subtotal);
$('.'+tbl_id+' tr.subtotal td:last').text("$"+subtotal);
if(count == 1){
income_t = subtotal;
}else{
expense_t += subtotal;
}
count++;
});
grand_t = Math.round((income_t - expense_t)*100)/100 ;
$('.cw-results tr:nth-child(1) td:last').text("$"+income_t);
$('.cw-results tr:nth-child(2) td:last').text("$"+expense_t);
$('.cw-results tr:nth-child(3) td:last').text("$"+grand_t);
}));
$("#cw-budget-worksheet").on("click","input[name='submit']",(function(){
var tbl_data = '';//$('#cw-budget-worksheet').html();
var period = $("select[name='period'] option:selected").text();
tbl_data = "Household Budget Worksheet\n\nBudget Period "+period+"\n\n";

$("#cw-budget-worksheet table").each(function() {
//alert("table class "+$(this).attr("class"));
var tbl = $(this).attr("class");
$('tr',this).each(function() {//.not(':last')

//alert("row class "+$(this).attr("class"));
if(tbl == "cw-results"){
$('td',this).each(function() {
tbl_data += $(this).text()+",,,";
});
}else{
if($(this).attr("class") == "deletable"){

//tbl_data += "x,";
var input = $(this).find("input.editable").val().replace(/,/g,"");
tbl_data += input+",";
tbl_data += $(this).find("input.entry").val()+",";
tbl_data += $(this).find(".freq option:selected").text()+",";
tbl_data += $(this).find("td:nth-child(5)").text()+",";
//alert("processing class del.."+data);
}else{
if($(this).attr("class") == "subtotal"){
$('td',this).each(function() {
tbl_data += $(this).text()+",,,";
});
}else{

if($(this).index() === 0){
tbl_data += $(this).find("td:nth-child(1)").text()+",,,,";
//tbl_data += $(this).find("td:nth-child(2)").text()+",";
}else if($(this).index() == 1){
tbl_data += $(this).find("td:nth-child(1)").text()+",";
var column_amt = $.trim($(this).find("td:nth-child(2)").text().split('/')[0]);
var column_freq = $.trim($(this).find("td:nth-child(2)").text().split('/')[1]);
tbl_data += column_amt+",";
tbl_data += column_freq+",";
tbl_data += $(this).find("td:nth-child(3)").text()+"\n";
}
}
}
}

tbl_data += "\n";
});
tbl_data += "\n\n";
});

$("#csvdata").val(tbl_data);
$("#exportform").submit();

//window.open('data:application/vnd.ms-excel,' + $('#cw-budget-worksheet').html());
// window.open('data:application/vnd.ms-excel,' + encodeURIComponent(('#cw-budget-worksheet').html()));

}));
$("#cw-budget-worksheet").on("click","#clickClear",(function(){
$("#cw-budget-worksheet table").each(function() {
var tbl_id = $(this).attr('class');
$('.'+tbl_id+' tr.deletable').each(function() {
var trid = $(this).attr('id');
$('#'+trid+' input.entry').val("$0.00");
$('#'+trid+' td:last').text("$0.00");
$("#"+trid+" select").val(12);
});
//alert("subtotal is: "+subtotal);
$('.'+tbl_id+' tr.subtotal td:last').text("$0.00");
});
$('.cw-results tr:nth-child(1) td:last').text("$0.00");
$('.cw-results tr:nth-child(2) td:last').text("$0.00");
$('.cw-results tr:nth-child(3) td:last').text("$0.00");
}));

function update_total(){
var count = 1;
var income_t = 0;
var expense_t = 0;
var grand_t = 0;
$("#cw-budget-worksheet table").each(function() {
var tbl_id = $(this).attr('class');
if(tbl_id != "cw-results"){
var total_sub = 0;
total_sub = parseFloat($('.'+tbl_id+' tr.subtotal td:last').html().replace(/[^0-9.]/g,""));

if(count == 1){
income_t = total_sub;

}else{
expense_t += total_sub;

}
count++;
}
});
grand_t = Math.round((income_t - expense_t)*100)/100 ;
if(grand_t < 0){
$('.cw-results tr:nth-child(3) td:last').attr("style","color: red;");
}
$('.cw-results tr:nth-child(1) td:last').text("$"+income_t);
$('.cw-results tr:nth-child(2) td:last').text("$"+expense_t);

$('.cw-results tr:nth-child(3) td:last').text("$"+grand_t);
}
});
</script>
</body>
--------------------


Thanks for the help

View » | Reply »

]]>
Fri, 12 May 2017 05:19:14 GMT http://www.elated.com/forums/topic/6311#post26583
[Authoring and Programming] Help with evenodd number calculator http://www.elated.com/forums/topic/6310/#post26582 From: helisevseen


I have been trying to make it, but for now it always says "Odd number.", even when I enter the even number.
It is here:
http://koolitus2017.ikt.khk.ee/karl-gustav/6.05/6.05.html

View » | Reply »

]]>
Thu, 11 May 2017 17:55:13 GMT http://www.elated.com/forums/topic/6310#post26582
Re: [Webmasters' Lounge] java script help http://www.elated.com/forums/topic/6308/#post26581 From: chrishirst


Do NOT cross post your question.


http://www.elated.com/forums/topic/6309/

[Edited by chrishirst on 11-May-17 08:26]

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Thu, 11 May 2017 13:26:04 GMT http://www.elated.com/forums/topic/6308#post26581
Re: [Authoring and Programming] java script redirect help http://www.elated.com/forums/topic/6309/#post26580 From: chrishirst


Instead of trying to produce 'fake' visits to get raudulent affiliate payments while equally pissing off real possible buyers.

Just redirect ONCE.

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Thu, 11 May 2017 13:23:26 GMT http://www.elated.com/forums/topic/6309#post26580
[Authoring and Programming] java script redirect help http://www.elated.com/forums/topic/6309/#post26579 From: baselinez


site1=http://fashionbeautycollections.blogspot.ca/p/blog-page_29.html
this is the redirect script i placed in top html of site1 "<meta http-equiv="refresh" content="5; URL='http://discountedhealthbeautysupply.blogspot.ca/2017/03/hottest-men-collection_53.html",
for the websie to redirect to site2="http://discountedhealthbeautysupply.blogspot.ca/2017/03/hottest-men-collection_53.htm"l in 5 seconds !
site2 -http://discountedhealthbeautysupply.blogspot.ca/2017/03/hottest-men-collection_53.html also have a redirect script=<meta http-equiv="refresh" content="10; URL='https://api.shopstyle.com/action/apiVisitRetailer?id=631432152&amp;pid=uid25-39301995-23"
so when site 1 redirect into site 2 after 5 seconds site 2 will also redirect to this retail site'https://api.shopstyle.com/action/apiVisitRetailer?id=631432152&amp;pid=uid25-39301995-23", after 10 seconds, my question is what additional filter script can i place in this site 2 html that the redirect script that send site 2 to the retail website, "https://api.shopstyle.com/action/apiVisitRetailer?id=631432152&amp;pid=uid25-39301995-23", will only activate only when site 2 opened up when site 1 redirects into it, if someone would load site 2 other tan the redirect action of site 1 , the script in site two will not initiate redirect action!!

View » | Reply »

]]>
Thu, 11 May 2017 02:02:24 GMT http://www.elated.com/forums/topic/6309#post26579
[Webmasters' Lounge] java script help http://www.elated.com/forums/topic/6308/#post26578 From: baselinez


site1=http://fashionbeautycollections.blogspot.ca/p/blog-page_29.html
this is the redirect script i placed in top html of site1 "<meta http-equiv="refresh" content="5; URL='http://discountedhealthbeautysupply.blogspot.ca/2017/03/hottest-men-collection_53.html",
for the websie to redirect to site2="http://discountedhealthbeautysupply.blogspot.ca/2017/03/hottest-men-collection_53.htm"l in 5 seconds !
site2 -http://discountedhealthbeautysupply.blogspot.ca/2017/03/hottest-men-collection_53.html also have a redirect script=<meta http-equiv="refresh" content="10; URL='https://api.shopstyle.com/action/apiVisitRetailer?id=631432152&amp;pid=uid25-39301995-23"
so when site 1 redirect into site 2 after 5 seconds site 2 will also redirect to this retail site'https://api.shopstyle.com/action/apiVisitRetailer?id=631432152&amp;pid=uid25-39301995-23", after 10 seconds, my question is what additional filter script can i place in this site 2 html that the redirect script that send site 2 to the retail website, "https://api.shopstyle.com/action/apiVisitRetailer?id=631432152&amp;pid=uid25-39301995-23", will only activate only when site 2 opened up when site 1 redirects into it, if someone would load site 2 other tan the redirect action of site 1 , the script in site two will not initiate redirect action!!

View » | Reply »

]]>
Thu, 11 May 2017 02:01:23 GMT http://www.elated.com/forums/topic/6308#post26578
[Webmasters' Lounge] Audio player track list dont scroll on Smartphone but works well on PC http://www.elated.com/forums/topic/6307/#post26577 From: kuremo


Hello everyone !
In my blog there is a music player with control buttons and below a list of titles to play by clicking on each of them.
It works well on PC, but on smartphone when I hover and touch on the list of titles the scroll bar hangs ...

I have isolated the part that is causing me problem on the page below so that you can take a look.
I hid all the player buttons in a black block and the list of titles is underneath.
With the developer mode of your browser you will find that when you change the device from pc to smartphone device and you reload your page, the scroll on the playlist don't react anymore...

https://resolvemycode.blogspot.jp/?m=1

In first time i had problem on two pc and smartphone, but after deactivating a 'value.preventDefault ();' On a 'btarget.mousewheel [/ b]' at line 979 the problem was solved on PC but not on Smartphone (Aquos and Experia) ...



Code:
--------------------
/*
target.mousewheel(function(value, text, dataAndEvents, deepDataAndEvents) {
value.preventDefault();
value = el.slider("value");
if (1 < parseInt(value) && -1 == parseInt(text) || 100 > parseInt(value) && 1 == parseInt(text)) {
value += text;
el.slider("value", value);
callback(value, data, options, thumbsHolder_Thumb, el, node);
}
});
*/
--------------------


If someone has any ideas...

Thank you
Kuremo

View » | Reply »

]]>
Tue, 09 May 2017 17:20:53 GMT http://www.elated.com/forums/topic/6307#post26577
Re: [Graphics and Design] Editing Paths in Photoshop http://www.elated.com/forums/topic/4633/#post26571 From: chrishirst


"Without Photoshop can I Editing path, like: GIMP?"

I have no idea what that sentence even means.

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Sat, 06 May 2017 21:23:05 GMT http://www.elated.com/forums/topic/4633#post26571
Re: [Graphics and Design] Editing Paths in Photoshop http://www.elated.com/forums/topic/4633/#post26570 From: salita


Without Photoshop can I Editing path, like: GIMP?

--
Im an experienced Graphic Designer, but I wouldnt call myself an expert one. The world is full of new things, new techniques, new technologies and tools.

View » | Reply »

]]>
Sat, 06 May 2017 06:50:35 GMT http://www.elated.com/forums/topic/4633#post26570
Re: [Authoring and Programming] Help creating an info box http://www.elated.com/forums/topic/6305/#post26569 From: chrishirst


Define "not working correctly".

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Fri, 05 May 2017 00:46:12 GMT http://www.elated.com/forums/topic/6305#post26569
[Authoring and Programming] Help with zooming and deblurring http://www.elated.com/forums/topic/6306/#post26568 From: Helix


Hi

I'm new to HTML and I'm struggling quite a bit in trying to combine two effects I need for a part of my website.

Users should see an image that is completely blurred out, except for a small area where the mouse cursor is located. On top of that, I would want that particular area to be zoomed in.

I found code that could get me started with both techniques separately, but now I have no idea how to make them work together.

These are the links to the effects I'm talking about:

http://jsfiddle.net/4WP2C/19/ (only where the cursor is located, is the image deblurred)

http://thecodeplayer.com/walkthrough/magnifying-glass-for-images-using-jquery-and-css3 (only where the cursor is located, is the image zoomed in on)

Thanks in advance
Helix

View » | Reply »

]]>
Thu, 04 May 2017 15:37:09 GMT http://www.elated.com/forums/topic/6306#post26568
[Authoring and Programming] Help creating an info box http://www.elated.com/forums/topic/6305/#post26567 From: kdaugherty


I don't know what I am doing wrong with my code but it is not working correctly...



Code:
--------------------
<!DOCTYPE html>
<html>
<link rel="stylesheet" type="text/css" href="http://content-static.lansingstatejournal.com/Freep/css/style.css"/>
<title> Support Journalism </title>
<div class="linkset-list">
<div class="linkset-container">
<h2> Support our <br> Journalism<br> </h2>
<div>Become a Lansing State Journal subscriber today to support stories like this one. <a href="http://offers.lansingstatejournal.com/specialoffer" target="_blank">Get unlimited digital access</a> for only $19.99 a year.</div>
</div>
</div>
</html>


--------------------


View » | Reply »

]]>
Thu, 04 May 2017 14:57:44 GMT http://www.elated.com/forums/topic/6305#post26567
[Authoring and Programming] Help with a bookblock template http://www.elated.com/forums/topic/6302/#post26561 From: socozima


Hi everyone.
I am working with an old template for a full page bookblock site. The current template creates a book flip effect across 100% of the page, with a navigation pane that slides in from the left. What I am trying to do is leave the site exactly as is for mobile devices, but for desktops I would like the navigation pane to be static and constant on the left instead of hidden, and the bookblock page flip to take up the remainder of the page instead of 100%.
I am usually pretty good at reverse engineering things like this, but this one has me stumped. Every change I make to convert it to a permanent left nav sidebar seems to break the effect. Any help would be appreciated.
The full free source code I started with is available at:
http://tympanus.net/Tutorials/FullscreenBookBlock/FullscreenBookBlock.zip
or see the demo online at:
https://tympanus.net/Tutorials/FullscreenBookBlock/

View » | Reply »

]]>
Wed, 03 May 2017 04:58:32 GMT http://www.elated.com/forums/topic/6302#post26561
Re: [Authoring and Programming] download link http://www.elated.com/forums/topic/6301/#post26560 From: chrishirst


use server side code to set the content-disposition header of the download

https://www.w3.org/Protocols/rfc2616/rfc2616-sec19.html

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Tue, 02 May 2017 22:38:21 GMT http://www.elated.com/forums/topic/6301#post26560
Re: [Authoring and Programming] download link http://www.elated.com/forums/topic/6301/#post26559 From: masterinex


so the download link is not supported by google chrome ? so how do i make a download link for google chrome ?

--
masterinex

View » | Reply »

]]>
Tue, 02 May 2017 18:18:31 GMT http://www.elated.com/forums/topic/6301#post26559
Re: [Authoring and Programming] need help with javascript tabs http://www.elated.com/forums/topic/6299/#post26558 From: ianhaney


I noticed because I was clicking the links in the nav menu and the #tags were changing but the tabs was not

I'll look at using media queries

Could you help me with issue 2 and 4 please?

View » | Reply »

]]>
Tue, 02 May 2017 18:01:09 GMT http://www.elated.com/forums/topic/6299#post26558
Re: [Authoring and Programming] need help with javascript tabs http://www.elated.com/forums/topic/6299/#post26557 From: chrishirst


"i I noticed the second link onwards don't work and open up the tab content,"

How can you tell when the last 'tabs' all have EXACTLY the same content?

"issue 3) how do I make it responsive as it goes messy when make the screen smaller"

use media queries.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp

https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Tue, 02 May 2017 17:20:19 GMT http://www.elated.com/forums/topic/6299#post26557
Re: [Authoring and Programming] download link http://www.elated.com/forums/topic/6301/#post26556 From: chrishirst


You cannot make a anchor element be a 'download link' for a known MIME type that a browser would normally handle UNTIL ALL browsers support the HTML5 "download' attribute.

Plus; the download attribute goes IN THE anchor element open tag NOT as the anchor text.

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Tue, 02 May 2017 17:00:56 GMT http://www.elated.com/forums/topic/6301#post26556
[Authoring and Programming] download link http://www.elated.com/forums/topic/6301/#post26555 From: masterinex


i am trying to design a website which will give a download link to download a picture , but it is not working. This is my html file:


Code:
--------------------

<!DOCTYPE html>

<html>

<head>


<meta charset = "UTF-8">

<title> my first website</title>
</head>


<body>

<h1> my first website</h1>
<p> my name is Kang and I love Web Design </p>
<h2> This class is great! </h2>

<p><b> this is bold text</b> </p>


<h3>Spectacular Mountain</h3>



<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>

<a href="/images/garden.jpg">download

</a>

</body>

</html>
--------------------



it is similar to the code here:


Code:
--------------------
<!DOCTYPE html>
<html>
<body>

<p>Click on the w3schools logo to download the image:<p>

<a href="/images/myw3schoolsimage.jpg" download>
<img border="0" src="/images/myw3schoolsimage.jpg" alt="W3Schools" width="104" height="142">
</a>

<p><b>Note:</b> The download attribute is not supported in Edge version 12, IE, Safari or Opera version 12 (and earlier).</p>

</body>
</html>

https://www.w3schools.com/TAgs/tryit.asp?filename=tryhtml5_a_download

--------------------


[Edited by chrishirst on 02-May-17 12:02]

--
masterinex

View » | Reply »

]]>
Tue, 02 May 2017 16:38:18 GMT http://www.elated.com/forums/topic/6301#post26555
[Authoring and Programming] need help with javascript tabs http://www.elated.com/forums/topic/6299/#post26551 From: ianhaney


Hi

I need bit of help with javascript tabs from the following link: http://www.elated.com/articles/javascript-tabs/

issue 1) On the home condition surveys page itself here https://www.broadwaymediadesigns.co.uk/sites/kmsurveys/home-condition-surveys.php, I noticed the second link onwards don't work and open up the tab content, it works for the first link and it works if on the home page or any other page

issue 2) say for example I am on this link - https://www.broadwaymediadesigns.co.uk/sites/kmsurveys/home-condition-surveys.php#homebuyereports, I start clicking the other tabs, is there a way to have the #part change as well when clicking the other tab headings

issue 3) how do I make it responsive as it goes messy when make the screen smaller

issue 4) Last issue, is there a way to make the page stay at the top as it currently jumps to the content half way down the page so can't see the header, I found the post about it here http://www.elated.com/forums/topic/4717/#post19332 but I couldn't get it to work

Thank you in advance

View » | Reply »

]]>
Mon, 01 May 2017 17:53:10 GMT http://www.elated.com/forums/topic/6299#post26551
Re: [Authoring and Programming] JavaScript Tabs - Create Tabbed Web Pages Easily http://www.elated.com/forums/topic/4717/#post26550 From: ianhaney


See post at http://www.elated.com/forums/topic/6299/

[Edited by chrishirst on 02-May-17 12:22]

View » | Reply »

]]>
Mon, 01 May 2017 09:28:37 GMT http://www.elated.com/forums/topic/4717#post26550
Re: [Authoring and Programming] JavaScript Tabs - Create Tabbed Web Pages Easily http://www.elated.com/forums/topic/4717/#post26549 From: chrishirst


" it opens the tab content on the php page I have the tabs and it's content on, the url is "

READ the whole thread ... There at least three posts explaining this.

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Sun, 30 Apr 2017 19:55:46 GMT http://www.elated.com/forums/topic/4717#post26549
Re: [Authoring and Programming] JavaScript Tabs - Create Tabbed Web Pages Easily http://www.elated.com/forums/topic/4717/#post26548 From: ianhaney


Hi

I am using the script in a website I am building and am just wondering how do I put a link to the tabbed content in my nav menu in my includes/header.php so when a user clicks on a link in the nav menu, it opens the tab content on the php page I have the tabs and it's content on, the url is https://www.broadwaymediadesigns.co.uk/sites/kmsurveys/home-condition-surveys.php

The links are in the dropdown of the main heading Surveys

Thank you in advance

View » | Reply »

]]>
Sun, 30 Apr 2017 18:14:29 GMT http://www.elated.com/forums/topic/4717#post26548
Re: [Authoring and Programming] show & hide effect http://www.elated.com/forums/topic/6297/#post26546 From: chrishirst


https://www.w3schools.com/howto/howto_js_toggle_hide_show.asp

https://css-tricks.com/snippets/javascript/showhide-element/

https://perishablepress.com/toggle-element-visibility-via-javascript/

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Wed, 26 Apr 2017 22:43:30 GMT http://www.elated.com/forums/topic/6297#post26546
Re: [Authoring and Programming] show & hide effect http://www.elated.com/forums/topic/6297/#post26545 From: kryskanamatyska


ok, so is there any other solution you would recommend me to obtain what I want? thanks

View » | Reply »

]]>
Wed, 26 Apr 2017 05:54:55 GMT http://www.elated.com/forums/topic/6297#post26545
Re: [Authoring and Programming] show & hide effect http://www.elated.com/forums/topic/6297/#post26544 From: chrishirst


That is nothing AT ALL to do with toggling the visibility of content.

That example is for demonstrating the use of the viewport meta element for "responsive design", so the document content will 'adjust' for different screen screen sizes on [mobile] devices.

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Tue, 25 Apr 2017 12:05:16 GMT http://www.elated.com/forums/topic/6297#post26544