Ir ao conteúdo
  • Cadastre-se

HTML nova guia html & php


jvssz_

Posts recomendados

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:
image.png.fcb9afebddaada8564fe484aa944066d.png

Código em PHP: 


image.png.4c8cf510dad4cf17cc2efc74f24e5c26.png

 

Link para o comentário
Compartilhar em outros sites

@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.

  • Curtir 1
Link para o comentário
Compartilhar em outros sites

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 :)

Link para o comentário
Compartilhar em outros sites

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".

  • Curtir 1
Link para o comentário
Compartilhar em outros sites

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?image.png.a1fb8910f47c0e20803a9f44d211dbd8.png
O .html funcionou certinho, muito obrigado 

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

Link para o comentário
Compartilhar em outros sites

9 minutos atrás, jvssz_ disse:

Funcionou perfeitamente! Caso eu tente abrir o arquivo .php, esta correto aparecer isso, ne?image.png.a1fb8910f47c0e20803a9f44d211dbd8.png
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:

 

isso-min.jpg.d083fc58757ca222cbba8610ac5ed198.jpg

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.

  • Obrigado 1
Link para o comentário
Compartilhar em outros sites

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:

 

isso-min.jpg.d083fc58757ca222cbba8610ac5ed198.jpg

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.

Perfeito então, muito obrigado mesmo cara, boa tarde!!

  • Curtir 1
Link para o comentário
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisa ser um usuário para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...