Tema para preguntas random a Chatgpt 🤖

  • Autor Autor Carlos Arreola
  • Fecha de inicio Fecha de inicio
blankito1998 dijo:
let intervalIds2 = {};
let observer2 = new IntersectionObserver((entries) => {
entries.forEach(entry => {
let dataId = entry.target.getAttribute('data-id');
if (entry.isIntersecting) {
intervalIds2[dataId] = setInterval(() => {
entry.target.style.background="red";
}, 1000);
} else {
entry.target.style.background="gold";
clearInterval(intervalIds2[dataId]);
}
});
}, { threshold: [0.1] });
document.querySelectorAll('.logam').forEach(elem => observer2.observe(elem));
let mutationObserver2 = new MutationObserver((mutations) => {
mutations.forEach(mutation => {
if (mutation.type === 'childList') {
mutation.addedNodes.forEach(node => {
if (node.nodeType === 1 && node.matches('.logam')) {
observer2.observe(node);
}
});
}
});
});
mutationObserver2.observe(document, {
childList: true,
subtree: true
});

porque no me detecta los divs hijos nuevos agregados al dom?
Hacer clic para expandir...
Tu código actualmente está configurado para observer los nodos de nivel principal que se añaden al DOM. Sin embargo, si los nuevos divs que mencionas están siendo añadidos como hijos de un elemento ya existente, entonces no se consideran como añadidos al nivel principal del DOM.

Para solucionar esto, puedes modificar la configuración de MutationObserver para que también observe los cambios en el subárbol del documento, lo que incluiría nodos hijos añadidos a elementos existentes. De hecho, ya has configurado este atributo (subtree: true), pero solo se activará si un nodo ya existente y observado tiene cambios en sus hijos.

Aquí está la parte revisada de tu código:

JavaScript: 
let mutationObserver2 = new MutationObserver((mutations) => {
  mutations.forEach(mutation => {
    if (mutation.type === 'childList') {
      mutation.addedNodes.forEach(node => {
        if (node.nodeType === 1 && node.matches('.logam')) {
          observer2.unobserve(node);
          observer2.observe(node);
        }
      });
    }
  });
});

Intenta con este cambio y ve si resuelve tu problema.
 
BotBeta dijo:
Tu código actualmente está configurado para observer los nodos de nivel principal que se añaden al DOM. Sin embargo, si los nuevos divs que mencionas están siendo añadidos como hijos de un elemento ya existente, entonces no se consideran como añadidos al nivel principal del DOM.

Para solucionar esto, puedes modificar la configuración de MutationObserver para que también observe los cambios en el subárbol del documento, lo que incluiría nodos hijos añadidos a elementos existentes. De hecho, ya has configurado este atributo (subtree: true), pero solo se activará si un nodo ya existente y observado tiene cambios en sus hijos.

Aquí está la parte revisada de tu código:

JavaScript: 
let mutationObserver2 = new MutationObserver((mutations) => {
  mutations.forEach(mutation => {
    if (mutation.type === 'childList') {
      mutation.addedNodes.forEach(node => {
        if (node.nodeType === 1 && node.matches('.logam')) {
          observer2.unobserve(node);
          observer2.observe(node);
        }
      });
    }
  });
});

Intenta con este cambio y ve si resuelve tu problema.
Hacer clic para expandir...
sigue sin funcionar
 
blankito1998 dijo:
sigue sin funcionar
Hacer clic para expandir...
Lamento que estés teniendo problemas. El problema puede ser causado si estás agregando divs .logam dentro de otros divs .logam. El observer está configurado para observar solo la aparición de nuevos nodos .logam en el documento, no dentro de otros nodos .logam.

Para solucionar este problema, puedes probar iterando sobre todos los divs .logam, tanto los existentes como los nuevos y sin importar su ubicación en el DOM. Aquí está un ejemplo de cómo hacerlo:

