HTML nova guia html & php

jvssz_ · 26 de fevereiro de 2021

Olá pessoal, estou com uma dúvida em um código que estou desenvolvendo em HTML

No código deve ter a opção de 3 botões, um para abrir o Google, outro para abrir o UOL, o terceiro para abrir o YouTube. Até então está tudo certo, mas gostaria de abrir os sites em uma nova guia, alguém consegue me ajudar?

Código em HTML:

Código em PHP:

Marcelo Calazans · 26 de fevereiro de 2021

@jvssz_

Olá, colega.

Se eu precisasse fazer isso, eu faria com Java Script, abaixo tem um exemplo:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sem título</title>
</head>

<body>

<style>
div {
   cursor: pointer;
   border-radius: 3px;
   color: white;
   background-color: blue;
   padding: 10px;
   display: inline-block;
   
}
</style>
<div onclick="google()">Google</div>


<script>
function google() {
    window.open('https://www.google.com.br', '_blank');
}
</script>

</body>
</html>

Testei aqui e está funcionando.

Se ficar alguma dúvida sobre o exemplo apresentado, pode perguntar.

Abraços.

jvssz_ · 3 de março de 2021

Em 26/02/2021 às 16:45, Marcelo Calazans disse:
@jvssz_

Olá, colega.

Se eu precisasse fazer isso, eu faria com Java Script, abaixo tem um exemplo:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sem título</title>
</head>

<body>

<style>
div {
   cursor: pointer;
   border-radius: 3px;
   color: white;
   background-color: blue;
   padding: 10px;
   display: inline-block;
   
}
</style>
<div onclick="google()">Google</div>


<script>
function google() {
    window.open('https://www.google.com.br', '_blank');
}
</script>

</body>
</html>
Testei aqui e está funcionando.

Se ficar alguma dúvida sobre o exemplo apresentado, pode perguntar.

Abraços.

Então, é que como é um trabalho de escola obrigatoriamente tem que ser em PHP e HTML, mas bom saber que funciona melhor em java script, vou praticar! Obrigado

Marcelo Calazans · 3 de março de 2021

1 hora atrás, jvssz_ disse:

Então, é que como é um trabalho de escola obrigatoriamente tem que ser em PHP e HTML, mas bom saber que funciona melhor em java script, vou praticar! Obrigado

Infelizmente então, fazer o PHP abrir uma nova página do navegador em nova guia, desta maneira que você está querendo, é difícil.

O PHP só controla aquilo que está ao lado do servidor, abrir novas guias assim, é algo que está mais voltado ao lado do cliente, que é próprio do HTML e do Java Script.

Mas você pode tentar um recurso no <form> do HTML que hoje é meio ultrapassado profissionalmente, mas ainda funciona.

Veja o exemplo e teste aí se funciona com você:

Código para enviar:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sem título</title>
</head>

<body>

<form action="botao.php" method="post" target="_blank">
      <input type="submit" name="botao" value="Google">
</form>      

</body>
</html>

Código para receber:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sem título</title>
</head>

<body>

<?php

$botao = $_POST["botao"];
if ($botao == "Google") { header("location:https://www.google.com.br"); }

?>

</body>
</html>

Aqui testado comigo, desta forma funciona. Mas observe que não é o PHP que abre em outra guia, é o HTML usando no <form> o target="_blank".

jvssz_ · 3 de março de 2021

19 minutos atrás, Marcelo Calazans disse:
Infelizmente então, fazer o PHP abrir uma nova página do navegador em nova guia, desta maneira que você está querendo, é difícil.

O PHP só controla aquilo que está ao lado do servidor, abrir novas guias assim, é algo que está mais voltado ao lado do cliente, que é próprio do HTML e do Java Script.

Mas você pode tentar um recurso no <form> do HTML que hoje é meio ultrapassado profissionalmente, mas ainda funciona.

Veja o exemplo e teste aí se funciona com você:

Código para enviar:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sem título</title>
</head>

<body>

<form action="botao.php" method="post" target="_blank">
      <input type="submit" name="botao" value="Google">
</form>      

</body>
</html>
</html>
Código para receber:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sem título</title>
</head>

<body>

<?php

$botao = $_POST["botao"];
if ($botao == "Google") { header("location:https://www.google.com.br"); }

?>

</body>
</html>

</body>
</html>
Aqui testado comigo, desta forma funciona. Mas observe que não é o PHP que abre em outra guia, é o HTML usando no <form> o target="_blank".

Funcionou perfeitamente! Caso eu tente abrir o arquivo .php, esta correto aparecer isso, ne?
O .html funcionou certinho, muito obrigado

Coloquei o 'target=_"blank"' no meu código principal e ficou da forma que eu queria :))

Marcelo Calazans · 3 de março de 2021

9 minutos atrás, jvssz_ disse:

Funcionou perfeitamente! Caso eu tente abrir o arquivo .php, esta correto aparecer isso, ne?
O .html funcionou certinho, muito obrigado

É isso mesmo, se você abrir direto o código para receber, abaixo:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sem título</title>
</head>

<body>

<?php

$botao = $_POST["botao"];
if ($botao == "Google") { header("location:https://www.google.com.br"); }

?>

</body>
</html>

Vai dar esse erro mesmo, aqui comigo, usando também o XAMPP, igual a você, acontece o mesmo:

Mas o importante, é que abrindo corretamente a partir do código para enviar, que você chamou de HTML, funciona.

Quem bom que deu certo colega!!

Abraços.

jvssz_ · 3 de março de 2021

12 minutos atrás, Marcelo Calazans disse:
É isso mesmo, se você abrir direto o código para receber, abaixo:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sem título</title>
</head>

<body>

<?php

$botao = $_POST["botao"];
if ($botao == "Google") { header("location:https://www.google.com.br"); }

?>

</body>
</html>
Vai dar esse erro mesmo, aqui comigo, usando também o XAMPP, igual a você, acontece o mesmo:

Mas o importante, é que abrindo corretamente a partir do código para enviar, que você chamou de HTML, funciona.

Quem bom que deu certo colega!!

Abraços.