HTML HREF não funciona e erro no console

Matheus Evandro Rech · 28 de janeiro de 2019

Bem eu tenho um codigo de um site que estou fazendo só que um href meu não funciona segue a linha

<a style="font-family:Oswald;margin-right:5px;" href="http://localhost/lojacalito.com/local/htmls/form.php?grupo=TV">TV</a>

e no meu console esta dando esse erro:

só que eu não acho o erro(um erro não aparecer a linha no console)

código completo:

<?php
session_start();

?>
<!DOCTYPE html>
<html lang="pt-br">
  <head>
    <meta content="text/html;charset=ISO-8859-1" http-equiv="content-type" autor="Matheus Evandro Rech">
	<meta charset="utf8">
    <title>Loja Calito</title>
    <link rel="stylesheet" type="text/css" href="local/ccs/css_catalogo.css">
    <link rel="stylesheet" type="text/css" href="local/ccs/css_slide.css">
    <style>
      @import url('https://fonts.googleapis.com/css?family=Oswald');
      @import url('local/ccs/css_catalogo.css');
      @import url('local/ccs/css_slide.css');
    </style>
    <script type="text/javascript" src="local/javascript/slide.js"></script>
  </head>
  <body>
  <?php
	  $SendPesqProd = filter_input(INPUT_POST, 'SendPesqProd', FILTER_SANITIZE_STRING);
	  
	  if($SendPesqProd){
		$servername = "localhost";
		$username = "root";
		$password = "root";
		$dbname = "produtos";
		$p_produto = filter_input(INPUT_POST, 'ppproduto', FILTER_SANITIZE_STRING);

		// Create connection
		$conn = mysqli_connect($servername, $username, $password, $dbname);
		// Check connection
		if (!$conn) {
			die("Connection failed: " . mysqli_connect_error());
		}
		$result_pesq = "SELECT * FROM produtos WHERE produto LIKE '%$p_produto%'";
		$resultado_pesquisa = mysqli_query($conn, $result_pesq);
		if (mysqli_num_rows($resultado_pesquisa) > 0) {	
			while($row_pesquisa = mysqli_fetch_assoc($resultado_pesquisa)){
				$valor = $row_pesquisa["valor"];
				$produto = $row_pesquisa["produto"];
				$linkimg = $row_pesquisa["imghome"];
				
			}
		}
		

	  }
	  ?>
      <div class="tlogin">
          <img src="local/imagens/calito.png" class="imglogo">
          
          <div class="login">
			<form method="POST" name="pesquisa" action="">
            <a style="font-family:Oswald;">Pesquisar:<input type="text" name="pproduto" size="50"class="caixalogin"></a>
			<input type="submit" name="SendPesqProd" class="caixalogin">
			</form>
             <a style="font-family:Oswald;">Telefone:3377-1752 WhatsApp:988554176</a>
            <br>
             <a style="font-family:Oswald;margin-right:5px;" href="http://localhost/lojacalito.com/local/htmls/form.php?grupo=TV">TV</a>
             <a style="font-family:Oswald;margin-right:5px;">Produto</a>
             <a style="font-family:Oswald;margin-right:5px;">Produto</a>
             <a style="font-family:Oswald;margin-right:5px;">Produto</a>
             <a style="font-family:Oswald;margin-right:5px;">Produto</a>
             <a style="font-family:Oswald;margin-right:5px;">Produto</a>
             <a style="font-family:Oswald;margin-right:5px;">Produto</a>
        </div>
      </div>
      <br>
      <br>
      <div class="slideshow-container">

        <div class="mySlides fade">
          <img src="local/imagens/produtos/TV BANNER.png" style="width:100%">
         </div>

        <div class="mySlides fade">
          <img src="local/imagens/produtos/CONSOLE_MICROSOFT_XBOX_ONE_S_1TB_4K.png" style="width:100%">
        </div>

        <div class="mySlides fade">
          <img src="local/imagens/produtos/VARIAS_OPCOES_DE_ESTOFADOS_RETRATIL_E_REENCLINAVEL_PARA_VOCES_1.png" style="width:100%">
        </div>

        <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
        <a class="next" onclick="plusSlides(1)">&#10095;</a>

      </div>
        <br>

      <div style="text-align:center">
        <span class="dot" onclick="currentSlide(1)"></span> 
        <span class="dot" onclick="currentSlide(2)"></span> 
        <span class="dot" onclick="currentSlide(3)"></span> 
      </div>
	  
	  <div class="imgpromo">
		<?php
			if($SendPesqProd){
				$query = "SELECT * FROM produtos WHERE produto LIKE '%$p_produto%' ORDER by ID DESC LIMIT 4";
				if (mysqli_num_rows($resultado_pesquisa) > 0) {
					if ($result = $conn->query($query)) {
						$x = 0;
						echo("Pesquisa:<br>");
						while ($row = $result->fetch_assoc()) {	
							$idcon[] = $row["id"];
							echo("<div class='imgspa'><font color='#00a3cc' face='Oswald'>".$row["produto"]);
							echo("<a href='http://localhost/lojacalito.com/local/htmls/produtos.php?produto=".$idcon[$x]."'>");
							echo("<img src=".$row["imghome"]."class='resultpesquisa'/></a><br>");
							echo("<font color='#00a3cc' face='Oswald'>R$ ".$row["valor"].",00</font></div>");
							$x = $x+1;
						}
						
					}
				}else{
					echo("<font color='#00a3cc' face='Oswald'>Não encontramos resultados para a sua pesquisa</font>");
				}
			}	
		?>
	  </div>
	  <div class="imgpromo">
	  <font color='#00a3cc' face='Oswald'><h1><center>Confira nossos produtos</center></h1></font>
		<?php
			$servername = "localhost";
			$username = "root";
			$password = "root";
			$dbname = "produtos";
			$y = 0;
			$mysqli = new mysqli($servername, $username, $password, $dbname);
			$pale = "SELECT * FROM produtos ORDER by RAND() DESC LIMIT 12";
			$resultado_produale = $mysqli -> query($pale);
			while ($row = $resultado_produale -> fetch_assoc()) {
				if($y == 4){
					echo("<br>");
				}
				echo("<div class='imgspa'><font color='#00a3cc' face='Oswald'>".$row["produto"]."<br>");
				echo("<a href='http://localhost/lojacalito.com/local/htmls/produtos.php?produto=".$row["id"]."'>");
				echo("<img src=".$row["imghome"]."style='width:50%;height: 50%;'/></a><br>");
				echo("<font color='#00a3cc' face='Oswald'>R$ ".$row["valor"].",00</font></div>");
				$y = $y + 1;
			}
					
		?>
	  </div>
    <script>
      var slideIndex = 1;
      showSlides(slideIndex);

      function plusSlides(n) {
        showSlides(slideIndex += n);
      }

      function currentSlide(n) {
        showSlides(slideIndex = n);
      }

      function showSlides(n) {
        var i;
        var slides = document.getElementsByClassName("mySlides");
        var dots = document.getElementsByClassName("dot");
        if (n > slides.length) {slideIndex = 1}    
        if (n < 1) {slideIndex = slides.length}
        for (i = 0; i < slides.length; i++) {
          slides[i].style.display = "none";  
        }
        for (i = 0; i < dots.length; i++) {
          dots[i].className = dots[i].className.replace(" active", "");
        }
        slides[slideIndex-1].style.display = "block";  
        dots[slideIndex-1].className += " active";
      }
    </script>
  </body>
</html>

navegantenarede · 28 de janeiro de 2019

@Matheus Evandro Rech o problema parece ter origem no arquivo slide.js, verifique também o conteúdo dele.

Matheus Evandro Rech · 28 de janeiro de 2019

@navegantenarede obrigado eu havia esquecido de retirar essa tag

mais o href não esta funcionando

gustavohalm · 28 de janeiro de 2019

o que aparece quando você clica no href? A pagina form.php está no mesmo diretorio que essa pagina ai?

tenta encurtar esse href ai algo tipo "../form.php?grupo=TV", depende de onde estão as pastas

Luís Roberto C. da Silva · 28 de janeiro de 2019

Remover esse < antes de /a> se mesmo assim não funcionar deve ter outro problema, vejo o console.

Matheus Evandro Rech · 28 de janeiro de 2019

@Luís Roberto C. da Silva mais não tem como isso funcionar pois assim a tag não fecha

adicionado 4 minutos depois

@gustavohalm

Em 28/01/2019 às 15:56, gustavohalm disse:

o que aparece quando você clica no href?

Expandir

nada:

Em 28/01/2019 às 15:56, gustavohalm disse:

A pagina form.php está no mesmo diretorio que essa pagina ai?

Expandir

não

Em 28/01/2019 às 15:56, gustavohalm disse:

tenta encurtar esse href ai algo tipo "../form.php?grupo=TV", depende de onde estão as pastas

Expandir

assim:

<a style="font-family:Oswald;margin-right:5px;" href="local/htmls/form.php?grupo=TV">TV</a>

mais tambem não vai

Leonardo0308 · 28 de janeiro de 2019

Boa tarde @Matheus Evandro Rech

Como o colega @gustavohalm perguntou, o que aparece quando você clica? não aparece a pagina ou a função que essa pagina deveria fazer não funciona?

E usar link absoluto (com http, www e etc.) é mais recomendado quando é para acesso de sites externos, para links internos ao site é melhor usar links relativos, até mesmo pela questão de organização.

gustavohalm · 28 de janeiro de 2019

Como está o link em que a pagina ta?

Adiciona o target="_blank" em sua tag A

<a target="_blank" ></a>

Veja se ela abre e que erro aparece, se nao abrir,

Luís Roberto C. da Silva · 28 de janeiro de 2019

href="http://localhost/lojacalito.com/local/htmls/form.php?grupo=TV">TV /a>

Não tinha percebido isso, link para localhost vai tentar acesso ao servidor do cliente (se tiver) você tem que colocar o endereço do arquivo em sua máquina, tipo ../local/html/form.php, os dois pontos é pra voltar uma pasta.

Matheus Evandro Rech · 29 de janeiro de 2019

@Leonardo0308

Em 28/01/2019 às 16:32, Leonardo0308 disse:

Como o colega @gustavohalm perguntou, o que aparece quando você clica? não aparece a pagina ou a função que essa pagina deveria fazer não funciona?

Expandir

bem quando o usario clica ali ele é direcionado a uma pagina que esta como nome form.php e pelo link eu envio o valor do grupo que é tv e na pagina com o $_GET eu recebo o valor para a edição da pagina mais o href parece que nem existe ali eu paço o mouse em cima ele não tem reação e quando clica nada absolutamente nada acontece nem no console

Em 28/01/2019 às 16:32, Leonardo0308 disse:

E usar link absoluto (com http, www e etc.) é mais recomendado quando é para acesso de sites externos, para links internos ao site é melhor usar links relativos, até mesmo pela questão de organização.

Expandir

inicialmente eu estava usando o link interno mais não foi e eu troquei pelo absoluto mais também não foi

adicionado 1 minuto depois

@Luís Roberto C. da Silva eu coloquei os dois o localhost é porque ainda estou criando o site e só para teste ate eu colocar no site

adicionado 3 minutos depois

Tem outa coisa não sei se esta relacionado: eu tenho um input de pesquisa e um input de enviar só que se eu clico no centro deles não funciona só na linha de cima não sei o porque

gustavohalm · 29 de janeiro de 2019

Estranho isso cara

Bom, tem alguma outra função Js, ou comando css desabilitando o A, e quando voce tenta entrar na pagina diretamente pelo link, ela abre?

Matheus Evandro Rech · 29 de janeiro de 2019

@gustavohalm sim ele abre normal

adicionado 0 minutos depois

@gustavohalm javascript so uso no slide, css eu vou verificar

Matheus Evandro Rech · 29 de janeiro de 2019

@gustavohalm de uma olhada nesse print:

a div do carrosel esta por cima das tags eu acho que é isso mais no css esta assim:

.slideshow-container {
  width: 100%;
  position: relative;

}

tinha um margin e um padding eu removi e não mudou nada

esse é o código do css completo:

* {box-sizing: border-box}
body {font-family: Verdana, sans-serif; margin:0}
.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  width: 100%;
  position: relative;
  padding-top: 6px;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}