Hi, this is a Google extension. Can you help print out the values of the users response on another page after they hit s
Posted: Sat May 14, 2022 7:04 pm
Hi, this is a Google extension. Can you help print out the
values of the users response on another page after they hit submit
(1-5 for each question)
For example after they hit submit, the next page will show:
Authority: 2
Objectivity: 1
Currency: 3
Depth: 3
Purpose: 5
popup.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>Site Rating</title>
<link rel="stylesheet" type="text/css"
href="popup.css">
</head>
<body>
<form>
<!-- Title -->
<h2>Site Rating!</h2>
<!-- Questions -->
<form>
<h3>Authority</h3>
<h4>This author is considered to be an expert or
well-resepected author:</h4><br>
<input type="radio" name="authority" value="1"> (1)
Never heard of the author <br>
<input type="radio" name="authority" value="2"> (2) I
only know of the author's name<br>
<input type="radio" name="authority" value="3"> (3) I
know the author but people's opinion of them are controversial
<br>
<input type="radio" name="authority" value="4"> (4) I
know the author but I don't know what people think of them
<br>
<input type="radio" name="authority" value="5"> (5) I
know the author and they are considered well-resepected
<br>
</form>
<form>
<h3>Objectivity</h3>
<h4>Their position focuses on and is informed by
research and reasoning rather than personal feelings and
opinions:</h4>
<input type="radio" name="objectivity" value="1"> 1
<br>
<input type="radio" name="objectivity" value="2"> 2
<br>
<input type="radio" name="objectivity" value="3"> 3
<br>
<input type="radio" name="objectivity" value="4"> 4
<br>
<input type="radio" name="objectivity" value="5"> 5
<br>
</form>
<form>
<h3>Currency</h3>
<h4>This article was published
recently:</h4><br>
<input type="radio" name="currency" value="1"> (1)
Over 5 years ago <br>
<input type="radio" name="currency" value="2"> (2)
Within 5 years <br>
<input type="radio" name="currency" value="3"> (3)
Within 2 years <br>
<input type="radio" name="currency" value="4e"> (4)
Within this year <br>
<input type="radio" name="currency" value="5"> (5)
Within 6 months <br>
</form>
<form>
<h3>Depth</h3>
<h4>Please rate the depth in which the author
covers:</h4><br>
<input type="radio" name="depth" value="1"> 1
<br>
<input type="radio" name="depth" value="2"> 2
<br>
<input type="radio" name="depth" value="3"> 3
<br>
<input type="radio" name="depth" value="4"> 4
<br>
<input type="radio" name="depth" value="5"> 5
<br>
</form>
<form>
<h3>Purpose</h3>
<h4>The content is very specific in nature and is
relate to a very specific field:</h4><br>
<input type="radio" name="purpose" value="1"> 1
<br>
<input type="radio" name="purpose" value="2"> 2
<br>
<input type="radio" name="purpose" value="3"> 3
<br>
<input type="radio" name="purpose" value="4"> 4
<br>
<input type="radio" name="purpose" value="5"> 5
<br>
</form>
<br>
<input type="submit" value="Sumbit">
</body>
</html>
popup.css
body {
margin-right: 300px;
background-color: #FAF0E6;
white-space: nowrap;
}
h1 {
font-size: 15px;
text-align: justify;
white-space: nowrap;
}
h2 {
font-size: 20px;
text-align: right;
white-space: nowrap;
}
h3 {
text-decoration: underline;
white-space: nowrap;
color: #CD5C5C;
}
h4 {
white-space: nowrap;
}
manifest.json
{
"manifest_version": 2,
"name": "Site Rating",
"description": "example",
"version": "1.0",
"author": "na",
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html",
"default_title": "google
extension"
},
"permissions": [
"activeTab"
]
}
values of the users response on another page after they hit submit
(1-5 for each question)
For example after they hit submit, the next page will show:
Authority: 2
Objectivity: 1
Currency: 3
Depth: 3
Purpose: 5
popup.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>Site Rating</title>
<link rel="stylesheet" type="text/css"
href="popup.css">
</head>
<body>
<form>
<!-- Title -->
<h2>Site Rating!</h2>
<!-- Questions -->
<form>
<h3>Authority</h3>
<h4>This author is considered to be an expert or
well-resepected author:</h4><br>
<input type="radio" name="authority" value="1"> (1)
Never heard of the author <br>
<input type="radio" name="authority" value="2"> (2) I
only know of the author's name<br>
<input type="radio" name="authority" value="3"> (3) I
know the author but people's opinion of them are controversial
<br>
<input type="radio" name="authority" value="4"> (4) I
know the author but I don't know what people think of them
<br>
<input type="radio" name="authority" value="5"> (5) I
know the author and they are considered well-resepected
<br>
</form>
<form>
<h3>Objectivity</h3>
<h4>Their position focuses on and is informed by
research and reasoning rather than personal feelings and
opinions:</h4>
<input type="radio" name="objectivity" value="1"> 1
<br>
<input type="radio" name="objectivity" value="2"> 2
<br>
<input type="radio" name="objectivity" value="3"> 3
<br>
<input type="radio" name="objectivity" value="4"> 4
<br>
<input type="radio" name="objectivity" value="5"> 5
<br>
</form>
<form>
<h3>Currency</h3>
<h4>This article was published
recently:</h4><br>
<input type="radio" name="currency" value="1"> (1)
Over 5 years ago <br>
<input type="radio" name="currency" value="2"> (2)
Within 5 years <br>
<input type="radio" name="currency" value="3"> (3)
Within 2 years <br>
<input type="radio" name="currency" value="4e"> (4)
Within this year <br>
<input type="radio" name="currency" value="5"> (5)
Within 6 months <br>
</form>
<form>
<h3>Depth</h3>
<h4>Please rate the depth in which the author
covers:</h4><br>
<input type="radio" name="depth" value="1"> 1
<br>
<input type="radio" name="depth" value="2"> 2
<br>
<input type="radio" name="depth" value="3"> 3
<br>
<input type="radio" name="depth" value="4"> 4
<br>
<input type="radio" name="depth" value="5"> 5
<br>
</form>
<form>
<h3>Purpose</h3>
<h4>The content is very specific in nature and is
relate to a very specific field:</h4><br>
<input type="radio" name="purpose" value="1"> 1
<br>
<input type="radio" name="purpose" value="2"> 2
<br>
<input type="radio" name="purpose" value="3"> 3
<br>
<input type="radio" name="purpose" value="4"> 4
<br>
<input type="radio" name="purpose" value="5"> 5
<br>
</form>
<br>
<input type="submit" value="Sumbit">
</body>
</html>
popup.css
body {
margin-right: 300px;
background-color: #FAF0E6;
white-space: nowrap;
}
h1 {
font-size: 15px;
text-align: justify;
white-space: nowrap;
}
h2 {
font-size: 20px;
text-align: right;
white-space: nowrap;
}
h3 {
text-decoration: underline;
white-space: nowrap;
color: #CD5C5C;
}
h4 {
white-space: nowrap;
}
manifest.json
{
"manifest_version": 2,
"name": "Site Rating",
"description": "example",
"version": "1.0",
"author": "na",
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html",
"default_title": "google
extension"
},
"permissions": [
"activeTab"
]
}