tetalab/tetawebapp
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

"Flex section for ajax page"

Browse Source
This commit is contained in:
Doug Le Tough 2017-11-26 00:19:14 +01:00
parent 84d9a0664e
commit 2aa9485c66
2 changed files with 31 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
tetawebapp/static/styles/tetawebapp.css
View File

@ -26,6 +26,21 @@ main > article {
background-color: var(--clear-bg); background-color: var(--clear-bg);
} }
main > section.inline {
display: flex;
background-color: var(--clear-bg);
}
main > section.inline > article.left {
flex: 0 0 50%;
margin-left: 10px;
}
main > section.inline > article.right {
flex: 1;
margin-left: 10px;
}
div.content > nav { div.content > nav {
flex: 0 0 200px; flex: 0 0 200px;
background-color: var(--clear-bg); background-color: var(--clear-bg);

4
tetawebapp/templates/ajax.html
View File

@ -8,6 +8,7 @@
</article> </article>
<article class='right' id='html_container'> <article class='right' id='html_container'>
</article> </article>
<section class='inline'>
<article class='left'> <article class='left'>
<h3>Set value via AJAX</h3> <h3>Set value via AJAX</h3>
<p>Send value to the application.</p> <p>Send value to the application.</p>
@ -15,11 +16,12 @@
<input type='text' id='value_sender'> <input type='text' id='value_sender'>
<input type='button' value="Try me" onclick='javascript:set_value_from_ajax(document.getElementById("value_sender"), "/set_value_from_ajax", "TETA_ERR");'> <input type='button' value="Try me" onclick='javascript:set_value_from_ajax(document.getElementById("value_sender"), "/set_value_from_ajax", "TETA_ERR");'>
</article> </article>
<article class='left'> <article class='right'>
<h3>Get value from AJAX</h3> <h3>Get value from AJAX</h3>
<p>Get a random value from the application.</p> <p>Get a random value from the application.</p>
<p>Value may randomly be unavailable raising an error.</p> <p>Value may randomly be unavailable raising an error.</p>
<input type='text' id='value_receiver'> <input type='text' id='value_receiver'>
<input type='button' value="Try me" onclick='javascript:get_value_from_ajax(document.getElementById("value_receiver"), "/get_value_from_ajax", "TETA_ERR");'> <input type='button' value="Try me" onclick='javascript:get_value_from_ajax(document.getElementById("value_receiver"), "/get_value_from_ajax", "TETA_ERR");'>
</article> </article>
</section>
{% endblock %} {% endblock %}