Это приложение для журналирования, которое я создаю.Я бы хотел, чтобы пользователи могли быстро записывать свои мысли через расширение Chrome.Я построил всплывающее окно - на панели инструментов появляется значок, а при нажатии на значок появляется форма.Что я не могу понять, так это как отправить / отправить данные, введенные в форму, в базу данных и на страницу HTML, где они должны отображаться.К вашему сведению, я очень начинающий, но особенно с расширениями chrome и javascript - отсюда и состояние кода, который вы видите ниже.Я опустил разделы кода, которые кажутся неактуальными.Заранее большое спасибо.
POPUP.HTML
<head>
<script src="script.js"></script>
</head>
<body style="width:200px">
<p>?</p>
<form action="/popup" method="post">
<div>
<label for="pop-up" style = "font-family:georgia,garamond,serif;font-size:14px;">What's on your mind?:</label>
<textarea rows="6" cols="30" id="memo" name="pop-up" placeholder="ruminate here..."></textarea>
</div>
<div class="button">
<button type="submit">Post</button>
</div>
</form>
</body>
</html>
SCRIPT.JS
document.addEventListener('click', function() {
document.getElementById('send').onclick = function() {
var post = document.getElementById('post').value;
var tags = document.getElementById('tags').value;
var postURL = 'https://ide50-xxxxxx.cs50.io';
// what comes next???
};
});
MANIFEST.JSON
{
"name": "cs50 final project",
"version": "1.0",
"description": "penser pop-up",
"manifest_version": 2,
"icons": {
"16": "thinkemoji.png"
},
"browser_action": {
"default_popup": "popup.html"
}
}
INDEX.HTML (страница, на которой отображаются сообщения)
<section>
{% for post in posts %}
<div class="article">
<div class="articleTitle">{{ post.tags }}</div>
<div class="articleDate">{{ post.day }} {{ post.date }} {{ post.time }}</div>
<br>
<p>{{ post.post }}</p>
</div>
{% endfor %}
</section>
APPLICATION.PY
@app.route("/popup", methods=["GET", "POST"])
def popup():
"""Post via extension"""
if request.method == "POST":
if not request.form.get("post"):
return("you can't leave this blank", 400)
else:
# Record post & tags in memos table
x = datetime.datetime.now()
db.execute("INSERT INTO memos (id, post, tags, day, date, time) VALUES (:id, :p, :t, :d, :date, :time)",
id=session["user_id"], p=request.form.get("post"), t=request.form.get("tags"), d=x.strftime("%a"), date=x.strftime("%x"), time=x.strftime("%X"))
return redirect("/", code=302)
else:
return render_template("post.html")