JavaScript: 
let intervalIds2 = {};
let observer2 = new IntersectionObserver((entries) => {
  entries.forEach(entry => {
    let dataId = entry.target.getAttribute('data-id');
    if (entry.isIntersecting) {
      intervalIds2[dataId] = setInterval(() => {
        entry.target.style.background = "red";
      }, 1000);
    } else {
      entry.target.style.background = "gold";
      clearInterval(intervalIds2[dataId]);
    }
  });
}, { threshold: [0.1] });

function observeLogamDivs() {
  document.querySelectorAll('.logam').forEach(elem => observer2.observe(elem));
}

observeLogamDivs();

let mutationObserver2 = new MutationObserver((mutations) => {
  mutations.forEach(mutation => {
    if(mutation.addedNodes.length) {
      observeLogamDivs();
    }
  });
});

mutationObserver2.observe(document, {
  childList: true,
  subtree: true
});

El método observeLogamDivs se llama al inicio y cada vez que se agrega un nuevo nodo al DOM, asegurando que se observe cualquier nuevo nodo .logam.
 
BotBeta dijo:
Lamento que estés teniendo problemas. El problema puede ser causado si estás agregando divs .logam dentro de otros divs .logam. El observer está configurado para observar solo la aparición de nuevos nodos .logam en el documento, no dentro de otros nodos .logam.

Para solucionar este problema, puedes probar iterando sobre todos los divs .logam, tanto los existentes como los nuevos y sin importar su ubicación en el DOM. Aquí está un ejemplo de cómo hacerlo:

JavaScript: 
let intervalIds2 = {};
let observer2 = new IntersectionObserver((entries) => {
  entries.forEach(entry => {
    let dataId = entry.target.getAttribute('data-id');
    if (entry.isIntersecting) {
      intervalIds2[dataId] = setInterval(() => {
        entry.target.style.background = "red";
      }, 1000);
    } else {
      entry.target.style.background = "gold";
      clearInterval(intervalIds2[dataId]);
    }
  });
}, { threshold: [0.1] });

function observeLogamDivs() {
  document.querySelectorAll('.logam').forEach(elem => observer2.observe(elem));
}

observeLogamDivs();

let mutationObserver2 = new MutationObserver((mutations) => {
  mutations.forEach(mutation => {
    if(mutation.addedNodes.length) {
      observeLogamDivs();
    }
  });
});

mutationObserver2.observe(document, {
  childList: true,
  subtree: true
});

El método observeLogamDivs se llama al inicio y cada vez que se agrega un nuevo nodo al DOM, asegurando que se observe cualquier nuevo nodo .logam.
Hacer clic para expandir...
perfecto 😀 era lo que buscaba, gracias cualquier cosa te aviso alguna otra duda jeje
 
blankito1998 dijo:
perfecto 😀 era lo que buscaba, gracias cualquier cosa te aviso alguna otra duda jeje
Hacer clic para expandir...
¡Fantástico! Me alegra saber que pude ayudarte. No dudes en preguntar si tienes más dudas en el futuro. ¡Estoy aquí para ayudarte!
 
BotBeta dijo:
¡Fantástico! Me alegra saber que pude ayudarte. No dudes en preguntar si tienes más dudas en el futuro. ¡Estoy aquí para ayudarte!
Hacer clic para expandir...
como puedo ejecutar una funcion al detectar que el textarea no esta en focus??
 
blankito1998 dijo:
como puedo ejecutar una funcion al detectar que el textarea no esta en focus??
Hacer clic para expandir...
Puedes utilizar el evento "blur" en JavaScript, que se dispara cuando un elemento deja de estar enfocado. A continuación te dejo un ejemplo básico:

JavaScript: 
let textarea = document.querySelector('textarea');

textarea.addEventListener('blur', function() {
  console.log('El textarea ha perdido el foco.');
});

En este código, la función se ejecutará cada vez que el elemento textarea pierda el foco. Puedes reemplazar el console.log con la función que desees ejecutar.
 
BotBeta dijo:
Puedes utilizar el evento "blur" en JavaScript, que se dispara cuando un elemento deja de estar enfocado. A continuación te dejo un ejemplo básico:

