PHP SOLUTIONS

This is the blog for getting Idea regarding PHP, Magento, jQuery and JavaScript for Customization.

Showing posts with label Javascript. Show all posts
Showing posts with label Javascript. Show all posts

Saturday, 6 June 2015

jQuery : Detect Mobile Device and identify company

jQuery
/*Detect device*/

function detectdevice()
{
/*This will return TRUE if its Mobile Device otherwise give False*/

 return (/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase()));

}

console.log(detectdevice());
Read More

jQuery : ID is exist or not !

jQuery
/*Check any ID exist or not*/

<div id='id1'></div>

<script type="text/javascript">

var id_exist = jQuery('#id1').length;

console.log(id_exist);

        /*This will return 0 if ID not exist otherwise will get 1*/

 </script>
Read More

jQuery : Check radio button is checked or not

jQuery
/*Check Radio button is checked or not*/

<script type="text/javascript">

if(jQuery('#id1').is(':checked')==true)
       {
/*Something Code*/
}
        else
       {
               /*Something Code*/
        }

</script>
Read More

jQuery : Remove or Delete value from the array

Hello Friends,

    Here, Using jQuery remove the Value and index from the array !

/*Remove Values and index from Array*/
jQuery
var sample_array = new Array('Apple','Banana','Mango','Lemon');
var val = "Mango";

remove_item(sample_array,val);

var remove_item = function (arr, value) {
    var b = '';
    for (b in arr) {
        if (arr[b] === value) {
            arr.splice(b, 1);
            break;
        }
    }
    return arr;
}
/*Result will be*/
/*Array['Apple','Banana','Lemon']*/

I hope this will helpful to you !
Thanks 
Read More

jQuery : Check image exist or not on location


Hello Friends,

Sometimes we need to check, Is file is exist or not on particular location?

So, for this using below method we can check the file is exist or not !

jQuery
<script type="text/javascript">

function imageExists(url, callback) {
    var img = new Image();
    img.onload = function() { callback(true); };
    img.onerror = function() { callback(false); };
    img.src = url;
}

function onload(id) /*This function will use while Mouseover event */
{
         var imageUrl = "Image File URL";
         imageExists(imageUrl, function(exists) {
if(exists==true){
/*Something Code here*/
}else{
                        /*Something Code here*/
                }
        });
}

</script>
Read More

PHP : Read PHP array using jQuery JSON

Hello Friends,


    I got this method after so many surfing, I hope this will help you for read PHP array to the jQuery.

    Using this can get the PHP array in JavaScript array!
PHP
   <?php

          $file = "Path of File Name";
          $csv = new Varien_File_Csv();
          $data = $csv->getData($file);

         Print_r($data); /*This will give Array of CSV file data*/

    ?>

   <script type="text/javascript">

          var sample = new Array();

          var vals = 'sample ';

          sample [vals] = '<?php echo json_encode($data) ?>';

         var sample_data = JSON.parse(sample ["sample"]);

   </script>

     Hope, this will useful to you !
Read More

Wednesday, 16 July 2014

jQuery : Remove space form string using JQUERY

HI, Some time we need to remove the Space from the String,

Here the Code for remove Special Characters and Space between string


var Demo = new String('This :::  is / the Test');
temp =  temp.replace(/[^a-zA-Z 0-9]+/g,'');
console.log(temp.replace(/ +/g, ""));





/*Best Seller base on order */


<?php

$storeId    = Mage::app()->getStore()->getId();

$product = Mage::getResourceModel('reports/product_collection')
            ->addOrderedQty()
            ->addAttributeToSelect(array('name', 'price', 'small_image')) //edit to suit tastes
            ->setStoreId($storeId)
            ->addStoreFilter($storeId)
            ->setOrder('ordered_qty', 'desc'); //best sellers on top

Mage::getSingleton('catalog/product_status')->addVisibleFilterToCollection($product);
Mage::getSingleton('catalog/product_visibility')->addVisibleInCatalogFilterToCollection($product);

$count = 0;
foreach($products as $pro)
{
$count++;
if($count <= 3)
echo $pro->getorder_items_name();
}

?>
Read More

Monday, 25 November 2013

jQuery : Detect Device

Detect Mobile Device Using the Javascript !

(function(a){jQuery.browser.mobile=/android.+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))})(navigator.userAgent||navigator.vendor||window.opera);

var isiPad = /ipad/i.test(navigator.userAgent.toLowerCase());
var isiPhone = /iphone/i.test(navigator.userAgent.toLowerCase());
var isiPod = /ipod/i.test(navigator.userAgent.toLowerCase());

if (isiPod || isiPhone || isiPad || jQuery.browser.mobile)
{
  {Coding....}
}
Read More

Thursday, 27 September 2012

jQuery : Drag and Drop


To, Drag and Drop Image, Div etc. using Jquery !


A) Attach This two JS File into your Page.

      1) http://code.jquery.com/jquery-1.7.2.min.js
      2) https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js

B) Put this Script in you page at bottom

<script type="text/javascript">

jQuery(document).ready(function(){


jQuery(".product img").draggable({

        /* Use that Class or Tag Reference using JQUERY which you want to drag [change  .product img  as per Requirement] */

containment: 'document',
opacity: 0.6,
revert: 'invalid',
helper: 'clone',
zIndex: 100

});

jQuery("div#slider4").droppable({

        /* Use the Class or Tag Reference using JQUERY where you want to drop draggable thing [change  div#slider4  as                                          per Requirement] */
drop:
function(e, ui)
{

var param = jQuery(ui.draggable).attr('src');
var params = jQuery(ui.draggable).attr('name');
var href = jQuery(ui.draggable).attr('title');

if(jQuery.browser.msie && jQuery.browser.version=='6.0')
{
param = jQuery(ui.draggable).attr('style').match(/src=\"([^\"]+)\"/);
param = param[1];
}
addlist(param,params,href);
}

});
});

function addlist(param,params,href)
{
jQuery.ajax({
type: "POST",
data: 'img='+param+'&id='+params,
url: "<?php echo Mage::getBaseUrl().'ajax/index/getdata1' ?>",
dataType: 'json',
beforeSend: function(x){jQuery('#ajax-loader').css('visibility','visible'); },
success: function(msg){

var ids = msg.id;
jQuery('#list_item').append(msg.txt);

});
}
}

Read More

Friday, 7 September 2012

jQuery : Set tool-tips on Image mouse over


/* If you want to use this for multiple images change only id names */


<img id="ps_img_btn" src='<?php echo "Path of Image";?>' />
     
 <div id="ps_img_bnt_tooltip" style="display: none; position: absolute; left: 80px; top: 91px;"><p>Slim Fit. Suited for slim or athletic builds who want to show off silhouette of body.</p></div>

<script>      
            Event.observe('ps_img_btn','mouseover',function(event){        
                       $('ps_img_bnt_tooltip').style.display='block';
                       $('ps_img_bnt_tooltip').style.position='absolute';
                      /* If you want to change of Height and Width then Change Here X and Y */
                       x = 80;
                       y = 75;
                       $('ps_img_bnt_tooltip').style.left= x+"px";
                       $('ps_img_bnt_tooltip').style.top = y + "px";    })
                        Event.observe('ps_img_btn','mouseout',function(event){
$('ps_img_bnt_tooltip').style.display='none';    })
        </script>

Read More
Subscribe to: Posts (Atom)

Pages

Total Pageviews

Contact Form

Name

Email *

Message *