Witam forumowiczów.
Na wstępie dodam że w JavaScript stawiam dopiero pierwsze kroki jest to mój drugi skrypt w życiu.
Tworzę sobie stronkę w HTML z dodatkami JavaScript.
Mam stronę główną i podstronę kontakt. Użyłem JavaScript do wyświetlenia podstrony bez przeładowywania strony.
Oto kod który użyłem aby wyświetlić podstronę kontakt:
function clickcontact()
{
var clickcontact = document.getElementById("contact");
clickcontact.onclick = function()
{
document.getElementById("content-section").innerHTML;
var newHTML = "<div id='content-wrapper'>" +
"<h1>Contact</h1>" +
"<h2>To contact with us use the form below.</h2>" +
"<div id='form'>" +
"<input type='text' placeholder='Name...' id='input-text'>" +
"<br>" +
"<input type='text' placeholder='E-mail...' id='input-text'>" +
"<br>" +
"<textarea id='contact-textarea' placeholder='Message...'></textarea>" +
"<div id='button-send'>Send</div>" +
"</div>" +
"<div class='clr'></div>" +
"<div id='line-sepparator'></div>" +
"</div>";
document.getElementById('content-section').innerHTML = newHTML;
}
}
Oczywiście później funkcja jest wywoływana "windows.onload" i to działa prawidłowo.(ten element umieściłem niżej)
W powyższej funkcji zawarty jest HTML a w nim przycisk "wyślij" (
Chciałbym aby po kliknięciu na ten przycisk wyświetlał się komunikat że wiadomość została wysłana.
Do tego użyłem następujący kod który nie działa:</p>
function send()
{
var send = document.getElementById("button-send");
send.onclick = function()
{
alert("Message Send");
}
}
No i oczywiście na koniec obie funkcję wywołane są tym kodem:
window.onload = function()
{
clickcontact();
send();
}
Moja diagnoza(niekoniecznie trafna): Funkcja "send" odnosi się do div-a zawartego w funkcji "clickcontact" i podczas ładowania strony funkcja "send" nie widzi tego div-a.
Jak zmienić kod funkcji "send" aby wyświetlała prawidłowo komunikat(po kliknięciu na przycisk) na podstronie kontakt.