// ==UserScript==
// @name translate website
// @namespace translate
// @version 0.1
// @include *://translate.google.*
// @include *://translate.googleusercontent.*
// @require http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js
// ==/UserScript==
$('head').append('<meta http-equiv="Access-Control-Allow-Origin" content="http://localhost/autoshare/index.php">');
if(window.location.hostname ==='translate.google.com'){
$(location).attr('href',document.getElementsByTagName("iframe")[0].src);
}
if(window.location.hostname ==='translate.googleusercontent.com'){
$(function(){
var html = $('html').html();
var params = 'html=' + encodeURIComponent(html);
$.ajax({
type: "POST",
url: "http://localhost/autoshare/index.php",
crossDomain: true,
data: params,
success: function(data) {
//alert(data);
}
});
});
}
//http://translate.google.com/translate?hl=&sl=auto&tl=bn&anno=2&u=https://search.yahoo.com/search?p=wonder%20woman
Thursday, August 17, 2017
Sunday, August 13, 2017
Copy Dom path To Clipboard
// ==UserScript==
// @name Copy Dom path To Clipboard
// @namespace DomPathToClipboard
// @version 0.1
// @include *
// @require http://code.jquery.com/jquery-1.12.4.min.js
// ==/UserScript==
$('head').append('<style>::-moz-selection {color:#fff;background: #3b5998}::selection {color:#fff;background: #3b5998}</style>');
$('body').append('<div id="boot" style="background:rgba(0,0,0,0.5);position:fixed;top:0;width:100%;text-align:center;display: block;padding:5px 0;font-size:15px;display:none;z-index:9999"></div>');
$(this).click(function(e){
var url = document.location;
if (e.altKey){
var path = $(e.target).getPath();
$('#boot').html('<input id="temp" style="background:unset;border:0;min-width:100px;padding:0 10px;text-align: center;color:#fff;width:'+((path.length+1)*7)+'px"/>').fadeIn(500);
$('#temp').val(path).select();
document.execCommand("copy");
$("#boot").append('<span class="copied" style="position:fixed;top:30px;left:0;right:0;color:orange;font-width:bold">Copied!</span>').fadeIn();
$(".copied").fadeOut(1000, function(){$(this).remove();});
setTimeout(function(){
$("#boot").fadeOut(1000);
},5000);
}
});
jQuery.fn.extend({
getPath: function () {
var path, node = this;
while (node.length) {
var realNode = node[0], name = realNode.localName;
if (!name) break;
name = name.toLowerCase();
var parent = node.parent();
var sameTagSiblings = parent.children(name);
if (sameTagSiblings.length > 1) {
allSiblings = parent.children();
var index = allSiblings.index(realNode) + 1;
if (index > 1) {
name += ':nth-child(' + index + ')';
}
}
path = name + (path ? ' > ' + path : '');
node = parent;
}
return path;
}
});
Wednesday, August 2, 2017
Sunday, July 30, 2017
final grid
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Grid demo</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<style>
*{margin:0;box-sizing: border-box}
html, body {font-size: 15px;line-height: 1.5}
.left{float:left}
.right{float:right}
.center{text-align:center}
.container {margin: auto;}
.row{clear: both;display: table;width: 100%;}
.col{float: left;padding: 0 5px;margin-bottom:10px}
.mtop{margin-top:10px}
@media (max-width: 480px){
.container{width: 98%}
.col.s1{width: 8.33333%}
.col.s2{width: 16.6667%}
.col.s3{width: 25%}
.col.s4{width: 33.3333%}
.col.s5{width: 41.6667%}
.col.s6{width: 50%}
.col.s7{width: 58.3333%}
.col.s8{width: 66.6667%}
.col.s9{width: 75%}
.col.s10{width: 83.3333%}
.col.s11{width: 91.6667%}
.col.s12{width: 100%}
}
@media (min-width: 481px){
.container{width: 96%}
.col.m1{width: 8.33333%}
.col.m2{width: 16.6667%}
.col.m3{width: 25%}
.col.m4{width: 33.3333%}
.col.m5{width: 41.6667%}
.col.m6{width: 50%}
.col.m7{width: 58.3333%}
.col.m8{width: 66.6667%}
.col.m9{width: 75%}
.col.m10{width: 83.3333%}
.col.m11{width: 91.6667%}
.col.m12{width: 100%}
}
@media (min-width: 981px){
.container{width: 94%}
.col.l1{width: 8.33333%}
.col.l2{width: 16.6667%}
.col.l3{width: 25%}
.col.l4{width: 33.3333%}
.col.l5{width: 41.6667%}
.col.l6{width: 50%}
.col.l7{width: 58.3333%}
.col.l8{width: 66.6667%}
.col.l9{width: 75%}
.col.l10{width: 83.3333%}
.col.l11{width: 91.6667%}
.col.l12{width: 100%}
}
@media (min-width: 1280px){
.container{width: 1200px}
}
.box{box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.2);padding: 5px 0 15px;}
</style>
</head>
<body>
<div class="container mtop">
<div class="row center">
<div class="col s12 m6 l3">
<div class="box">
<h3>Responsive</h3><br>
<p>Built-in responsiveness</p>
</div>
</div>
<div class="col s12 m6 l3">
<div class="box">
<h3>Standard CSS</h3><br>
<p>Standard CSS only</p>
</div>
</div>
<div class="col s12 m6 l3">
<div class="box">
<h3>Design</h3><br>
<p>Paper like design</p>
</div>
</div>
<div class="col s12 m6 l3">
<div class="box">
<h3>Design</h3><br>
<p>Equal across platforms</p>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row center">
<div class="col s12 m6 l3">
<div class="box">
<h3>Responsive</h3><br>
<p>Built-in responsiveness</p>
</div>
</div>
<div class="col s12 m6 l3">
<div class="box">
<h3>Standard CSS</h3><br>
<p>Standard CSS only</p>
</div>
</div>
<div class="col s12 m6 l3">
<div class="box">
<h3>Design</h3><br>
<p>Paper like design</p>
</div>
</div
<div class="col s12 m6 l3">
<div class="box">
<h3>Design</h3><br>
<p>Equal across platforms</p>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row center">
<div class="col s12 m6 l3">
<div class="box">
<h3>Responsive</h3><br>
<p>Built-in responsiveness</p>
</div>
</div>
<div class="col s12 m6 l3">
<div class="box">
<h3>Standard CSS</h3><br>
<p>Standard CSS only</p>
</div>
</div>
<div class="col s12 m6 l3">
<div class="box">
<h3>Design</h3><br>
<p>Paper like design</p>
</div>
</div>
<div class="col s12 m6 l3">
<div class="box">
<h3>Design</h3><br>
<p>Equal across platforms</p>
</div>
</div>
</div>
</div>
<script>$(function(){});</script>
</body>
</html>
Responsive
Built-in responsiveness
Standard CSS
Standard CSS only
Design
Paper like design
Design
Equal across platforms
Responsive
Built-in responsiveness
Standard CSS
Standard CSS only
Design
Paper like design
Design
Equal across platforms
Responsive
Built-in responsiveness
Standard CSS
Standard CSS only
Design
Paper like design
Design
Equal across platforms
Saturday, July 29, 2017
Static Star Rating
<script>
<!-- Static Star Rating -->
var outof = 5;
function parseStar(num){
var html = "";
var starFull = '<i class="fa fa-star"></i>';
var starHalf = '<i class="fa fa-star-half-o"></i>';
var starBlank = '<i class="fa fa-star-o"></i>';
var blank = outof-Math.floor(num);
for (i = 0; i < Math.floor(num); i++){ html += starFull; }
if ( num % 1 > 0){
html += starHalf;
blank=blank-1;
}
for (i = 0; i < blank; i++){ html += starBlank; }
return html;
}
$(document).ready(function() {
$( ".rate" ).each(function( index ){
var str = $(this).text();
if(str.search("%") != -1){
sc = str.split("%");
sc = sc[0]/100*outof;
}else if(str.search("/") != -1){
sc = str.split("/");
sc = sc[0]/sc[1]*outof;
}
var rating_html = parseStar(sc) + " " + str;
$( this ).html(rating_html);
});
});
</script>
<!-- Static Star Rating -->
var outof = 5;
function parseStar(num){
var html = "";
var starFull = '<i class="fa fa-star"></i>';
var starHalf = '<i class="fa fa-star-half-o"></i>';
var starBlank = '<i class="fa fa-star-o"></i>';
var blank = outof-Math.floor(num);
for (i = 0; i < Math.floor(num); i++){ html += starFull; }
if ( num % 1 > 0){
html += starHalf;
blank=blank-1;
}
for (i = 0; i < blank; i++){ html += starBlank; }
return html;
}
$(document).ready(function() {
$( ".rate" ).each(function( index ){
var str = $(this).text();
if(str.search("%") != -1){
sc = str.split("%");
sc = sc[0]/100*outof;
}else if(str.search("/") != -1){
sc = str.split("/");
sc = sc[0]/sc[1]*outof;
}
var rating_html = parseStar(sc) + " " + str;
$( this ).html(rating_html);
});
});
</script>
Sunday, July 23, 2017
Media Responsive Grid
.col
Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit..col
Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit..col
Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit..col
Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit..col
Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit..col
Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit..col
Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit..col
Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.Code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Media Responsive Grid</title>
<style>
*, *::before, *::after {box-sizing: border-box}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display: block}
audio, canvas, progress, video {display: inline-block}
html{overflow-x: hidden}
.container{margin: 0 auto}
.content{margin: auto;max-width: 980px}
.hide{display: none}
.block,.show{display: block}
.inline-block{display: inline-block}
.left{float:left}
.right{float:right}
.top{top:0}
.bottom{bottom:0}
.container::after, .container::before, .row::after, .row::before, .clear::after, .clear::before {
clear: both;
content: "";
display: table;
}
.btn, .button {
background-color: inherit;
border: medium none;
color: inherit;
cursor: pointer;
display: inline-block;
outline: 0 none;
overflow: hidden;
padding: 5px 10px;
text-align: center;
text-decoration: none;
vertical-align: middle;
white-space: nowrap;
}
.btn:hover,.button:hover {
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.col{float:left; width: 100%;padding:0 15px}
@media (min-width: 480px) {
.container{max-width: 96%}
.col.s1{width: 8.33333%}
.col.s2{width: 16.6667%}
.col.s3{width: 25%}
.col.s4{width: 33.3333%}
.col.s5{width: 41.6667%}
.col.s6{width: 50%}
.col.s7{width: 58.3333%}
.col.s8{width: 66.6667%}
.col.s9{width: 75%}
.col.s10{width: 83.3333%}
.col.s11{width: 91.6667%}
.col.s12{width: 100%}
}
@media (min-width: 768px) {
.container{max-width: 92%}
.col.m1{width: 8.33333%}
.col.m2{width: 16.6667%}
.col.m3{width: 25%}
.col.m4{width: 33.3333%}
.col.m5{width: 41.6667%}
.col.m6{width: 50%}
.col.m7{width: 58.3333%}
.col.m8{width: 66.6667%}
.col.m9{width: 75%}
.col.m10{width: 83.3333%}
.col.m11{width: 91.6667%}
.col.m12{width: 100%}
}
@media (min-width: 1024px) {
.container{max-width: 88%}
.col.l1{width: 8.33333%}
.col.l2{width: 16.6667%}
.col.l3{width: 25%}
.col.l4{width: 33.3333%}
.col.l5{width: 41.6667%}
.col.l6{width: 50%}
.col.l7{width: 58.3333%}
.col.l8{width: 66.6667%}
.col.l9{width: 75%}
.col.l10{width: 83.3333%}
.col.l11{width: 91.6667%}
.col.l12{width: 100%}
}
@media (min-width: 1600px){.container{max-width: 1400px}}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col s6 m4 l3">
<h2>.col</h2>
<p>Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
</div>
<div class="col s6 m4 l3">
<h2>.col</h2>
<p>Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
</div>
<div class="col s6 m4 l3">
<h2>.col</h2>
<p>Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
</div>
<div class="col s6 m4 l3">
<h2>.col</h2>
<p>Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
</div>
<div class="col s6 m4 l3">
<h2>.col</h2>
<p>Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
</div>
<div class="col s6 m4 l3">
<h2>.col</h2>
<p>Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
</div>
<div class="col s6 m4 l3">
<h2>.col</h2>
<p>Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
</div>
<div class="col s6 m4 l3">
<h2>.col</h2>
<p>Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
</div>
</div><!-- .row -->
</div> <!-- /container -->
</body>
</html>
Tuesday, July 11, 2017
Marge array values in organised
<?php
$imdbid = array(
"as1234234",
"as12sdfs4",
"sdfg544g"
);
$movietitle = array(
"movietitle1",
"movietitle2",
"movietitle3"
);
$gener = array(
"action,fight",
"romance",
"drama,comedy"
);
$date = array(
"2017-06-01",
"2017-07-07",
"2017-08-08",
);
$gobal_array = array();
for($i=0; $i<count($imdbid); $i++){
$gobal_array[] = array($imdbid[$i], $movietitle[$i], $gener[$i], $date[$i]);
}
$json = json_encode($gobal_array);
echo '<pre>';
print_r($json);
echo '</pre>';
$imdbid = array(
"as1234234",
"as12sdfs4",
"sdfg544g"
);
$movietitle = array(
"movietitle1",
"movietitle2",
"movietitle3"
);
$gener = array(
"action,fight",
"romance",
"drama,comedy"
);
$date = array(
"2017-06-01",
"2017-07-07",
"2017-08-08",
);
$gobal_array = array();
for($i=0; $i<count($imdbid); $i++){
$gobal_array[] = array($imdbid[$i], $movietitle[$i], $gener[$i], $date[$i]);
}
$json = json_encode($gobal_array);
echo '<pre>';
print_r($json);
echo '</pre>';
Subscribe to:
Posts (Atom)