Top-banner hiding page content

[Yrr0r]

The top utility bar is blocking the content of the page, sometimes the top part contains important buttons and they cannot be clicked. Can we make the top part of the page show up?

[Benji-Collins]

Check out my version of this project, it contains a fix for this issue. You can use my full version if you want or just swap out /templates/url_form.php.

https://github.com/Benji-Collins/php-proxy

[tslol]

There are a couple ways you could fix this.

You could just straight up remove the form by deleting /templates/url_form.php

or going into url_form.php and adding a button and some jquery. Keep in mind I am writing this away from my setup so I am doing the best I can to test this.

But here's something I threw together really quick. This uses jQuery for showing and hiding.

url_form.php

<button id="open_btn">Open</button>

<div id="top_form">
  
	<div style="width:800px; margin:0 auto;">
	  
		<form method="post" action="index.php" target="_top" style="margin:0; padding:0;">
                        <button onclick="close()" id="close_btn">Close</button>
			<input type="button" value="Home" onclick="window.location.href='index.php'">
			<input type="text" name="url" value="<?php echo $url; ?>" autocomplete="off">
			<input type="hidden" name="form" value="1">
			<input type="submit" value="Go">
		</form>
		
	</div>
	
</div>

Add CSS

#open_btn {
  display:none;
  position:fixed;
  top:10px;
  left:10px;
  z-index:99999;
}

Add jQuery

$("#close_btn").click(function(){
  $("#top_form").hide();
  $("#open_btn").show();
});

$("#open_btn").click(function(){
  $("#top_form").show();
  $("#open_btn").hide();
});