- Beranda
- Programmer Forum
(ASK)Mastah Masuk,, modifikasi javascript untuk editor text?
...
TS
ModeratorKiskus
(ASK)Mastah Masuk,, modifikasi javascript untuk editor text?
Gan mohon bantuanya mastah ane ada problem ingin modifikasi script text editor menggunakan javascritp scriptnya kaya gini dan demonya ada http://thiscouldbebetter.neocities.org/texteditor.html nah masalahnya adalah bagaimana memunculkan filename.txt saat load. Jadi kan isi file bisa di load tinngal filenamenya yg ane pingin nampilkan di textarea baru diatas Text to Save:, ane udah coba otak atik tpi ggal karna gk paham dengan fungsi2 javascript ini,, mohon bantuan mastah yg baik hati dimari, semoga yg bantu bisa sukses segala urusanya. Tanks mastah.
<html>
<body> <table> <tr><td>Text to Save:</td></tr>
<tr> <td colspan="3"> <textarea id="inputTextToSave"
style="width:512px;height:256px"></textarea> </td> </tr>
<tr> <td>Filename to Save As:</td>
<td><input id="inputFileNameToSaveAs"></input></td> <td><button>Save Text to File</
button></td> </tr>
<tr> <td>Select a File to Load:</td>
<td><input type="file" id="fileToLoad"></td> <td><button>Load Selected File</
button><td> </tr> </table> [removed] function saveTextAsFile()
{ var textToWrite = document.getElementById("inputTextToSave").value; var textFileAsBlob = new Blob ([textToWrite], {type:'text/plain'}); var fileNameToSaveAs = document.getElementById("inputFileNameToSaveAs")
.value; var downloadLink = document.createElement("a"); downloadLink.download = fileNameToSaveAs; downloadLink[removed] = "Download File"; if (window.webkitURL != null)
{ // Chrome allows the link to be clicked // without actually adding it to the DOM. downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob); }
else
{ // Firefox requires the link to be added to the DOM // before it can be clicked.
downloadLink.href = window.URL.createObjectURL(textFileAsBlob); downloadLink.onclick = destroyClickedElement;downloadLink.style.display = "none"; document.body.appendChild (downloadLink); } downloadLink.click(); } function destroyClickedElement(event)
{ document.body.removeChild(event.target); } function loadFileAsText()
{ var fileToLoad = document.getElementById ("fileToLoad").files[0]; var fileReader = new FileReader();
fileReader.onload = function (fileLoadedEvent) { var textFromFileLoaded = fileLoadedEvent.target.result; document.getElementById ("inputTextToSave").value = textFromFileLoaded; };
fileReader.readAsText(fileToLoad, "UTF-8"); } [removed] </body>
</html>
<html>
<body> <table> <tr><td>Text to Save:</td></tr>
<tr> <td colspan="3"> <textarea id="inputTextToSave"
style="width:512px;height:256px"></textarea> </td> </tr>
<tr> <td>Filename to Save As:</td>
<td><input id="inputFileNameToSaveAs"></input></td> <td><button>Save Text to File</
button></td> </tr>
<tr> <td>Select a File to Load:</td>
<td><input type="file" id="fileToLoad"></td> <td><button>Load Selected File</
button><td> </tr> </table> [removed] function saveTextAsFile()
{ var textToWrite = document.getElementById("inputTextToSave").value; var textFileAsBlob = new Blob ([textToWrite], {type:'text/plain'}); var fileNameToSaveAs = document.getElementById("inputFileNameToSaveAs")
.value; var downloadLink = document.createElement("a"); downloadLink.download = fileNameToSaveAs; downloadLink[removed] = "Download File"; if (window.webkitURL != null)
{ // Chrome allows the link to be clicked // without actually adding it to the DOM. downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob); }
else
{ // Firefox requires the link to be added to the DOM // before it can be clicked.
downloadLink.href = window.URL.createObjectURL(textFileAsBlob); downloadLink.onclick = destroyClickedElement;downloadLink.style.display = "none"; document.body.appendChild (downloadLink); } downloadLink.click(); } function destroyClickedElement(event)
{ document.body.removeChild(event.target); } function loadFileAsText()
{ var fileToLoad = document.getElementById ("fileToLoad").files[0]; var fileReader = new FileReader();
fileReader.onload = function (fileLoadedEvent) { var textFromFileLoaded = fileLoadedEvent.target.result; document.getElementById ("inputTextToSave").value = textFromFileLoaded; };
fileReader.readAsText(fileToLoad, "UTF-8"); } [removed] </body>
</html>
Diubah oleh ModeratorKiskus 20-01-2015 11:54
zharki memberi reputasi
1
966
5
Komentar yang asik ya
Mari bergabung, dapatkan informasi dan teman baru!
Programmer Forum
20.3KThread•5.2KAnggota
Urutkan
Terlama
Komentar yang asik ya