|
@@ -622,14 +622,32 @@
|
|
|
var subtitleInputs = document.querySelector(".subtitle-inputs");
|
|
|
var sublineInputs = document.querySelector(".subline-inputs");
|
|
|
var imgInputs = document.querySelector(".img-inputs");
|
|
|
- let length = 5;
|
|
|
+ let length = 3;
|
|
|
+
|
|
|
+ let txt = ["Brazil is looking to partner with SpaceX to expand internet connection to rural schools and protect the Amazon",
|
|
|
+ "The country Communications Minister Fabio Faria tweeted on Tuesday.",
|
|
|
+ "Faria tweets include a video and photo of himself with SpaceX founder and CEO."
|
|
|
+ ];
|
|
|
+ let sub = ["Connect rural areas and monitor Amazon forest",
|
|
|
+ "connect rural areas and monitor Amazon forest",
|
|
|
+ "connect rural areas and monitor Amazon forest"];
|
|
|
+ let imgLinks = ['https://i.imgur.com/ANFg5m8.png', 'https://i.imgur.com/ANFg5m8.png',
|
|
|
+ 'https://i.imgur.com/GnAfwJZ.png'];
|
|
|
+
|
|
|
function initial() {
|
|
|
for (let i = 0; i < length; i++) {
|
|
|
rendertxtBlock(i + 1);
|
|
|
renderimgBlock(i + 1);
|
|
|
renderSublineBlock(i +1);
|
|
|
}
|
|
|
+ $('#title').val('Brazil touts partnership with SpaceX');
|
|
|
+ $('#avatar').val('7');
|
|
|
console.log(document.querySelectorAll(".txtsrc").length + 1);
|
|
|
+ for (let i = 0; i < 3; i++) {
|
|
|
+ $(`.txtsrc${i+1}`).val(txt[i]);
|
|
|
+ $(`.subsrc${i+1}`).val(sub[i]);
|
|
|
+ $(`.imgsrc${i+1}`).val(imgLinks[i]);
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
initial();
|
|
@@ -679,26 +697,26 @@
|
|
|
}
|
|
|
|
|
|
function renderimgBlock(i) {
|
|
|
- var imginput = document.createElement("input");
|
|
|
- imginput.setAttribute('type', 'text');
|
|
|
- imginput.setAttribute('name', `m${i}`);
|
|
|
- imginput.classList.add('imgsrc', `imgsrc${i}`);
|
|
|
- imginput.value = "";
|
|
|
- imginput.setAttribute('placeholder', `${i}`);
|
|
|
- imgInputs.appendChild(imginput);
|
|
|
-
|
|
|
- var imgupload = document.createElement("input");
|
|
|
- imgupload.setAttribute('id', `img${i}`);
|
|
|
- imgupload.setAttribute('type', `file`);
|
|
|
- imgupload.classList.add('img_uploader', 'img_up');
|
|
|
- imgInputs.appendChild(imgupload);
|
|
|
- var imguploadlabel = document.createElement("label");
|
|
|
- imguploadlabel.setAttribute('for', `img${i}`);
|
|
|
- imguploadlabel.classList.add('upload-btn');
|
|
|
- imguploadlabel.textContent = 'Upload';
|
|
|
- imgInputs.appendChild(imguploadlabel);
|
|
|
- $('input[type=file]').on('change', prepareUpload);
|
|
|
-}
|
|
|
+ var imginput = document.createElement("input");
|
|
|
+ imginput.setAttribute('type', 'text');
|
|
|
+ imginput.setAttribute('name', `m${i}`);
|
|
|
+ imginput.classList.add('imgsrc', `imgsrc${i}`);
|
|
|
+ imginput.value = "";
|
|
|
+ imginput.setAttribute('placeholder', `${i}`);
|
|
|
+ imgInputs.appendChild(imginput);
|
|
|
+
|
|
|
+ var imgupload = document.createElement("input");
|
|
|
+ imgupload.setAttribute('id', `img${i}`);
|
|
|
+ imgupload.setAttribute('type', `file`);
|
|
|
+ imgupload.classList.add('img_uploader', 'img_up');
|
|
|
+ imgInputs.appendChild(imgupload);
|
|
|
+ var imguploadlabel = document.createElement("label");
|
|
|
+ imguploadlabel.setAttribute('for', `img${i}`);
|
|
|
+ imguploadlabel.classList.add('upload-btn');
|
|
|
+ imguploadlabel.textContent = 'Upload';
|
|
|
+ imgInputs.appendChild(imguploadlabel);
|
|
|
+ $('input[type=file]').on('change', prepareUpload);
|
|
|
+ }
|
|
|
|
|
|
</script>
|
|
|
</body>
|