Known Participant

Answered

HTML template for non-coders

Forum|Forum|8 years ago
April 10, 2017
3 replies
1568 views

I want to build the template that allows my team of non-coders to create title and a numbered list without my team having to go into the HTML code. My vision is a form that they can enter a title and then step by step instructions (the numbered list). This could be submitted and the title would populate the <h1> tag and the other inputs the <li> tags of the list. The page could then be saved and where I could remove the <form> and the page could be uploaded to our local server.

This topic has been closed for replies.

Correct answer Nancy OShea

I am not talking about a custom content management system. I'm talking about users being able to add a title and steps on an html page. Let me use a visual:

Rather than having them sort through this, just to change the area in bold:

<!DOCTYPE html>

<html>

<head>

<title>Blue Harvest - Job Aid</title>

// Picture element HTML5 shiv

document.createElement( "picture" );

</script>

<!--[if lt IE 9]>

<![endif]-->

</head>

<body>

<p>

<h2>Managers</h2>

<ul><a href="capEx.html">Captured Exercise</a></ul></p>

<h2>Employees</h2>

<ul><a href="punches.html">Punching In and Out job aid</a></ul>

</nav>

<h3>Punching In</h3>

<ol>

<li>Access the <strong>Navigator Framework_wfc</strong> logon page.</li>

<li>Log in using your credentials.</li>

<li>Access the <strong>My Timecard</strong> widget.</li>

<li>Double-click an empty In cell.</li>

<li>Enter the time you began working, and then press <strong>Enter</strong>.</li>

<li>Click <strong>Save</strong>.</li>

</ol>

<h4>Punching Out</h4>

<ol>

<li>Accesss the <strong>My Timecard</strong> widget.</li>

<li>Double-click an <strong>Out</strong> cell for a day that has a populated <strong>In</strong> cell.</li>

<li>Enter the time you ended work, and then press <strong>Enter</strong>.</li>

<li>Click <strong>Save</strong>.</li>

</ol>

<div>

</div>

</div>

</body>

</html>

I want to create something like this to get the input and place it in those tags:

If it can't be done, then I will find a different solution. But it seems like I can use javascript to get the input and populate the tags.

Thanks,

JS is client side only. You can make a form that takes input field data and inserts it in another part of the same page. But then what? Refresh your browser and poof, the data is gone.

If you want the data to permanently populate to a page everyone can see, you would need server-side scripts and databases.

quiclee1

Participant

hello,

If you are looking HTML or html5 templates, I have got more free html5 templates. These templates are really helpful for non-coder.

K

kennetht72107201Author

Known Participant

The point of this forum, I thought, was to get help and advice...not get sales pitches from people trying to make $$$. Please don't solicit the threads!

K

kennetht72107201Author

Known Participant

Thanks for the link. This isn't to edit articles or documents. It's to create html pages that are pushed to a web app. So, my team (which isn't versed in HTML) needs to be able to add the title and steps for the instruction on the HTML page. I need a method that they can use to do this and also without a third party tool. I have and use Dreamweaver. I may investigate dynamic innerHTML.

Nancy OShea

Community Expert

What you're describing is a custom content management system. The backend admin area contains a secure log-in and data entry form for adding new content (title and lists) to the MySQL database. In turn the database content gets pushed into a details.php page by the web server.

Nancy

Nancy O'Shea— Product User & Community Expert

K

kennetht72107201Author

Known Participant

I am not talking about a custom content management system. I'm talking about users being able to add a title and steps on an html page. Let me use a visual:

Rather than having them sort through this, just to change the area in bold:

<!DOCTYPE html>

<html>

<head>

<title>Blue Harvest - Job Aid</title>

// Picture element HTML5 shiv

document.createElement( "picture" );

</script>

<!--[if lt IE 9]>

<![endif]-->

</head>

<body>

<p>

<h2>Managers</h2>

<ul><a href="capEx.html">Captured Exercise</a></ul></p>

<h2>Employees</h2>

<ul><a href="punches.html">Punching In and Out job aid</a></ul>

</nav>

<h3>Punching In</h3>

<ol>

<li>Access the <strong>Navigator Framework_wfc</strong> logon page.</li>

<li>Log in using your credentials.</li>

<li>Access the <strong>My Timecard</strong> widget.</li>

<li>Double-click an empty In cell.</li>

<li>Enter the time you began working, and then press <strong>Enter</strong>.</li>

<li>Click <strong>Save</strong>.</li>

</ol>

<h4>Punching Out</h4>

<ol>

<li>Accesss the <strong>My Timecard</strong> widget.</li>

<li>Double-click an <strong>Out</strong> cell for a day that has a populated <strong>In</strong> cell.</li>

<li>Enter the time you ended work, and then press <strong>Enter</strong>.</li>

<li>Click <strong>Save</strong>.</li>

</ol>

<div>

</div>

</div>

</body>

</html>

I want to create something like this to get the input and place it in those tags:

If it can't be done, then I will find a different solution. But it seems like I can use javascript to get the input and populate the tags.

Thanks,

BenPleysier

Community Expert

If I were developing the system, I would use CKEditor.com | The best web text editor for everyone and store the info in a database. The results page would be populated by the info contained in the database.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded