Comment définir la valeur d'entrée dans un dialogue modale?
Je suis en train de travailler sur "ajouter un lien" fonctionnalités. Pour cela, je suis en utilisant Modal plugin à partir de Twitter Bootstrap JS. Sur la page principale, il y a seulement le "lien" du champ à remplir, lorsqu'un utilisateur clique sur "ajouter un lien" bouton, une modale s'affiche et l'utilisateur voit le remplir de formulaire à remplir 3 champs: le lien, le titre, les balises. Cependant, je veux le lien de champ pré-rempli avec la valeur de l'étape précédente. C'est similaire à ce qui se passe lorsque vous enregistrez un lien " sur delicious.com.
Merci à Joe (question précédente) je peux imprimer le linkURL sur le modèle du dialogue, mais il est important que cette linkURL est la valeur du champ lien du formulaire avec 3 champs (lien, titre, mots-clés). Une idée de comment cela peut être fait? Merci!
<html>
<head>
<title>Example</title>
<script src="scripts/jquery.min.js"></script>
<script src="scripts/bootstrap-modal.js"></script>
<link rel="stylesheet" href="scripts/bootstrap.min.css">
<link rel="stylesheet" href="main.css" />
<script type="text/javascript">
$(document).ready(function()
{
$('#modal-from-dom').bind('show',function()
{
$(".modal-body").html($("#linkURL").val());
});
});
</script>
</head>
<body>
<!-- The Modal Dialog -->
<div id="modal-from-dom" class="modal hide fade">
<div class="modal-header">
<a href="#" class="close">×</a>
<h3>Add Link</h3>
</div>
<div class="modal-body">
<!--
<form id='post-on-wall' method='POST' action='savePost.php' enctype='multipart/form-data'>"
<input type='text' class='label-inline' name='linkURL' id='wall-post' value=linkURL>
</form>
-->
</div>
<div class="modal-footer">
<a href="#" class="btn primary">Add Link</a>
</div>
</div>
<div class="container">
<div class="wall-post">
<textarea class='label-inline' name='linkURL' id='linkURL'></textarea>
<button data-controls-modal="modal-from-dom" data-backdrop="true" data-keyboard="true" class="btn">Add Link</button>
</div>
</div>
</body>
OriginalL'auteur Arman | 2011-10-21
Vous devez vous connecter pour publier un commentaire.
ou ai-je raté quelque chose? 🙂
sa ne fonctionne pas pour moi .bind est pas de cuisson $('#edit-enfant-modal').bind('montré', function () { $(".modal-content #Nom").val('test'); });
OriginalL'auteur Marco Johannesen