Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Wstawianie elementu za węzłem
Szymon88
post 31.05.2018, 09:18:06
Post #1





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 16.09.2017

Ostrzeżenie: (0%)
-----


Cześć,
Jestem początkujący w Javascript. Chcę wstawić div przzed kontenerem z daną klasą. Użyłem do tego kodu:

Kod
var popupFooter = document.getElementsByClassName('modal-footer');

var span = document.createElement('span');
    span.innerHTML = 'test';
    span.className = 'checkbox';

my_elem.parentNode.insertBefore(span, popupFooter);


Poniżej kod HTML:
Kod
<form id="gsf-popup-register-form" class="modal-content">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-remove"></i>
            </button>
            <div class="modal-header">
                <h4 class="modal-title">Zarejestruj się</h4>
                <p>Witaj. Zaloguj się poniżej na swoje konto.</p>
            </div>
            <div class="modal-body">
                <div class="gsf-popup-login-content">
                    <div class="form-group">
                        <div class="input-icon">
                            <input class="form-control" name="username" required="required" placeholder="Nazwa użytkownika" type="text">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-icon">
                            <input name="email" class="form-control" required="required" placeholder="Email" type="email">
                        </div>
                    </div>
                    <div class="login-message text-left fs-12"></div>
                </div>
            </div>
            <div class="modal-footer">
                <input name="action" value="gsf_user_sign_up_ajax" type="hidden">
                <div class="">
                    <button data-style="zoom-in" data-spinner-size="30" data-spinner-color="#fff" type="submit" class="ladda-button btn btn-primary btn-classic btn-rounded btn-sm btn-block">Zarejestruj się</button>
                </div>
                <div class="mg-top-20">Hasło wyślemy drogą mailową</div>
            </div>
        </form>


Kod nie działa. Nie rozumiem dlaczego. Macie może jakieś pomysły?

Ten post edytował Szymon88 31.05.2018, 09:19:46
Go to the top of the page
+Quote Post
trueblue
post 31.05.2018, 09:31:16
Post #2





Grupa: Zarejestrowani
Postów: 5 194
Pomógł: 1441
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


A co jest w my_elem?

  1. popupFooter.parentNode.insertBefore(span, popupFooter);
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 23.10.2018 - 23:57