Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Rivero

[Resolvido] como fazer um hiperlink carrega o conteúdo so ser for

Recommended Posts

tenho um hiperlink assim <a href="#">i</a> mais eu gostaria que o conteúdo desse link só carregasse só ser fosse clicado

não sei se estou na categoria certa mais se alguém poder me ajuda eu agradeço

Compartilhar este post


Link para o post
Compartilhar em outros sites

Explique melhor seu problema .. 'se for clicado' .. ? 'que conteúdo'

o caso é simples, tenho vários link que não leva a nada, mas o conteudo contido nela e carregado junto com a pagina mais eu gostaria que ela nao carregasse junto com a pagina e sim quando fosse clicado

meu site para vcs entenderem melhor http://extremianime.comeze.com/category.php?id=1&orderby=title

o link que eu estou falando se encontra como "i" e só clica sobre ele que ele abre a janela que eu gostari que carregasse so quando force clicado

Compartilhar este post


Link para o post
Compartilhar em outros sites

Teria de ser feito por ajax, pode-se utilizar o ajax da jQuery, já vi que utiliza jquery no site.

 

no seu caso é bem simples, pois o mais 'grosso' já está implementado.

 

você precisa ter um único bloco vazio, que é o caso do bloco aonde você irá carregar o conteudo.

 

<div id='conteudo'></div>

 

um outro arquivo, chamarei de consulta.php, para retornar do banco de dados o que você irá carregar dentro da div, conforme o id passado.

Não entrarei em detalhes de consulta de banco de dados.

$id = $_GET['id'];
$query = mysql_query( 'SELECT * FROM anime WHERE id = '.$id );
if( $consulta = mysql_fetch_array( $query ) ) {
  //Aqui você imprime todo o conteúdo que colocará dentro da div
  echo '<h1>'.$consulta['titulo'].'</h1>';
  echo '<p>'.$consulta['descrica'].'</p>';
}

 

e o arquivo javascript que carregará a consulta na div

funcion carregaAnime( id ){
//insira o id da div a ser carrega e após a página a ser carregada, passando o id
$('#conteudo').load( 'consulta.php?id=' + id );
//e aqui você chama a função de exibir a div. 

//o return false é para não modificar a página em si
return false;
}

 

lá no link 'i', você coloca no onclick que vai chamar essa função, carregaAnime, passando o respectivo id do anime.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Teria de ser feito por ajax, pode-se utilizar o ajax da jQuery, já vi que utiliza jquery no site.

 

no seu caso é bem simples, pois o mais 'grosso' já está implementado.

 

você precisa ter um único bloco vazio, que é o caso do bloco aonde você irá carregar o conteudo.

 

<div id='conteudo'></div>

 

um outro arquivo, chamarei de consulta.php, para retornar do banco de dados o que você irá carregar dentro da div, conforme o id passado.

Não entrarei em detalhes de consulta de banco de dados.

$id = $_GET['id'];
$query = mysql_query( 'SELECT * FROM anime WHERE id = '.$id );
if( $consulta = mysql_fetch_array( $query ) ) {
  //Aqui você imprime todo o conteúdo que colocará dentro da div
  echo '<h1>'.$consulta['titulo'].'</h1>';
  echo '<p>'.$consulta['descrica'].'</p>';
}

 

e o arquivo javascript que carregará a consulta na div

funcion carregaAnime( id ){
//insira o id da div a ser carrega e após a página a ser carregada, passando o id
$('#conteudo').load( 'consulta.php?id=' + id );
//e aqui você chama a função de exibir a div. 

//o return false é para não modificar a página em si
return false;
}

 

lá no link 'i', você coloca no onclick que vai chamar essa função, carregaAnime, passando o respectivo id do anime.

Realmente sua ideia foi bem interessante mais eu tentei e não deu em nada o aquivo consulta parece não receber qualquer informação eu criei a pagina consulta assim

<?php

include('config.php');

 

$id = $_GET['id'];

$query = mysql_query( 'SELECT * FROM categories WHERE parentid = '.$id );

if( $consulta = mysql_fetch_array( $query ) ) {

//Aqui você imprime todo o conteúdo que colocará dentro da div

echo '<table border="0"><tr><td><img alt="" src="'.$consulta['img'].'"></td><td>'.$consulta['resumo'].'</td></tr></table>';

}

?>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

</head>

 

<body>

<div id="conteudo"></div>

</body>

</html>

 

e coloquei meu hiperlink assim o código abaixo estar na minha pagina php

<a href=\"consulta.php?id=".$subrow['id']."\" onclick=\"carregaAnime\"><font color=\"#FF0000\"><strong>i</strong></font></a>

<div class=\"highslide-maincontent\"><div id=\"conteudo\"></div>

</div>

mais mesmo assim não funciona

Compartilhar este post


Link para o post
Compartilhar em outros sites

consegui pessoal eu montei uma pagina de consulta como nosso amigo Gabriel Heming falow

<?php

include('config.php');

$id = $_GET['id'];

$query = mysql_query( "SELECT * FROM categories WHERE id = ".$id.";" );

if( $consulta = mysql_fetch_array( $query ) ) {

//Aqui você imprime todo o conteúdo que colocará dentro da div

echo "<table border=\"0\"><tr><td><img src=\"".$consulta['img']."\"></td><td>".$consulta['resumo']."</td></tr></table>";

}

?>

 

e depois no meu link eu so direcionei para pagina conlsuta

<a href="consulta.php?id=".$subrow['id']." ">

 

nem precisei fazer javascript na pagina

muito obrivado Gabriel Heming pela força

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.