fejléc
Gyakori kérdések Belépés Új kérdés Véletlen kérdés
Keresés
Kezdőoldal » Számítástechnika » Programozás » <Button> Segítséget kéne a...

<Button> Segítséget kéne a következő dologra. Hogyan kéne?

Figyelt kérdés

Ez egy kártyanév választó input lenne,és kattintással szeretném megoldani a választást.Ne kelljen be pötyögni a választást kézzel.Láttam ilyet régebben,rányomtak pl a pikk jelre,majd az értékére,mondjuk ász,és ezek beugrottak valahogy az inputba.Majd egy elküld gombbal az egész elküldésre került.(lesz még hozzá plussz 52 gomb mert pozíciót is kell választani).Php-ban szeretném megoldani.Esetleg linket tud valaki ilyenről és hasonlóról?

[link]



#php #programozás #input
2017. aug. 17. 22:04
 1/3 anonim ***** válasza:
100%
Ez nem php, hanem javascript kérdéskör. Csak el kell tárolnod Javascript kódban a kártya színét, értékét, illetve majdan a pozícióját, a gombokra pedig rákötni egy click eseményt, ami kiolvassa az értéküket, eltárolja, és esetleg frissíti a felületet ennek fényében. A gombokra célszerű valamilyen formában (akár attribútumokkal) eltárolni a típusukat (szín, érték, illetve pozíció), és az értéket, amit reprezentálnak. MAjd a click esemény kiolvassa belőlük, hogy melyik mezőbe, és milyen értéket kell eltárolnia. Aztán ezzel már azt csinálsz amit akarsz.
2017. aug. 17. 22:17
Hasznos számodra ez a válasz?
 2/3 sharkxxx ***** válasza:

<style>

.btnCardSelector {

    width: 1px;

    min-width: 40px;

    height  : 40px;

}

</style>

<div>

<button class="btnCardSelector" data-color="s" onclick="buttonColorClick(this);" />

<button class="btnCardSelector" data-color="d" onclick="buttonColorClick(this);" />

<button class="btnCardSelector" data-color="c" onclick="buttonColorClick(this);" />

<button class="btnCardSelector" data-color="h" onclick="buttonColorClick(this);" />

</div>

<div>

<button class="btnCardSelector" data-rank="2" onclick="buttonRankClick(this);" />

<button class="btnCardSelector" data-rank="3" onclick="buttonRankClick(this);" />

<button class="btnCardSelector" data-rank="4" onclick="buttonRankClick(this);" />

<button class="btnCardSelector" data-rank="5" onclick="buttonRankClick(this);" />

<button class="btnCardSelector" data-rank="6" onclick="buttonRankClick(this);" />

<button class="btnCardSelector" data-rank="7" onclick="buttonRankClick(this);" />

<button class="btnCardSelector" data-rank="8" onclick="buttonRankClick(this);" />

<button class="btnCardSelector" data-rank="9" onclick="buttonRankClick(this);" />

<button class="btnCardSelector" data-rank="T" onclick="buttonRankClick(this);" />

<button class="btnCardSelector" data-rank="J" onclick="buttonRankClick(this);" />

<button class="btnCardSelector" data-rank="Q" onclick="buttonRankClick(this);" />

<button class="btnCardSelector" data-rank="K" onclick="buttonRankClick(this);" />

<button class="btnCardSelector" data-rank="A" onclick="buttonRankClick(this);" />

</div>

<div>

<input type="text" id="inputTextCard" name="card" value="" readonly="readonly" />

</div>

<script type="text/javascript">

var rank  = "2";

var color = "s";

function refreshInputTextCard() {

    document.getElementById("inputTextCard").value = rank + color;

}

function buttonRankClick(e) {

    rank = e.getAttribute("data-rank");

    refreshInputTextCard();

}

function buttonColorClick(e) {

    color = e.getAttribute("data-color");

    refreshInputTextCard();

}

refreshInputTextCard();

</script>

2017. aug. 18. 12:54
Hasznos számodra ez a válasz?
 3/3 A kérdező kommentje:

Ismét köszi mindenkinek.

Respect Sharkxxx,én voltam múltkor a fordított tömbös kérdező.

Az elveket követve sikerült az a dolog,persze a kódom kicsit más formájú lett.

2017. aug. 18. 18:55

Kapcsolódó kérdések:

Számítástechnika főkategória kérdései »
Számítástechnika - Programozás kategória kérdései »




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!