PHP : Convert Array To String(การแปลงจากตัวแปรชุดเป็นข้อความ)

PHP : Convert Array To String(การแปลงจากตัวแปรชุดเป็นข้อความ)


<?
   $arr=array('A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');
   $str=implode(',',$arr);
   print $str;

?>

Result (ผลลัพธ์)
A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z




BY N1B

JQuery : Multiple jQuery Get Scripts

/* enhance $.getSctipt to handle mutiple scripts */
var getScript = jQuery.getScript;
jQuery.getScript = function( resources, callback ) {

    var // reference declaration & localization
    length = resources.length,
    handler = function() { counter++; },
    deferreds = [],
    counter = 0,
    idx = 0;

    for ( ; idx < length; idx++ ) {
        deferreds.push(
            getScript( resources[ idx ], handler )
        );
    }

    jQuery.when.apply( null, deferreds ).then(function() {
        callback && callback();
    });
};

$.getScript(['script1.js','script2.js','script3.js'], function() {
    //do something after all scripts have loaded
});

//or seperate into an array to include

var scripts = ['script1.js','script2.js','script3.js'];
$.getScript(scripts, function(data, textStatus) {
    //do something after all scripts have loaded
});

PHP : Get Client IP

ฟังชั่นนี้เป็นการแสดงค่า IP ของเครื่องคอมพิวเตอร์ที่ เข้ามาดูเว็บเรานะครับ

function getClientIP(){
   if(!empty($_SERVER['HTTP_CLIENT_IP'])){
     $ip=$_SERVER['HTTP_CLIENT_IP'];
   }
   else if(!empty($_SERVER['HTTP_X_FORWARDED_FOR'])){
     $ip=$_SERVER['HTTP_X_FORWARDED_FOR'];
   }
   else {
     $ip=$_SERVER['REMOTE_ADDR'];
   }
   return $ip;
}

print getClientIP();

BY N1B

JQuery : ค่า Index ของ Checkbox

JQuery : ค่า Index ของ Checkbox


<input type="checkbox" name="checkbox[]">A
<input type="checkbox" name="checkbox[]">B
<input type="checkbox" name="checkbox[]">C
<input type="checkbox" name="checkbox[]">D
<input type="checkbox" name="checkbox[]">E
<input type="checkbox" name="checkbox[]">F
<input type="checkbox" name="checkbox[]">G



A B C D E F G

เราจะได้ ตามรูปเลย คราวนี้เราจะรู้ได้ยังไง ว่า checkbox ตัวไหนเป็น index อะไร
ตามตัวอย่างเลยนะครับ

<script type='text/javascript'>
   $(function(){
      $('input[name="checkbox[]"]').click(function(){
          var checkBoxIndex=$('input[name="checkbox[]"]').index($(this));
          alert(checkBoxIndex);
     });
   });
</script>

ยังไงก็ลองเอาไปประยุกต์ ใช้กับอย่างอื่นนะครับ


BY N1B

JQuery : get ค่า index ของ Tag option ใน Tag Select

JQuery : get ค่า index ของ Tag option ใน Tag Select


Ex
 <SELECT id="select">
   <OPTION value="">กรุณาเลือก</OPTION>
   <OPTION value="php">PHP</OPTION>
   <OPTION value="ajax">Ajax</OPTION>
   <OPTION value="java">Java</OPTION>
   <OPTION value="javascript">Javascript</OPTION>
   <OPTION value="jquery">JQuery</OPTION>
   <OPTION value="android">Android</OPTION>
 </SELECT>

<script type='text/javascript'>
$(function(
   $('#select').change(function(){
      //ใช้คำสั่ง selectedIndex ก็จะได้ หมายเลข Index ของแต่ ละ Option มานะครับ เริ่มจาก 0
      alert($(this).prop('selectedIndex'));
   });
));
</script>

ยังไงก็ลองเอาไปประยุกต์ใช้นะครับ



BY N1B

JQuery : วิธีการตรวจสอบว่าเราใช้ Browser อะไรอยู่

 JQuery : วิธีการตรวจสอบว่าเราใช้ Browser อะไรอยู่

   ตามตัวอย่างเลยนะครับ



$(function(){
//Firefox
if($.browser.mozilla){alert('Firefox');}
//Safari
else if($.browser.safari){alert('Safari');}
//Opera
else if($.browser.opera){alert('Opera');}
//IE
else if($.browser.msie){alert('IE');}

//Check
alert($.browser.version);
});


ลองเอาไปประยุกต์ใช้กันดูนะครับ


BY N1B

JQuery : การใส่ค่า Index ของ Object นั้นๆ

JQuery : การใส่ค่า Index ของ Object นั้นๆ ด้วย :eq


   ใน JQuery นั้นเวลาเราเลือก Elements เป็นแบบ Class หรือ Name[] (ที่เป็น Array) เราจะได้ค่ามาเป็น Array เพราะฉะนั้นถ้าเราต้องการกำระบุว่าเป็น Array ตัวไหนให้ทำดังนี้นะครับ


เช่น ถ้าเรามี Elements ดังนี้

//เรามี DIV ทั้งหมด 6 อัน ตามด้านล่างนี้ นะครับ
<div class="divBox">A1</div>
<div class="divBox">A2</div>
<div class="divBox">A3</div>
<div class="divBox">A4</div>
<div class="divBox">A5</div>
<div class="divBox">A6</div>

//เรากำหนดให้ .divBox เป็นดังนี้
/*
 background-color เป็น รหัสสี #0099FF
 ความสูง เป็น 25px
 ความกว้าง เป็น 100px
*/
$('.divBox').css({
 'background-color':'#0099FF'
 ,'height':'25px'
 ,'width':'100px'
});

แล้วคราวนี้ถ้าเราต้องการให้ A2,A3,A4,A5,A6 ความกว้างเป็น 90px,80px,70px,60px,50px ตามลำดับเราจะทำยังไง สำหรับคนที่ยังไม่รู้ ก็ลองดูตามนี้เลยครับผม
$('.divBox:eq(1)').css({'width':'90px'}); //DIV อันนี้จะเป็นของ A2
$('.divBox:eq(2)').css({'width':'80px'}); //DIV อันนี้จะเป็นของ A3
$('.divBox:eq(3)').css({'width':'70px'}); //DIV อันนี้จะเป็นของ A4
$('.divBox:eq(4)').css({'width':'60px'}); //DIV อันนี้จะเป็นของ A5
$('.divBox:eq(5)').css({'width':'50px'}); //DIV อันนี้จะเป็นของ A6


ลองเอาไปประยุกต์กับทางอื่นดูนะครับ
มีข้อสงสัยโพสถามได้เลยนะครับ


BY N1B