Programim dhe zhvillim, javascript, python, php, html

Si të shfaqni një tekst të caktuar në varësi të cilit buton shtypet?

Unë jam duke punuar në një projekt në të cilin më duhet të bëj një faqe HTML me dy butona radio.

  • Butoni i parë është, INSERT. Sapo të klikoj butonin INSERT, do të doja të shfaqja tre kuti teksti pikërisht poshtë butonit INSERT. Kutia e parë e tekstit është datacenter, kutia e dytë e tekstit është node dhe kutia e tretë e tekstit është data.
  • Butoni i dytë është, UPDATE. Sapo të klikoj butonin UPDATE, do të doja të tregoja të njëjtën mbi tre kutinë e tekstit pikërisht poshtë butonit UPDATE.
  • Butoni i tretë është, DELETE. Sapo të klikoj butonin FSHI, do të doja të shfaqja vetëm një kuti teksti pikërisht poshtë butonit DELETE. Në këtë kuti teksti do të jetë node.
  • Butoni i katërt është, PROCESS. Sapo të klikoj butonin PROCESS, do të doja të shfaqja katër kuti teksti pikërisht poshtë butonit PROCESS. Në këtë kuti teksti të parë do të jetë datacenter, kutia e dytë tekstore do të jetë node, kutia e tretë do të jetë data dhe kutia e katërt do të jetë conf

Dhe së fundi do të ketë butonin e dorëzimit të cilin do ta shtyp.

Unë jam në gjendje të krijoj këtë dizajn në jsfiddle

Deklarata e problemit:-

Por në njëfarë mënyre, disa gjëra nuk po funksionojnë si p.sh. butoni Submit nuk shfaqet kur klikoj butonin Process për herë të parë. Do të thotë për herë të parë, nëse klikoni butonin Process, atëherë ai tregon vetëm tre kuti teksti që është datacenter, nyje dhe të dhëna, por në përgjithësi duhet të tregojë katër kuti teksti siç tregohet më sipër. Dhe gjithashtu butoni i dorëzimit nuk shfaqet gjithashtu.

Do të jetë një ndihmë e madhe nëse dikush mund të japë shembull jsfiddle?

Dhe gjithashtu a ka ndonjë gjë të gabuar që po bëj në jsfiddle tim, të cilën nuk duhet ta bëj? Do të thotë në vend që të fsheh elementet, duhet t'i fshij ato?

Po ndjek pyetjen e mëparshme këtu. Në pyetjen time të mëparshme, dizajni im ishte diçka tjetër, por pas kësaj unë isha në gjendje të dal me dizajnin tim të ri siç tregohet në jsfiddle tim më lart.

javascript html jquery css jsp
08.03.2014

  • jsfiddle.net/4Nmqk/9 08.03.2014
  • tregon vetëm tre kuti teksti kur klikoj butonin Process për herë të parë, në vend të kësaj duhet të tregojë katër siç tregohet në pyetje. 08.03.2014

Përgjigjet:


1

Ne folëm për këtë disa në një diskutim dhe dolëm me http://jsfiddle.net/4Nmqk/12/

Është më e thjeshtë të kesh formularë për çdo lloj paraqitjeje, në vend që të përpiqesh të fshehësh dhe të shfaqësh pjesët e duhura të formularëve. Nëse nuk keni një metodë për abstragimin e të dhënave (cilat seksione për të treguar) nga logjika (si t'i shfaqni/shfaqni ato) ajo përfundon të jetë një rrëmujë, ashtu si OP-të origjinale Fiddle.

Fiddle im krijon shumë më tepër html, por javascript është aq i thjeshtë sa:

$('.btn-primary').click( function(){
    $( '.btn-primary').removeClass( 'currentButton' )
    $( this).addClass('currentButton') 
    $( 'form' ).hide()
    $( "#form_" + $(this).attr('id') ).show();
})

U shtua gjithashtu pak pastrim, thjesht për argëtim.

Sigurisht që zbatimi më i sofistikuar i kësaj ndoshta do të integrohej shumë në kodin e serverit dhe do të gjenerohej shumë më dinamikisht, por për t'iu përgjigjur pyetjes, kjo teknikë duket më e drejtpërdrejtë dhe më e aftë (vini re sa e lehtë është për të shtuar përmbajtje shtesë, si titujt që kam shtuar në çdo formë IT do të ishte po aq e lehtë për të shtuar tekst përshkrues, elementë të ndryshëm të formës, etj.

08.03.2014
  • Po.. Shtova butonin e paraqitjes, por në vend që të shfaqet si katër kuti teksti kur klikoj butonin Process, ai po shfaq vetëm tre kuti teksti. A mund të jepni një shembull jsfilddle? 08.03.2014
  • Por ju ende nuk po show()duke përdorur kutinë e tekstit '#value' në atë seksion. 08.03.2014
  • A mund të jepni një shembull jsfilddle nëse është e mundur? me duket dicka budallalleqe po bej me siguri.. 08.03.2014
  • A mund të shpjegoni pse po hiqni dhe shtoni kuti të ndryshme teksti? 08.03.2014
  • Kjo është kërkesa ime.. Po? Pasi të klikoj butonin INSERT, do të doja të shfaqja tre kuti teksti siç tregohet më sipër. Dhe nëse klikoj butonin UPDATE, do të doja të shfaqja përsëri tre të njëjtat kuti teksti. Por nëse klikoj butonin fshij, do të doja të shfaqja vetëm kutinë e tekstit të nyjës dhe më pas në fund nëse klikoj butonin PROCESS, do të doja të tregoja katër kuti teksti si tregohet me lart.. Pra, per te bere kete po shtoja dhe hiqja gjera.. Ndoshta nuk eshte nje zgjidhje elegante.. kjo eshte ajo qe dola brenda disa minutash.. :( 08.03.2014
  • Mendoj se nuk e kuptoj pse nuk po përdorni 4 forma të ndryshme... Nuk jam i sigurt se si prisni që kjo të veprojë në kohën e dorëzimit. Unë shoh që jeni duke përdorur bootstrap ... ndoshta kjo pyetje duhet të etiketohet bootstrap? 08.03.2014
  • Pasi të dorëzoj këtë formular, të gjitha vlerat e tjera të kutisë së tekstit duhet të jenë nule, përveç asaj që kërkohet? Saktë Dhe unë do të ruaj diku, ok nëse kam klikuar Process ose Insert ose Update ose Delete dhe më pas në varësi të kësaj do t'i përpunoj. 08.03.2014
  • le të të vazhdojmë këtë diskutim në chat 08.03.2014
  • mbështjellësi $(document).ready( ... ) ishte gjithçka që mungonte. Gabim i thjeshtë, duke marrë parasysh se jsfiddle pak a shumë në heshtje e shton këtë në faqet tuaja për ju. 08.03.2014
  • jeni akoma rreth e rrotull? shikoni në chat.. një pyetje më themelore 08.03.2014
    • Materiale të reja
    Masterclass Coroutines: Kapitulli-3: Anulimi i korutinave dhe trajtimi i përjashtimeve.
    Mirë se vini në udhëzuesin gjithëpërfshirës mbi Kotlin Coroutines! Në këtë seri artikujsh, unë do t'ju çoj në një udhëtim magjepsës, duke filluar nga bazat dhe gradualisht duke u thelluar në..
    Faketojeni derisa ta arrini me të dhënat false
    A e gjeni ndonjëherë veten duke ndërtuar një aplikacion të ri dhe keni nevojë për të dhëna testimi që duken dhe duken më realiste ose një grup i madh të dhënash për performancën e ngarkesës...
    Si të përdorni kërkesën API në Python
    Kërkesë API në GitHub për të marrë depot e përdoruesve duke përdorur Python. Në këtë artikull, unë shpjegoj procesin hap pas hapi për të trajtuar një kërkesë API për të marrë të dhëna nga..
    Një udhëzues hap pas hapi për të zotëruar React
    Në këtë artikull, do të mësoni se si të krijoni aplikacionin React, do të mësoni se si funksionon React dhe konceptet thelbësore që duhet të dini për të ndërtuar aplikacione React. Learning..
    AI dhe Psikologjia — Pjesa 2
    Në pjesën 2 të serisë sonë të AI dhe Psikologji ne diskutojmë se si makineritë mbledhin dhe përpunojnë të dhëna për të mësuar emocione dhe ndjenja të ndryshme në mendjen e njeriut, duke ndihmuar..
    Esencialet e punës ditore të kodit tim VS
    Shtesat e mia të preferuara - Git Graph 💹 Kjo shtesë është vërtet e mahnitshme, e përdor përpara se të filloj të punoj për të kontrolluar dy herë ndryshimet dhe degët më të fundit, mund të..
    Pse Python? Zbulimi i fuqisë së gjithanshme të një gjiganti programues
    Në peizazhin gjithnjë në zhvillim të gjuhëve të programimit, Python është shfaqur si një forcë dominuese. Rritja e tij meteorike nuk është rastësi. Joshja e Python qëndron në thjeshtësinë,..