tag:blogger.com,1999:blog-26869375168275386482024-02-21T16:14:11.356+04:00SoftinkerBlogAnonymoushttp://www.blogger.com/profile/02976084999065336866noreply@blogger.comBlogger3125tag:blogger.com,1999:blog-2686937516827538648.post-37670655171936905142012-09-25T18:23:00.002+04:002012-09-25T18:25:03.101+04:00Install Jelly Beans on Asus Transformer TF101<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Arial, Helvetica, sans-serif;">there is lot of rumors are going around about the jelly beans update for Transformer Tf101, But still its not confirmed and if it going to come also it would be late. </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><a href="http://forum.xda-developers.com/member.php?u=3463426" style="background-color: white; border: 0px; color: #0099cc; line-height: 19px; margin: 0px; padding: 0px; text-decoration: none;">rayman33</a> from <span style="background-color: white; color: #4a4a4a; line-height: 18px;">XDA Developers already created </span><span style="background-color: white; color: #4a4a4a; line-height: 18px;">ROM for TF101.</span>if you want to update your TF101 to jelly beans you can follow the steps below</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif;">Warning!!: i gone through the same steps to make my tablet to jelly beans and its working fine. but if anything goes wrong </span><span style="font-family: Arial, Helvetica, sans-serif;">while you are doing</span><span style="font-family: Arial, Helvetica, sans-serif;"> then iam not responsible for anything.</span><span style="background-color: white; line-height: 18px;"><span style="font-family: Arial, Helvetica, sans-serif;">Use these instructions at your own risk. We shall not hold any responsibility or liability for whatever happens to you or your device arising from your use of the info in this guide. Read complete steps before you start.</span></span></span>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Stage 1: Rooting</span><br />
<br />
<ol style="text-align: left;">
<li><span style="font-family: Arial, Helvetica, sans-serif;"> install </span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 28px;">Eee Pad PC Suite from </span><a href="http://www.asus.com/Eee/Eee_Pad/Eee_Pad_Transformer_TF101/#download" style="font-family: Arial, Helvetica, sans-serif;">http://www.asus.com/Eee/Eee_Pad/Eee_Pad_Transformer_TF101/#download</a></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">install </span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 28px;">JDK </span>
<a href="http://www.oracle.com/technetwork/java/javase/downloads/jdk7u7-downloads-1836413.html" style="font-family: Arial, Helvetica, sans-serif;">http://www.oracle.com/technetwork/java/javase/downloads/jdk7u7-downloads-1836413.html</a><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"> </span> </li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">install Android S</span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 28px;">DK ,
<a href="http://dl.google.com/android/installer_r20.0.3-windows.exe">http://dl.google.com/android/installer_r20.0.3-windows.exe</a> </span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">download </span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif;"><a href="http://www.mediafire.com/?0093z8b4j1x375q">1-Click Transformer Root</a> to root TF101 </span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: xx-small;">(for more information on it you can check </span><a href="http://forum.xda-developers.com/showthread.php?t=1689193" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">http://forum.xda-developers.com/showthread.php?t=1689193</a><span style="font-family: Arial, Helvetica, sans-serif; font-size: xx-small;">)</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">connect Tablet to computer</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">run </span>
<span style="font-family: Arial, Helvetica, sans-serif;">1-Click Transformer Root.bat</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">wait until bat file completely executes[in case tablet is failed to reboot just start it manually]</span></li>
</ol>
<span style="font-family: Arial, Helvetica, sans-serif;">Stage</span><span style="font-family: Arial, Helvetica, sans-serif;"> </span><span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 28px;">2: </span><span style="background-color: white;">ClockworkMod Recovery</span></span><br />
<br />
<ol style="text-align: left;">
<li><span style="font-family: Arial, Helvetica, sans-serif;">download RecoveryInstaller.apk,</span>
<a href="http://www.mediafire.com/?0hdnphtp8ib8phi" style="font-family: Arial, Helvetica, sans-serif;">http://www.mediafire.com/?0hdnphtp8ib8phi</a></li>
<li><span style="background-color: white; font-family: Arial, Helvetica, sans-serif;">install it in your tablet</span></li>
<li><span style="background-color: white; font-family: Arial, Helvetica, sans-serif;">run </span><span style="font-family: Arial, Helvetica, sans-serif;">RecoveryInstaller and select "Click to Flash Recovery"</span></li>
</ol>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;">Stage</span><span style="font-family: Arial, Helvetica, sans-serif;"> </span><span style="font-family: Arial, Helvetica, sans-serif;">3: Install Jelly Beans</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<ol style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">
<li> download ROM : <a href="http://goo.im/devs/RaymanFX/downloads/Android-4.1.1/TF101/jelly_tf101_6.0.0.zip">http://goo.im/devs/RaymanFX/downloads/Android-4.1.1/TF101/jelly_tf101_6.0.0.zip</a></li>
<li> download GAPPS :
<a href="http://goo.im/gapps/gapps-jb-20120726-signed.zip">http://goo.im/gapps/gapps-jb-20120726-signed.zip</a></li>
<li>copy both files to sdcard</li>
<li>turn off tablet and press power button and volume down button <span style="background-color: white; line-height: 18px;">together to boot from </span><span style="background-color: white; line-height: 18px;">ClockworkMod Recovery or install <a href="https://play.google.com/store/apps/details?id=com.transformer.recovery">Transformer Reboot to Recovery</a> in tablet</span> and open it and press "reboot to recovery" to boot from <span style="background-color: white; line-height: 18px;">ClockworkMod Recovery. </span><span style="background-color: white; font-size: x-small; line-height: 18px;">[Navigate using Volume up and dowm, and select using power button]</span></li>
<li><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;">select "</span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;">Wipe data/factory reset" and click "yes" </span></li>
<li><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: normal;"><span style="line-height: 18px;">select "</span><span style="line-height: 18px;">Install ZIP from SD card"</span><span style="line-height: 18px;"> then select "</span><span style="line-height: 18px;">Choose ZIP from SD card"</span><span style="line-height: 18px;">. Locate </span></span><span style="background-color: #f9f9f9; line-height: normal; text-align: -webkit-center;">jelly_tf101_6.0.0.zip</span><span style="font-family: Arial, Helvetica, sans-serif; line-height: normal;"><span style="line-height: 18px;"> file and select it. Confirm installation by selecting "</span><span style="line-height: 18px;">Yes" > "Install </span></span><span style="background-color: #f9f9f9; line-height: normal; text-align: -webkit-center;">jelly_tf101_6.0.0.zip".</span></span></li>
<li><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"><span style="background-color: #f9f9f9; line-height: normal; text-align: -webkit-center;"><div style="font-family: 'Times New Roman'; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 18px;">select "</span><span style="background-color: white; line-height: 18px;">Choose ZIP from SD card"</span><span style="background-color: white; line-height: 18px;">. Locate </span></span><span style="font-family: Arial, Helvetica, sans-serif; text-align: -webkit-center;">gapps-jb-20120726-signed.zip </span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"> file and select it. Confirm installation by selecting "</span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;">Yes" > "Install </span><span style="font-family: Arial, Helvetica, sans-serif;">gapps-jb-20120726-signed.zip"</span><span style="font-family: Arial, Helvetica, sans-serif; text-align: -webkit-center;">.</span></div>
</span></span></li>
</span></ol>
<span style="font-family: Arial, Helvetica, sans-serif;">
</span>
<div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">Done, now your tablet having jelly beans, enjoy..</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<br /></div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/03344220937030661477noreply@blogger.com0tag:blogger.com,1999:blog-2686937516827538648.post-11273781742339104812012-06-27T16:42:00.003+04:002012-06-27T18:08:58.448+04:00Creating navigation buttons in CSS<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
you can create CSS buttons in many ways, but here i am explaining about making navigation buttons using bullets.It mainly have 2 parts create bullet and apply CSS to it.<br />
<br />
<h3 style="text-align: left;">
bullet</h3>
<br />
<pre class="htmlCode"><div id="nav">
<ul>
<li class="active">
<a href="#">Home</a>
</li>
<li>
<a href="#">Service</a>
</li>
<li>
<a href="#">About</a>
</li>
<li>
<a href="#"> Contact</a>
</li>
</ul>
</div>
</pre>
<div class="output" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmQMhm3QzRRRKkt2asCI4HV4cueESYYMsy4MNjmLjaq_lrFynIjbIHuKcWAwS5wMiaRWjiJ_TqoZIT5TK5U2vvfj5JPksCsFOduljEcOO1f7-Fou_GRrZNilAUCmzbjn-Jfcg8gQMEcdQ/s1600/untitled.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmQMhm3QzRRRKkt2asCI4HV4cueESYYMsy4MNjmLjaq_lrFynIjbIHuKcWAwS5wMiaRWjiJ_TqoZIT5TK5U2vvfj5JPksCsFOduljEcOO1f7-Fou_GRrZNilAUCmzbjn-Jfcg8gQMEcdQ/s1600/untitled.JPG" /></a></div>
you can replace # with your link.<br />
<br />
<h3 style="text-align: left;">
CSS</h3>
<br />
<pre class="styles">#nav ul
{
list-style: none;
}
#nav li
{
display: block;
float: left;
margin: 10px;
padding: 5px;
color: #CCC;
}
#nav li a
{
text-decoration: none;
color: #AAA;
font-weight: bold;
}
#nav li.active a
{
color: #D81921;
}
#nav li a:hover
{
color: #D81921;
text-shadow: 10px 10px 5px #aaaaaa;
}
</pre>
<div class="output" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3uOqlw_m9pXEfS-we8uYeyqSm001pOjg6Kjz_SezqmtR8fC6upZa9WZcCEREMAL9i2U2-hfcFkD1S69jVgjnbgK7kZNr26zKvwGAlUn_mbNoHpp4tCuJJbsM5ubALw3VmDQG_i3Gb4Wc/s1600/untitled.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3uOqlw_m9pXEfS-we8uYeyqSm001pOjg6Kjz_SezqmtR8fC6upZa9WZcCEREMAL9i2U2-hfcFkD1S69jVgjnbgK7kZNr26zKvwGAlUn_mbNoHpp4tCuJJbsM5ubALw3VmDQG_i3Gb4Wc/s1600/untitled.JPG" /></a></div>
we have a lot of possibilities in CSS to make this menu more beautiful.<br />
<br />
if you like this post please put comments
</div>Anonymoushttp://www.blogger.com/profile/02976084999065336866noreply@blogger.com0tag:blogger.com,1999:blog-2686937516827538648.post-3335694994106584692012-06-13T12:01:00.000+04:002012-09-25T18:28:17.959+04:00Draw a circle in HTML5 canvas and mouse over event using jQuery<div dir="ltr" style="text-align: left;" trbidi="on">
<pre class="htmlCode"><b><!-- Author: <span style="color: #134f5c;">Binyas</span></b>
<b> Website: <a href="http://www.softinker.com/"><span style="color: #134f5c;">www.softinker.com</span></a></b>
<b> Blog: <a href="http://softinker.blogspot.com/"><span style="color: #134f5c;">softinker.blogspot.com</span></a> --></b>
<div style="text-align: left;">
<span style="font-family: 'Courier New', Courier, monospace;"><!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<span class="Apple-tab-span" style="white-space: pre;"> </span><style>
<span class="Apple-tab-span" style="white-space: pre;"> </span>body {
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin: 0px;
<span class="Apple-tab-span" style="white-space: pre;"> </span>overflow: hidden;
<span class="Apple-tab-span" style="white-space: pre;"> </span>}
<span class="Apple-tab-span" style="white-space: pre;"> </span>canvas {
border: 1px solid #9C9898;
}
<span class="Apple-tab-span" style="white-space: pre;"> </span></style>
<span class="Apple-tab-span" style="white-space: pre;"> </span><!--Use:for adding canvas to ie<span class="Apple-tab-span" style="white-space: pre;"> </span><span class="Apple-tab-span" style="white-space: pre;"> </span>download excanvas from: http://code.google.com/p/explorercanvas/ -->
<span class="Apple-tab-span" style="white-space: pre;"> </span><!--[if IE]><script type="text/javascript" src="excanvas.js"></script><![endif]--><span class="Apple-tab-span" style="white-space: pre;"> </span><span class="Apple-tab-span" style="white-space: pre;"> </span><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
<body>
<canvas id="myCanvas" width="300" height="350">
your browser does not support the canvas tag </canvas>
<div id="result"></div>
<script type="text/javascript">
// use requestAnimFrame for better and smooth animation
window.requestAnimFrame = (function(callback){
return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.oRequestAnimationFrame ||
window.msRequestAnimationFrame ||
function(callback){
window.setTimeout(callback, 1000 / 60);
};
})();
function animate(lastTime){
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
// update
var date = new Date();
var time = date.getTime();
var timeDiff = time - lastTime;
var linearSpeed = 100;
// pixels / second
var linearDistEachFrame = linearSpeed * timeDiff / 1000;
lastTime = time;
// clear
context.clearRect(0, 0, canvas.width, canvas.height);
// draw
<span class="Apple-tab-span" style="white-space: pre;"> </span> draw(context);
// request new frame
requestAnimFrame(function(){
animate(lastTime);
});
}
var radius=100;
var x=150;
var y=150;
var color="#ff0000";
window.onload = function() {
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.clearRect(0, 0, canvas.width, canvas.height);
var date = new Date();
var time = date.getTime();
animate(time);
};
function draw(ctx)
{
<span class="Apple-tab-span" style="white-space: pre;"> </span>ctx.fillStyle=color;
<span class="Apple-tab-span" style="white-space: pre;"> </span>ctx.strokeStyle=color;
<span class="Apple-tab-span" style="white-space: pre;"> </span>ctx.beginPath();
<span class="Apple-tab-span" style="white-space: pre;"> </span>ctx.arc(x,y,radius,0,2*Math.PI);
<span class="Apple-tab-span" style="white-space: pre;"> </span>ctx.closePath();
<span class="Apple-tab-span" style="white-space: pre;"> </span>ctx.fill();
<span class="Apple-tab-span" style="white-space: pre;"> </span>ctx.stroke();
}
(function($) {
var myctx = $("#myCanvas");
myctx.mousemove(function(e) {
<span class="Apple-tab-span" style="white-space: pre;"> </span>//get current mouse pos
<span class="Apple-tab-span" style="white-space: pre;"> </span>var mouseX=e.pageX - this.offsetLeft;
<span class="Apple-tab-span" style="white-space: pre;"> </span>var mouseY=e.pageY - this.offsetTop;
<span class="Apple-tab-span" style="white-space: pre;"> </span>/*logic: if the distance of current mouse position from centre of the circle is lessthan its radius then mouse pointer is in the circle */
<span class="Apple-tab-span" style="white-space: pre;"> </span>var distance=Math.sqrt(Math.pow(mouseX - x, 2) + Math.pow(mouseY - y, 2));//distance formula sqrt((x1-x2)^2+(y1-y2)^2)
<span class="Apple-tab-span" style="white-space: pre;"> </span>if (distance <= radius) {
<span class="Apple-tab-span" style="white-space: pre;"> </span>$("#result").text("IN");
<span class="Apple-tab-span" style="white-space: pre;"> </span>}
<span class="Apple-tab-span" style="white-space: pre;"> </span>else
<span class="Apple-tab-span" style="white-space: pre;"> </span>{
<span class="Apple-tab-span" style="white-space: pre;"> </span>$("#result").text("OUT");
<span class="Apple-tab-span" style="white-space: pre;"> </span>}
<span class="Apple-tab-span" style="white-space: pre;"> </span>});
})(jQuery);
</script>
</body>
</html></span></div>
<div style="text-align: left;">
</div>
<div style="text-align: left;">
</div>
<div style="text-align: left;">
</div>
<div style="text-align: left;">
</div>
</pre>
<div style="text-align: left;">
<b>Logic: </b>if the distance of current mouse position from centre of the circle is lessthan its radius then mouse pointer is in the circle<b>.</b></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<b>Works Perfectly</b><br />
<b><br /></b>
<b>pls put comments ..</b></div>
</div>
Anonymoushttp://www.blogger.com/profile/02976084999065336866noreply@blogger.com0