[Ayuda] Como Incrustar (Botones/label/ otro...) en alguna pagina web, con javascript.

Foro de elhacker.net

Programación

Desarrollo Web (Moderador: #!drvy)

[Ayuda] Como Incrustar (Botones/label/ otro...) en alguna pagina web, con javascript.

0 Usuarios y 1 Visitante están viendo este tema.

Páginas: [1]

Autor

Tema: [Ayuda] Como Incrustar (Botones/label/ otro...) en alguna pagina web, con javascript. (Leído 2,999 veces)

**Aincrad**

Desconectado

Mensajes: 683

[Ayuda] Como Incrustar (Botones/label/ otro...) en alguna pagina web, con javascript.

« en: 12 Mayo 2021, 19:48 pm »

Hola, como dice el titulo, estoy necesitando inscrustar botones, en youtube. justo arriba del titulo.

pero por alguna razon el titulo desaparece , y aparece mi boton, osea esa region , desaparece .

estoy haciendo esto :

Código

var html = `
 
<button name="favorito" type="button">
<svg aria-hidden="true" viewBox="0 0 10 10">
<path d="m7.4 8.8-2.4-1.3-2.4 1.3.46-2.7-2-1.9 2.7-.39 1.2-2.5 1.2 2.5 2.7.39-1.9 1.9z"/>
 
</svg>
 
Agregar a favoritos
 
</button>
 
`;
 
var OldCode = document.getElementById("info").innerHTML +'\n';
 
document.getElementById("info").innerHTML=OldCode + html ;

Y este es el resultado :

Como pueden ver el titulo e información del video , desapareció, y no se por que . espero puedan ayudarme, gracias de antemano.


	En línea

MinusFour

Moderador Global

Desconectado

Mensajes: 5.529

I'm fourth.

Re: [Ayuda] Como Incrustar (Botones/label/ otro...) en alguna pagina web, con javascript.

« Respuesta #1 en: 12 Mayo 2021, 20:36 pm »

Bleh, el markup de Youtube es horrible, por ejemplo hay varios #info.

Lo que vi es que al momento de parsear:

Código

<yt-formatted-string force-default-style=\"\" class=\"style-scope ytd-video-primary-info-renderer\">Titulo</yt-formatted-string>

Simplemente ignora el contenido de la etiqueta por alguna razón.

Código

<yt-formatted-string class=\"super-title style-scope ytd-video-primary-info-renderer\" force-default-style=\"\">
            <!--css-build:shady-->
         </yt-formatted-string>

Creo que tiene algo que ver con el componente, pero no estoy seguro exactamente. Lo que yo recomendaría es que lo agregaras al DOM directamente y no lo estés recreando.

Código

let html = `
 
<button name="favorito" type="button">
<svg aria-hidden="true" viewBox="0 0 10 10">
<path d="m7.4 8.8-2.4-1.3-2.4 1.3.46-2.7-2-1.9 2.7-.39 1.2-2.5 1.2 2.5 2.7.39-1.9 1.9z"/>
 
</svg>
 
Agregar a favoritos
 
</button>
 
`;
let tmp = document.createElement('div');
tmp.innerHTML = html;
document.getElementById('info').append(tmp);


	En línea

**Aincrad**

Desconectado

Mensajes: 683

Re: [Ayuda] Como Incrustar (Botones/label/ otro...) en alguna pagina web, con javascript.

« Respuesta #2 en: 12 Mayo 2021, 20:59 pm »

Muchas gracias Funciona perfecto ! :

Solucionado!


« Última modificación: 13 Mayo 2021, 03:38 am por Aincrad »	En línea

Páginas: [1]

Ir a:

Mensajes similares
	Asunto	Iniciado por	Respuestas	Vistas	Último mensaje
	botones css y un javascript Desarrollo Web	Zeroql	4	3,739	4 Junio 2011, 14:09 pm por Zeroql
	Iluminación de botones con alguna función Desarrollo Web	rolomo	0	1,524	14 Marzo 2012, 00:31 am por rolomo
	Como entrar en alguna pagina para que no me baneen por la IP ? Mensajería	El_Andaluz	5	10,334	4 Marzo 2013, 04:39 am por El_Andaluz
	[Resuelto]: ¿Como puedo mostrar un error si no encuentran alguna pagina? Desarrollo Web	Leguim	1	2,312	31 Agosto 2019, 04:13 am por engel lex
	como dibujar botones con javascript? Desarrollo Web	Beginner Web	6	3,919	22 Mayo 2020, 03:46 am por EdePC