function updateDisplay() {
document.getElementById("code_display").innerHTML = document.getElementById("code_entry").value;
}
function updateExample(type) {
if (type == 'paragraph') {
example_code =
'This is paragraph 1
\nThis is paragraph 2
\n\nThis is paragraph 1\n
\nThis is paragraph 2';
}
else if (type == 'lists') {
example_code =
'\n - This is ordered list item one
\n - This is ordered list item two
\n - This is ordered list item three
\n
\n\n\n - This is unordered list item one
\n - This is unordered list item two
\n - This is unordered list item three
\n
';
}
else if (type == 'headings') {
example_code =
'This is an example of heading 1
\nThis is an example of heading 2
\nThis is an example of heading 3
\nThis is an example of heading 4
\nThis is an example of heading 5
\nThis is an example of heading 6
';
}
else if (type == 'simple_page') {
example_code =
'\n\n \n This is the title of the page\n \n \n \n This is the heading
\n This is a paragraph in the body.
\n \n';
}
else if (type == 'comments') {
example_code =
'';
}
else if (type == 'links') {
example_code =
'\nFree web counters\n
\n\n\nFree web counters\n
';
}
else if (type == 'styled_tags') {
example_code =
'\n\nThis is the styled paragraph.
';
}
else if (type == 'styled_class') {
example_code =
'\n\nThis is the styled paragraph.
';
}
else if (type == 'link_new_window') {
example_code =
'\n\nFree web counters';
}
else if (type == 'image') {
example_code =
'
';
}
else if (type == 'image_with_attributes') {
example_code =
'\n';
}
else if (type == 'div') {
example_code =
'\n This is the content in the first div.\n
\n\n This is the content in the second div.\n
';
}
else if (type == 'stylish_div') {
example_code =
'\n\n\n This is the content of my stylish div. This is the content of my stylish div. This is the content of my stylish div. This is the content of my stylish div. \n
This is a paragraph in the div, notice how it is styled differently. Can you figure out how?
\n