Colorbox não aceita form

[Márcio F. Teixeira 0]

Boa tarde pessoal, de tempos em tempos me deparo com problemas tenebrosos no jQuery.

E o pior, não entendo nada de javascript.

Eu uso o colorbox com o seguinte comando:

$('.somar_res').live('click', function(e) {
 e.preventDefault();
	  $(this).colorbox({
		  	width:"404",
			height:"284",
			title:"", 
			overlayClose:false,
			returnFocus:false,
			iframe:true,
			fastIframe:false,
			open:true,
			preloading: false,
			onClosed:function(){
				window.location.reload()
					return false;
			}
		});
	return false;
});

 

E esse é o formulário:

 

<form method="post" enctype="multipart/form-data" id="form1" name="form1">
<input class="somar_res" type="image" src="b_excluir.gif" border="0" onclick="form.action='somar.php';"/>
</form>

A função colorbox abre normalmente a janela mas não encontra página nenhuma.

Se usar sem o colorbox o botão envia o form sem problema ,e se usar o form sem o colorbox também funciona.

Será que alguém já passou por isso?

[Henrique Barcelos 290]

Eu perdi a parte do seu código em que você coloca o form DENTRO do colorbox... :P

[Márcio F. Teixeira 0]

Ela não fica dentro não. É que ele não envia os dados do form(na verdade eu acho que ele não reconhece a action do form) quando eu aplico no botão o colorbox para abrir estilo popup.

 

Exemplo

 

Assim funciona mas não abre na janela estilizada do colorbox:

<input type="image" src="b_excluir.gif" border="0" onclick="form.action='somar.php';"/>

 

mas se puxar o colorbox através do class="somar_res" não funciona, ele mostra página indefinida no popup, ele perde a action do form:

<input class="somar_res" type="image" src="b_excluir.gif" border="0" onclick="form.action='somar.php';"/>

 

Resumo: Quando eu clico no botão do formulário, abre o popup colorbox com a mensagem:

"Not Found

The requested URL /v2/undefined was not found on this server.

Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request."

 

Entendeu?

[Henrique Barcelos 290]

The requested URL /v2/undefined was not found on this server.

Olha isso... esse 'undefined' aí... tem algo errado no seu código ou é algum bug no colorbox...

[Márcio F. Teixeira 0]

Exato!!! Gostaria de saber se alguém já conseguiu resolver isso. O Colorbox é bastante conhecido e não é possível que ninguém nunca precisou enviar dados de um formulário por ele.

[William Bruno 1501]

eu não acho q "faz sentido" enviar um formulário através do colorbox.

 

Oque você deve fazer é enviar com ajax, e então na resposta do ajax, abrir ou não o teu colorbox. São coisas diferentes.

O envio é feito com ajax, e você abre o modal depois disso, entendeu ?

[Márcio F. Teixeira 0]

Olá Bruno, eu não sei programação orientada a objeto, somente estruturada no PHP. Todos esses códigos foram montados com um pouquinho de cada programador que achei na internet.

O fato de eu precisar das janelas do colorbox é porque todo o site é feito com elas, pra ficar mais dinâmico e com estilo. O site mostra valores com checkbox, e eu preciso mostrar a soma dos valores marcados num popup (colorbox) para o site ficar mais dinâmico. Fica inviável montar uma página inteira só pra mostrar a soma de valores.

mas se puder me mostrar um novo caminho, estou aberto a sujestões.

[William Bruno 1501]

eu não disse nada sobre orientação a objetos

e eu não disse para você não usar o colorbox.

 

eu só te disse a maneira correta de fazer.

Basta seguir oq eu disse, q você chegará no resultado que você quer.

[Márcio F. Teixeira 0]

Relaxa William, é só falar que não sabe.

Eu não entendo nada sobre programação orientada a objeto(Java, Ajax, Javascript, Action Script e afins).

Por isso recorri ao forum,

Pesquisei sobre envios de formulários via ajax, funciona perfeitamente. Mas como eu chamo o colorbox dentro desse código do ajax?

Aguardo mais idéias.

[William Bruno 1501]

Relaxa William, é só falar que não sabe.

? não sei oq ?

 

programação orientada a objeto(Java

java é uma coisa, javascript é outra.

 

 

Ajax, Javascript, Action Script e afins).

ajax não necessariamente precisa ser usado com orientação a objetos... meio confusa a sua colocação.

 

 

Pesquisei sobre envios de formulários via ajax, funciona perfeitamente. Mas como eu chamo o colorbox dentro desse código do ajax?

no success do retorno do ajax, você chama o colorbox.

Da mesma forma que você chamaria, se não tivesse ajax, só que dentro do método do retorno do ajax agora.

[Márcio F. Teixeira 0]

William, eu sei que a sua intenção é a das melhores mas você deve estar acostumado a ensinar pra quem já sabe,

como em muitos blogs e fóruns que já visitei.

"no success do retorno do ajax, você chama o colorbox."

A única coisa que eu sei de ajax é que começa assim <script> e termina assim </script>.

Não estou pedindo uma aula, apenas exemplos.

[Márcio F. Teixeira 0]

Novidades, com esse código abaixo eu consigo abrir um iframe com colorbox e ele reconhece a action do formulário.

Só que agora ele não reconhece as checkbox. Cada hora é um problema.

$(document).ready(function() {
   $("#BotaoSubmit").colorbox({href: function(){
       var url = $(this).parents('form').attr('action');
       var ser = $(this).parents('form').serialize();
       return url+'?'+ser;
   },
innerWidth:"404",
innerHeight:"284",
iframe:true,
fastIframe:false,
overlayClose:false,
returnFocus:false,
preloading: false
});
});

 

Como eu implemento esse código para reconhecer as checkboxs?