javascript – Limitar conteúdo HTML em DIVs e distribuir nas seguintes dinamicamente?

let texto = `Lorem consectetur adipisicing elit. Debitis pariatur ipsum quos, adipisci
    laboriosam expedita possimus soluta tempora culpa, officia rerum ducimus consequuntur delectus
    error cumque maxime aperiam ullam sequi?
    O que é o Lorem Ipsum? O Lorem Ipsum é um texto modelo da indústria
    tipográfica e de impressão. O Lorem Ipsum tem vindo a ser o texto
    padrão usado por estas indústrias desde o ano de 1500, quando uma
    misturou os caracteres de um texto para criar um espécime de livro.
    Este texto não só sobreviveu 5 séculos, mas também o salto para a
    tipografia electrónica, mantendo-se essencialmente inalterada. Foi
    popularizada nos anos 60 com a disponibilização das folhas de
    Letraset, que continham passagens`

document.getElementById("page01").innerHTML += texto.substring(0, 305)
document.getElementById("page02").innerHTML += texto.substring(305, 612)
document.getElementById("page03").innerHTML += texto.substring(612, 1000)
.page {
  width: 150px;
  height: 300px;
  border: 1px solid #000;
  padding: 10px 15px;
  float: left;
  margin-left: 15px;
}
<div class="page" id="page01">

</div>

<div class="page" id="page02">

</div>
<div class="page" id="page03">

exibir conteudo especifico no iframe HTML

tenho na “página1.html” duas div
Exemplo:

<div id="teste1">teste1</div>
<div id="teste2">teste2</div> 

na “página2.html” tenho um iframe e nele quero exibir somente uma das div com iframe.
Exemplo:

<iframe src="https://pt.stackoverflow.com/./pagina1.html#teste1" frameborder="0"></iframe>

Deveria exibir só o conteudo da div “id=”teste1″”.
Como fazzer isso?

Ajax não deixa conteúdo com jquery ser renderizado

Pessoal estou tentando mover uma div utilizando jquery. Porém ao mover o conteudo funciona facilmente. O problema é que após executar uma ação que envolve o ajax, ela aparece por alguns instantes no lugar que eu quero que ela aparece mas some e volta para a div original logo em seguida. Como eu posso fazer para que o jquery forçe o ajax a deixar a div aonde eu quero ? Vou postar meu codigo logo abaixo. Mas desde já deixo meu agradecimento.

jQuery(".price-filter-container").detach().appendTo('.filtragem').trigger('change');

        jQuery('.filter-options-content').live('click', '.products-list-loader', function() {

            jQuery(".price-filter-container").detach().appendTo('.filtragem').trigger('change');
        })

python apaga o conteudo de um arquivo txt antes de fazer a quebra de linha

Olá, estou fazendo um programa que precisa guardar um input do usuario e depois fazer uma quebra de linha(usando um “n” por exemplo), mas na hora de fazer a quebra de linha o python apaga todo o conteudo do arquivo e quebra uma linha o codigo para quebrar a linha:

with open("infoSaved.txt","a") as file:
                file.write("n");

“infoSaved.txt” é o arquivo que quero escrever.
Meu código inteiro:

import pyautogui, os, re, time, math;

def mouseCreate(v):
    print()
def keyboardCreate(v):
    print()
def cmdCreate(v):
    print()
print("o que deseja fazer:");
print("adicionar um comportamento(1)");
print("deletar um comportamento(2)");
print("executar um comando(3)");
desejo = input("> ");
print("")
if "2" in desejo:
    print(2)
elif "1" in desejo:
    nome = input("nome do comportamento: ");
    reader = open("infoSaved.txt").read();
    with open("infoSaved.txt", "a") as file:
        file.write(nome + ":;");
    loop = True;
    while loop:
        reader = open("infoSaved.txt").read();
        print("adicionar acão de: mouse(1), teclado(2), cmd(3) ou só terminar a config(4)");
        whatDo = input("> ");
        if "4" in whatDo:
            with open("infoSaved.txt","a") as file:
                file.write("n");
            loop = False;
        #mouse
        elif "1" in whatDo:
            print("")
            print("mover o mouse(1)");
            print("dar um click com o botão esquerdo(2)");
            print("dar um click com o botão direito(3)");
            print("segurar o botão esquerdo(4)");
            print("segurar o botão direito(5)");
            print("soltar o botão esquerdo(6)");
            print("soltar o botão direito(7)");
            print("dar um double click com o botão esquerdo(8)");
            print("dar um double click com o botão direito(9)");
            mouseAction = input("> ");
            
        #keyboard
        elif "2" in whatDo:
            print("");
            print("escrever(1)");
            print("quebrar linha(2)");
            print("usar comandos de teclas combinadas. ex: ctrl c(3)");
            print("apertar uma serie de teclas(4)")
            whatDo = input("> ");
            
        #cmd
        elif "3" in whatDo:
            print("qual");
            val = input("> ");
            
    if loop == False:
        with open("infoSaved.txt","w") as file:
            file.write("n");
            file.flush();
elif "3" in desejo:
    print(3);

como poderia resolver isso
estou usando o python 3.9
desde ja agradeço

css – como configurar um componente drawer para que ela empurre todo o conteúdo do site para o lado e ainda não seja afetada pelo scroll?

insira o código aqui

a ideia era empurrar todos os outros conteúdo da outra Box para a direita quando o drawer estivesse, porem ele fosse imune ao scroll do mouse deixando o conteúdo dela sempre visivel

  <Box>
    <Sidebar onClose={(data) => {
      setOpen(data);
    }} open={open} />
  </Box>

  <Box>
    <Navbar onOpen={(data) => {
      setOpen(data);
    }} />

    <Perfil />
    <AboutMe />
    <DevSkills />
    <Services />
    <Experience />
    <Qualificacoes />
    <Footer />
  </Box>

</Box>

inserir a descrição da imagem aqui

regex – Como filtrar uma tag html e seu conteúdo com expressões regulares na Shell Bash?

Tomando como base o texto abaixo, me explique nesta pergunta, como manter a saída de texto da primeira coluna da tag span, que condiz com o texto do segundo span.

<span class="CVA68e qXLe6d">Colcha Casal e ... - TorraTudo</span>  <span class="qXLe6d dXDvrc">  <span class="fYyStc">www.torratudo.com &#8250; cama</span>  </span>
<span class="CVA68e qXLe6d">Colcha Solteiro e ... - TorraTudo</span>  <span class="qXLe6d dXDvrc">  <span class="fYyStc">www.torratudo.com &#8250; cama</span>  </span>
<span class="CVA68e qXLe6d">Roupão de banho ... - TorraTudo</span>  <span class="qXLe6d dXDvrc">  <span class="fYyStc">www.torratudo.com &#8250; banho</span>  </span>
<span class="CVA68e qXLe6d">Caminho de mesa ... - TorraTudo</span>  <span class="qXLe6d dXDvrc">  <span class="fYyStc">www.torratudo.com &#8250; mesa</span>  </span>
<span class="CVA68e qXLe6d">Cortina para quarto ... - TorraTudo</span>  <span class="qXLe6d dXDvrc">  <span class="fYyStc">www.torratudo.com &#8250; cama</span>  </span>
<span class="CVA68e qXLe6d">Travesseiro de pena com ... - TorraTudo</span>  <span class="qXLe6d dXDvrc">  <span class="fYyStc">www.torratudo.com &#8250; cama</span>  </span>
<span class="CVA68e qXLe6d">Fronha de Solteiro em ... - TorraTudo</span>  <span class="qXLe6d dXDvrc">  <span class="fYyStc">www.torratudo.com &#8250; cama</span>  </span>
<span class="CVA68e qXLe6d">Lençol 70% algodão e ... - TorraTudo</span>  <span class="qXLe6d dXDvrc">  <span class="fYyStc">www.torratudo.com &#8250; cama</span>  </span>
<span class="CVA68e qXLe6d">Pano de prato pintado a ... - TorraTudo</span>  <span class="qXLe6d dXDvrc">  <span class="fYyStc">www.torratudo.com &#8250; mesa</span>  </span>
<span class="CVA68e qXLe6d">Coberto dupla face colo... - TorraTudo</span>  <span class="qXLe6d dXDvrc">  <span class="fYyStc">www.torratudo.com &#8250; cama</span>  </span>
<span class="CVA68e qXLe6d">Toalha de rosto felpudo ... - TorraTudo</span>  <span class="qXLe6d dXDvrc">  <span class="fYyStc">www.torratudo.com &#8250; banho</span>  </span>

Lembrando que o texto acima possui vários parágrafos e, o que é determinante nessa questão é conseguir pegar os títulos do primeiro span através da filtragem pela #hashtag &#8250; cama/mesa/banho do terceiro/último span.

O que tentei .. o sed juntamente com o grep em sua forma simples de uso:

sed 's/"/n/g' /tmp/default.htm | grep "TorraTudo"

Significado da opção ” n:
" – Filtrar apóstrofos e..
n – Quebrar linha por linha a cada apóstrofo

  • Isto me dá uma lista, do qual eu posso continuar o manuseio a saída fica como:
