Saya baru belajar javascript dan php. Saya membuat formulir kontak dan saya ingin tombol kirim untuk menyelesaikan dua hal ketika saya menekannya:
- kirimkan data kepada saya (bagian ini berfungsi)
- baca fungsi title saya (bagian ini tidak berfungsi)
Saya mengirim data ke email saya, dan saya mendapatkannya. Tetapi fungsi title tampaknya tidak berfungsi. Saya mencoba meninjau tambahkan fungsi klik untuk tombol kirim tetapi tidak membantu.
Saya perlu melihat tag html tombol kirim Anda untuk bantuan yang lebih baik. Saya tidak terbiasa dengan php dan bagaimana menangani postback, tapi saya rasa tergantung pada apa yang ingin Anda lakukan, Anda memiliki tiga opsi:
- Mendapatkan tombol penanganan title di sisi klien: Dalam hal ini Anda hanya perlu memanggil fungsi javascript.
function foo() { alert("Submit button clicked!"); return true; }<input type="submit" value="submit" title="return foo();" />
Jika Anda ingin menangani klik di sisi-server, Anda harus terlebih dahulu memastikan bahwa atribut metode tag formulir diatur ke post:
<form method="post">Anda dapat menggunakan onsubmit event dari form sendiri untuk mengikat fungsi Anda.
<form name="frm1" method="post" onsubmit="return greeting()"> <input type="text" name="fname"> <input type="submit" value="Submit"> </form>
html:
<form method="post" name="form1" id="form1"> <input id="submit" name="submit" type="submit" value="Submit" title="eatFood();" /> </form>Javascript: Untuk mengirimkan formulir menggunakan javascript
function eatFood() { document.getElementById('form1').submit(); }untuk menampilkan pesan title
function eatFood() { alert('Form has been submitted'); }jika Anda perlu melakukan sesuatu sebelum mengirimkan data, Anda bisa menggunakan formulir onsubmit.
<form method=post onsubmit="return doSomething()"> <input type=text name=text1> <input type=submit> </form>Saya punya kode ini:
<html> <head> <SCRIPT type=text/javascript> function deshabilitarBoton() { document.getElementById("boton").style.display = 'none'; document.getElementById("envio").innerHTML ="<br><img src='img/loading.gif' width='16' height='16' border='0'>Generando..."; return true; } </SCRIPT> <title>untitled</title> </head> <body> <form name="form" action="ok.do" method="post" > <table> <tr> <td>Fecha inicio:</td> <td><input type="TEXT" name="fecha_inicio" id="fecha_inicio" /></td> </tr> </table> <div id="boton"> <input type="submit" name="event" value="Enviar" class="button" title="return deshabilitarBoton()" /> </div> <div id="envio"> </div> </form> </body> </html>
- Buat tombol tersembunyi dengan id="hiddenBtn" dan type="submit" yang melakukan pengiriman
- Ubah tombol saat ini menjadi type="button"
atur title dari tombol saat ini memanggil tampilan function seperti di bawah ini:
function foo() { // do something before submit ... // trigger click event of the hidden button $('#hinddenBtn').trigger("click"); }
<button type="submit" name="uname" value="uname" title="browserlink(ex.google.com,home.html etc)or myfunction();"> submit</button>
jika Anda ingin membuka halaman di klik tombol dalam HTML tanpa bahasa scripting maka Anda dapat menggunakan kode di atas.
Contoh
Mengeksekusi JavaScript ketika sebuah tombol diklik:
<button title="myFunction()">Click me</button>
Cobalah sendiri "
Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
Acara title terjadi ketika pengguna mengklik pada sebuah elemen.
Dukungan Browser
title | iya nih | iya nih | iya nih | iya nih | iya nih |
Sintaksis
Dalam HTML:
Dalam JavaScript:
Dalam JavaScript, menggunakan addEventListener() metode:
object .addEventListener("click", myScript );
Cobalah sendiri "
Catatan: addEventListener() metode tidak didukung di Internet Explorer 8 dan versi sebelumnya.
Rincian teknis
iya nih |
iya nih |
MouseEvent |
Semua elemen HTML, KECUALI: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, dan <title> |
Level 2 Acara |
Contoh lebih
Contoh
Klik pada <button> elemen untuk menampilkan hari ini, tanggal dan waktu:
<button title="getElementById('demo').innerHTML=Date()">What is the time?</button>
Cobalah sendiri "
Contoh
Klik pada <p> elemen untuk mengubah warna teks untuk merah:
<p id="demo" title="myFunction()">Click me to change my text color.</p>
<script>
function myFunction() {
document.getElementById("demo").style.color = "red";
}
</script>
Cobalah sendiri "
Contoh
Contoh lain tentang cara mengubah warna dari <p> elemen dengan mengkliknya:
<p id="demo" title="myFunction(this, 'red')">Click me to change my text color.</p>
<script>
function myFunction(elmnt,clr) {
elmnt.style.color = clr;
}
</script>
Cobalah sendiri "
Contoh
Klik tombol untuk menyalin beberapa teks dari sebuah field input untuk field input lain:
<button title="myFunction()">Copy Text</button>
<script>
function myFunction() {
document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>
Cobalah sendiri "
Contoh
Menetapkan " title" event ke objek window:
window. title = myFunction;
// If the user clicks in the window, set the background color of <body> to yellow
function myFunction() {
document.getElementsByTagName("BODY")[0].style.backgroundColor = "yellow";
}
Cobalah sendiri "
Contoh
Menggunakan title untuk membuat tombol dropdown:
// Get the button, and when the user clicks on it, execute myFunction
document.getElementById("myBtn"). title = function() {myFunction()};
/* myFunction toggles between adding and removing the show class, which is used to hide and show the dropdown content */
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
//
Close the dropdown if the user clicks outside of it
window. title = function(event) {
if (!event.target.matches('.dropbtn')) {
var dropdowns = document.getElementsByClassName("dropdown-content");
var i;
for (i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns[i];
if (openDropdown.classList.contains('show')) {
openDropdown.classList.remove('show');
}
}
}
}
Cobalah sendiri "
Pages terkait
Referensi HTML DOM: acara ondblclick
Referensi HTML DOM: acara onmousedown
Referensi HTML DOM: acara onmouseup
<Object Acara