У меня есть функция, встроенная в JavaScript, которую я хочу выполнить после отправки формы. Это полностью изменяет внешний вид страницы. Но мне нужна переменная из окна поиска, чтобы перейти к JavaScript. На данный момент он мигает и сбрасывает то, что было, потому что он перезагружает страницу.
Таким образом, я настроил возврат false в своей функции, который не позволяет этому делать, но переменная, которую я хочу, не получает через форму. Любые идеи о том, что я должен сделать, чтобы получить его? Это нормально для обновления страницы, updateTable()
функция updateTable()
работает и не сбрасывается сбросом страницы.
<form action="" method="get" onsubmit="return updateTable();">
<input name="search" type="text">
<input type="submit" value="Search" >
</form>
Это функция updateTable
:
function updateTable() {
var photoViewer = document.getElementById('photoViewer');
var photo = document.getElementById('photo1').href;
var numOfPics = 5;
var columns = 3;
var rows = Math.ceil(numOfPics/columns);
var content="";
var count=0;
content = "<table class='photoViewer' id='photoViewer'>";
for (r = 0; r < rows; r++) {
content +="<tr>";
for (c = 0; c < columns; c++) {
count++;
if(count == numOfPics) break; // check if number of cells is equal number of pictures to stop
content +="<td><a href='"+photo+"' id='photo1'><img class='photo' src='"+photo+"' alt='Photo'></a><p>City View</p></td>";
}
content +="</tr>";
}
content += "</table>";
photoViewer.innerHTML = content;
}