Autor Zpráva
kyborg
Profil *
Zdravím. Potřeboval bych trošku poradit, jak dostat text z formuláře do bootstrap dialogu.

Můj kód:

Formulář, který mám vložen normálně ve stránce:
<form action="send.php" method="post">
      <input name="email" type="text" value="Zadejte email" class="text"/> 
      <input type="submit" value="Zkontroluj!" />
</form>

Po klepnutí na tlačítko submit, bych potřeboval, aby se mi otevřel bootstrap3 modální dialog, ve kterém by bylo napsáno něco jako Váš email: *** a email z toho formuláře ***... Následně budu zde (v tom dialogu) provádět další úkony, ale to už by neměl být problém.

Soubor, kterým volám dialog:

<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap version 3.1 Modal with remote content</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Bootstrap core CSS -->
    <link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.0/css/bootstrap.css" rel="stylesheet" media="screen">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
      <script src="http://cdnjs.cloudflare.com/ajax/libs/respond.js/1.2.0/respond.js"></script>
    <![endif]-->
  </head>
  <body>
<a data-toggle="modal" class="btn btn-info" href="remote.php" data-target="#myModal">Click me !</a>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
        </div> <!-- /.modal-content -->
    </div> <!-- /.modal-dialog -->
</div> <!-- /.modal -->
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.0/js/bootstrap.min.js"></script>
  </body>
</html>


A soubor remote.php
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>Remote file for Bootstrap Modal</title>  
</head>
<body>
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                 <h4 class="modal-title">Modal title</h4>
            </div>            <!-- /modal-header -->
            <div class="modal-body">
[COLOR="seagreen"]           <p>Váš email: <?php echo //to z toho formuláře//; ?></p>[/COLOR]
            </div>            <!-- /modal-body -->
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>            <!-- /modal-footer -->
</body>
</html>

Takže chci trošku poradit, jak toto provést, jedná se vlastně o vytažení textu z formu a otevření toho dialogu s tím textem. Děkuji za každou radu k příspěvku

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: