function DeletWrapper (id, elementIndex) {
document.getElementById(id).remove()
arr .splice(elementIndex, 1);
}
<div id="wrapper_element_1">
<span>1</span>
<button onclick="DeletWrapper('wrapper_element_1', 1)">Удалить</button>
</div>
let li = document.querySelectorAll("ul > li");
let request={};
for (let item of li ){
console.log(item);
let key, val
for(let span of item.children){
if(span.classList.contains("one")){
key = span.innerHTML
}
if(span.classList.contains("two")){
val = span.innerHTML
}
}
request[key]=val;
}
console.log(request)
Можно ли сделать чтобы строки выводились последовательно так же с интервалом 20 секунд.
json = [
"p30"=>"<p30>".$row['fraza']."</p30>",
"p31"=>"<p31>...".$row['avtor']."</p31>"
]
echo json_encode(json);
function po()
{
$.ajax({
type: "POST",
url: "shablon/filosof.php",
data: "req=ok",
// Выводим то что вернул PHP
success: function(text)
{
//Очищаем форму ввода
$(".frazy2").empty();
//Выводим что вернул нам php
$(".frazy2").append(text.p30);
setTimeout(function (){
$(".frazy2").append(text.p31);
},20000)
}
});
}
function saveToServer(file, fileName) {
const formData = new FormData();
formData.append(fileName, file);
}
fetch('/avatars', {
method: 'POST',
body: data
}).then(function(response){
return response.json();
})).then(function(json){
console.log("ответ от сервера", json);
}).catch(function(e){
console.log("ошибка", e);
})
$.ajax({
type: 'POST',
url: 'givestar.php',
data: msg,
success: function(data) {
console.log(data);
$('#changedvotes-' + data.id).html(data.text);
},
error: function(xhr, str){
alert('Возникла ошибка: ' + xhr.responseCode);
}
});
fetch( 'givestar.php', {
method: "POST",
body: msg
}).then(function(response){
return response.json;
}).then(function(data){
console.log(data);
document.getElementById("changedvotes-"+data.id).innerHTML = data.text
}).catch(function(e){
console.log(e);
});
<form name="formName" action="data" onsubmit="sendForm(event)">
<input type="text" name="input_1">
<input type="text" name="input_2">
<button type="submit">отправить</button>
</form>
function sendForm(event){
event.preventDefault;
event.stopPropagation();
let form = document.forms.formName;
let formData = new FormData(form);
formData.append = ("action","insert");
fetch(url,{
method: "POST",
body: formData
}).then(function(response){
return response.json();
}).then(function(json){
console.log(json);
})
}
<form onsubmit="submitForm(event)" action="control" method="POST" id="formModel" name="nameformModel" enctype="multipart/form-data">
<input type="text" name="title" required>
<input type="text" name="meta_t" required>
<input type="text" name="text">
<input type="file" name="imgurl">
<button type="submit" name="submit" id="btnSubmit">Создать</button>
</div>
</form>
function submitForm(event){
event.preventDefault();
event.stopPropagation();
let form = document.forms.nameformModel;
let url = form.action;
let data = new FormData(form )
var akaxOptions = { method: 'POST',
mode: 'cors',
credentials: 'include',
body:data
};
fetch(form.action,akaxOptions ).then(function(response){
return response.json();
}).then(function(json){
form.reset();
form.submit.value= "Отправлено";
})
}
<div id="myid" onclick="showConent("myid")">Картинка</div>
<div id="myid_f" onclick="showConent("myid_f")">Картинка</div>
<div id="myid_c" onclick="showConent("myid_c")">Картинка</div>
<div id="myid_k" onclick="showConent("myid_k")">Картинка</div>
<div id="target"></div>
function showConent(id){
url="index.php/?contentId="+id
fetch( url).then(function (response){
return response.json();
}).then(function(response){
// предположим что с сервреа вы вернули что то типа {"html":"<div class="modal-wrap" id="myid">
// <p>Полное описание...</p>
// </div>"}
// response = {"html":"<div class="modal-wrap" id="myid"> <p>Полное описание...</p> </div>"};
document.getElementById("target").innerHTML = response.html
})}