Hugging Face's logo

Spaces:
Omnibus
/
test-url-params-2
Sleeping

App Files Community
Omnibus commited on
Commit
0e6fde2
·
0 Parent(s):

Duplicate from Omnibus/test-url-params

Browse files
Files changed (6) hide show
  1. .gitattributes +35 -0
  2. README.md +11 -0
  3. app.py +17 -0
  4. index.html +70 -0
  5. index2.html +16 -0
  6. style.css +28 -0
.gitattributes ADDED
@@ -0,0 +1,35 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ *.7z filter=lfs diff=lfs merge=lfs -text
2
+ *.arrow filter=lfs diff=lfs merge=lfs -text
3
+ *.bin filter=lfs diff=lfs merge=lfs -text
4
+ *.bz2 filter=lfs diff=lfs merge=lfs -text
5
+ *.ckpt filter=lfs diff=lfs merge=lfs -text
6
+ *.ftz filter=lfs diff=lfs merge=lfs -text
7
+ *.gz filter=lfs diff=lfs merge=lfs -text
8
+ *.h5 filter=lfs diff=lfs merge=lfs -text
9
+ *.joblib filter=lfs diff=lfs merge=lfs -text
10
+ *.lfs.* filter=lfs diff=lfs merge=lfs -text
11
+ *.mlmodel filter=lfs diff=lfs merge=lfs -text
12
+ *.model filter=lfs diff=lfs merge=lfs -text
13
+ *.msgpack filter=lfs diff=lfs merge=lfs -text
14
+ *.npy filter=lfs diff=lfs merge=lfs -text
15
+ *.npz filter=lfs diff=lfs merge=lfs -text
16
+ *.onnx filter=lfs diff=lfs merge=lfs -text
17
+ *.ot filter=lfs diff=lfs merge=lfs -text
18
+ *.parquet filter=lfs diff=lfs merge=lfs -text
19
+ *.pb filter=lfs diff=lfs merge=lfs -text
20
+ *.pickle filter=lfs diff=lfs merge=lfs -text
21
+ *.pkl filter=lfs diff=lfs merge=lfs -text
22
+ *.pt filter=lfs diff=lfs merge=lfs -text
23
+ *.pth filter=lfs diff=lfs merge=lfs -text
24
+ *.rar filter=lfs diff=lfs merge=lfs -text
25
+ *.safetensors filter=lfs diff=lfs merge=lfs -text
26
+ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
27
+ *.tar.* filter=lfs diff=lfs merge=lfs -text
28
+ *.tar filter=lfs diff=lfs merge=lfs -text
29
+ *.tflite filter=lfs diff=lfs merge=lfs -text
30
+ *.tgz filter=lfs diff=lfs merge=lfs -text
31
+ *.wasm filter=lfs diff=lfs merge=lfs -text
32
+ *.xz filter=lfs diff=lfs merge=lfs -text
33
+ *.zip filter=lfs diff=lfs merge=lfs -text
34
+ *.zst filter=lfs diff=lfs merge=lfs -text
35
+ *tfevents* filter=lfs diff=lfs merge=lfs -text
README.md ADDED
@@ -0,0 +1,11 @@
 
 
 
 
 
 
 
 
 
 
 
 
1
+ ---
2
+ title: Test Url Params
3
+ emoji: 🦀
4
+ colorFrom: gray
5
+ colorTo: gray
6
+ sdk: static
7
+ pinned: false
8
+ duplicated_from: Omnibus/test-url-params
9
+ ---
10
+
11
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
app.py ADDED
@@ -0,0 +1,17 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ from flask import Flask,render_template, request
2
+
3
+ app = Flask(__name__,template_folder="templates")
4
+
5
+ @app.route("/")
6
+ def hello():
7
+ return render_template('index.html')
8
+
9
+ @app.route('/process', methods=['POST'])
10
+ def process():
11
+ data = request.form.get('data')
12
+ # process the data using Python code
13
+ result = data.upper()
14
+ return result
15
+
16
+ if __name__ == '__main__':
17
+ app.run(debug=True)
index.html ADDED
@@ -0,0 +1,70 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <title>
5
+ How To Get URL Parameters using JavaScript?
6
+ </title>
7
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
8
+
9
+ </head>
10
+
11
+ <body>
12
+ <h1 style="color:green;">
13
+ Omnibus
14
+ </h1> <b>
15
+ How To Get URL Parameters
16
+ With JavaScript?
17
+ </b>
18
+ <p> The url used is:
19
+ Current URL
20
+ </p>
21
+
22
+ <p>
23
+ Click on the button to get the url
24
+ parameters in the console.
25
+ <a href src="index2.html">go to index2</a>
26
+ </p>
27
+
28
+ <button onclick="getParameters()"> Get URL parameters </button>
29
+
30
+ <input type="text" id="input">
31
+ <button onclick="sendData()">Send Data</button>
32
+ <div id="output"></div>
33
+ <script>
34
+ function sendData() {
35
+ var value = document.getElementById('input').value;
36
+ $.ajax({
37
+ url: '/process',
38
+ type: 'POST',
39
+ data: { 'data': value },
40
+ success: function(response) {
41
+ document.getElementById('output').innerHTML = response;
42
+ },
43
+ error: function(error) {
44
+ console.log(error);
45
+ }
46
+ });
47
+ }
48
+ </script>
49
+
50
+
51
+
52
+
53
+ <script>
54
+ function getParameters() {
55
+ let urlString = window.location.href;
56
+ let paramString = urlString.split('?')[1];
57
+ let params_arr = paramString.split('&');
58
+ for(let i = 0; i < params_arr.length; i++) {
59
+ let pair = params_arr[i].split('=');
60
+ document.getElementById('output').innerHTML = "<p>" + "Key is:" + pair[0] + "<br>" + "Value is:" + pair[1]+"</p>";
61
+
62
+ console.log("Key is:" + pair[0]);
63
+ console.log("Value is:" + pair[1]);
64
+ }
65
+ }
66
+ getParameters()
67
+
68
+ </script>
69
+ </body>
70
+ </html>
index2.html ADDED
@@ -0,0 +1,16 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <button onclick="returnsUserMessage()">Send</button>
2
+
3
+ <script>
4
+ async function returnsUserMessage() {
5
+ var user_input = document.getElementById("input-chat").value;
6
+ var bot_reponse = await fetch('localhost/response',
7
+ {
8
+ method: 'POST',
9
+ headers: {
10
+ 'Content-Type': 'application/json'
11
+ },
12
+ body: JSON.stringify({user_response: user_input})
13
+ });
14
+ // Then you need to present the bot response in your element
15
+ }
16
+ </script>
style.css ADDED
@@ -0,0 +1,28 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ body {
2
+ padding: 2rem;
3
+ font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
4
+ }
5
+
6
+ h1 {
7
+ font-size: 16px;
8
+ margin-top: 0;
9
+ }
10
+
11
+ p {
12
+ color: rgb(107, 114, 128);
13
+ font-size: 15px;
14
+ margin-bottom: 10px;
15
+ margin-top: 5px;
16
+ }
17
+
18
+ .card {
19
+ max-width: 620px;
20
+ margin: 0 auto;
21
+ padding: 16px;
22
+ border: 1px solid lightgray;
23
+ border-radius: 16px;
24
+ }
25
+
26
+ .card p:last-child {
27
+ margin-bottom: 0;
28
+ }