පොඩි code එකක් ලියා ගන්න උදව් !!

pradeepsu

Well-known member
  • Nov 4, 2019
    961
    1,063
    93
    ගෙදර ඉන්න එකේ, පොඩ්ඩක් php , jquery වගේ දේවල් ඉගෙන ගන්න හිතුව. කරගෙන යනකොට පොඩි අවුලක් ආව /

    Json file එකක data read කරල එක output කරනවා php වලින් (for each loop එක පාවිච්චි කරලා ). දැන් මට ඕන, මේ php වලට output කරපු එකේ data, බටන් click කරන කොට ටෝටල් කරන්න. බටන් එකේ value එක, attr property වලින් read කරන පුළුවන්. palaweni එක click කරලා, දෙවෙනි එක click කරන කොට පලවෙනි එකට දෙවෙනි එක එකතු වෙන්න ඕන. අයෙත් පලවෙනි එක ක්ලික් කරොත් (unselect) කරොත් value එක අඩු වෙන්න ඕන.

    jquery කරන්න පුලුවන්ද . කොහොමද ගන්නේ ?
     
    • Like
    Reactions: Cenon

    Honey Bunch

    Well-known member
  • Nov 24, 2018
    17,275
    26,753
    113
    Kandy
    web karana aya godak innawa kawru hari udaw karai oyata.google karala baluwe nadda etakota godak dewal igena gattaki oyata
     

    u_make_me_sick_

    Well-known member
  • Oct 1, 2011
    11,522
    7,320
    113
    Gedi pitin answer ekak illanne nethuwa, oya monawada try karapu methods, adu gaane mechchara wela karapu code ekawath methana danna. mokuth nethuwa anith ayata context ekata enter wenna amaruy.
    Oyata oni de example ekak ekka danna,
     

    dakshinasd

    Well-known member
  • Feb 23, 2008
    2,820
    1,980
    113
    127.1.1.0
    Aduma gane JSON eka structure ekawath dapan machan. PHP walin kohomada oka read karanne and kohomada HTML walata oka denne kiyala poddak code sample ekak danna
     

    pradeepsu

    Well-known member
  • Nov 4, 2019
    961
    1,063
    93
    Aduma gane JSON eka structure ekawath dapan machan. PHP walin kohomada oka read karanne and kohomada HTML walata oka denne kiyala poddak code sample ekak danna

    මෙන්න මෙහෙමයි මම json එක read කරේ

    $var1 =file_get_contents(URL);
    $data_var = json_decode($var1);

    ඊට පස්සේ , ඒක කෑලි වලට කඩල php වලට output කරා මෙහෙම.

    for_each($data_ver as $data_new){

    echo $data_new->handlername ."<button id="select" class="btn primary" val"<?php echo $data_new->value; ? name=" " > ">Select</button>";
    }

    me okkoma hari, output eka hadagena thiyenne.

    දැන් මන් ට්‍රය් කරන්නේ, මේකේ බටන් එක ක්ලික් කරාම , value එකතු වෙන්නයි, අයෙ ක්ලික් කරාම අඩු වෙන්නයි වගේ වැඩක්.

    මෙහම jquery එකක් ලියුව.

    let count =0;
    jQuery(".btn primary").click(function(){
    jQuery(this).addClass("selected")
    count++
    });

    jQuery(".btn primary selected").click(function(){
    jQuery(this).removeClass("selected")
    count-1
    });
     
    • Like
    Reactions: hodakolla

    dakshinasd

    Well-known member
  • Feb 23, 2008
    2,820
    1,980
    113
    127.1.1.0
    මෙන්න මෙහෙමයි මම json එක read කරේ

    $var1 =file_get_contents(URL);
    $data_var = json_decode($var1);

    ඊට පස්සේ , ඒක කෑලි වලට කඩල php වලට output කරා මෙහෙම.

    for_each($data_ver as $data_new){

    echo $data_new->handlername ."<button id="select" class="btn primary" val"<?php echo $data_new->value; ? name=" " > ">Select</button>";
    }

    me okkoma hari, output eka hadagena thiyenne.

    දැන් මන් ට්‍රය් කරන්නේ, මේකේ බටන් එක ක්ලික් කරාම , value එකතු වෙන්නයි, අයෙ ක්ලික් කරාම අඩු වෙන්නයි වගේ වැඩක්.

    මෙහම jquery එකක් ලියුව.

    let count =0;
    jQuery(".btn primary").click(function(){
    jQuery(this).addClass("selected")
    count++
    });

    jQuery(".btn primary selected").click(function(){
    jQuery(this).removeClass("selected")
    count-1
    });
    UI eke podi screenshot ekak dapan machan
     

    pradeepsu

    Well-known member
  • Nov 4, 2019
    961
    1,063
    93
    UI eke podi screenshot ekak dapan machan
    මේ තියෙන්නේ.
    1617692326377.png
     

    dakshinasd

    Well-known member
  • Feb 23, 2008
    2,820
    1,980
    113
    127.1.1.0
    uba liyala thiyana widiha 50% hari. Eth oya count eka click wena hama parama reinitialize wenawa ne.
    jQuery eke each() method ekath ekka oka combine karanna. Hugak durata goda yai. Me mata oyage requirement eka theruna widihata answer eka dunne