Saturday 23 August 2014

Read More option in large content..

If you want to show some content in large content. For that this code will help you...

<?php

function limit_text($text, $limit) 

{

if (str_word_count($text, 0) > $limit) {

$words = str_word_count($text, 2);

$pos = array_keys($words);

$text = substr($text, 0, $pos[$limit]) . '....<a href="" >Read More</a>';

}

return $text;

}

  

$str = "My Name is Karda Ji. I am From India . India is a greate Country. India is a greate Country. India is a greate Country. India is a greate Country. India is a greate Country. India is a greate Country. India is a greate Country. India is a greate Country. India is a greate Country. India is a greate Country. India is a greate Country. India is a greate Country. India is a greate Country. India is a greate Country. India is a greate Country. India is a greate Country. India is a greate Country. India is a greate Country. India is a greate Country. India is a greate Country. India is a greate Country. India is a greate Country. India is a greate Country. India is a greate Country. India is a greate Country. India is a greate Country. India is a greate Country.";

echo limit_text($str,30); //30 is number after that read more is                                            visible

?>

Wednesday 20 August 2014

Accepted Extension of File in HTML

Definition:-


The extensions is accepted by the types of files while uploading in form tag.

Note: The accept tag can only be used with file extension.


Syntax:-

<input accept="file_extension|audio/*|video/*|image/*|media_type">

List:- 

Attribute Values

ValueDescription
file_extensionA file extension starting with the STOP character, e.g: .gif, .jpg, .png, .doc
audio/*All sound files are accepted
video/*All video files are accepted
image/*All image files are accepted
media_typeA valid media type, with no parameters.
 Look at IANA Media Types for a complete list of standard media types


Monday 11 August 2014

How to get size of image and its height and width

This will work with modern browsers as from HTML 5 and the File API



<!DOCTYPE html>

<html>

<head>

<style>

#uploadPreview img{

 height:32px;

}

</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>


<meta charset=utf-8 />

<title>Multiple image upload with preview by Roko C.B.</title>

</head>

<body>

  <input type="file" id="choose" multiple="multiple" />

<br>

<div id="uploadPreview">

</div>

</body>

<script>

function readImage(file) {

 

var reader = new FileReader();

var image  = new Image();

 

reader.readAsDataURL(file);  

reader.onload = function(_file) {

image.src    = _file.target.result;              // url.createObjectURL(file);

image.onload = function() {

var w = this.width,

h = this.height,

t = file.type,                           // ext only: // file.type.split('/')[1],

n = file.name,

s = ~~(file.size/1024) +'KB';

$('#uploadPreview').append('<img src="'+ this.src +'"> '+w+'x'+h+' '+s+' '+t+' '+n+'<br>');

};

image.onerror= function() {

alert('Invalid file type: '+ file.type);

};      

};

}

$("#choose").change(function (e) {

//if(this.disabled) return alert('File upload not supported!');

var F = this.files;

if(F && F[0]) for(var i=0; i<F.length; i++) readImage( F[i] );

});

</script>

</html>