Bollate

HTML

[ANSWERED] javascript – How to open an URL via browser and output a simple text file rather than HTML code?

By

Nov 18, 2022 , , ,

Solution 1 :

I create 2 files. firstPage.php and secondPage.php

Try this code.

firstPage.php

<!DOCTYPE html>
<html>
<head>
<title>What is my Public IP address?</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
</script>
<script>
$.getJSON("https://api.ipify.org?format=json", function(data) {
    $("#mpi").html(data.ip);
    $("#tes").html(data.ip);
    document.getElementById('tes').value = html(data.ip);
})
    mpi = mpi.replace(/s|n|&nbsp;/g, ' ');
    mpi = mpi.replace(/<[^>]+>/gm, '');

</script>
</head>
<body>
<p id="mpi"></p><br>
<button type="button" onClick="ambil()">Give me this IP in plain text</button>
<form id="lanjut" action="secondPage.php" method="get" style="display:none">
<input id="tes" name="tes" type="text" value="">
</form>
<script>
function ambil(){
    document.getElementById('tes').value = document.getElementById('mpi').innerHTML;
    document.getElementById('lanjut').submit();
    }
</script>
</body>
</html>

secondPage.php

<?php
if(isset($_GET['tes'])){
$getIP = $_GET['tes'];
}
echo $getIP;
?>

Solution 2 :

What you need is to set the content type of the response to plain text instead of html:

header("Content-Type: text/plain");

Place this in the first line of your php code of the will do.

However, you won’t be able to set head tags in HTML, which means you will have to remove the title and script tag, etc. as they will be displayed as plain text and won’t be rendered.

EDIT: Your content is displayed by grabbing data through ajax, but you can simply just use one file of php and echo the ip out.

Problem :

I have built this small HTML file you can see here https://alterego.cc/mypublicip/ that returns your public IP. If you inspect the code of the page you can actually see the HTML in there, because that’s an HTML file of course

What I would actually like to achieve is something like this https://wtfismyip.com/text (from someone else) where if you inspect the code you can see it’s just a text file there. No additional tags or anything in particular

How could I achieve the same result?

I have tried a bit of everything but I always end up having some HTML code in there. In particular with DIV and innerText but no particular luck so far. I believe I am following the wrong approach and there is something I am missing

Thanks!

Comments

Comment posted by aynber

Output only what you want. If there’s HTML code, then it’s something you’ve added, or you’re using a template

Comment posted by Chris Haas

JavaScript needs a host on the client-side in order to render, no browser will execute pure JS on direct access. So if you tried this with JS you’d need some minimum HTML for it to work. So unless you want to have a button event on the page that opens a new document and writes into it, JS is probably not an option. Looking at just PHP then, just echo and exit. That’s it.

Comment posted by Amadan

@ChrisHaas Nitpick: Serverside JavaScript has been a thing for many years (mostly in form of Node.js). However, it is true that it is much easier to set up a PHP page than to host a Node.js page.

Comment posted by Chris Haas

@Amadan, that’s why I said client-side. Unless there’s a way for server-side JS to be delivered to the client without something to bootstrap the process (like a script tag)

Comment posted by vulnerable to XSS

Danger

Comment posted by mukkino

Thank you mate! Looks muck better now. I posted a new answer with some changes I did. I am almost there I hope

By

Related Post

HTML

[ANSWERED] html – Child div has an offset border

Nov 20, 2022
HTML

[ANSWERED] html – bootstrap mobile menu not scrolling instead the background is scrolling

Nov 20, 2022
HTML

[ANSWERED] problem in selecting list item in html/css

Nov 20, 2022

You missed

HTML

[ANSWERED] javascript – Text box to display updated text and save on button click

Nov 20, 2022
HTML

[ANSWERED] javascript – Pass html tag to angularjs variable from controller

Nov 20, 2022
HTML

[ANSWERED] html – bootstrap mobile menu not scrolling instead the background is scrolling

Nov 20, 2022
HTML

[ANSWERED] html – How to play live stream YouTube videos using CEF4Delphi?

Nov 20, 2022