Javascript - 我們如何顯示帶代碼的彈出式氣球？

，如果我們有這樣的代碼Javascript - 我們如何顯示帶代碼的彈出式氣球？

<form> 
    <input required oninvalid="this.setCustomValidity('error messege')" /> 
    <input type="submit"> 
</form>

當我們點擊提交按鈕，顯示該氣球包含錯誤messege文字...

現在如果我們要觸發這個氣球以示我們能做什麼？例如，我們有這樣的HTML代碼：

<input id="myTextBox" > 
<input type="button" onclick="showBalloon()" > 

<script> 
    function showBalloon(){ 
     var elem = document.getElementById('myTextBox'); 
     elem.setCustomValidity('error messege'); 


     // my problem is HERE !!! 
     elem.whichFunctionShouldICallOrWhatToDo(); // this shows balloon of myTextBox 
    } 
</script>

來源

2014-07-25 محمد رضا

您的意思是提示？如果你想要一個自定義彈出窗口，你必須創建一個div並將其設置爲可見，將文本放入並顯示它。就目前來看，這個問題太廣泛了，這裏提出了很多問題。給它一個真正的嘗試，並問一個問題，一旦你嘗試了一些東西，它沒有奏效。 –

不，我的意思是默認錯誤popup-balloon ... –

但是，感謝您的幫助 –

我想你已經得到了主要的功能了，你只需要一個HTML元素，並修改樣式來顯示或隱藏。

<div id='myTextBox' style="display: none;"></div> 
// i'd set it in your javascript, but you get the idea 

elem.innerHTML = 'error message'; 
elem.style.display = 'visible'; //show

來源

2014-07-25 23:42:42 bencripps

Javascript - 我們如何顯示帶代碼的彈出式氣球？

回答

相關問題