Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal do imaster,
estou com um problema que não consigo resolver, dexa eu explicar melhor pra vocês
Primeiro entrem no meu link: http://test.pacoesportes.com/luvas-ufc-de-mma-oficial-fight-glove.jsp
No centro da página bem ao lado da foto grande tem um combobox com uma cor(preta) após essa cor ser clicada aparecem os tamanhos.
O que eu quero é que essa cor fique como selecionada como padrão pra que não precise seleciona-la para aparecer os tamanhos.
Javascript da página
http://test.pacoesportes.com/js/amasty/amconf/configurable.js
Qualquer duvida fico a disposição
faço isso no javascript ou na página php.
coloquei no onload do body a função javascript
a questão é que ou não consigo identificar qual é meu elemento que tem que ficar como padrão selecionado ou é um erro de sintaxe.
deem uma olhada
<script language="JavaScript">function testecarregamento(){ $("amconf-image").trigger("click");}</script>
na verdade esse "amconf-image" foi mais uma tentativa e sei que ele não é o elemento a ser selecionado
essa sintaxe ta correta?
se tiver como da uma olhada no link que passei ra me ajudar quanto ao elemento, pois já tentei todos os possiveis.
$(".amconf-image").eq(0).trigger("click");
tentei aqui, ainda não deu certo mas continuarei tentando e postarei aqui
nao entendi muito bem o que seria o eq(0)
to tentando fazer com o id que tem que ser selecionado dessa página
http://test.pacoesportes.com/protetor-bucal-nike-prata-strapless.jsp
to tentando desse jeito no onload do body
onload="$('#amconf-image-92').eq(0).trigger('click');"
onload="$('#amconf-image-92').trigger('click');"
onload="$('img#amconf-image-92').eq(0).trigger('click');"
na verdade já tentei de todas as formas possíveis mas ainda não onsegui
não cara..
é assim, olha:
$(document).ready(function(){
$('#amconf-image-63').trigger('click');
});só isso.Não funcionou.
Será que pose ser alguma influencia do javascript do meu modulo de cores?
javascript do modulo de cores: http://pacoesportes.com/js/amasty/amconf/configurable.js
encontrei esse problema bem parecido com o meu e que foi resolvido, mas onde eu tenho que adicionar no meu código que passei acima para funcionar corretamente.
Deem uma olhada: http://jsfiddle.net/gMZGr/1/
Forum que o problema estava sendo discutido: http://stackoverflow.com/questions/7414977/simulate-clicks-on-options
tenta assim cara:
$(document).ready(function(){
$('.amconf-images-container').find('img').eq(0).trigger('click');
});então ainda nao funcionou
to fazendo o teste desse link como já passei acima: http://test.pacoesportes.com/luvas-ufc-de-mma-oficial-fight-glove.jsp
Creio que o elemento a ser selecionado seria o id da imagem que é amconf-image-58 nesse exemplo.
Tentei da forma abaixo que você me passou mas não funcionou.
<script language="JavaScript">
$(document).ready(function(){
$('#amconf-image-58').find('img').eq(0).trigger('click');
});
</script>
Agradesço pela ajuda e continuarei postando aki minhas tentativas.
hum.. essa imagem é criada com js.
Vamos esperar ela, faça assim:
$(document).ready(function(){
window.setTimeout(function(){
$('.amconf-images-container').find('img').eq(0).trigger('click');
}, 500);
});exatamente isso q coloquei aqui, nada mais, e nada menos. Exatamente isso.
Primeiramente me desculpe pois eu cometi um erro grande aqui, não tinha visto que nao era combobox e sim dropdown, por isso nao consegui fazer funcionar.
Esquecendo do erro cometido consegui fazer funcionar mais ou menos aqui, alterei o código abaixo do meu js.
image = document.createElement('img');
image = $(image); // fix for IE
image.id = 'amconf-image-' + options[i].id;
image.src = options[i].image;
image.addClassName('amconf-image');
image.observe('click', this.configureImage.bind(this))
holderDiv.appendChild(image);
Troquei a linha do image.observe('click', this.configureImage.bind(this)) por image.observe('load', this.configureImage.bind(this)) e deu até certa parte certo
Se você entrar no link que passei vai ver que os tamanhos estão aparecendo como padrão agora só que agora estou com outro problema.
Sempre que carrega a página ele vai pra última opção de cor e pra última opção de tamanho e também não fica como selecionada nem a cor nem o tamanho quando clico em cima da imagem(ela muda para a opção clicada mas não aparece e seleção.)
Estou precisando que ao carregar ele vá pra opção correta que foi clicada e não pra ultima opção e que apareça a seleção da imagem quando for clicada.
Link do site: http://test.pacoesportes.com/protetor-bucal-nike-prata-strapless.jsp
Link do js: http://test.pacoesportes.com/js/amasty/amconf/configurable.js
Dessa forma que você me passou realmente não funciona no meu caso?
Tem alguma sugestão melhor do que a que eu fiz?
assim q carregar a página, dispare um el.trigger('click'); nesse elemento.