Tworzenie elementów

pytanie zadane 17 grudnia 2016 w JavaScript przez Totek Użytkownik (860 p.)
zmienione kategorie 18 grudnia 2016 przez Arkadiusz Waluk

Witam formułowiczów,

Jak stworzyć coś takiego , że po kliknięciu na przycisk dodaje element blokowy na stronie z wartością wpisaną w polu textowym.

Po kliknięciu dodaj dodaje element i wygląda to w ten sposób.

Pozdrawiam.

komentarz 18 grudnia 2016 przez Boshi VIP (100,240 p.)

po przeładowaniu to ma zostać czy tylko dynamicznie?

komentarz 18 grudnia 2016 przez Totek Użytkownik (860 p.)

Chodzi o to, że gdy klikasz "dodaj" od razu na stronie dodaje element

2	komentarz 18 grudnia 2016 przez Boshi VIP (100,240 p.) użyj js-a

3 odpowiedzi

odpowiedź 20 grudnia 2016 przez pablop76 VIP (123,180 p.)
wybrane 21 grudnia 2016 przez Totek

Najlepsza

Witam.

<div class="pojemnik">
<input type="text" id="nowy" placeholder="wpisz"/>
<span id="dodany" class="dodany"></span><br>
<input type="submit" id="zapis" value="dodaj" onclick="dodawanie();">
</div>

body{
  background-color: black;
}
.pojemnik{
  width: 500px;
  height: 500px;
  margin: 0 auto;
}
.dodany{
  background-color: white;
}


function dodawanie()
{
  var nowa = document.getElementById("nowy").value;
  document.getElementById("dodany").innerHTML = nowa;
}

odpowiedź 18 grudnia 2016 przez hoktaur Pasjonat (22,250 p.)

JQuery

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#btn1").click(function(){
        $("img").before("<b>Before</b>");
    });

    $("#btn2").click(function(){
        $("img").after("<i>After</i>");
    });
});
</script>
</head>
<body>

<img src="http://forum.pasja-informatyki.pl/images/logo-snow.png" alt="jQuery" width="100" height="140"><br><br>

<button id="btn1">Insert before</button>
<button id="btn2">Insert after</button>

</body>
</html>

2	komentarz 18 grudnia 2016 przez xandros Nałogowiec (29,450 p.) Wywal listenera na document ready i przenieś skrypty zaraz przed zakonczenie znacznika </body>

komentarz 18 grudnia 2016 przez Totek Użytkownik (860 p.)

Ale jak w taki sposób umieścić phpowe zmienne?

komentarz 18 grudnia 2016 przez hoktaur Pasjonat (22,250 p.)

Można np. tak:


$("img").before("<b><?php $before?></b>");

albo tak

<?php
  echo '
    $("img").before("<b>' . $before . '</b>");
  ';
?>

odpowiedź 18 grudnia 2016 przez xandros Nałogowiec (29,450 p.)

Podobne pytania

0 głosów

0 odpowiedzi 1,271 wizyt

Dynamiczne tworzenie elementów za pomocą Javascriptu

pytanie zadane 27 czerwca 2017 w JavaScript przez nitrio578 Początkujący (270 p.)

+1 głos

2 odpowiedzi 661 wizyt

Jaki jest najlepszy sposób na dodawanie elementów do tablicy?

pytanie zadane 22 lipca 2021 w JavaScript przez Doge Gaduła (3,370 p.)

0 głosów

2 odpowiedzi 395 wizyt

[PHP] Dodawanie elementów do obiektu js

pytanie zadane 17 września 2020 w JavaScript przez Marak123 Stary wyjadacz (11,190 p.)

Tworzenie elementów

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

3 odpowiedzi

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci