fechar modal e abrir outra

[rafa-martin 2]

tenho uma página que ao ser carregada abre uma janela modal. nessa janela modal tenho uma botão e um campo texto. precisamo do seguinte: quando eu clicar no botão da janela modal, eu preciso abrir outra janela modal e resgatar o valor digitado no meu campo e usa - lo para fazer um select na base.

 

como posso fazer?

[marsolim 110]

por que inves de abrir outra janela não bota numa div e aí quando clicar oculta a div e passa o valor num $_POST pra outra pagina?

[rafa-martin 2]

então as duas modal estão na mesma página. então quando eu clico no botão da primeira modal, a segunda modal aparece e não consigo pegar o que digitei no campo da primeira modal. veja meu código.

//primeira modal

<form name="frmcep" data-toggle="validator" role="form" class="form-horizontal" id="frmcep" method="post">
<div id="modal-cep" style="margin-top: 0px; z-index: 9999; min-width: 320px; display: block;" class="modal fade in" role="dialog" data-backdrop="static">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                </div>
                <div class="modal-body" style="margin-top:-10px; -webkit-user-select: none;">
                    <div class="row" id="resulcep">    <div class="col-xs-12 text-center">
        <img src="logo_cep.png" width="137" height="145" border="0"><br>
        Digite o seu CEP:<br><br>
        <!-- <input class="form-control cep" onkeyup="contacaracter('#ccep');" data-mask-clearifnotmatch="true" placeholder="Digite o seu cep" type="number" name="ccep" id="ccep" value=""> -->
        <input class="form-control cep" data-mask-clearifnotmatch="true" placeholder="Digite o seu cep" type="number" name="ccep" id="ccep" value="">
    </div>
    <div class="col-xs-12 text-center" style="padding: 10px 20px 0px 20px;margin-top: -20px;">
        <div class="fb-login-button" data-max-rows="1" data-size="xlarge" data-show-faces="false" data-auto-logout-link="true"></div>
    </div>
    <div class="col-xs-12 text-center" style="padding: 10px 20px 0px 20px;">
        <input class="form-control btn btn-primary" type="button" id="bcep" value="BUSCAR CEP" onclick="carrega('#modal-dados','modal_dados.php','0','');"">
        
    </div>
    <div class="col-xs-12 text-center" style="padding: 10px 20px 0px 20px">
        <!-- <input id="close" class="form-control btn btn-primary" type="button" value="CANCELAR">-->
        <button type="button" class="form-control btn btn-primary" data-dismiss="modal">CANCELAR</button>
    </div>
    <script>
    $( document ).ready(function() {
        $('#rnumero').mask('00000000000');
        $('#rtelefone').mask('0000000000000');
    });
</script>
                    </div>
                </div>
                <div class="modal-footer">
                </div>
            </div>
        </div>
    </div>
</form>



//aqui está a segunda modal


<form name="frmcep" data-toggle="validator" role="form" class="form-horizontal" id="frmcep" method="post">
<div id="modal-cep" style="margin-top: 0px; z-index: 9999; min-width: 320px; display: block;" class="modal fade in" role="dialog" data-backdrop="static">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                </div>
                <div class="modal-body" style="margin-top:-10px; -webkit-user-select: none;">
                    <div class="row" id="resulcep">    <div class="col-xs-12 text-center">
        <img src="logo_cep.png" width="137" height="145" border="0"><br>
        Digite o seu CEP:<br><br>
        <!-- <input class="form-control cep" onkeyup="contacaracter('#ccep');" data-mask-clearifnotmatch="true" placeholder="Digite o seu cep" type="number" name="ccep" id="ccep" value=""> -->
        <input class="form-control cep" data-mask-clearifnotmatch="true" placeholder="Digite o seu cep" type="number" name="ccep" id="ccep" value="">
    </div>
    <div class="col-xs-12 text-center" style="padding: 10px 20px 0px 20px;margin-top: -20px;">
        <div class="fb-login-button" data-max-rows="1" data-size="xlarge" data-show-faces="false" data-auto-logout-link="true"></div>
    </div>
    <div class="col-xs-12 text-center" style="padding: 10px 20px 0px 20px;">
        <input class="form-control btn btn-primary" type="button" id="bcep" value="BUSCAR CEP" onclick="carrega('#modal-dados','modal_dados.php','0','');"">
        
    </div>
    <div class="col-xs-12 text-center" style="padding: 10px 20px 0px 20px">
        <!-- <input id="close" class="form-control btn btn-primary" type="button" value="CANCELAR">-->
        <button type="button" class="form-control btn btn-primary" data-dismiss="modal">CANCELAR</button>
    </div>
    <script>
    $( document ).ready(function() {
        $('#rnumero').mask('00000000000');
        $('#rtelefone').mask('0000000000000');
    });
</script>
                    </div>
                </div>
                <div class="modal-footer">
                </div>
            </div>
        </div>
    </div>
</form>


<script>

$(document).on('click', '#bcep', function() {
        $('#modal-dados').modal('show');
        
        
        //$('bcep').attr('href', 'pagina.php?id=' +id);
        //$('#modal-dados').load('pagina.php?cep='+$('#bcep').val());

    });
    

</script>

 

[marsolim 110]

pra que essa confusão toda mano? se já tem um campo onde vai ser digitado o valor porque não deixa so ele mesmo com um botão submit pra abrir a pagina de validação e pegar esse valor com POST inves de GET? fica muito mais limpo sem precisar toda essa codiguera js e tals

[rafa-martin 2]

então não estou entendendo.  imagina o seguinte. tenho o página index.php. ao abrir ela abre uma janela modal. nessa janela tem um campo texto e um botão. quando eu clica no botão nessa mesma modal ou em outra modal deve aparecer alguns campos que veio do banco através do valor que digitei na primeira modal.

 

[rafa-martin 2]

alguém tem alguma ideia de como fazer?

[marsolim 110]

tu não tá incluindo a biblioteca jquery aí. tem que botar ela antes de usar

 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

 

[RogerTi 0]

Simplesmente crie uma $_SESSION['']  ao clicar no submit defina o valor dela, e exibe ela na outra div, acho que daria certo, e seria bem menos codigo. e basta toda vez q finalizar declarar ela como null para não ter problemas

[marsolim 110]

eu tambem acho que tudo pode ser feito sem esses js aí mas tem que explicar melhor o que tá querendo fazer. inxerta mais detalhes aí pra gente poder opnar melhor. que tipo de outros campos são esses, de onde eles vem, como eles vem, o que espera fazer com os dados deles etc e tal

[Williams Duarte 431]

Essa galera viaja!

Se você quer pegar um valor de uma modal e passar para outra via JS, que guarde este valor em uma var, depois só manipule o DOM

 

$.get('/url-destino', {param: param_id} ,function(data) {
     $('#escolher_nome_id').html(data);
     $('#escolher_nome_modal').modal('show');
});

Lembrando que isso é JS e não PHP, favor postar duvidas sobre JS na área correta.
 

-->>>>          https://forum.imasters.com.br/forum/6-javascript/

[Alaerte Gabriel 662]

Sua dúvida nada tem haver com PHP, por favor, postar na área correta da próxima vez.

 

Tópico  Movido para JavaScript