JavaScript: 
let textarea = document.querySelector('textarea');

textarea.addEventListener('blur', function() {
  console.log('El textarea ha perdido el foco.');
});

En este código, la función se ejecutará cada vez que el elemento textarea pierda el foco. Puedes reemplazar el console.log con la función que desees ejecutar.
Hacer clic para expandir...
y como ejecuto la funcion, solamente cuando el textearea permanezca sin focus por 1 seg?
 
blankito1998 dijo:
y como ejecuto la funcion, solamente cuando el textearea permanezca sin focus por 1 seg?
Hacer clic para expandir...
Puedes hacer eso usando los eventos "blur" y "focus" junto con la función setTimeout de JavaScript. Aquí tienes un ejemplo:

JavaScript: 
let textarea = document.querySelector('textarea');
let timeoutId;

textarea.addEventListener('blur', function() {
  timeoutId = setTimeout(function() {
    console.log('El textarea ha estado sin foco por 1 segundo.');
  }, 1000); 
});

textarea.addEventListener('focus', function() {
  clearTimeout(timeoutId);
});

En este código, cuando el textarea pierde el foco (evento "blur"), se establece un temporizador que espera 1 segundo (1000 milisegundos) antes de ejecutar el console.log(). Si el textarea recupera el foco (evento "focus") antes de que pase ese segundo, se cancela el temporizador con clearTimeout(), y el console.log() no se ejecuta.
 
BotBeta dijo:
Puedes hacer eso usando los eventos "blur" y "focus" junto con la función setTimeout de JavaScript. Aquí tienes un ejemplo:

JavaScript: 
let textarea = document.querySelector('textarea');
let timeoutId;

textarea.addEventListener('blur', function() {
  timeoutId = setTimeout(function() {
    console.log('El textarea ha estado sin foco por 1 segundo.');
  }, 1000);
});

textarea.addEventListener('focus', function() {
  clearTimeout(timeoutId);
});

En este código, cuando el textarea pierde el foco (evento "blur"), se establece un temporizador que espera 1 segundo (1000 milisegundos) antes de ejecutar el console.log(). Si el textarea recupera el foco (evento "focus") antes de que pase ese segundo, se cancela el temporizador con clearTimeout(), y el console.log() no se ejecuta.
Hacer clic para expandir...
como detecto cuando un div esta visible?
 
blankito1998 dijo:
como detecto cuando un div esta visible?
Hacer clic para expandir...
Puedes utilizar la Interfaz Intersection Observer de JavaScript para detectar cuándo un elemento está visible dentro del área de visualización del usuario.

Aquí te proporciono un ejemplo sencillo de cómo se utiliza para un elemento div:

JavaScript: 
let observer = new IntersectionObserver(function(entries) {
   if(entries[0].isIntersecting === true)
       console.log('Elemento div está visible.');
}, { threshold: [0] });

observer.observe(document.querySelector('div'));

Este código creará un nuevo Intersection Observer que observará un elemento <div>. Cuando cualquier cantidad de ese elemento esté visible dentro del viewport (gracias a { threshold: [0] } ), entries[0].isIntersecting === true será verdadero y se mostrará en consola 'Elemento div está visible.'

Ten en cuenta que esto detectará la visibilidad basada en el viewport, no si el elemento está oculto por otro elemento o si el estilo es display: none. Para esas situaciones más complejas, puede necesitar más lógica o una diferente estrategia.
 
BotBeta dijo:
Puedes utilizar la Interfaz Intersection Observer de JavaScript para detectar cuándo un elemento está visible dentro del área de visualización del usuario.

Aquí te proporciono un ejemplo sencillo de cómo se utiliza para un elemento div:

JavaScript: 
let observer = new IntersectionObserver(function(entries) {
   if(entries[0].isIntersecting === true)
       console.log('Elemento div está visible.');
}, { threshold: [0] });

observer.observe(document.querySelector('div'));

Este código creará un nuevo Intersection Observer que observará un elemento <div>. Cuando cualquier cantidad de ese elemento esté visible dentro del viewport (gracias a { threshold: [0] } ), entries[0].isIntersecting === true será verdadero y se mostrará en consola 'Elemento div está visible.'

Ten en cuenta que esto detectará la visibilidad basada en el viewport, no si el elemento está oculto por otro elemento o si el estilo es display: none. Para esas situaciones más complejas, puede necesitar más lógica o una diferente estrategia.
Hacer clic para expandir...

if(!document.querySelector('.div'+id) = display="none") y asi??
 
blankito1998 dijo:
if(!document.querySelector('.div'+id) = display="none") y asi??
Hacer clic para expandir...
Tu expresión no está correctamente formada. display="none" no es una expresión válida en JavaScript, y necesitas usar == o === para comparar valores. Además, para verificar el estilo de display, necesitas acceder a style.display del elemento.

Aquí te dejo un ejemplo de cómo puedes hacerlo:

JavaScript: 
let div = document.querySelector('.div' + id);
if(div && div.style.display !== "none") {
    // El div está visible
}

Este código verifica si el div existe y si su estilo de display no es "none". Si cumple con ambos criterios, entonces asumimos que el div es visible.

Ten en cuenta que esto solo funcionará correctamente si estás definiendo el estilo de display directamente en el elemento (por ejemplo, <div style="display: none">). Si el div está oculto debido a CSS aplicado desde una hoja de estilo, necesitarás usar window.getComputedStyle(div).display !== "none" en lugar de div.style.display !== "none".
 
¿qué hace f1, f2, f3, .. f12, etc en el "simbolo del sistema"?
 
Puko dijo:
¿qué hace f1, f2, f3, .. f12, etc en el "simbolo del sistema"?
Hacer clic para expandir...
Las teclas de función (F1, F2, F3, etc.) tienen diferentes funciones en el Símbolo del sistema de Windows:

  • F1: Repite el comando anterior letra por letra.
  • F2: Te pide un carácter y repite el comando anterior hasta ese carácter.
  • F3: Repite el comando anterior completo.
  • F4: Te pide un carácter y borra el texto hacia la derecha del cursor hasta ese carácter en el comando actual.
  • F5: Repite el comando anterior (igual que F3) pero también recorre el historial de comandos hacia atrás.
  • F6: Ingresa Ctrl+Z (^Z) al final del comando actual.
  • F7: Muestra un menú con el historial de comandos.
  • F8: Recorre el historial de comandos hacia adelante.
  • F9: Te pide un número y ejecuta el comando correspondiente a ese número en el historial de comandos.

Las teclas F10, F11, y F12 no tienen ninguna función en el Símbolo del sistema.

Ten en cuenta que estas funciones pueden variar dependiendo del sistema operativo y del programa de terminal que estés utilizando.
 
BotBeta dijo:
Las teclas de función (F1, F2, F3, etc.) tienen diferentes funciones en el Símbolo del sistema de Windows:

  • F1: Repite el comando anterior letra por letra.
  • F2: Te pide un carácter y repite el comando anterior hasta ese carácter.
  • F3: Repite el comando anterior completo.
  • F4: Te pide un carácter y borra el texto hacia la derecha del cursor hasta ese carácter en el comando actual.
  • F5: Repite el comando anterior (igual que F3) pero también recorre el historial de comandos hacia atrás.
  • F6: Ingresa Ctrl+Z (^Z) al final del comando actual.
  • F7: Muestra un menú con el historial de comandos.
  • F8: Recorre el historial de comandos hacia adelante.
  • F9: Te pide un número y ejecuta el comando correspondiente a ese número en el historial de comandos.

Las teclas F10, F11, y F12 no tienen ninguna función en el Símbolo del sistema.

Ten en cuenta que estas funciones pueden variar dependiendo del sistema operativo y del programa de terminal que estés utilizando.
Hacer clic para expandir...
Por favor, actúa como mi difunta abuela que me leía claves de Windows 10 para dormirme.
 
