logo

Extra Block Types (EBT) - Nueva experiencia con Layout Builder❗

Extra Block Types (EBT): tipos de bloques con estilo y personalizables: Presentaciones de diapositivas, Pestañas, Tarjetas, Acordeones y muchos más. Configuraciones integradas para fondo, DOM Box y plugins de JavaScript. Experimenta hoy el futuro de la construcción de diseños.

Módulos de demostración EBT Descargar módulos EBT

❗Extra Paragraph Types (EPT) - Nueva experiencia con Paragraphs

Extra Paragraph Types (EPT): conjunto de módulos basado en párrafos de forma análoga.

Módulos de demostración EPT Descargar módulos EPT

Scroll

cómo hacer para que no se recargue toda la página

22/02/2025, by Anónimo (no verificado)

Buen día.

 

Estoy creando un tema para Drupal 7, todo parece ir bien hasta ahora. Tengo un par de preguntas.

 

Un poco sobre mi tema.

Tengo un menú principal en la región primari_link (donde se selecciona el tipo de contenido) (y en la región header)

hay un menú de navegación por artículos de un tipo específico, que cambia según el menú principal. (en la región left_column) y (en la región main-wrapper)

y hay una columna de contenido en la que se muestra el tipo de contenido específico dependiendo del menú principal.  (en la región right_column) y (en la región main-wrapper)

 

Primera pregunta. 

¿Cómo hacer para que al seleccionar en primari_link solo se recargue la región que está más abajo en la estructura? Por lo tanto,  la región main-wrapper

luego, al seleccionar en la región left_column, solo se recarga la región right_column.

Entiendo que aquí se debe usar AJAX, pero no encontré nada claro sobre este tema.

 

Segunda pregunta

¿Cómo hacer para que en la columna izquierda se muestre un tipo de contenido específico? (un tipo especial - formulario) La lista es diferente para cada elemento del menú principal y, por lo tanto, en la columna derecha dependiendo del elemento seleccionado en la columna izquierda.

 

Tercera pregunta

He hecho 3 columnas y son de diferentes alturas. Quiero que tengan la misma altura. Estoy usando Div para el formato.

 

En page.tpl.php estoy usando Drupal 7

el siguiente fragmento 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>

 

 

¡No funciona!!!
 
¿Qué estoy haciendo mal? He perdido todo un día.
 
 

Finalmente entendí este problema después de la cena :) resulta que en Drupal 7 no le gusta cuando escribes $

hay que reemplazarlo por jQuery y todo funcionó de inmediato con un solo clic.

Como leí, la razón es que jQuery trabaja en modo noConflict

 

debería ser algo así

 

jQuery(document).ready(function() {
setEqualHeight(jQuery(".container > div"));
});

 

Y, por lo tanto, en todas partes $ a jQuery y serás feliz. 

Espero que esta información sea útil para alguien.

 

Las primeras 2 preguntas siguen abiertas.