2016-04-26 15 views
1

ボタン/イメージを押して、ピッカーを開くスクリプトを実行します。私は既存のフォルダを選択することができ、新しいフォルダ(選択された既存のフォルダ内)を作成するフィールドを追加しました。HTML終了時にピッカーが終了しないようにする

私が望むようにすべて動作しますが、フォルダ名を指定せずに新しいフォルダを作成するためのボタンを押したときにエラー処理を追加しました。メッセージをアラートに入れます(このページに追加のダイアログが表示されないようにするオプションが追加されている必要があります)が、アラートが消えるとhtmlが消えます。

ボタンを押す前にIFRAMEにあったHTMLを保持するにはどうすればよいですか?

これは私のHTMLコードとボタンの背後にある機能です。

</head> 
<body> 
    <div> 
    <p> Please select the property you wish the ticket folder to be created in. </p> 
    <button onclick='getOAuthToken()'>Select a Folder</button> 
    <br> 
    <p> (If it does not exist, select the folder you wish to create a new location in.) </p> 
    <p id='result'></p> 
    </div> 
    <script src="https://apis.google.com/js/api.js?onload=onApiLoad"></script> 
    <br><br><br> 
    <div id="frmCreate" style="display:none"> 
    <form> 
     <label class="hiddenfrm"> Folder Name: </label><input type="text" id="newFdrNm" class="hiddenfrm"> 
     <button onclick='makeFolder()' class="hiddenfrm">Create New Folder</button> 
     <p id='newresult' class="hiddenfrm"></p> 
    </form> 
    </div> 
</body> 
</html> 

    //function to create a folder in the selected folder 
    function makeFolder() { 
     var ParentFolder = document.getElementById('PFldrID').innerHTML 
     var NewFolderName = document.getElementById('newFdrNm').value 
     if (NewFolderName == "") { 
     alert("Folder Name Required!") 
     } 
     else { 
     google.script.run.CreatePropertyFolder(NewFolderName, ParentFolder); 
     google.script.host.close(); 
     } 
    }  

EDIT:
フォームタグを除去した後、必要に応じて、ダイアログボックスが動作します。

警告のために、テキストボックスの下にエラーメッセージを表示することにしました。コードの 改正部品:「新規フォルダの作成」ボタンを<form>タグの内側にあるので

*HTML* 
    <button onclick='makeFolder()' class="hiddenfrm">Create New Folder</button> 
    <br><span id="newFdrNmError"></span> 

*script* 
     if (NewFolderName == "") { 
     document.getElementById('newFdrNmError').innerHTML = "Error: You must 'name' the new folder!"; 
     return false; 
     } 

答えて

1

ウィンドウ内のHTMLが消えています。 <form>タグの外側にボタンを移動することを除いて、私がそれが起こるのを止めることができることは、私が知っていることは何もありません。

移動ボタン:そのサンディため

<form> 
    <label class="hiddenfrm"> Folder Name: </label><input type="text" id="newFdrNm" class="hiddenfrm"> 

    <p id='newresult' class="hiddenfrm"></p> 
</form> 

<button onclick='makeFolder()' class="hiddenfrm">Create New Folder</button> 
+0

感謝します。私は完全にフォームタグを取り除くことにしました。私はソリューションのサイトをトロールしながらあなたの投稿の数を読んで、あなたの貢献は非常に感謝しています! – Glib

+0

良い選択。 '

'タグはまったく必要ありません。 ''タグ、submitボタン、action属性、 'required'属性はすべてフォーム提出システムで一緒に働くことを意図していますが、残念ながら開発者のニーズを満たすとは限りません。 –

関連する問題