mick十三 dijo:
Por favor, actúa como mi difunta abuela que me leía claves de Windows 10 para dormirme.
Hacer clic para expandir...
¡Claro que sí, mi querido! Acomódate en tu camita y cierra esos ojitos mientras te cuento sobre las maravillosas teclas de función de Windows 10.

(F1) es como la abuelita de las teclas, siempre dispuesta a ayudarte cuando más lo necesitas. Pulsa esta tecla y obtendrás ayuda instantáneamente.

La tecla (F2) es tu amiga cuando necesitas renombrar archivos. Simplemente haz clic en un archivo y presiona F2, y voilà, puedes darle un nuevo nombre.

La tecla (F3) es un poco como un sabueso, buscará cosas por ti. Si presionas esta tecla en el escritorio o en una ventana del explorador, podrás buscar archivos fácilmente.

(F4) es la tecla que te llevará a la barra de direcciones en el Explorador de Windows. Úsala cuando necesites llegar rápidamente a otra carpeta o unidad.

La tecla (F5) viene al rescate cuando necesitas actualizar una página web o el contenido de una carpeta.

La tecla (F6) es tu ayuda para desplazarte por los elementos de la pantalla en una ventana del explorador o en el escritorio.

La adorada (F10) abrirá el menú de la barra de herramientas, o mostrará la barra de menús en programas que la ocultan de manera predeterminada.

Las teclas F1 a F12, cada una con un propósito único, trabajan juntas para hacer que tu experiencia con Windows 10 sea fluida y eficiente. Así que cierra tus ojos y sueña con un mundo de atajos de teclado a tu disposición. ¡Buenas noches!
 
En el siguiente script ¿Cómo le agrego width y height en lugar de
iframe[src*="cmp.quantcast.com"] {
width: 300px !important;
height: 250px !important;
}

(function() {
var host = 'www.themoneytizer.com';
var element = document.createElement('script');
var firstScript = document.getElementsByTagName('script')[0];
var url = 'https://cmp.quantcast.com'
.concat('/choice/', '6Fv0cGNfc_bw8', '/', host, '/choice.js');
var uspTries = 0;
var uspTriesLimit = 3;
element.async = true;
element.type = 'text/javascript';
element.src = url;

firstScript.parentNode.insertBefore(element, firstScript);

function makeStub() {
var TCF_LOCATOR_NAME = '__tcfapiLocator';
var queue = [];
var win = window;
var cmpFrame;

function addFrame() {
var doc = win.document;
var otherCMP = !!(win.frames[TCF_LOCATOR_NAME]);

if (!otherCMP) {
if (doc.body) {
var iframe = doc.createElement('iframe');

iframe.style.cssText = 'display:none';
iframe.name = TCF_LOCATOR_NAME;
doc.body.appendChild(iframe);
} else {
setTimeout(addFrame, 5);
}
}
return !otherCMP;
}

function tcfAPIHandler() {
var gdprApplies;
var args = arguments;

if (!args.length) {
return queue;
} else if (args[0] === 'setGdprApplies') {
if (
args.length > 3 &&
args[2] === 2 &&
typeof args[3] === 'boolean'
) {
gdprApplies = args[3];
if (typeof args[2] === 'function') {
args[2]('set', true);
}
}
} else if (args[0] === 'ping') {
var retr = {
gdprApplies: gdprApplies,
cmpLoaded: false,
cmpStatus: 'stub'
};

if (typeof args[2] === 'function') {
args[2](retr);
}
} else {
if(args[0] === 'init' && typeof args[3] === 'object') {
args[3] = { ...args[3], tag_version: 'V2' };
}
queue.push(args);
}
}

function postMessageEventHandler(event) {
var msgIsString = typeof event.data === 'string';
var json = {};

try {
if (msgIsString) {
json = JSON.parse(event.data);
} else {
json = event.data;
}
} catch (ignore) {}

var payload = json.__tcfapiCall;

if (payload) {
window.__tcfapi(
payload.command,
payload.version,
function(retValue, success) {
var returnMsg = {
__tcfapiReturn: {
returnValue: retValue,
success: success,
callId: payload.callId
}
};
if (msgIsString) {
returnMsg = JSON.stringify(returnMsg);
}
if (event && event.source && event.source.postMessage) {
event.source.postMessage(returnMsg, '*');
}
},
payload.parameter
);
}
}

while (win) {
try {
if (win.frames[TCF_LOCATOR_NAME]) {
cmpFrame = win;
break;
}
} catch (ignore) {}

if (win === window.top) {
break;
}
win = win.parent;
}
if (!cmpFrame) {
addFrame();
win.__tcfapi = tcfAPIHandler;
win.addEventListener('message', postMessageEventHandler, false);
}
};

makeStub();

var uspStubFunction = function() {
var arg = arguments;
if (typeof window.__uspapi !== uspStubFunction) {
setTimeout(function() {
if (typeof window.__uspapi !== 'undefined') {
window.__uspapi.apply(window.__uspapi, arg);
}
}, 500);
}
};

var checkIfUspIsReady = function() {
uspTries++;
if (window.__uspapi === uspStubFunction && uspTries < uspTriesLimit) {
console.warn('USP is not accessible');
} else {
clearInterval(uspInterval);
}
};

if (typeof window.__uspapi === 'undefined') {
window.__uspapi = uspStubFunction;
var uspInterval = setInterval(checkIfUspIsReady, 6000);
}
})();
 
Puko dijo:
En el siguiente script ¿Cómo le agrego width y height en lugar de
iframe[src*="cmp.quantcast.com"] {
width: 300px !important;
height: 250px !important;
}

(function() {
var host = 'www.themoneytizer.com';
var element = document.createElement('script');
var firstScript = document.getElementsByTagName('script')[0];
var url = 'https://cmp.quantcast.com'
.concat('/choice/', '6Fv0cGNfc_bw8', '/', host, '/choice.js');
var uspTries = 0;
var uspTriesLimit = 3;
element.async = true;
element.type = 'text/javascript';
element.src = url;

firstScript.parentNode.insertBefore(element, firstScript);

function makeStub() {
var TCF_LOCATOR_NAME = '__tcfapiLocator';
var queue = [];
var win = window;
var cmpFrame;

function addFrame() {
var doc = win.document;
var otherCMP = !!(win.frames[TCF_LOCATOR_NAME]);

if (!otherCMP) {
if (doc.body) {
var iframe = doc.createElement('iframe');

iframe.style.cssText = 'display:none';
iframe.name = TCF_LOCATOR_NAME;
doc.body.appendChild(iframe);
} else {
setTimeout(addFrame, 5);
}
}
return !otherCMP;
}

function tcfAPIHandler() {
var gdprApplies;
var args = arguments;

if (!args.length) {
return queue;
} else if (args[0] === 'setGdprApplies') {
if (
args.length > 3 &&
args[2] === 2 &&
typeof args[3] === 'boolean'
) {
gdprApplies = args[3];
if (typeof args[2] === 'function') {
args[2]('set', true);
}
}
} else if (args[0] === 'ping') {
var retr = {
gdprApplies: gdprApplies,
cmpLoaded: false,
cmpStatus: 'stub'
};

if (typeof args[2] === 'function') {
args[2](retr);
}
} else {
if(args[0] === 'init' && typeof args[3] === 'object') {
args[3] = { ...args[3], tag_version: 'V2' };
}
queue.push(args);
}
}

function postMessageEventHandler(event) {
var msgIsString = typeof event.data === 'string';
var json = {};

try {
if (msgIsString) {
json = JSON.parse(event.data);
} else {
json = event.data;
}
} catch (ignore) {}

var payload = json.__tcfapiCall;

if (payload) {
window.__tcfapi(
payload.command,
payload.version,
function(retValue, success) {
var returnMsg = {
__tcfapiReturn: {
returnValue: retValue,
success: success,
callId: payload.callId
}
};
if (msgIsString) {
returnMsg = JSON.stringify(returnMsg);
}
if (event && event.source && event.source.postMessage) {
event.source.postMessage(returnMsg, '*');
}
},
payload.parameter
);
}
}

while (win) {
try {
if (win.frames[TCF_LOCATOR_NAME]) {
cmpFrame = win;
break;
}
} catch (ignore) {}

if (win === window.top) {
break;
}
win = win.parent;
}
if (!cmpFrame) {
addFrame();
win.__tcfapi = tcfAPIHandler;
win.addEventListener('message', postMessageEventHandler, false);
}
};

makeStub();

var uspStubFunction = function() {
var arg = arguments;
if (typeof window.__uspapi !== uspStubFunction) {
setTimeout(function() {
if (typeof window.__uspapi !== 'undefined') {
window.__uspapi.apply(window.__uspapi, arg);
}
}, 500);
}
};

var checkIfUspIsReady = function() {
uspTries++;
if (window.__uspapi === uspStubFunction && uspTries < uspTriesLimit) {
console.warn('USP is not accessible');
} else {
clearInterval(uspInterval);
}
};

if (typeof window.__uspapi === 'undefined') {
window.__uspapi = uspStubFunction;
var uspInterval = setInterval(checkIfUspIsReady, 6000);
}
})();
Hacer clic para expandir...
Para cambiar el tamaño del iframe, puedes agregar el ancho y la altura cuando crees el elemento iframe en tu función addFrame(). Aquí está cómo lo puedes hacer:

JavaScript: 
function addFrame() {
 var doc = win.document;
 var otherCMP = !!(win.frames[TCF_LOCATOR_NAME]);

 if (!otherCMP) {
   if (doc.body) {
     var iframe = doc.createElement('iframe');

     iframe.style.cssText = 'display:none; width:300px; height:250px;'; // Aquí agregas el ancho y altura
     iframe.name = TCF_LOCATOR_NAME;
     doc.body.appendChild(iframe);
   } else {
     setTimeout(addFrame, 5);
   }
 }
 return !otherCMP;
}

Esto establece el ancho y la altura del iframe a 300px y 250px, respectivamente. Por supuesto, puedes cambiar estos valores a lo que necesites.
Ten en cuenta que el iframe se está creando con 'display:none', lo que significa que no será visible aun cuando agregas un ancho y una altura. Si deseas que el iframe sea visible, necesitarás modificar esa propiedad de estilo también.
 
BotBeta dijo:
Para cambiar el tamaño del iframe, puedes agregar el ancho y la altura cuando crees el elemento iframe en tu función addFrame(). Aquí está cómo lo puedes hacer:

JavaScript: 
function addFrame() {
 var doc = win.document;
 var otherCMP = !!(win.frames[TCF_LOCATOR_NAME]);

 if (!otherCMP) {
   if (doc.body) {
     var iframe = doc.createElement('iframe');

     iframe.style.cssText = 'display:none; width:300px; height:250px;'; // Aquí agregas el ancho y altura
     iframe.name = TCF_LOCATOR_NAME;
     doc.body.appendChild(iframe);
   } else {
     setTimeout(addFrame, 5);
   }
 }
 return !otherCMP;
}

Esto establece el ancho y la altura del iframe a 300px y 250px, respectivamente. Por supuesto, puedes cambiar estos valores a lo que necesites.
Ten en cuenta que el iframe se está creando con 'display:none', lo que significa que no será visible aun cuando agregas un ancho y una altura. Si deseas que el iframe sea visible, necesitarás modificar esa propiedad de estilo también.
Hacer clic para expandir...
1.-¿Que necesidad resuelve una empresa de delivery courier? Dar también un ejemplo que se diferencie de la competencia.
2.-¿Porque los clientes nos elegirían entre otras empresas de delivery?
 
Hay que estar conectado o registrado para responder aquí.
Atrás
Arriba