HTML File for the web viewer

Questions about Thunkable
1

hello every one
I work on HTML File for my app
i need to get value from URL ?
as example https://www.codeproject.com/5225378

how to get 5225378 from url and show it as text in the html ?

any one know how to do that in HTML File
THANK YOU

2

Try this

image
image1054Ă—120 12.6 KB

Result is

image
image436Ă—134 1.58 KB

3

thank you muneer not that what i mean

i need Html code to do that to use it in the web viewer

4

Can you explain more?

Do you want to change the number part of the URL to another number?

5

look this for example my URL https://www.codeproject.com/5225378

how i can take the number after the slash 5225378 and displayed it as a Title in my HTML page

6

When I click in the URL, I get this

image
image1069Ă—531 139 KB

7

look muneer this code you write it for me 5 months ago
this code will take the url after the “showURL” word and displayed it in the iframe
what i need is the same but to displayed it as a text in the HTML page

sorry about my bad language i know it hard to you to understand me thank you

Screen Shot 2021-10-07 at 12.12.15 PM
Screen Shot 2021-10-07 at 12.12.15 PM686Ă—552 71.4 KB

8

Try this. If you use it in your browser and add any parameter to it you will see it in the HTML page

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Example for Bader</title>
</head>
<body>
  <h4>Text will show here</h4>
  <p id='exampleMsg'></p>
  <script>
    const partURL = new URLSearchParams(window.location.search);
    console.log(partURL);
    document.getElementById('exampleMsg').innerHTML = partURL;
  </script>
</body>
</html>

See this result
image

9

thank you muneer that exactly what u need

but can i add something to this code just to show parameter after word “SHOW”

10

Yes of course.

Change the line

document.getElementById('exampleMsg').innerHTML = partURL;

To the following

document.getElementById('exampleMsg').innerHTML = partURL.get('test');

Now you will see whatever you type in the URL after test=.

11

it work THANK YOU for this fast solution :smiling_face_with_three_hearts:

12

the last question please

is that possible to have tow (test) word in the url so i can get 2 value ?

like this - i try this put not work

Screen Shot 2021-10-07 at 1.34.22 PM
Screen Shot 2021-10-07 at 1.34.22 PM692Ă—501 38.9 KB

13

Yes, you can

14

what i should to do
can you please tell me how ?

15

See this code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Example for Bader</title>
</head>
<body>
  <h4>Text will show here</h4>
  <p id='showMsg'></p>
  <script>
    const partURL = new URLSearchParams(window.location.search);
    let textToShow = '';
    if (partURL.has('test')){
      textToShow += partURL.get('test');
    }
    if (partURL.has('demo')){
      textToShow += '<br>' + partURL.get('demo');
    }
    if (textToShow.length > 0) {
      document.getElementById('showMsg').innerHTML = textToShow
    } else {
      document.getElementById('showMsg').innerHTML = 'no data';
    }
  </script>
</body>

Sample output

image
image785Ă—139 4.18 KB

16

Thank you munir but that not what I mean

I need each ID alone to use each word alone

Not to show the massage in one ID
THANK YOU

17

Use this one then

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Example for Bader</title>
</head>
<body>
  <h4>Text will show here</h4>
  <p id='showMsg1'></p>
  <p id='showMsg2'></p>
  <script>
    const partURL = new URLSearchParams(window.location.search);
      document.getElementById('showMsg1').innerHTML = partURL.get('test');
      document.getElementById('showMsg2').innerHTML = partURL.get('demo');
  </script>
</body>
18

Thank you so much muneer
Now it’s work 100% as I need :pray: