Deicar combobox selecionado como padrão

[Marcos Coelho2 2]

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

[William Bruno 1501]

assim q carregar a página, dispare um el.trigger('click'); nesse elemento.

[Marcos Coelho2 2]

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.

[William Bruno 1501]

$(".amconf-image").eq(0).trigger("click");

[Marcos Coelho2 2]

tentei aqui, ainda não deu certo mas continuarei tentando e postarei aqui

nao entendi muito bem o que seria o eq(0)

[Marcos Coelho2 2]

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

[William Bruno 1501]

não cara..

 

é assim, olha:

$(document).ready(function(){
   $('#amconf-image-63').trigger('click');
});

só isso.

[Marcos Coelho2 2]

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

[William Bruno 1501]

tenta assim cara:

$(document).ready(function(){
   $('.amconf-images-container').find('img').eq(0).trigger('click');
});

[Marcos Coelho2 2]

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.

[William Bruno 1501]

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.

[Marcos Coelho2 2]

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

[Marcos Coelho2 2]

Dessa forma que você me passou realmente não funciona no meu caso?

Tem alguma sugestão melhor do que a que eu fiz?