¿Cómo establecer el valor de entrada en un diálogo modal?
Estoy trabajando en la funcionalidad 'agregar un enlace'. Para eso estoy usandoModal plugin de Twitter Boostrap JS. En la página principal solo hay que completar el campo 'enlace', cuando un usuario hace clic en el botón 'agregar enlace', aparece un modal y el usuario ve el formulario completo para completar 3 campos: enlace, título, etiquetas. Sin embargo, quiero que el campo de enlace se complete previamente con el valor del paso anterior. Es similar a lo que sucede cuando 'guarda un enlace' en delicious.com.
Gracias a la ayuda de Joe Pregunta anterio) Puedo imprimir el linkURL en el diálogo modal, pero es importante que este linkURL sea el valor del campo de enlace del formulario con 3 campos (enlace, título, etiquetas). ¿Alguna idea de cómo se puede hacer esto? ¡Gracias
<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>