WItam wszystkich!
Jestem nowy tutaj jak i w programowaniu, uczę się niecały miesiąc, zacząłem od oglądania tutoriali Pana M.Z. i staram się robić rzeczy "po swojemu" dla lepszej wprawy. No i myślę że natrafiłem na zjawisko ciężko zrozumiałe dla mnie. Także proszę Was wszystkich o wszelaką pomoc w rzeczy dość trywialnej dla Waszego grona. Oto problem:
Jestem na etapie programowania rejestracji w PHP i wpadłem na pomysł na stronie głównej, iż zrobie link o nazwie rejestracja poktórym dzięki funcji innerHTML z JavaScriptu nadpiszę jeden div i tam dam pola do rejestracji. Wszystko poszło dość dobrze poza jednym, reCAPTCHA, dostałem gotowego diva do wklejenia na strone HTML i po wklejeniu jej reCAPTCHA oczywiście działa. Ale gdy wrzucam go do JS nagle znika.
Oto div wygenerowany przez reCAPTCHA
<div class="g-recaptcha" data-sitekey="6LcIw3IUAAAAAGeacTqiua1RYNpOor_7E6V0u80D"></div>
oczywiście uprzednio dodałem wersję do <head>, a oto funkcja podmieniająca diva w JS
function registerjs()
{
var plikregister = "<span id=\"boxjs\" >"+
"<div class=\"centerreg\" ><span class=\"pointerjs\" onclick=\"loginjs()\"><b>Logowanie</b></span>/<span class=\"bigtitle\" >Rejestracja</span>" +
"<div id=\"loginbox\" style=\"height: 400px;\">"+
"<form method=\"post\">"+
"<input class=\"logreg\" type='text' name='nick' placeholder='Podaj nick do gry: ' onfocus=\"this.placeholder=''\" onblur=\"this.placeholder='Podaj nick do gry: '\" /><br />"+
"<input class=\"logreg\" type=\"password\" name=\"haslo1\" placeholder=\"Hasło:\" onfocus=\"this.placeholder=''\" onblur=\"this.placeholder='Hasło:'\" /><br />"+
"<input class=\"logreg\" type=\"password\" name=\"haslo2\" placeholder=\"Powtórz hasło:\" onfocus=\"this.placeholder=''\" onblur=\"this.placeholder='Powtórz hasło:'\" /><br />"+
"<input class=\"logreg\" type=\"text\" name=\"email\" placeholder=\"Email:\" onfocus=\"this.placeholder=''\" onblur=\"this.placeholder='Email:'\" /><br />"+
"<label><input type=\"checkbox\" name=\"regulamin\" >Akceptuję <a href=\"regulamin\" title=\"regulamin\" target=\"_BLANK\" class=\"black2\" >regulamin</a></label><br />"+
"<div class="+"g-recaptcha"+" data-sitekey="+"6LcIw3IUAAAAAGeacTqiua1RYNpOor_7E6V0u80D"+"></div><br />"+
"<input class=\"loginto\" type=\"submit\" value=\"Zarejestruj się\" /></span></div>";
document.getElementById("boxjs").innerHTML = plikregister;
}
niestety na chwilę obecną tylko tak potrafię scalić linijki kodu w JS.
podam również HMTL co dokładnie podmienia ( podmieniam diva logującego się z rejestracją)
<div id="registerboxjs" >
<div id="log" >
<span id="boxjs" >
<span class="bigtitle" >Logowanie</span>/<span class="pointerjs" onclick="registerjs()" ><b>Rejestracja</b></span>
<div id="loginbox" >
<form action="login" method="post" >
<input class="logreg" type="text" name="login" placeholder="Login" onfocus="this.placeholder=''" onblur="this.placeholder='Login'" />
<input class="logreg" type="password" name="haslo" placeholder="Hasło" onfocus="this.placeholder=''" onblur="this.placeholder='Hasło'" />
<input class="loginto" type="submit" value="Zaloguj się" />
</span>
<?php
if(isset($_SESSION['blad']))
echo $_SESSION['blad'];
?>
</div>
</form>
</div>
<aside>
Oczywiście są to wycinki, wszystkie divy się zgadzają, błędu nie ma, problem w tym że reCAPTCHA też nie ma...
Czy bylibyście na tyle uprzejmi by doradzić/poradzić na zaistniałą sytuację?
Z góry dziękuję za pomoc
Mariusz