Enlace a un texto en una pestaña o ficha
Autor: Leo A.
Visited 1646,
Followers 1,
Udostępniony 0
Hola!
Alguien que sabe cómo enlazar, en un mismo texto, a otro renglón o sección, de un texto desarrollado con pestañas o fichas???
KolAsim propone en https://helpcenter.websitex5.com/pl/post/243612 una solución con html que funciona si el texto no tiene pestañas o fichas, pero estaría bien una solución para el texto en pestañas
Si alguien lo sabe y lo puede compartir estaria genial
Muchas gracias!!
Posted on the
... esperando a los Expertos, ... por mi parte, como dije allá ... ... ciao...
...
ciao
.
Autor
Hola, ejemplo:
En la pestaña Historia, en el tercer renglón hay un (1) que tendría que enlazar con la pestaña Referencias, debajo de Viquipèdia, donde pone (1) Ars (les Valls de Valira).
KolAsim propone:
en la forma HTML conocida es fácil; ...por ejemplo:
Text Text Text Text Text Text
Text Text Text Text Text Text
<a id = "Anchor1"> </a> Text1 Text1 Text1 Text1 Text1 Text1 Text1 Text1 Text1
Text1 Text1 Text1 Text1 Text1
Text1
***
***
<a id = "Anchor2"> </a> Text2 Text2 Text2 Text2 Text2 Text2 Text2
Text2 Text2 Text2 Text2
Text2 Text2
***
***
<a id = "Anchor3"> </a> Text3 Text3 Text3 Text3
Text3 Text3 Text3 Text3 Text3 Text3 Text3 Text3 Text3
Text3 Text3 Text3
***
***
>> etcétera, etcétera... ... .. .. . . .
... y para los enlaces es simple usando la opción Archivo o URL | Archivo de Internet y escribiendo el nombre del ancla:
Pero esto funciona si no hay Pestañas. Al haber pestañas en el objeto texto no hace nada.
A ver si alguien sabe o encuentra una solución para abrir la Pestaña en cuestión
Gracias!!
(It > Es) ...Hola, ... desafortunadamente actualmente no tengo una PC con el programa y solo puedo basarme y estudiar en el LINK...
... por lo tanto y como se informó, si estas interesado, cuando vea tu ejemplo LINK que solicité, con pestañas/tab y anclajes, solo entonces volveré aquí......
.
ciao
.
Autor
Hola, perdona si no te envío lo que me pides, quizás es que no te entiendo bien.
Te voy a mandar mas cosas, a ver si algo de esto te funciona. Lo que mandé arriba el 15/08 es la visualización de lo que te envío ahora.
He exportado el proyecto y te extraigo parte del código que creo te podría servir
<div class="text-tabs">
<div class="text-tabs-border"></div>
<a class="tab floated-tab tab-scroller"><span></span></a>
<div class="text-tabs-outer floated-tab">
<div class="text-tabs-inner">
<a data-index="0" href="#imTextObject_113_14_tab0" class="tab first-tab selected-text-tab">Descripción</a>
<a data-index="1" href="#imTextObject_113_14_tab1" class="tab">Historia</a>
<a data-index="2" href="#imTextObject_113_14_tab2" class="tab">Festividades</a>
<a data-index="3" href="#imTextObject_113_14_tab3" class="tab">Experiencia</a>
<a data-index="4" href="#imTextObject_113_14_tab4" class="tab">Ir y seguir</a>
<a data-index="5" href="#imTextObject_113_14_tab5" class="tab last-tab">Referencias</a>
</div>
</div>
<a class="tab floated-tab last-tab tab-scroller"><span></span></a>
</div>
<div class="text-container">
<div data-index="0" class="text-tab-content grid-prop current-tab " id="imTextObject_113_14_tab0" style="opacity: 1; ">
<div class="text-inner">
<h3 class="imHeading3">Descripción</h3><div><div class="imTAJustify mb1">El pueblo se encuentra en el <span class="fs13lh1-5"><b>valle de Sant Joan</b></span>,... ... rectángulo del edificio.</div></div>
</div>
</div>
...
<div data-index="1" class="text-tab-content grid-prop " id="imTextObject_113_14_tab1" style="">
<div class="text-inner">
<h3 class="imHeading3">Historia</h3><div><div class="mb1"><span class="fs13lh1-5"><b> Ars </b></span>figura en el <span class="fs13lh1-5"><b>Acta de Consagració de la Catedral d'Urgell</b></span> del año 819 ó 839.</div><div class="mb1"><span class="fs10lh1-5"><a href="#1" class="imCssLink">(1) </a></span>En 1110... ...EMD (Entitat Municipal Descentralitzada).</div></div>
</div>
</div>...
...
<div data-index="5" class="text-tab-content grid-prop " id="imTextObject_113_14_tab5" style="">
<div class="text-inner">
<h2 class="imHeading2">Enlaces</h2><div><img class="image-1" src="images/Logo-Atencion-32x32px-FBla.png" title="" alt=""/> <span class="imUl fs13lh1-5"><b>Atención</b></span></div><div><div><span class="fs13lh1-5">El listado de los enlaces de abajo acceden a terceros, otros servicios de otras empresas, tendrá que aceptar sus cláusulas de privacidad, cookies, términos y condiciones si quiere acceder.</span></div><div><span class="fs13lh1-5"><br></span></div><h3 class="imHeading3">Viquipèdia</h3><h4 class="imHeading4"><span style="font-style: normal;" class="fs13lh1-5 cf1 ff1"><a id="1"></a>(1) </span>Ars (les Valls de Valira)</h4><div><span class="fs13lh1-5"><a href="https://ca.wikipedia.org/wiki/Ars_(les_Valls_de_Valira)" target="_blank" class="imCssLink">https://ca.wikipedia.org/wiki/Ars_(les_Va.</a>..</span></div>...
...
<div><a href="https://www.wikiwand.com/ca/Acta_de_consagraci%C3%B3_i_dotaci%C3%B3_de_la_catedral_d%27Urgell" target="_blank" class="imCssLink"> https://www.wikiwand.com/ca/Acta_de_cons...
</div>
</div>
</div>
La propuesta tuya si funciona si no hay pestañas
Si hay alguna cosa más que te pueda enviar me lo dices. Muchas gracias!
... >> LINK page online; example: www.namesite.es/test/namepage.html
.
Autor
Hola!
No la tengo publicada todavía, estoy trabajando en ella para publicarla.
Hola Leo
¿Sería posible cargar tu proyecto en línea solo temporalmente? Esto nos permitiría a nosotros y a KolAsim verificar mejor la estructura de tu sitio web y proponer una solución.
Por favor avíseme si esto es posible. Cualquier subcarpeta también estaría bien
Mantenme informado
Stefano
Autor
Hola!
Acabo de publicarla en internet, hay cosas que no estan acabadas, y no funcionan bien
Os dejo un link para ver de lo que hablamos
https://www.pyctyos.com/ars.php
Gracias
Autor
Hola, en https://www.pyctyos.com/pruebas.html , si bajan hasta Historia, debajo se ve un (1), con un link, se puede ver la solución que propone KolAsim funcionando sin pestañas, que te lleva al link
:)
(It > Es) <a id="1"> </a>
... evite solo anclajes numéricos, mejor si son alfanuméricos, por ejemplo: "a1" ...
... para conexiones a Tableros + Anclajes, puedes programar mi código EXTRA ...
... Tengo que entender dónde están los botones que se conectarán a los Anclas dentro de los Tableros ...
.
Autor
Hola
... evite solo anclajes numéricos, mejor si son alfanuméricos, por ejemplo: "a1" ... OK
... para conexiones a Tableros + Anclajes, puedes programar mi código EXTRA ... No se cuál es tu código extra
... Tengo que entender dónde están los botones que se conectarán a los Anclas dentro de los Tableros ... No hay botón. Las dos propuestas que he mencionado, una con pestañas (tab) https://www.pyctyos.com/ars.php y la otra sin pestañas https://www.pyctyos.com/pruebas.html , trabajan con el texto "(1)" que está en Historia, 2 renglones más abajo, que hace de botón, y que dirije al Ancla. Verás que el "(1)" está con una fuente más pequeña que el texto normal y en rojo.
:)
... lo siento, tal vez no entendí y / o entendí mal ...
... asi que creo que entiendo, que los anclajes externos (botón/link) para un enlace
a un ancla en particular colocado dentro de una tarjeta, no lo necesitas...!?...
ciao
.
Autor
A ver, empecemos de nuevo.
Yo quiero enlazar un boton/texto/link a un texto. Que el botón/texto/link esté en una ficha/pestaña/tab determinada, como lo que muestro en el ejemplo https://www.pyctyos.com/ars.php . En la pestaña Historia, botón/texto (1), en rojo, para enlazar a un texto en la pestaña Referencia , a un texto que también lleva el (1) pero en texto normal. Es lo que quiero conseguir, que NO funciona, como se ve en este ejemplo. Si picas en el (1) en rojo en Historia no hace nada. Esto es lo que quiero conseguir, que al picar el (1) rojo en Historia, pueda ir al (1), de texto normal, en Referencias.
Tu propusiste la solución de los anclas, que como se ve en el ejemplo https://www.pyctyos.com/pruebas.html , si vas a Historia y picas en el (1) en rojo, que esta dos renglones más abajo, te lleva al (1) Ars (le Valls de Valira), SI que funciona, pero sirve como ejemplo para mostrar que tu propuesta funciona si NO hay pestañas. Este ejemplo sirve para eso. Pero no es lo que yo quiero.
No se si ahora me exlpico mejor. :)
Hola Leo
Ahora la situación es mucho más clara, te agradezco tu explicación
Sin embargo, desafortunadamente, me temo que esto no es posible actualmente. Los anclajes son una funcionalidad estándar del navegador, hecha para funcionar cuando el texto se presenta inmediatamente en la misma página. En cambio, este sistema de pestañas es personalizado y también necesitaría una implementación personalizada de los anclajes que no está disponible en este momento
Me temo que este problema solo podría abordarse mediante un código personalizado, para el cual el personal no puede ofrecer asistencia.
Creo que todo lo que puedo hacer es dejar el tema abierto para que otros usuarios eventualmente se unan a la discusión y te ayuden con esto.
Lo siento mucho
Quedo disponible por si tienes otras dudas
Stefano
... este es mi invento ...
... >> botón de pestaña [1] > HISTORIA, enlace a > Archivo o URL | Archivo de Internet y escriba:
javascript:anchor1K()
... en las Propiedades de la página "ars" | Experto | Código personalizado> (3^) tercera opción > Antes del cierre de la etiqueta /HEAD
... pega este código:
<script>
function anchor1K() { $(".text-tabs-inner [data-index=\"5\"]").click();
setTimeout(function(){location.href ="#1";}, 500); }
</script>
.
... etc. ...
.
.
Autor
KolAsim, eres un crack!!!! Yo quiero uno como tu que me ayude con mi web!!!! Llamame!!
HA FUNCIONADO!!!
Lo he hecho para varias posiblilidades, ida y vuelta
Al final el ejemplo ha quedado asi.
En el cuadro de texto, en la pestaña HISTORIA
...<a id="1vuelta"></a>(1) En 1110 Guillem Guitard... ...<a id="2vuelta"></a>(2) En 1156 Ramon de Caboet... ...su hermano, <a id="4vuelta"></a>(4) Arnau de Caboet,...
En la pestaña FESTIVIDADES
...<a id="3vuelta"></a>(3) Se celebra las...
El link en Archivo o URL, Archivo de Internet
javascript:anchor1idaK()
javascript:anchor2idaK()
javascript:anchor3idaK()
javascript:anchor4idaK()
Respectivamente
En la pestaña REFERENCIAS
...<a id="1ida"></a>(1) Ars (les Valls de Valira)...
...<a id="2ida"></a>(2) Llista de monuments de les Valls de Valira...
...<a id="3ida"></a>(3) ARS – CASTELL DE LA SECA...
...<a id="4ida"></a>(4) Ars...
El link en Archivo o URL, Archivo de Internet
javascript:anchor1vueltaK()
javascript:anchor2vueltaK()
javascript:anchor3vueltaK()
javascript:anchor4vueltaK()
Respectivamente
Y en la página, en el mapa, Propiedades, Avanzado, Antes del cierre de la etiqueta HEAD
<script>
function anchor1idaK() { $(".text-tabs-inner [data-index=\"5\"]").click();
setTimeout(function(){location.href ="#1ida";}, 500); }
function anchor2idaK() { $(".text-tabs-inner [data-index=\"5\"]").click();
setTimeout(function(){location.href ="#2ida";}, 500); }
function anchor3idaK() { $(".text-tabs-inner [data-index=\"5\"]").click();
setTimeout(function(){location.href ="#3ida";}, 500); }
function anchor4idaK() { $(".text-tabs-inner [data-index=\"5\"]").click();
setTimeout(function(){location.href ="#4ida";}, 500); }
function anchor1vueltaK() { $(".text-tabs-inner [data-index=\"1\"]").click();
setTimeout(function(){location.href ="#1vuelta";}, 500); }
function anchor2vueltaK() { $(".text-tabs-inner [data-index=\"1\"]").click();
setTimeout(function(){location.href ="#2vuelta";}, 500); }
function anchor3vueltaK() { $(".text-tabs-inner [data-index=\"2\"]").click();
setTimeout(function(){location.href ="#3vuelta";}, 500); }
function anchor4vueltaK() { $(".text-tabs-inner [data-index=\"1\"]").click();
setTimeout(function(){location.href ="#4vuelta";}, 500); }
</script>
Muchííiííísimas graaaacias!! A todos!!!
... Vi, aplicaste el código correctamente, funciona ......
... si te interesa y quieres probar, utilizar diferentes anclajes, si lo prefieres, puedes usar en mi invención exclusiva una única función para todos los anclajes; ... ahora lo entenderás fácilmente por ti mismo; ...para un ejemplo:
... URL >> javascript:anchorK( '5' ,'#1ida')
... función SCRIPT única:
<script>
function anchorK(tabK,idK) { //K;
$(".text-tabs-inner [data-index="+tabK+"]").click();
setTimeout(function(){location.href = idK ;}, 500);}
</script>
.
ciao
.
Autor
Aca se dice así: Eres el puto amo!!!!
No se si ves el futbol, lo dijo Guardiola una vez también!!!
Sabía que lo podías simplificar
Ya está publicado si lo quieres ver
Saludos a todos!!!
... lo he visto , funciona correctamente, y gracias por haber sabido entender, aplicar correctamente y apreciar mi invento exclusivo......
......!... si quieres, con una pequeña adición a mi código, el menú de las pestañas podría permanecer visible, que ahora no está visible, alineado sobre el punto de anclaje:
<script>
function anchorK(tabK,idK) { //K;
$(".text-tabs-inner [data-index="+tabK+"]").click();
setTimeout(function(){location.href = idK ;}, 500);
setTimeout(function(){k=$(window).scrollTop();$(window).scrollTop(k-50);}, 1000) ;}
</script>
.
ciao ciao
.
Autor
KolAsim, qué bueno que lo dijiste, yo no quise profundizar, pero tu aporte era exactamente lo que faltaba para una solución 10 puntos!!!
Muchas gracias a ti y a todos!!! Y cuando uno quiere entender y/o entenderse lo acaba por conseguir. Muchísimas gracias a ti por tu gran aporte y paciencia!!! :)
......
.