Kezdőoldal » Számítástechnika » Programozás » JavaScriptben hogyan lehet,...

JavaScriptben hogyan lehet, ha lehet egyáltalán, <script> tag-ek között gombot létrehozni?

Figyelt kérdés
HTML elemként tiszta az <input type.... />, csak script tag között lehet-e?

2014. ápr. 2. 15:17
1 2
 1/11 anonim ***** válasza:
66%

$("#add-btn").click(function(){

$("#myform").append('<input type="text" name="text" value="text" placeholder="Text"><br />');

});

2014. ápr. 2. 15:24
Hasznos számodra ez a válasz?
 2/11 A kérdező kommentje:

Azért ilyen szinten nem vagyok, most kezdtem nemrég :D Ez elég bonyolultnak tűnik, nincs valami egyszerűbb megoldás, esetleg el tudnád magyarázni, hogy hogyan is működik ez?

Azért köszi :)

2014. ápr. 2. 15:38
 3/11 anonim ***** válasza:
66%
jquery kell hozzá, az add-btn-vel rendelkező pl. div-re kattintva egy funkció indul el, ami a myfrom id-vel rendelkező html form végére teszi a zárójelben megírt input mezőt :P append() az elemek után teszi, prepend pedig a legelejére a formnak.
2014. ápr. 2. 15:41
Hasznos számodra ez a válasz?
 4/11 anonim ***** válasza:
100%

Természetesen Javascriptben is lehet. Az egyik mód:


var btn=document.createElement("button");

btn.appendChild(document.createTextNode("gomb"));

btn.onclick = function () { alert("Click..."); }

btn.setAttribute("id", "akármi");

btn.setAttribute("name", "akármi");

document.body.appendChild(btn);

2014. ápr. 2. 15:50
Hasznos számodra ez a válasz?
 5/11 A kérdező kommentje:
Működik, köszönöm! :) Megy a kéz :D
2014. ápr. 2. 15:57
 6/11 anonim ***** válasza:

Méretet, ilyesmit elvben így tudsz:

btn.style.width = "100px";


Internet Explorerben ez lehet, hogy nem működik, de máshol kéne neki. :)

2014. ápr. 2. 16:02
Hasznos számodra ez a válasz?
 7/11 anonim ***** válasza:
92%

"jquery kell hozzá"


Már hogy kéne? A jQuery is JavaScript-ben lett implementálva.


Logika: leülhetsz fiam, egyes!

2014. ápr. 3. 00:27
Hasznos számodra ez a válasz?
 8/11 anonim ***** válasza:
#7: Próbáld már meg a #1-es számú válaszomat jQuery nélkül lefuttatni... :P Szerencsétlen, ezzel foglalkozom...
2014. ápr. 3. 15:15
Hasznos számodra ez a válasz?
 9/11 anonim ***** válasza:
Akkor most próbáld meg a #4-es választ lefuttatni jquery nélkül. Szerencse nélküli.. :)
2014. ápr. 3. 15:30
Hasznos számodra ez a válasz?
 10/11 anonim ***** válasza:

Vagy kattins a try it gombra.

[link]

:D

2014. ápr. 3. 15:32
Hasznos számodra ez a válasz?
1 2

Kapcsolódó kérdések:




Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!