last day (14 days later) » 

4:44 AM
0
Q: Fazer trocas de textContent em larga escala com Javascript

ropbla9Eu tenho uma página na qual eu quero que a cada evento seja trocado o textContent de um <h1>, um <p> e uma <img>. Pensei em includes de php ou Json. Não sei. (É muito conteúdo, por isso pensei em Json)

 
O que você chama de "evento"? Eventos de teclado, mouse, etc, ou é outra coisa? Por acaso você se refere a "quando acontecer X no browser, busca-se mais conteúdo no servidor via Ajax, no formato JSON"?
 
@mgibsonbr Não, é um evento de click. É uma página que demonstra 6 produtos e tem um submenu para trocar cada uma das 6, dai quero manter a estrutura da pagina e so trocar o titulo paragrafo e imagem de demonstração
 
É, então é um caso de uso típico de Ajax mesmo. Se você nunca usou Ajax, sugiro dar uma lida no assunto. Dá pra fazer com jQuery (mais fácil) ou com JavaScript puro (nada do outro mundo, só um pouquinho mais trabalhoso). Vou delinear os passos numa resposta (com jQuery, para ela não ficar muito extensa), se tiver alguma dúvida mais específica favor editar a pergunta com os detalhes relevantes.
 
@mgibsonbr É que eu não sei jQuery ainda. Estou buscando ficar full em js puro. Seria legal se pudesse fazer m JS. E outra pergunta: tem certeza de é Ajax? Por que? E ainda se eu quiser colocar uma transição suave de pagina?
 
Se você quer uma visão geral do processo, vai ficar bem mais conciso em jQuery do que em JS puro. Se alguém se dispuser a te responder no formato que você espera, tanto melhor, o que eu posso fazer é dar referências adicionais. Quanto ao Ajax, você tem duas alternativas: 1) renderizar a página inteira de novo (i.e. trocar a página toda a cada evento); 2) buscar somente os dados que mudaram usando JavaScript e inserir esses dados no seu local correto. Esse item 2 - que me parece ser exatamente onde você está tentando chegar - é o que chamamos de "Ajax" (javascript asíncrono e xml/json/etc).
P.S. Eu sei que é "contra a etiqueta do site" responder com jQuery uma pergunta só sobre JavaScript, e peço desculpas por isso, mas no meu entendimento essa pergunta está "em alto nível", não é sobre como executar a etapa X em JS, e sim quais etapas têm de ser executadas.
 
4:44 AM
@mgibsonbr de boa dps eu passo pra JS
@mgibsobr
 
oi
 
@mgibsonbr vou esperar tua resposta pra podermos discutir algo aqui se for o caso.
 
@ropbla9 Blz, dá uma lida lá e vê se ficou alguma dúvida
Vou tentar complementar com algo sobre a transição suave de página (mas não sei se entendi bem o que você quer)
 
queria achar um exemplo
mas n faço ideia de como
man, eu n to usando beck-end
e estatição msm
estaticão
huehue
n faz uma busca de nada
ja ta tudo definido
 
5:01 AM
ih! não sei se dá pra fazer ajax em conteúdo estático... mas você está usando um servidor, não/
tipo, mesmo um servidor servindo arquivos estáticos consegue fazer isso
o que não dá é pra você abrir um html local e fazer ajax
 
n
posso usar wamp
eu pensei em juntar os textos em colunas de json
 
então, você pode ter vários arquivos estáticos em json, e consultar eles via ajax. sem problemas! só que é preciso um servidor de qualquer forma
 
mas por que simplesmente n fazer a troca deles
declarar a troca do textContent
 
o que não dá é pra fazer algo como abrir um arquivo file:///c:\arquivos\teste.html e tentar buscar outros arquivos na mesma pasta via ajax
 
(nao to querendo bater de frente, só entender, pq é oq minha logica diz)
 
5:05 AM
você fala em já ter todo o conteúdo no próprio html? sem buscar mais nada?
 
uhaeuaheu
sei la
 
como você disse que era muito conteúdo, achei que a ideia fosse não abrir tudo de uma vez
mas se já estiver tudo na página, é mais fácil ainda
 
e nao eh
mas n tem como fazer isso sem ser com ajax?
eu sei mas n eh ideal
 
agora você me pegou: eu não conheço um jeito, mas também não posso afirmar se é impossível ou não
 
kkk
você é portugues?
 
5:08 AM
não, sou brasileiro
 
ah, eu tb, pernambuco, eh q muitos sao de pt
então cara, eu comecei ha 5 meses
não manjo mta coisa
a unica coisa que me considero + - é javascript puro
nem eu sei o que estou tentando fazer, nao conheço ajax
 
você trabalha em que?
então, principalmente pra quem está começando jQuery quebra um galhão!
 
é, vou começar estudar. eu gostei muito de JS
 
normalmente, eu nem cogito usar JS puro quando estou mexendo com o DOM. É muito pouca expressividade. Você escreve um código imenso pra fazer pouca coisa.
 
tentei ver ruby php java csharp, mas que eu mais apaguei foi js
hauehua
 
5:13 AM
experimenta python
 
mas n fica mais logico? rs
vou ver como eh
tanto q eu queria aprender algo de beckend
e n gostei de php
ate gostei de ruby
mas ai eu vi que tinha o mean stack
ai vou estudá-lo
 
mean stack?
 
node.js + angular + express.js + mongodb
 
ah, ok
parece uma baita combinação hehe
eu próprio deveria tirar um tempo pra aprender essas coisas
 
mas o rails tb é né
então é mean stack = backend inteiro em javascript, alias aplicação inteira
tem até processador de html em js
 
5:17 AM
eu tomei birra do rails por causa do suporte fraco a Unicode. Eu DETESTO quando os programas não tratam acentos corretamente...
 
kkkkk
 
também por causa daquela regra biruta de pluralizar as tabelas do BD
o trem é tão bugado que até em inglês dá problema, imagina em português
 
nem sei do que falas auheau
 
sorte sua
 
só sei q ruby me parece bem amigavel
mas deve ser pra matar vc dps
kkkk
 
5:19 AM
é legal, sim. eu ainda prefiro python, mas é só questão de gosto (ambas as linguagens são muito semelhantes em termos de expressividade e funcionalidade)
 
e voce faz algo pra web?
em servidor?
 
sim. aplicações e sites (agora estou fazendo um site pra um colégio)
uso Django, no Apache, com MySQL ou Postgres
 
entao se vc prefere paiton
n aprende outra coisa pro mesmo fim ué ¬¬
 
hehe mas eu estou sempre estudando outras linguagens e plataformas. Não dá pra descobrir qual é melhor (ou sequer saber que A é melhor que B) se só se conhece uma...
se fosse assim, eu ainda estaria preso em Java até hoje... (1ª linguagem que aprendi, e uma das piores em minha opinião)
 
veja ai
tenho um tio que faz Ciencias da Computação
ha 3 anos
e até agora só sabe Java
não entendo isso
 
5:31 AM
quando eu estava no 1º período meu professor falou que havia um estudo, mostrando que a primeira linguagem que a pessoa aprende acaba moldando de certa forma sua preferência para trabalhar no futuro. além disso, nem todo mundo que forma em Computação vai mexer com desenvolvimento
 
a minha primeira foi Lua
 
aqui no brasil Delphi foi muito popular até bem pouco tempo atrás, porque os alunos de Computação estudavam Pascal como primeira linguagem. Minha turma (de 2000) foi a primeira na faculdade a trocar pra Java como 1ª linguagem
Lua é uma que eu conheço muito pouco... só usei no Minecraft haha
 
ah, vc eh formado
Lua é muito legal
muito easy, confortável
so nao é OO
é so de seguir o algoritmo e pah
eu n sei mto bem como funcionava
mas o programa principal era o Tibia
q eu saiba eh feito em c++
entao acredito que ele interpretava o Lua juntamente com a API do jogo
 
ah, então Lua é a linguagem de script do tibia? legal
 
é x)
 

last day (14 days later) »