Autor | Zpráva | ||
---|---|---|---|
kyborg Profil * |
#1 · Zasláno: 8. 7. 2014, 16:03:03
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">×</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 |
||
Časová prodleva: 10 let
|
0