>Colcha Casal e ... - TorraTudo</span>  <span class=
>Colcha Solteiro e ... - TorraTudo</span>  <span class=
>Roupão de banho ... - TorraTudo</span>  <span class=
>Caminho de mesa ... - TorraTudo</span>  <span class=
>Cortina para quarto ... - TorraTudo</span>  <span class=
>Os Simpsons em Português - YouTube</span>  <span class=
>Travesseiro de pena com ... - TorraTudo</span>  <span class=
>Fronha de Solteiro em ... - TorraTudo</span>  <span class=
>Lençol 70% algodão e ... - TorraTudo</span>  <span class=
>Pano de prato pintado a ... - TorraTudo</span>  <span class=
>Coberto dupla face colo... - TorraTudo</span>  <span class=
>Toalha de rosto felpudo ... - TorraTudo</span>  <span class=

Mas veja que não há distinção entre Cama/Mesa/Banho

E o que preciso e separar cada título a sua categoria.

Até tentei algo como: sed 's/"/n/g' /tmp/default.htm | grep "TorraTudo(^.*$) &#8250; watch"

Entre várias tentativas inúteis que fiz fora essas mostrada aqui, decidi pergunta pra quem tem mais experiência neste assunto (Expressão Regular).

Como acessar o conteúdo de um arquivo JSON pelo JavaScript?

Estou com um projeto de um cartão de aniversário desenvolvido com HTML+CSS+JS, daí implementei uma lógica em JS onde o cartão traz uma frase de parabéns aleatóriacombinando o Math.random() e um array, conforme trecho abaixo:

    // Frases e emojis random
    randomElements = (
        {
            frasePronta: 'Que a esperança, a alegria de viver, a paz e a saúde sejam dádivas renovadas em sua vida hoje e que se estendam por todo o ano. Que Deus possa continuiar iluminando sua vida, mostrando os melhores caminhos e realizando todos os seus sonhos.',
            cadeiaEmoji: '🎈🥳🎂'
        },
        {
            frasePronta: 'O melhor aniversário para a mais especial das pessoas, nesta data querida de seu aniversário, receba meus parabéns e meu abraço.',
            cadeiaEmoji: '🎈🎂🎉'
        },
        {
            frasePronta: 'Não se espante se hoje a luz do sol brilhar mais e a das estrelas encandear a sua noite, pois toda natureza se alegra pelo seu aniversário. Parabéns!',
            cadeiaEmoji: '🙏🎂🎉'
        },
        {
            frasePronta: 'Parabéns! Desejo que a saúde, a paz e o amor sejam seus convidados de honra para hoje e todos os dias da sua vida.',
            cadeiaEmoji: '🙏🤗🎂'
        },
        {
            frasePronta: 'Neste dia especial, aquilo que desejo para você é que os anos passem, mas nunca levem seu sorriso e esse olhar repleto de esperança.',
            cadeiaEmoji: '🎈🤗🎉'
        },
        {
            frasePronta: 'Todo dia é uma nova oportunidade que a vida oferece a quem nela crê.',
            cadeiaEmoji: '🙏🥳🎂'
        },
        {
            frasePronta: 'Parabéns pelo seu aniversário. Desejo-lhe agradáveis surpresas e felizes acontecimentos, e que este dia possa lhe trazer muitas aventuras e alegrias!',
            cadeiaEmoji: '🎈🎉🥳'
        },
        {
            frasePronta: 'Felicidade! Essa mensagem está repleta de carinho, porque é para alguém muito especial: Você!',
            cadeiaEmoji: '🎂🎈🤗'
        }
    )
    
    let selecionarFrase = parseInt(Math.random()*7)
    let selecionarEmoji = parseInt(Math.random()*7)

let fraseParabens = document.getElementById('fraseAniversario')
let emojiTitle = document.getElementById('emojis')

fraseParabens.innerHTML = randomElements(selecionarFrase).frasePronta
emojiTitle.innerHTML = randomElements(selecionarEmoji).cadeiaEmoji

Como podemos ver, isto deixa o meu código JS muito poluído com este excesso de linhas, daí, criei um arquivo JSON (vi também que pode ser feito também com o uso de um arquivo JS só com os dados) com os dados que preciso, porém, não sei como realizar o acesso à informação que lá existe pelo meu código JS para poder adicionar a minha DOM.

Gostaria de entender melhor o que posso estar fazendo ou onde devo buscar por informação ou algum trecho de código implementado com esta ideia para que eu possa aplicar ao meu projeto.

javascript – Atualizar conteúdo da div

Como posso atualizar o conteúdo de uma div a cada 10 minutos sem atualizar o navegador?

<div id="refresh">
    <p><span class="cc"> Dados </span></p>
</div>

javascript – Pagina HTML dinamica – aparecer conteudo só em um url epecifico

Ola,

Eu tenho um site de vendas e tenho acesso sómente ao reader dele, quero fazer uma pagina que aparece apenas na pagina inicial dentro dele e nas outras paginas não carregue ela.
sabem alguma forma de eu conseguir fazer isso usando apenas HTML, CSS e javascript?

Minha ideia é fazer uma div que só vai ser carregada se a url for x.,