Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

raphaelwilker

[Resolvido] Dialog

Por , em Javascript

Recommended Posts

raphaelwilker    0

raphaelwilker
Postado

Bom dia pessoal tudo bem ?

Bom estou com duvidas em como eu posso usar o metodo post dentro de uma dialog.

Vou postar o meu codigo para vocês entederem :lol:

 

<script  type="text/javascript">
	$.fx.speeds._default = 1000;
	$(function() {
		$('#caixa').dialog({
			autoOpen: false,
			show: 'blind',
			hide: 'clip',
			width: 500,
		    height: 450,
			modal: true ,
			buttons: {
			Ok: function() {
				$(this).dialog('close');
				}

			}
			
		});
		
		$('#opener2').click(function() {
			$('#caixa').dialog('open');
			return false;
		});
	});
 $(document).ready(function(){
	$('#teste').submit(function(){
		
		var v1 = $('#qtd1').val();
		var v2 = $('#vlr_uni1').val();
		var total1 = parseFloat(v1)*parseFloat(v2);
		$.post("valiaauxpesquisa.php",
		{total:total1},
		function(resultado)
		{$('#result').html(resultado)});
		})
	})
</script>
<style>
#demo-frame > div.demo { padding: 10px !important; }

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
.ui-progressbar-value { background-image: url(images/pbar-ani.gif); }
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}
p
{

font-family:Arial, Helvetica, sans-serif;
font-size:10px;
	
}
</style>
</head>
<body>
<form id="teste">

<div id="caixa" title="Material de Consumo">
	<p>
    
    Quantidade: <input id="qtd1" name="qtd1" type="text" size="3"/><br /><br />
    Descrição: <textarea cols="20" rows="5"></textarea><br /><br />
    Valor Unitário: <input id="vlr_uni1" name="vlr_uni1" type="text" size="5"/><br /><br />
    Justificativa: <textarea cols="20" rows="5"></textarea><br /><br />
     Valor Total:<div id="conta1"></div>
    
    </p>
</div>

<table>
<tr><td><a id="opener2" href="#">teste:</a></td><td><div id="4"></div></td></tr><br /><br />

</tr></table>
<tfoot>
Total :<span id="9"></span><br /><br />

<input  type="submit"  value="Enviar"  align="left" id="newuser" name="botao"/>
<input name="reset_comeco" type="reset"  value="Apagar"  align="right"  id="newuser"/>
</form>

 <div id="result"></div>
 
</div>
<?php

	
	$total = $_POST["total"];
	
	
		echo "<font color='red'>
				$total
				</font>";
		
	

	
	
?>
Bom espero que vocês possam entender o que eu quero fazer XD

O que eu quero é que os valores da dialog sejam submitidos e enviados para o php XD

Só estou mandando ele me retornar um valor para saber se foi ou não XD

Bom quem puder me ajudar agradeço muito !

Compartilhar este post

Link para o post
Compartilhar em outros sites

romerito    11

romerito
Postado

i aew raphaelwilker bom tenta colocar a evento submit no botao ok, tipo assim:

<script  type="text/javascript">
        $.fx.speeds._default = 1000;
        $(function() {
                $('#caixa').dialog({
                        autoOpen: false,
                        show: 'blind',
                        hide: 'clip',
                        width: 500,
                    height: 450,
                        modal: true ,
                        buttons: {
                        Ok: function() {
$('#teste').submit();/*adiciona essa linha aqui*/
                                $(this).dialog('close');
                                }

                        }
                        
                });
                
                $('#opener2').click(function() {
                        $('#caixa').dialog('open');
                        return false;
                });
        });
espero que ajude abraço!

Compartilhar este post

Link para o post
Compartilhar em outros sites

raphaelwilker    0

raphaelwilker
Postado

O cara valeu !

Obrigado pela atenção !

Consegui resolver o problema XD

Mas não foi pelo teu meio , acho que foi alguma passagem de parametro minha que tava errada !

Mas agradeço muito mesmo e fica ate como dica ai para quem estiver tendo problemas com Dialog ! :lol: http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito