Проблема: Я не знаю, почему мой скрипт не загружает значение в выбранный раздел ввода формы
Сценарий: Страница, вызовна главной странице постоянно отображается диалоговое окно со ссылкой в качестве содержимого.Если пользователь нажимает на ссылку в другом диалоговом окне, назовите его «диалоговое окно формы», которое открывается вместе с формой.Некоторые элементы вставляются в форму с помощью кода - платформы, браузера и URL-адреса страницы хоста.
Это URL-адрес, который не работает.
URL-адрес получен на странице хоста ихранится как элемент .data для восстановления с помощью скрипта «диалог формы».Я проверил это на более простой настройке, и она отлично работала, однако отказывается работать с текущей настройкой.
Симптомы: URL читается и сохраняется, как и ожидалось, но сценарийне записывая это в форму.Подход, который я использовал, заключается в добавлении функции обратного вызова при первой загрузке диалога.Обратный вызов использует функцию .val () для записи данных в форму, или, по крайней мере, это является намерением.Значение записывается в форму во время настройки диалога, так что, когда пользователь щелкает, информация уже загружена в форму.
Буду признателен за любые указания или предложения относительно того, что может быть причиной проблемы и / или как ее исправить.
Спасибо.
script:
enter <script type="text/javascript">
//Triggers a modal containing the feedback form.
$(document).ready(function() {
$('#target a').each(function() {
var $link = $(this);
var $dialog = $('<div></div>')
.load($link.attr('href'))
.dialog({
autoOpen: false,
title: $link.attr('title'),
width: 600,
height: 500,
modal: true,
open: function (event,ui) {
$("input[name='url']").val($('body').data('value2'));
}
});
$link.click(function() {
$dialog.dialog('open');
$( "#accordion" ).accordion({
collapsible: true,
active: false
});
return false;
});
});
});
</script>
ВЕДУЩАЯ СТРАНИЦА
<html xmlns="http://www.w3.org/1999/xhtml">
</head>
<body>
<!--Script to get the url of the page and store it as a data item for use on the form -->
<script type="text/javascript">
<?php
$url = "http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];
?>
var pageAddress="<?php echo $url?>";
$('body').data('value2', pageAddress );
</script>
<p>The following just confirms that the url is being stored on the page</p>
<div>
The URL value stored on the page is
<span id='urlcheck'></span>
<p>The location is
</p>
<script type="text/javascript">
$("span#urlcheck").html("<p>" +$("body").data("value2")+ "</p>");
</script>
</div>
<!--Check to see if the cookie is set -->
<?php include ('../_assets/include_files/checkreaderStatus.php');?>
<!-- The following file is for development only. It adds a navigation menu to pages in which its included. -->
<?php include('../_assets/include_files/navigation.html');?>
<!--------------------------------------------------------------------------->
<!-- Start The Page Display -->
<h1>Page 1 Of The Blog</h1>
<p>This page simulates the page on the blog where testers will land.</p>
<!--Dialog for the "Feedback Form Button -->
<script type="text/javascript">
//Reads the flag readerStatus, if set creates a dialog with a permanently displayed "Feedback Button". NOTE TO SELF: This has to be on the page in order for the php to be to be processed by the server!
var readerStatus="<?php echo $readerStatus; ?>";
if (readerStatus == "tester") {
$(function(){
$("#dialog").dialog();
})
}
</script>
<!-- Content for the Feedback Form Button -->
<div id="dialog" title="Feedback Button">
<div title="Feedback Form">
<p id='target'><a href="feedbackform.php" title='Feedback Form' >Feedback Form</a></p>
<p class="notes">This form is dragable and resizable</p>
</div>
</div>
<script type="text/javascript">
//Triggers a modal containing the feedback form.
$(document).ready(function() {
$('#target a').each(function() {
var $link = $(this);
var $dialog = $('<div></div>')
.load($link.attr('href'))
.dialog({
autoOpen: false,
title: $link.attr('title'),
width: 600,
height: 500,
modal: true,
open: function (event,ui) {
$("input[name='url']").val($('body').data('value2'));
}
});
$link.click(function() {
$dialog.dialog('open');
$( "#accordion" ).accordion({
collapsible: true,
active: false
});
return false;
});
});
});
</script>
</body>
</html>
Форма обратной связи Форма обратной связи
<link rel="stylesheet" type="text/css" href="../_assets/scripts/black-tie/jquery-ui-1.8.4.custom.css" />
</head>
<body>
<?php
$browser = get_browser(null, true);
?>
<!-- ajax form next? -->
<script type="text/javascript">
$(document).ready(function() {
var options = {
target : '#output1',
url: 'comments.php',
clearForm: 'true'
};
// bind 'myForm' and provide a simple callback function
$('#myform').ajaxForm(options);
return false;
});
</script>
<!-- Script to execute text prompts in the fields -->
<!-- optional name -->
<script type="text/javascript" id="demoscript">
$(document).ready(function(){
//Optionsal Name
$("#textTagDemo").fieldtag();
//Textarea
$("#area").fieldtag();
});
</script>
<div id="accordion">
<h3><a href="#">Instructions</a></h3>
<div>
<p>
Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
</p>
</div>
<h3><a href="#">Broken Links</a></h3>
<div>
<form action="comments.php" method="post" name="broken_Links" id="myform" >
<fieldset>
<p>
<input name="name" type="text" size="50" id="textTagDemo" title="OPTIONAL: Add your name" />
</p>
<p>
<input name="nowhere" type="radio" value="linknowhere" />Link is
broken and doesn't go anywhere
</p>
<p>
<input name="wrong_url" type="radio" value="linktowrongurl" />Link
goes to an unexpected destination
</p>
<p>
<input name="other" type="radio" value="linkother" />Other -
Please explain in the description box below
</p>
<em>Description</em>
<p>Please add as much descripton as you can about the problem you
noticed</p>
<textarea name="description" id="area" cols="50" rows="10" title="Please add as much description as you can."></textarea>
<p>
Page Address: <br /> <input name="url" type="text" value=""
id="targetURL" size="100" title="Page Address" />
</p>
<p>
Browser<input name="browser" type="text"
value="<?php echo $browser['browser'] ?>" />
</p>
<p>
Operating System<input name="operating_system" type="text"
value="<?php echo $browser['platform'] ?>" />
</p>
<p>
<input type="submit" name="submit" id="button" value="Submit" />
</p>
</fieldset>
</form>
<!-- server response -->
<h2>Output Response</h2>
<p id="output1">
</p>
<!--End form 4 broken links-->
</div>
<h3><a href="#">Errors In The Text</a></h3>
<div>
<p>
Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero
ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
</p>
<ul>
<li>List item one</li>
<li>List item two</li>
<li>List item three</li>
</ul>
</div>
<h3><a href="#">Confusing Layout</a></h3>
<div>
<p>
Cras dictum. Pellentesque habitant morbi tristique senectus et netus
et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
mauris vel est.
</p>
<p>
Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos himenaeos.
</p>
</div>
</div>
</body>
</html>