Como fazer para a página inteira não ser recarregada
Bom dia.
Estou criando um tema para Drupal 7, tudo parece estar indo bem. surgiram algumas dúvidas.
um pouco sobre meu tema.
existe o menu principal na região primary_link (onde se escolhe o tipo de conteúdo) (e na região header)
existe o menu de navegação pelos artigos de um determinado tipo, que muda conforme o menu principal.(na região left_column) e (na região main-wrapper)
e há a coluna de conteúdo na qual propriamente é exibido um determinado tipo de conteúdo dependendo do menu principal. (na região right_column) e (na região main-wrapper)
primeira pergunta.
como fazer para que ao escolher em primary link seja recarregada apenas a região que está abaixo na estrutura. respectivamente região main-wrapper
depois ao escolher na região left_column seja recarregada apenas a região right_column .
entendo que aqui é preciso usar ajax, só não encontrei nada compreensível. sobre esse tema.
segunda pergunta
como fazer para que na coluna da esquerda seja exibido um determinado tipo de conteúdo. (uma view-forma especial) listas diferentes para cada item do menu principal e respectivamente na coluna da direita dependendo do elemento escolhido na coluna da esquerda.
terceira pergunta
fiz 3 colunas e elas têm alturas diferentes. quero que tenham a mesma altura. uso Div para formatação.
no page.tpl.php uso drupal 7
o seguinte trecho de código
<script language="JavaScript" type="text/javascript">
function setEqualHeight(columns){
var tallestcolumn = 0;
columns.each(function(){
currentHeight = $(this).height();
if(currentHeight > tallestcolumn){
tallestcolumn = currentHeight;
}
}
);
columns.height(tallestcolumn);
}
$(document).ready(function() {
setEqualHeight($(".container > div"));
});
</script>
Esse problema eu finalmente resolvi depois do jantar :) acontece que no Drupal 7 não gosta quando escrevem $
é preciso substituí-lo por jQuery e tudo funcionou imediatamente.
como li, o motivo é que o jQuery funciona em modo noConflict
deve ser mais ou menos assim
jQuery(document).ready(function() {
setEqualHeight(jQuery(".container > div"));
});
e respectivamente em todo lugar trocar $ por jQuery e vocês terão sucesso.
Espero que a informação seja útil para alguém.
as primeiras 2 perguntas continuam em aberto.
- Efetue login para postar comentários