logo

Paleta - Deixe colorido🎨

Palette — Construtor visual de páginas. Não precisa ser designer.

Demonstração ao vivo Baixar Palette

Scroll

Como fazer para a página inteira não ser recarregada

22/02/2025, by Anônimo (não verificado)

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>

 

 

não funciona !!!
 
o que estou fazendo de errado. perdi um dia inteiro.
 
 

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.