Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > PHP > PHP Forum > สอบถามวิธีบวกเลขโดยใช้ jQuery ด้วยครับ (มีตัวอย่าง)



 

สอบถามวิธีบวกเลขโดยใช้ jQuery ด้วยครับ (มีตัวอย่าง)

 



Topic : 110423



โพสกระทู้ ( 4 )
บทความ ( 0 )



สถานะออฟไลน์




ตัวอย่างตามเวบนี้นะครับ http://fo3.garena.in.th/db/pview/347
คือพอเราเลือก เลเวลนักเตะ กับตีบวก ค่าพลังด้านล่างก็จะเพิ่มตาม (ตามรูป)
fifa


ผมอยากเอาระบบนี้มาใช้ในเวบบ้าง แต่ตัดกราฟแท่งออกให้เหลือแต่ตัวเลข ผมไม่มีความรู้เรื่องการใช้งาน jQuery ไม่รู้ว่าโค้ดส่วนไหนบ้างที่เกี่ยวข้อกับการทำงานในส่วนนี้

เท่าที่ลองดูก็น่าจะเป็น

Code
<script type="text/javascript">


$(document).ready(function(e) {
    var setting = {
        width: 150,
        max:130
    };

    function reAbility(){
        lv = parseInt($('#select_lv').val());
        plus =  parseInt($('#select_plus').val());
        $('.ability_player table td, .position_player ul li').each(function(){
            new_val = lv+plus+parseInt($(this).find('input[name="ability_ori"]').val());
            $(this).find('.ability_val').text(new_val);

            pNum = (new_val/setting.max)*100;
            pBar = Math.ceil((pNum/100)*setting.width);
            $(this).find('span.ability_bar').animate({width:pBar+'px'});

            pClass= 'gray';
            if(pNum>20) pClass= 'green';
            if(pNum>40) pClass= 'yellow';
            if(pNum>60) pClass= 'orange';
            if(pNum>80) pClass= 'red';
            $(this).find('.ability_val').removeClass('gray').removeClass('green').removeClass('yellow').removeClass('orange').removeClass('red').addClass(pClass);

        });
    }

    $('#btn_back').click(function(){
        window.location='/db/player/';
    });

    $('#abi_down').click(function(){
        $('#select_lv option').prop('selected',false);
        $('#select_plus option').prop('selected',false);

        $('#select_lv option:first').prop('selected',true);
        $('#select_plus option:first').prop('selected',true);
        reAbility();
    });

    $('#abi_up').click(function(){
        $('#select_lv option').prop('selected',false);
        $('#select_plus option').prop('selected',false);

        $('#select_lv option:last').prop('selected',true);
        $('#select_plus option:last').prop('selected',true);
        reAbility();
    });

    $("#select_lv, #select_plus").live('change',reAbility);

    reAbility();

});
</script><!-- content -->


แต่ก็ไม่รู้ว่าจะตัดกราฟแท่งออกได้ยังไงครับ


ปล.ไม่รู้ว่าเขียนเองใหม่เลยจะง่ายกว่าไหม เพราะผมต้องการแค่ให้เลือกระดับเลเวล กับตีบวกแล้วให้พลังนักเตะเพิ่มตามแค่นั้นครับ
ปล2.เว็บนี้เป็นเว็บ Official ของเกมฟีฟ่าออนไลน์ ซึ่งไม่อั๊พเดทข้อมูลซักที ผมเลยอยากทำเว็บเองโดยใช้ข้อมูลปัจจุบันครับ



Tag : PHP, jQuery







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2014-08-05 10:24:14 By : teesurin View : 2883 Reply : 4
 

 

No. 1



โพสกระทู้ ( 455 )
บทความ ( 0 )



สถานะออฟไลน์


แล้วมีสูตร ของมันไหม อะครับ ว่าถ้า บวก 1 ค่า status จะเพิ่มขึ้นเท่าไร อ้างอิงจากอะไร +-*/ อะไร ถ้ารู้สูตร มันก็ไม่ยากหรอก ครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-05 11:48:10 By : yamcrocodile
 


 

No. 2



โพสกระทู้ ( 4 )
บทความ ( 0 )



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 1 เขียนโดย : yamcrocodile เมื่อวันที่ 2014-08-05 11:48:10
รายละเอียดของการตอบ ::
มีครับ เลเวลนักเตะเพิ่มขึ้นเลเวลละ 1 ( status ทุกอย่าง +1)
ถ้าตีบวก ค่ามันจะเท่ากับในฟอร์ม select_plus เลยครับ เช่น +1 status จะเพิ่ม 5 ถ้า +2 ก็เพิ่ม 6 .......+10 เพิ่ม 24

<option value="0">+ 0</option>
<option selected="selected" value="5">+ 1</option>
<option value="6">+ 2</option>
<option value="7">+ 3</option>
<option value="8">+ 4</option>
<option value="10">+ 5</option>
<option value="12">+ 6</option>
<option value="14">+ 7</option>
<option value="17">+ 8</option>
<option value="20">+ 9</option>
<option value="24">+ 10</option>


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-05 14:15:01 By : teesurin
 

 

No. 3



โพสกระทู้ ( 4 )
บทความ ( 0 )



สถานะออฟไลน์


Code
function reAbility(){
lv = parseInt($('#select_lv').val());
plus = parseInt($('#select_plus').val());
$('.ability_player table td, .position_player ul li').each(function(){
new_val = lv+plus+parseInt($(this).find('input[name="ability_ori"]').val());
$(this).find('.ability_val').text(new_val);

pNum = (new_val/setting.max)*100;
pBar = Math.ceil((pNum/100)*setting.width);
$(this).find('span.ability_bar').animate({width:pBar+'px'});


พยายามแกะโค้ดดู เพราะผมยังงงกะ jquery มากครับ
ก็ได้ประมาณว่า
new_val คือค่า status ที่เอาไปยวกเลเวลกับตีบวกแล้ว
$(this).find('.ability_val').text(new_val); คือให้เอาค่า new_val มาใส่ใน class ability_val (แทนตัวเดิม)
พอถึงตรงนี้ก็น่าจะหมดส่วนที่เปลี่ยนค่าตัวเลขแล้ว

ส่วนแถบบารืที่ผมต้องการตัดออกน่าจะอยู่ในส่วนนี้

pNum = (new_val/setting.max)*100;
pBar = Math.ceil((pNum/100)*setting.width);
$(this).find('span.ability_bar').animate({width:pBar+'px'});


ซึ้งผมอยากตัดแถบบาร์ออก ลองลบ 3 บรรทัดนี้แล้วกลายเป็นว่าโค้ดไม่ทำงาน ก็เลยงงๆมันเกี่ยวกับส่วนอื่นอีกยังไง
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-05 15:18:03 By : teesurin
 


 

No. 4



โพสกระทู้ ( 4 )
บทความ ( 0 )



สถานะออฟไลน์


อ่อ รู้ละ เพราะผมไปลบ pNum ออก มันเลยเอาไปหาค่า pClass ไม่ได้ คงทำให้คริปมันเอ๋อไปเลย 555 ถามไปแก้ไป เริ่มมีปัญญาขึ้นมาจึ๋งนึง
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-05 15:25:25 By : teesurin
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามวิธีบวกเลขโดยใช้ jQuery ด้วยครับ (มีตัวอย่าง)
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 05
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่