tag:blogger.com,1999:blog-44573837788653410802024-03-28T10:04:05.523+05:30Computer programming and tips worldComputer learning, basic blogger writing, blogger tips, jquery, javascript, php,flash animation, 3D and etc... learningMerbin Joehttp://www.blogger.com/profile/10482002526923883942noreply@blogger.comBlogger577125tag:blogger.com,1999:blog-4457383778865341080.post-77955129213784578412020-02-07T20:05:00.001+05:302020-02-19T16:55:02.258+05:30Learn excel formula and shortcut keys - android & iOS<iframe __idm_frm__="589" allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/mx_RNi9HyeU" width="480"></iframe>
Merbin Joehttp://www.blogger.com/profile/10482002526923883942noreply@blogger.com1tag:blogger.com,1999:blog-4457383778865341080.post-14087069159157987042019-02-09T17:49:00.002+05:302019-02-09T17:49:27.289+05:30Introduction example definition of HTML<h1 style="background-color: white; box-sizing: border-box; font-family: arial, sans-serif; font-size: 28px; font-weight: normal; line-height: 1.1; margin: 0px; padding: 0px 0px 15px; width: 1088px;">
HTML Introduction</h1>
<div>
<span style="background-color: white; font-family: "arial" , sans-serif; font-size: 16px; text-align: justify;">HTML means </span><span style="background-color: white; box-sizing: border-box; font-family: "arial" , sans-serif; font-size: 16px; font-weight: 700; padding: 5px 0px; text-align: justify;">Hyper Text Markup Language</span><span style="background-color: white; font-family: "arial" , sans-serif; font-size: 16px; text-align: justify;">. Current version of HTML is </span><span style="background-color: white; box-sizing: border-box; font-family: "arial" , sans-serif; font-size: 16px; font-weight: 700; padding: 5px 0px; text-align: justify;">HTML 5</span><span style="background-color: white; font-family: "arial" , sans-serif; font-size: 16px; text-align: justify;"> and the first version is </span><span style="background-color: white; box-sizing: border-box; font-family: "arial" , sans-serif; font-size: 16px; font-weight: 700; padding: 5px 0px; text-align: justify;">HTML 1.0</span><span style="background-color: white; font-family: "arial" , sans-serif; font-size: 16px; text-align: justify;">. HTML is one of the easiest coding language to learn. When creating a web page there are some sections one must know, such as </span><span style="background-color: white; box-sizing: border-box; font-family: "arial" , sans-serif; font-size: 16px; font-weight: 700; padding: 5px 0px; text-align: justify;">HTML, CSS,</span><span style="background-color: white; font-family: "arial" , sans-serif; font-size: 16px; text-align: justify;"> </span><span style="background-color: white; box-sizing: border-box; font-family: "arial" , sans-serif; font-size: 16px; font-weight: 700; padding: 5px 0px; text-align: justify;">Javascript</span><span style="background-color: white; font-family: "arial" , sans-serif; font-size: 16px; text-align: justify;">.</span></div>
<div>
<span style="background-color: white; font-family: "arial" , sans-serif; font-size: 16px; text-align: justify;"><br /></span></div>
<div>
<br /></div>
<div>
<h1 style="background-color: white; box-sizing: border-box; font-family: arial, sans-serif; font-size: 28px; font-weight: normal; line-height: 1.1; margin: 0px; padding: 0px 0px 15px; width: 1088px;">
HTML Structure</h1>
</div>
<div style="background: #ffffff; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;"><span style="color: #557799;"><!DOCTYPE html></span>
<span style="color: #007700;"><html></span>
<span style="color: #007700;"><head></span>
<span style="color: #007700;"><title></span>Webpage Title<span style="color: #007700;"></title></span>
<span style="color: #007700;"><style></span>
<span style="color: #888888;">/*CSS styles written here*/</span>
<span style="color: #007700;"></style></span>
<span style="color: #007700;"><script></span>
<span style="color: #888888;">/*Javascript code written here*/</span>
<span style="color: #007700;"></script></span>
<span style="color: #007700;"></head></span>
<span style="color: #007700;"><body></span>
<span style="color: #888888;"><!--HTML tags written here--></span>
<span style="color: #007700;"></body></span>
<span style="color: #007700;"></html></span></pre>
</div>
<br />
<h1 style="background-color: white; box-sizing: border-box; font-family: arial, sans-serif; font-size: 28px; font-weight: normal; line-height: 1.1; margin: 0px; padding: 0px 0px 15px; width: 1088px;">
CSS style</h1>
<div>
<div style="background-color: white; box-sizing: border-box; font-family: arial, sans-serif; font-size: 16px; line-height: 30px; padding: 0px; text-align: justify;">
CSS is defined as <span style="box-sizing: border-box; font-weight: 700; padding: 5px 0px;">Cascading Style Sheet</span>. </div>
<div class="list-item" style="background-color: white; box-sizing: border-box; font-family: arial, sans-serif; font-size: 16px; line-height: 30px; margin-left: 25px;">
<div style="box-sizing: border-box; line-height: 30px; padding: 0px; text-align: justify;">
</div>
<ul style="box-sizing: border-box; margin: 0px; padding: 0px 12px;">
<li style="box-sizing: border-box; margin: 0px; padding: 0px;">After HTML, we should learn CSS.</li>
<li style="box-sizing: border-box; margin: 0px; padding: 0px;">CSS is used to give styles for the web pages. Styles include adding colors, animations, bordering styles etc.</li>
<li style="box-sizing: border-box; margin: 0px; padding: 0px;">CSS can be included in a web page using three different ways, we will see those in detail in CSS chapter.</li>
<li style="box-sizing: border-box; margin: 0px; padding: 0px;">CSS styles can be added to a webpage depending on screen height, width and its orientation. So that we can add different styles for the same html element in different devices.</li>
</ul>
<div>
<br /></div>
</div>
</div>
<div style="background: #ffffff; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;"><span style="color: #557799;"><!DOCTYPE html></span>
<span style="color: #007700;"><html></span>
<span style="color: #007700;"><head></span>
<span style="color: #007700;"><title></span>HTML Textbox<span style="color: #007700;"></title></span>
<span style="color: #007700;"></head></span>
<span style="color: #007700;"><body></span>
<span style="color: #007700;"><input</span> <span style="color: #0000cc;">type=</span><span style="background-color: #fff0f0;">"text"</span><span style="color: #007700;">></span>
<span style="color: #007700;"></body></span>
<span style="color: #007700;"></html></span>
</pre>
</div>
<a href="https://tutorialcodeplay.com/tryit/Simple-textbox-in-html" target="_blank">Try it</a> <!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;"><span style="color: #557799;"><!DOCTYPE html></span>
<span style="color: #007700;"><html></span>
<span style="color: #007700;"><head></span>
<span style="color: #007700;"><title></span>Textbox with CSS style<span style="color: #007700;"></title></span>
<span style="color: #007700;"><style></span>
<span style="color: #007700;">input</span>{
box<span style="color: #333333;">-</span>shadow<span style="color: #333333;">:</span><span style="color: #6600ee; font-weight: bold;">2px</span> <span style="color: #6600ee; font-weight: bold;">3px</span> <span style="color: #6600ee; font-weight: bold;">5px</span> <span style="color: #6600ee; font-weight: bold;">3px</span> <span style="color: #007020;">gray</span>;
}
<span style="color: #007700;"></style></span>
<span style="color: #007700;"></head></span>
<span style="color: #007700;"><body></span>
<span style="color: #007700;"><input</span> <span style="color: #0000cc;">type=</span><span style="background-color: #fff0f0;">"text"</span><span style="color: #007700;">></span>
<span style="color: #007700;"></body></span>
<span style="color: #007700;"></html></span>
</pre>
</div>
<a href="https://tutorialcodeplay.com/tryit/simple-css-example" target="_blank">Try it</a>
<br />
<br />
<br />
<h1 style="background-color: white; box-sizing: border-box; font-family: arial, sans-serif; font-size: 28px; font-weight: normal; line-height: 1.1; margin: 0px; padding: 0px 0px 15px; width: 1088px;">
Javascript code</h1>
<div>
<span style="background-color: white; font-family: "arial" , sans-serif; font-size: 16px; text-align: justify;">Javascript is used to make web pages more interactive with users, it is used for operations such as basic client-side validation, passing the values to the server and more.</span></div>
<div>
<span style="background-color: white; font-family: "arial" , sans-serif; font-size: 16px; text-align: justify;"><br /></span></div>
<div>
<span style="background-color: white; font-family: "arial" , sans-serif; font-size: 16px; text-align: justify;"><br /></span></div>
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;"><span style="color: #557799;"><!DOCTYPE html></span>
<span style="color: #007700;"><html></span>
<span style="color: #007700;"><head></span>
<span style="color: #007700;"><title></span>Button with javascript<span style="color: #007700;"></title></span>
<span style="color: #007700;"><script></span>
<span style="color: #008800; font-weight: bold;">function</span> test()
{
alert(<span style="background-color: #fff0f0;">"Test button"</span>);
}
<span style="color: #007700;"></script></span>
<span style="color: #007700;"></head></span>
<span style="color: #007700;"><body></span>
<span style="color: #007700;"><button</span> <span style="color: #0000cc;">onclick=</span><span style="background-color: #fff0f0;">"test();"</span><span style="color: #007700;">></span>Click Me<span style="color: #007700;"></button></span>
<span style="color: #007700;"></body></span>
<span style="color: #007700;"></html></span>
</pre>
</div>
<a href="https://tutorialcodeplay.com/tryit/simple-javascript-example" target="_blank">Try it</a>
<br />
<br />
<br />
<br />
<a href="https://tutorialcodeplay.com/html/html-introduction.html" target="_blank">Refered by tutorialcodeplay</a>Merbin Joehttp://www.blogger.com/profile/10482002526923883942noreply@blogger.com0tag:blogger.com,1999:blog-4457383778865341080.post-1412161147301964552018-08-11T21:52:00.001+05:302018-08-17T17:15:35.765+05:30Learn and making hybrid application for android and iOS - Android Code Play
<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/1KP6Lpio0do" width="480"></iframe>Merbin Joehttp://www.blogger.com/profile/10482002526923883942noreply@blogger.com0tag:blogger.com,1999:blog-4457383778865341080.post-63614784358700250482018-03-19T00:41:00.000+05:302018-03-19T00:41:04.062+05:30HTML Code Play 6.4 <b>In HTML Code Play version 6.4 having the following updates</b><br />
1) Search box added in example menu.<br />
2) Key short cut added for (<,>,/,{,},[,]).<br />
3) Game play tutorial link added.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT5-ZioFXK__c413lGSAEt4Fec1GnYW2ZObbgY_966Vf9ELtfdldjWDmvyDB1If0hAa2RII01ubEzNzgG7ew_d_EqAvdNVQmSxz90QbRH9K5Bgg7WFZwn425Xxs_cg7r8nw4-4Fogt-H6R/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Extra keys added in HTML Code Play" border="0" data-original-height="1280" data-original-width="720" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT5-ZioFXK__c413lGSAEt4Fec1GnYW2ZObbgY_966Vf9ELtfdldjWDmvyDB1If0hAa2RII01ubEzNzgG7ew_d_EqAvdNVQmSxz90QbRH9K5Bgg7WFZwn425Xxs_cg7r8nw4-4Fogt-H6R/s400/1.png" title="Extra keys added in HTML Code Play" width="225" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFdlyzXdgc7B6mk1-HBFhtsbXKs0BlEdCy-_PlEBvfKCNxXjFd6JqygDf2bhE_kIbTpbjKPyG1IpN_nu47EYvQFM-rdZ9YIPUT1fT9VYRtoLIOc3KWjUX6tGZEWp57qy8HkxNFnDac1wjD/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Search box added with examples in HTML Code Play" border="0" data-original-height="1600" data-original-width="900" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFdlyzXdgc7B6mk1-HBFhtsbXKs0BlEdCy-_PlEBvfKCNxXjFd6JqygDf2bhE_kIbTpbjKPyG1IpN_nu47EYvQFM-rdZ9YIPUT1fT9VYRtoLIOc3KWjUX6tGZEWp57qy8HkxNFnDac1wjD/s400/2.png" title="Search box added with examples in HTML Code Play" width="225" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://itunes.apple.com/ng/app/html-code-play/id1281696079" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Download HTML Code Play on the app store iOS" border="0" data-original-height="554" data-original-width="1600" height="68" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX_2vKE4VX5IIdT57cOXxsVr3ZHl1bSAxC8vpTIE2G1x2TATQ5lk93Yq7wMuGIPNy4jM0hcsSin8LWTIMt9TpRU8BcZKSvlYky9IssO4KNd3Ds3HVfRLZA-8mls3AonL5O8KSVTfZ8by1n/s200/app-store-button.png" title="Download HTML Code Play on the app store iOS" width="200" /></a>
<a href="https://play.google.com/store/apps/details?id=com.HTML.AngularJS.Codeplay" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Download HTML Code Play on the playstore" border="0" data-original-height="189" data-original-width="606" height="61" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-RQwW8_0X1G9YyqMooIHS2pS5GaUWh7PIWhQYW6H8DUGtcxMmMh8pBJXl9Ffyr6agjtnq7jQQsMi6nK44P3H2vlTnB7QKpxjYLAjicUH9h3W8l4oYv2sWacInc95KPIdUaWsYnuXWNRsM/s200/39723.png" title="Download HTML Code Play on the playstore" width="200" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />Merbin Joehttp://www.blogger.com/profile/10482002526923883942noreply@blogger.com0tag:blogger.com,1999:blog-4457383778865341080.post-87698995588522554292014-06-01T22:05:00.001+05:302017-10-20T00:38:55.159+05:30Objects in javascript<div dir="ltr" style="text-align: left;" trbidi="on">
<b>Objects in JavaScript:-</b><br />
In objects need one array and more objects for creating object array, in every loop we need to create a object variable and every loop end push it to the array. Finally you can read it<b>.</b><br />
<b><br /></b>
<b>Syntax:-</b><br />
<div class="boxed" id="dddd" ondblclick="javascript:select_text_div('dddd'); ">
var array_result=[];<br />
<b> </b><br />
for(i=0;i<0;i++)<br />
<b>{</b><br />
<b> </b>var obj_variable=new Object();<br />
obj_variable.Name="value : " +i;<br />
obj_variable.Number="value : " + i;<br />
<b> </b>array_result.push(obj_variable);<br />
<b>}</b></div>
<br />
<!--Ads placed by merbin Start-->
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<!--Ads placed by merbin End-->
<br />
<!--Ads placed by merbin Start-->
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<!--Ads placed by merbin End-->
<br />
<b>Example Program:- (Editor)</b><br />
<script type="text/javascript">
$(window).load(function(){
init();
});
var editboxHTML =
'<html class="expand close">' +
'<head>' +
'<style type="text/css">' +
'.expand { width: 100%; height: 100%; }' +
'.close { border: none; margin: 0px; padding: 0px; }' +
'html,body { overflow: hidden; }' +
'<\/style>' +
'<\/head>' +
'<body class="expand close" onload="document.f.ta.focus(); document.f.ta.select();">' +
'<form class="expand close" name="f">' +
'<textarea class="expand close samplecls" id="newtxtid" name="ta" wrap="hard" spellcheck="false">' +
'<\/textarea>' +
'<\/form>' +
'<\/body>' +
'<\/html>';
//EDIT THE FOLLOWING CONTENT START
var defaultStuff = "<html>\n";
defaultStuff += "<head>\n";
defaultStuff += "<title>Object Example<\/title>\n";
defaultStuff += "<script>\n";
defaultStuff += "var const_count=0;\n";
defaultStuff += "var const_hide=100;\n";
defaultStuff += "var const_time;\n";
defaultStuff += "\n";
defaultStuff += "function call_function()\n";
defaultStuff += "{\n";
defaultStuff += " const_count=0;\n";
defaultStuff += " const_hide=100;\n";
defaultStuff += " var array_store_details=[];\n";
defaultStuff += " for(var i=0;i<40;i++)\n";
defaultStuff += " {\n";
defaultStuff += " var obj=new Object();\n";
defaultStuff += "\n";
defaultStuff += " obj.Name=\"Name : \" + i;\n";
defaultStuff += " obj.Mark=\"Mark : \" +i;\n";
defaultStuff += " obj.Place=\"Place : \" + i;\n";
defaultStuff += " obj.School=\"School : \"+i;\n";
defaultStuff += " \n";
defaultStuff += " array_store_details.push(obj);\n";
defaultStuff += " }\n";
defaultStuff += " var temp_table=\"\";\n";
defaultStuff += "\n";
defaultStuff += " for(i=0;i<array_store_details.length;i++)\n";
defaultStuff += " {\n";
defaultStuff += " temp_table+=\"<tr><td>\"+array_store_details[i].Name+\"<\/td><td>\"+array_store_details[i].Mark+\"<\/td><td>\"+array_store_details[i].Place+\"<\/td><td>\"+array_store_details[i].School+\"<\/td><\/tr>\";\n";
defaultStuff += " }\n";
defaultStuff += "\n";
defaultStuff += "var div = document.getElementById('dynamic_table');\n";
defaultStuff += "div.innerHTML=\"<table border='10px' width='100%'><tr><th>Name<\/th><th>Mark<\/th><th>Place<\/th><th>School<\/th><\/tr>\"+temp_table+\"<\/table>\";\n";
defaultStuff += "div.style.display = 'block';\n";
defaultStuff += "\n";
defaultStuff += "document.getElementById('button1').disabled=true;\n";
defaultStuff += "document.getElementById('button2').disabled=false;\n";
defaultStuff += "}\n";
defaultStuff += "\n";
defaultStuff += "function clear_div()\n";
defaultStuff += "{\n";
defaultStuff += " document.getElementById('button2').disabled=true;\n";
defaultStuff += " const_time=setInterval(filterfunction_name, 50);\n";
defaultStuff += "}\n";
defaultStuff += "function filterfunction_name()\n";
defaultStuff += "{\n";
defaultStuff += " var div = document.getElementById('dynamic_table');\n";
defaultStuff += " div.style.opacity = const_hide \/ 100;\n";
defaultStuff += " div.style.filter = 'alpha(opacity=' + const_hide + ')';\n";
defaultStuff += " const_count++;\n";
defaultStuff += " \n";
defaultStuff += " if(const_count==10)\n";
defaultStuff += " {\n";
defaultStuff += " div.innerHTML=\"\";\n";
defaultStuff += " div.style.opacity = 1;\n";
defaultStuff += " div.style.filter = 'alpha(opacity=1)';\n";
defaultStuff += " clearTimeout(const_time);\n";
defaultStuff += " document.getElementById('button1').disabled=false;\n";
defaultStuff += " }\n";
defaultStuff += " const_hide=const_hide-10;\n";
defaultStuff += "}\n";
defaultStuff += "<\/script>\n";
defaultStuff += " <\/head>\n";
defaultStuff += "\n";
defaultStuff += "<body>\n";
defaultStuff += "<input type=\"button\" id=\"button1\" value=\"Click to Generate Objects\" onclick=\"call_function();\">\n";
defaultStuff += "<input type=\"button\" id=\"button2\" value=\"Clear Div\" onclick=\"clear_div();\">\n";
defaultStuff += "<div id=\"dynamic_table\" style=\"display:none;\"><\/div>\n";
defaultStuff += "<\/body>\n";
defaultStuff += "<\/html>\n";
//EDIT THE FOLLOWING CONTENT END
var extraStuff = '';
var buttons='<script>function html_convert()'+
'{parent.tml_convert();}function Clear_all(){parent.Clr_all();}<\/script>'+
'<a href="#" onclick="html_convert();" class="allinworldclass">Submit Changes<\/a>'+
'<a href="#" onclick="Clear_all();" class="allinworldclass">Reset<\/a>';
var old = '';
function tml_convert()
{
update();
}
function Clr_all()
{
init();
}
function init()
{
window.editbox.document.write(editboxHTML);
window.editbox.document.close();
window.editbox.document.f.ta.value = defaultStuff;
update();
window.buttons_frame.document.write(buttons);
window.buttons_frame.document.close();
window.buttons_frame.document.value = buttons;
var css_cls=CommonClassCreateFunction();
var $head = $("#iiffrraammee").contents().find("head");
$head.append('<style type="text/css">'+css_cls+'</style>');
var css_cls_button=CommonClassButtonFunction();
var $head = $("#iframeButtonID").contents().find("head");
$head.append('<style type="text/css">'+css_cls_button+'</style>');
//$('#iiffrraammee').contents().find('#newtxtid').css(css_cls);
}
function update()
{
var textarea = window.editbox.document.f.ta;
var d = dynamicframe.document;
debugger;
//if (old != textarea.value) {
old = textarea.value;
d.open();
d.write(old);
if (old.replace(/[\r\n]/g,'') == defaultStuff.replace(/[\r\n]/g,''))
d.write(extraStuff);
d.close();
//}
//window.setTimeout(update, 150);
}
</script>
<br />
<div>
<iframe class="commonEditboxIframeClass" frameborder="0" id="iiffrraammee" name="editbox" noresize="noresize" src="javascript:'';"></iframe>
<iframe class="commonbuttoniframe" frameborder="0" id="iframeButtonID" name="buttons_frame" src="javascript:'';"></iframe>
<!--Ads placed by merbin Start-->
<br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<br />
<!--Ads placed by merbin End-->
<b>Output:-</b>
<br />
<iframe class="commonDynamicFrameClass" frameborder="0" name="dynamicframe" noresize="noresize" src="javascript:'';"></iframe>
</div>
<br />
<br />
<b>Advertisement</b><br />
<div class="boxed" style="width: 360px !important;">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* large rectangle */
google_ad_slot = "8508305497";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script></div>
<br />
<br />
<b>Screen Shots:-</b>
<br />
<b><br /></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL6dw-0w3GcFpfqs6bYSVfbGPrtDbLm1ILeagICdSxQK-uVTcL6h5OV80BILba8kG4oRTi4olps_HWi_N_rPYoAM7woTUyfjXxmvE_IUhP7iR-KA_TD30hj8RFwyKjBa0q_RJtHqLLyfg/s1600/Object+In+Javascript.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Objects in javascript" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL6dw-0w3GcFpfqs6bYSVfbGPrtDbLm1ILeagICdSxQK-uVTcL6h5OV80BILba8kG4oRTi4olps_HWi_N_rPYoAM7woTUyfjXxmvE_IUhP7iR-KA_TD30hj8RFwyKjBa0q_RJtHqLLyfg/s1600/Object+In+Javascript.jpg" height="322" title="create dynamic table using javascript" width="400"></a></div>
<b><br /></b></div>
Merbin Joehttp://www.blogger.com/profile/10482002526923883942noreply@blogger.com0tag:blogger.com,1999:blog-4457383778865341080.post-11408351603173679342015-11-30T00:33:00.001+05:302017-05-22T21:31:10.779+05:30toFixed in Javascript / jQuery To set the precision of floating point number we can use this method, we can set how many degits come after the dot(<b>.</b>).<br />
<br />
<div style="display:none;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-tzJeaJjnIcRoJD9p5oZj5r6QeuZxnu-6Q_MAJqHQmMN91QZGm6Qu5NwYufZjRJ9AxW_nlK_F8ejQ-g-kuhsShLQiHJe2Vq-S7cJFxtqT0Zellkt8n0XMi1xZ9LiXlt0RI2GU3gYoMkvl/s1600/toFixed+in+javascript.JPG" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-tzJeaJjnIcRoJD9p5oZj5r6QeuZxnu-6Q_MAJqHQmMN91QZGm6Qu5NwYufZjRJ9AxW_nlK_F8ejQ-g-kuhsShLQiHJe2Vq-S7cJFxtqT0Zellkt8n0XMi1xZ9LiXlt0RI2GU3gYoMkvl/s320/toFixed+in+javascript.JPG" /></a>
</div>
<a name='more'></a>
<b>Syntax</b>
<div class="boxed">
(floating point value).toFixed(digit count)<br />
</div>
<b><br /></b>
<b>Example</b>
<div class="boxed">
(2.3336).toFixed(2) => 2.33<br />
(2.3336).toFixed(1) => 2.3<br />
(18.12598415150005).toFixed(3) => 18.125<br />
</div>
<br />
<!--Ads placed by merbin Start-->
<br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<!--Ads placed by merbin End-->
<br />
<b>Example Program:- (Editor)</b><br />
<script type="text/javascript">
$(window).load(function(){
$("#iiffrraammee").on("load", function () {
$("#iframe_html_loading").hide();
$("#iframe_html_div").show();
});
init();
});
var editboxHTML =
'<html class="expand close">' +
'<head>' +
'<style type="text/css">' +
'.expand { width: 100%; height: 100%; }' +
'.close { border: none; margin: 0px; padding: 0px; }' +
'html,body { overflow: hidden; }' +
'<\/style>' +
'<\/head>' +
'<body class="expand close" onload="document.f.ta.select();">' +
'<form class="expand close" name="f">' +
'<textarea class="expand close samplecls" id="newtxtid" name="ta" wrap="hard" spellcheck="false">' +
'<\/textarea>' +
'<\/form>' +
'<\/body>' +
'<\/html>';
//EDIT THE FOLLOWING CONTENT START
var defaultStuff="";
defaultStuff += "<html>\n";
defaultStuff += "\n";
defaultStuff += "<head>\n";
defaultStuff += " <title>toFixed<\/title>\n";
defaultStuff += " <script src=\"https:\/\/code.jquery.com\/jquery-2.1.1.min.js\" type=\"text\/javascript\"><\/script>\n";
defaultStuff += "\n";
defaultStuff += " <script>\n";
defaultStuff += " function Calculateval() {\n";
defaultStuff += " var txtvalue = parseFloat($(\"#textval\").val());\n";
defaultStuff += " var precision = parseInt($(\"#setprecision\").val());\n";
defaultStuff += " var ans = (txtvalue).toFixed(precision);\n";
defaultStuff += " alert(ans);\n";
defaultStuff += " }\n";
defaultStuff += " <\/script>\n";
defaultStuff += "\n";
defaultStuff += "<\/head>\n";
defaultStuff += "\n";
defaultStuff += "<body>\n";
defaultStuff += "\n";
defaultStuff += " Enter Decimal Value :\n";
defaultStuff += " <input type=\"text\" id=\"textval\">\n";
defaultStuff += " <br> Enter Precision Value :\n";
defaultStuff += " <input type=\"text\" id=\"setprecision\">\n";
defaultStuff += " <input type=\"button\" value=\"Get value\" onclick=\"Calculateval();\">\n";
defaultStuff += "\n";
defaultStuff += "<\/body>\n";
defaultStuff += "\n";
defaultStuff += "<\/html>\n";
//EDIT THE FOLLOWING CONTENT END
var extraStuff = '';
var buttons='<script>function html_convert()'+
'{parent.tml_convert();}function Clear_all(){parent.Clr_all();return false;}<\/script>'+
'<a href="#" onclick="html_convert();return false;" class="allinworldclass">Submit Changes<\/a>'+
'<a href="#" onclick="Clear_all();return false;" class="allinworldclass">Reset<\/a>';
var old = '';
function tml_convert()
{
update();
}
function Clr_all()
{
init();
}
function init()
{
window.editbox.document.write(editboxHTML);
window.editbox.document.close();
window.editbox.document.f.ta.value = defaultStuff;
update();
window.buttons_frame.document.write(buttons);
window.buttons_frame.document.close();
window.buttons_frame.document.value = buttons;
var css_cls=CommonClassCreateFunction();
var $head = $("#iiffrraammee").contents().find("head");
$head.append('<style type="text/css">'+css_cls+'</style>');
var css_cls_button=CommonClassButtonFunction();
var $head = $("#iframeButtonID").contents().find("head");
$head.append('<style type="text/css">'+css_cls_button+'</style>');
//$('#iiffrraammee').contents().find('#newtxtid').css(css_cls);
}
function update()
{
var textarea = window.editbox.document.f.ta;
var d = dynamicframe.document;
d.open();
old = textarea.value;
d.write(old);
if (old.replace(/[\r\n]/g,'') == defaultStuff.replace(/[\r\n]/g,''))
d.write(extraStuff);
d.close();
}
</script>
<br />
<div id="iframe_html_loading">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh_R7uc-9_N6A70zU8A_5iYZ-B4hnKJ1cirv9fVsjIsHfPpNj62AK2xwDwqtSmsBwKqkmVUfqlMb-zdK-1Be-Qz6sy2pSzTni8DznJiiZ3Br3-ClYKlDHgDIixqqj6_Vb7v-OM_wqQIMSw/s320/Loading+Code.GIF"><br><b>Editor is Loading...</b></center>
</div>
<div id="iframe_html_div" style="display:none;">
<iframe class="commonEditboxIframeClass" frameborder="0" style="height:372px !important;" id="iiffrraammee" name="editbox" noresize="noresize" src="javascript:'';"></iframe>
<iframe class="commonbuttoniframe" id="iframeButtonID" frameborder="0" name="buttons_frame" src="javascript:'';"></iframe>
<!--Ads placed by merbin Start-->
<br/>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br/>
<!--Ads placed by merbin End-->
<b>Output:-</b>
<br/>
<iframe style="height: 460px !important;" class="commonDynamicFrameClass" frameborder="0" name="dynamicframe" noresize="noresize" src="javascript:'';"></iframe>
</div>
<br />
<b>Advertisement</b><br />
<div class="boxed" style="width: 360px !important;">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* large rectangle */
google_ad_slot = "8508305497";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script></div>
<br />Merbin Joehttp://www.blogger.com/profile/10482002526923883942noreply@blogger.com0tag:blogger.com,1999:blog-4457383778865341080.post-69134558105763287282015-12-05T12:25:00.000+05:302017-05-22T21:30:45.164+05:30Simple Addition program jQuerySimple Addition Program Using jQuery<br />
In the following example is the very simplest addition program using jQuery, jQuery is the framework of javascript, jQuery is the plugin created using pure javascript code. The jQuery can easy to do to program.<br />
<br />
First we need to create three text boxes one for first number second one for second number and thired for show the sum of two numbers.<br />
<a href="https://allinworld99.blogspot.com/2015/12/simple-addition-program-javascript.html" target="_blank">Sum of two number Using Javascript</a>
<br>
<br />
<div style="display:none;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx-sFJI5nRr_7i_m3nCSY1HPreSvnH1JUL0x0tZbVe7d6U0FSQRChflUDUXowdUCKgTfn3tfq0mJ64rzNN3LSM0wiS_Scr5kOzQzT1uPhzFKKifSN2xvjNnSTTzip293gJqv4kzsjHIvnJ/s1600/Add+two+number+using+jquery.gif" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx-sFJI5nRr_7i_m3nCSY1HPreSvnH1JUL0x0tZbVe7d6U0FSQRChflUDUXowdUCKgTfn3tfq0mJ64rzNN3LSM0wiS_Scr5kOzQzT1uPhzFKKifSN2xvjNnSTTzip293gJqv4kzsjHIvnJ/s320/Add+two+number+using+jquery.gif" /></a>
</div>
<a name='more'></a>
<b>Creating text box</b><br />
<b> </b>The text box is the basic element in html, it is very simple to remember and create.<br />
<br />
<b>syntax</b><br />
<pre class="slctincls line-numbers"><code class="language-markup">
<input type="text"></code></pre>
The input type having many attributes, the one of the important attribute is <b>id </b>, it is used for accessing the textbox value from javascript/jQuery code.<br />
<br />
<b>Example</b><br />
<pre class="slctincls line-numbers"><code class="language-markup">
<input type="text" id="txt1"></code></pre>
<br />
The id is unique, all html element should have different unique id value.<br />
<br />
<pre class="slctincls line-numbers"><code class="language-markup">
<input type="text" id="txt1"><br />
<input type="text" id="txt2"><br />
<input type="text" id="txt3"></code></pre>
<br />
<b>Creating the button</b><br />
<b> </b>The button also one of the very important html element, it can do some action while clicking or other action.<br />
<br />
<b>syntax</b><br />
<pre class="slctincls line-numbers"><code class="language-markup">
<input type="text" value="Sample button" onclick="call_fun();"></code></pre>
<br />
onclick is one of the event, it indicate when the user click on the "<b>Sample button</b>" button the call_fun() will call.<br />
<br />
<b>Get the textbox value using jQuery</b><br />
<b> </b>jQuery have a simple method for getting the textbox value using textbox <b>id.</b><br />
<b><br /></b>
<b>syntax</b><br />
<pre class="slctincls line-numbers"><code class="language-clike language-javascript">
$("#id").val();</code></pre>
<br />
id - the text box id value.<br />
<br />
<b>Example</b><br />
<pre class="slctincls line-numbers"><code class="language-clike language-javascript">
var tvalue=$("#txt1").val();</code></pre>
<br />
<b>parseInt</b><br />
<b> </b>The <b>parseInt </b>is used to convert the string or other value into number, when we get the value from the text box it is in <b>string </b>format, so if we trying to add the value without convert to integer value it just add the value as string (35+66=3566), so we must convert it to <b>integer.</b><br />
<b><br /></b>
<b>syntax</b><br />
<pre class="slctincls line-numbers"><code class="language-clike language-javascript">
parseInt(string value);</code></pre>
<br />
<b>Example</b><br />
<pre class="slctincls line-numbers"><code class="language-clike language-javascript">
var ivalue=parseInt("56");</code></pre>
<br />
<!--Ads placed by merbin Start-->
<br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<!--Ads placed by merbin End-->
<br />
<b>Example Program:- (Editor)</b><br />
<script type="text/javascript">
$(window).load(function(){
$("#iiffrraammee").on("load", function () {
$("#iframe_html_loading").hide();
$("#iframe_html_div").show();
});
init();
});
var editboxHTML =
'<html class="expand close">' +
'<head>' +
'<style type="text/css">' +
'.expand { width: 100%; height: 100%; }' +
'.close { border: none; margin: 0px; padding: 0px; }' +
'html,body { overflow: hidden; }' +
'<\/style>' +
'<\/head>' +
'<body class="expand close" onload="document.f.ta.select();">' +
'<form class="expand close" name="f">' +
'<textarea class="expand close samplecls" id="newtxtid" name="ta" wrap="hard" spellcheck="false">' +
'<\/textarea>' +
'<\/form>' +
'<\/body>' +
'<\/html>';
//EDIT THE FOLLOWING CONTENT START
var defaultStuff="";
defaultStuff += "<html>\n";
defaultStuff += "\n";
defaultStuff += "<head>\n";
defaultStuff += "\n";
defaultStuff += " <title>Addition Program Using jQuery<\/title>\n";
defaultStuff += "\n";
defaultStuff += " <script src=\"https:\/\/code.jquery.com\/jquery-2.1.1.min.js\" type=\"text\/javascript\"><\/script>\n";
defaultStuff += "\n";
defaultStuff += " <script>\n";
defaultStuff += " function showanswer() {\n";
defaultStuff += " var t1 = $(\"#txt1\").val();\n";
defaultStuff += " var t2 = $(\"#txt1\").val();\n";
defaultStuff += " var ans = parseInt(t1) + parseInt(t2);\n";
defaultStuff += "\n";
defaultStuff += " $(\"#txt3\").val(ans);\n";
defaultStuff += " }\n";
defaultStuff += "\n";
defaultStuff += " function cleartxt() {\n";
defaultStuff += " $(\"#txt1\").val(\"\");\n";
defaultStuff += " $(\"#txt2\").val(\"\");\n";
defaultStuff += " $(\"#txt3\").val(\"\");\n";
defaultStuff += " }\n";
defaultStuff += " <\/script>\n";
defaultStuff += "\n";
defaultStuff += "<\/head>\n";
defaultStuff += "\n";
defaultStuff += "<body>\n";
defaultStuff += " Enter First Value :\n";
defaultStuff += " <input type=\"text\" id=\"txt1\">\n";
defaultStuff += " <br>\n";
defaultStuff += " <br> Enter Second Value :\n";
defaultStuff += " <input type=\"text\" id=\"txt2\">\n";
defaultStuff += " <br>\n";
defaultStuff += " <br> Answer :\n";
defaultStuff += " <input type=\"text\" id=\"txt3\">\n";
defaultStuff += " <br>\n";
defaultStuff += " <br>\n";
defaultStuff += " <input type=\"button\" value=\"Answer\" onclick=\"showanswer();\">\n";
defaultStuff += " <br>\n";
defaultStuff += " <br>\n";
defaultStuff += " <input type=\"button\" value=\"Clear\" onclick=\"cleartxt();\">\n";
defaultStuff += "<\/body>\n";
defaultStuff += "\n";
defaultStuff += "<\/html>\n";
//EDIT THE FOLLOWING CONTENT END
var extraStuff = '';
var buttons='<script>function html_convert()'+
'{parent.tml_convert();}function Clear_all(){parent.Clr_all();return false;}<\/script>'+
'<a href="#" onclick="html_convert();return false;" class="allinworldclass">Submit Changes<\/a>'+
'<a href="#" onclick="Clear_all();return false;" class="allinworldclass">Reset<\/a>';
var old = '';
function tml_convert()
{
update();
}
function Clr_all()
{
init();
}
function init()
{
window.editbox.document.write(editboxHTML);
window.editbox.document.close();
window.editbox.document.f.ta.value = defaultStuff;
update();
window.buttons_frame.document.write(buttons);
window.buttons_frame.document.close();
window.buttons_frame.document.value = buttons;
var css_cls=CommonClassCreateFunction();
var $head = $("#iiffrraammee").contents().find("head");
$head.append('<style type="text/css">'+css_cls+'</style>');
var css_cls_button=CommonClassButtonFunction();
var $head = $("#iframeButtonID").contents().find("head");
$head.append('<style type="text/css">'+css_cls_button+'</style>');
//$('#iiffrraammee').contents().find('#newtxtid').css(css_cls);
}
function update()
{
var textarea = window.editbox.document.f.ta;
var d = dynamicframe.document;
d.open();
old = textarea.value;
d.write(old);
if (old.replace(/[\r\n]/g,'') == defaultStuff.replace(/[\r\n]/g,''))
d.write(extraStuff);
d.close();
}
</script>
<br />
<div id="iframe_html_loading">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh_R7uc-9_N6A70zU8A_5iYZ-B4hnKJ1cirv9fVsjIsHfPpNj62AK2xwDwqtSmsBwKqkmVUfqlMb-zdK-1Be-Qz6sy2pSzTni8DznJiiZ3Br3-ClYKlDHgDIixqqj6_Vb7v-OM_wqQIMSw/s320/Loading+Code.GIF"><br><b>Editor is Loading...</b></center>
</div>
<div id="iframe_html_div" style="display:none;">
<iframe class="commonEditboxIframeClass" frameborder="0" style="height:372px !important;" id="iiffrraammee" name="editbox" noresize="noresize" src="javascript:'';"></iframe>
<iframe class="commonbuttoniframe" id="iframeButtonID" frameborder="0" name="buttons_frame" src="javascript:'';"></iframe>
<!--Ads placed by merbin Start-->
<br/>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br/>
<!--Ads placed by merbin End-->
<b>Output:-</b>
<br/>
<iframe style="height: 460px !important;" class="commonDynamicFrameClass" frameborder="0" name="dynamicframe" noresize="noresize" src="javascript:'';"></iframe>
</div>
<br />
<b>Advertisement</b><br />
<div class="boxed" style="width: 360px !important;">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* large rectangle */
google_ad_slot = "8508305497";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script></div>
<br />Merbin Joehttp://www.blogger.com/profile/10482002526923883942noreply@blogger.com0tag:blogger.com,1999:blog-4457383778865341080.post-71239555228198796772015-12-08T14:13:00.000+05:302017-05-22T21:30:16.823+05:30How to Check if a variable is equal to any of several values In many situation we need to check the same variable with many values in if statement, it is increase your code size and make confusions.<br />
We can use array like below and check it, this method is reduce your code size and avoid confusions.<br />
<br />
<div style="display:none;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIIrz4KjuR7qIE3aVVdDLCii6IHc8lFuWf8JZsBpSNLtlv7DnnloJ2g5x8J8qQ9VZfuWJ5z6mGV0hghWyvjLFX76_9Y_3Dz02lqvd93VJOq38JEZA5qkdQ4HEA_omf2_Jes-Y6NJsg9vh4/s1600/Javascript+avoid+more+if+condition.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIIrz4KjuR7qIE3aVVdDLCii6IHc8lFuWf8JZsBpSNLtlv7DnnloJ2g5x8J8qQ9VZfuWJ5z6mGV0hghWyvjLFX76_9Y_3Dz02lqvd93VJOq38JEZA5qkdQ4HEA_omf2_Jes-Y6NJsg9vh4/s320/Javascript+avoid+more+if+condition.jpg" /></a>
</div>
<a name='more'></a>
<b>Normally we using (Wrong Method)</b><br />
<pre class="slctincls line-numbers"><code class="language-markup language-css language-clike language-javascript">
<script>
function check() {
var num = 4;
if (num == 1 || num == 2 || num == 3 || num == 4 || num == 5 || num == 6 || num == 7 || num == 8 || num == 9)
{
alert("This is the number");
}
}
</script>
<input type="button" value="Check the Value" onclick="check();" /></code></pre>
<br />
<b>Best Method</b><br />
Which values want to check insert it to a array and find the index value of the variable, if it it not equal to -1 the condition is true other wise the condition is wrong.<br />
<br />
<!--Ads placed by merbin Start-->
<br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<!--Ads placed by merbin End-->
<br />
<b>Example Program:- (Editor)</b><br />
<script type="text/javascript">
$(window).load(function(){
$("#iiffrraammee").on("load", function () {
$("#iframe_html_loading").hide();
$("#iframe_html_div").show();
});
init();
});
var editboxHTML =
'<html class="expand close">' +
'<head>' +
'<style type="text/css">' +
'.expand { width: 100%; height: 100%; }' +
'.close { border: none; margin: 0px; padding: 0px; }' +
'html,body { overflow: hidden; }' +
'<\/style>' +
'<\/head>' +
'<body class="expand close" onload="document.f.ta.select();">' +
'<form class="expand close" name="f">' +
'<textarea class="expand close samplecls" id="newtxtid" name="ta" wrap="hard" spellcheck="false">' +
'<\/textarea>' +
'<\/form>' +
'<\/body>' +
'<\/html>';
//EDIT THE FOLLOWING CONTENT START
var defaultStuff="";
defaultStuff += "<script>\n";
defaultStuff += " function check() {\n";
defaultStuff += " var num = 4;\n";
defaultStuff += "\n";
defaultStuff += " if ([1, 2, 3, 4, 5, 6, 7, 8, 9].indexOf(num) != -1) {\n";
defaultStuff += " alert(\"This is the number\");\n";
defaultStuff += " }\n";
defaultStuff += " }\n";
defaultStuff += "<\/script>\n";
defaultStuff += "\n";
defaultStuff += "<input type=\"button\" value=\"Check the Value\" onclick=\"check();\" \/>\n";
//EDIT THE FOLLOWING CONTENT END
var extraStuff = '';
var buttons='<script>function html_convert()'+
'{parent.tml_convert();}function Clear_all(){parent.Clr_all();return false;}<\/script>'+
'<a href="#" onclick="html_convert();return false;" class="allinworldclass">Submit Changes<\/a>'+
'<a href="#" onclick="Clear_all();return false;" class="allinworldclass">Reset<\/a>';
var old = '';
function tml_convert()
{
update();
}
function Clr_all()
{
init();
}
function init()
{
window.editbox.document.write(editboxHTML);
window.editbox.document.close();
window.editbox.document.f.ta.value = defaultStuff;
update();
window.buttons_frame.document.write(buttons);
window.buttons_frame.document.close();
window.buttons_frame.document.value = buttons;
var css_cls=CommonClassCreateFunction();
var $head = $("#iiffrraammee").contents().find("head");
$head.append('<style type="text/css">'+css_cls+'</style>');
var css_cls_button=CommonClassButtonFunction();
var $head = $("#iframeButtonID").contents().find("head");
$head.append('<style type="text/css">'+css_cls_button+'</style>');
//$('#iiffrraammee').contents().find('#newtxtid').css(css_cls);
}
function update()
{
var textarea = window.editbox.document.f.ta;
var d = dynamicframe.document;
d.open();
old = textarea.value;
d.write(old);
if (old.replace(/[\r\n]/g,'') == defaultStuff.replace(/[\r\n]/g,''))
d.write(extraStuff);
d.close();
}
</script>
<br />
<div id="iframe_html_loading">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh_R7uc-9_N6A70zU8A_5iYZ-B4hnKJ1cirv9fVsjIsHfPpNj62AK2xwDwqtSmsBwKqkmVUfqlMb-zdK-1Be-Qz6sy2pSzTni8DznJiiZ3Br3-ClYKlDHgDIixqqj6_Vb7v-OM_wqQIMSw/s320/Loading+Code.GIF"><br><b>Editor is Loading...</b></center>
</div>
<div id="iframe_html_div" style="display:none;">
<iframe class="commonEditboxIframeClass" frameborder="0" style="height:142px !important;" id="iiffrraammee" name="editbox" noresize="noresize" src="javascript:'';"></iframe>
<iframe class="commonbuttoniframe" id="iframeButtonID" frameborder="0" name="buttons_frame" src="javascript:'';"></iframe>
<!--Ads placed by merbin Start-->
<br/>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br/>
<!--Ads placed by merbin End-->
<b>Output:-</b>
<br/>
<iframe style="height: 150px !important;" class="commonDynamicFrameClass" frameborder="0" name="dynamicframe" noresize="noresize" src="javascript:'';"></iframe>
</div>
<br />
<b>Advertisement</b><br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* large rectangle */
google_ad_slot = "8508305497";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<br />
Merbin Joehttp://www.blogger.com/profile/10482002526923883942noreply@blogger.com0tag:blogger.com,1999:blog-4457383778865341080.post-84522967639688447302015-12-09T16:36:00.001+05:302017-05-22T21:29:09.897+05:30Copy text from Target html element to clip board (clipboard.js) We have a plugin for copy the text from specified html element (div,span,...) to clip board without pressing ctrl+c (copy shortcut key).<br />
<br />
In the below example you can copy the inside the div text to clipboard by clicking the copy button without using any other file, only we are using only one <b>clipboard.js</b> file.<br />
<br />
<div style="display:none">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV-NTEtyYyBwLSwf8lgm_31VyZOfMW3Kx0-atFWzNlw14aIIyqPmvPyNShhHQvVfDsqE9oMFXNWMFX4cDdIcTtKGUG5e5Vp6iqkyFVWDXHcWUpK-4GKplbnyMHW3uLqgwzXDzb61FnoFPU/s1600/Copy+to+clip+board+by+clicking+pure+javascript.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV-NTEtyYyBwLSwf8lgm_31VyZOfMW3Kx0-atFWzNlw14aIIyqPmvPyNShhHQvVfDsqE9oMFXNWMFX4cDdIcTtKGUG5e5Vp6iqkyFVWDXHcWUpK-4GKplbnyMHW3uLqgwzXDzb61FnoFPU/s320/Copy+to+clip+board+by+clicking+pure+javascript.jpg" /></a>
</div>
<a name='more'></a>
<!--Ads placed by merbin Start-->
<br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<!--Ads placed by merbin End-->
<br />
<b>Example Program:- (Editor)</b><br />
<script type="text/javascript">
$(window).load(function(){
$("#iiffrraammee").on("load", function () {
$("#iframe_html_loading").hide();
$("#iframe_html_div").show();
});
init();
});
var editboxHTML =
'<html class="expand close">' +
'<head>' +
'<style type="text/css">' +
'.expand { width: 100%; height: 100%; }' +
'.close { border: none; margin: 0px; padding: 0px; }' +
'html,body { overflow: hidden; }' +
'<\/style>' +
'<\/head>' +
'<body class="expand close" onload="document.f.ta.select();">' +
'<form class="expand close" name="f">' +
'<textarea class="expand close samplecls" id="newtxtid" name="ta" wrap="hard" spellcheck="false">' +
'<\/textarea>' +
'<\/form>' +
'<\/body>' +
'<\/html>';
//EDIT THE FOLLOWING CONTENT START
var defaultStuff="";
defaultStuff += "<!DOCTYPE html>\n";
defaultStuff += "<html lang=\"en\">\n";
defaultStuff += "\n";
defaultStuff += "<head>\n";
defaultStuff += " <meta charset=\"UTF-8\">\n";
defaultStuff += " <title>target-div<\/title>\n";
defaultStuff += "<\/head>\n";
defaultStuff += "\n";
defaultStuff += "<body>\n";
defaultStuff += " <!-- Copy from Target elements -->\n";
defaultStuff += " <div>This is the Div element<\/div>\n";
defaultStuff += " <button class=\"btn\" data-clipboard-action=\"copy\" data-clipboard-target=\"div\">Copy from div<\/button>\n";
defaultStuff += " <br>\n";
defaultStuff += " <br>\n";
defaultStuff += "<textarea placeholder=\"After copy just ctrl+v here\" style=\"width:100%;\" rows=\"10\"><\/textarea>";
defaultStuff += " <br>\n";
defaultStuff += " <!-- 2. Include library -->\n";
defaultStuff += " <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/clipboard.js\/1.5.3\/clipboard.min.js\"><\/script>\n";
defaultStuff += "\n";
defaultStuff += " <script>\n";
defaultStuff += " <!-- Copy from Target elements -->\n";
defaultStuff += " var clipboard = new Clipboard('.btn');\n";
defaultStuff += " <\/script>\n";
defaultStuff += "<\/body>\n";
defaultStuff += "\n";
defaultStuff += "<\/html>\n";
//EDIT THE FOLLOWING CONTENT END
var extraStuff = '';
var buttons='<script>function html_convert()'+
'{parent.tml_convert();}function Clear_all(){parent.Clr_all();return false;}<\/script>'+
'<a href="#" onclick="html_convert();return false;" class="allinworldclass">Submit Changes<\/a>'+
'<a href="#" onclick="Clear_all();return false;" class="allinworldclass">Reset<\/a>';
var old = '';
function tml_convert()
{
update();
}
function Clr_all()
{
init();
}
function init()
{
window.editbox.document.write(editboxHTML);
window.editbox.document.close();
window.editbox.document.f.ta.value = defaultStuff;
update();
window.buttons_frame.document.write(buttons);
window.buttons_frame.document.close();
window.buttons_frame.document.value = buttons;
var css_cls=CommonClassCreateFunction();
var $head = $("#iiffrraammee").contents().find("head");
$head.append('<style type="text/css">'+css_cls+'</style>');
var css_cls_button=CommonClassButtonFunction();
var $head = $("#iframeButtonID").contents().find("head");
$head.append('<style type="text/css">'+css_cls_button+'</style>');
//$('#iiffrraammee').contents().find('#newtxtid').css(css_cls);
}
function update()
{
var textarea = window.editbox.document.f.ta;
var d = dynamicframe.document;
d.open();
old = textarea.value;
d.write(old);
if (old.replace(/[\r\n]/g,'') == defaultStuff.replace(/[\r\n]/g,''))
d.write(extraStuff);
d.close();
}
</script>
<br />
<div id="iframe_html_loading">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh_R7uc-9_N6A70zU8A_5iYZ-B4hnKJ1cirv9fVsjIsHfPpNj62AK2xwDwqtSmsBwKqkmVUfqlMb-zdK-1Be-Qz6sy2pSzTni8DznJiiZ3Br3-ClYKlDHgDIixqqj6_Vb7v-OM_wqQIMSw/s320/Loading+Code.GIF"><br><b>Editor is Loading...</b></center>
</div>
<div id="iframe_html_div" style="display:none;">
<iframe class="commonEditboxIframeClass" frameborder="0" style="height:372px !important;" id="iiffrraammee" name="editbox" noresize="noresize" src="javascript:'';"></iframe>
<iframe class="commonbuttoniframe" id="iframeButtonID" frameborder="0" name="buttons_frame" src="javascript:'';"></iframe>
<!--Ads placed by merbin Start-->
<br/>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br/>
<!--Ads placed by merbin End-->
<b>Output:-</b>
<br/>
<iframe style="height: 460px !important;" class="commonDynamicFrameClass" frameborder="0" name="dynamicframe" noresize="noresize" src="javascript:'';"></iframe>
</div>
<br />
<b>Advertisement</b><br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* large rectangle */
google_ad_slot = "8508305497";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<br />
Merbin Joehttp://www.blogger.com/profile/10482002526923883942noreply@blogger.com0tag:blogger.com,1999:blog-4457383778865341080.post-75666097001783591962015-12-09T23:47:00.000+05:302017-05-22T21:28:53.206+05:30Copy to clipboard using javascript from data attribute <b>clipboard.js</b> allow you to directly copy the text to clipboard from <b>data-clipboard-text</b>. If you want to copy the text by clicking a span and copy some entered text to clipboard we can use the following example.<br />
<br />
<div style="display:none;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXD_060jcD6UXRXgoKff6xqssOVUIVEkl1nGB27gwsHpFZ6IlgCBv4-0q8F0t80XIsqT9455Ch0xEyc_txHwl6c-ZUKlBHFfbZFDKHbiBsmf1hPZdYnD8lRwyXUmqX69oSABwOUHDZIcXU/s1600/Clipboard+js+copy+to+clipboard+using+javascript.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXD_060jcD6UXRXgoKff6xqssOVUIVEkl1nGB27gwsHpFZ6IlgCBv4-0q8F0t80XIsqT9455Ch0xEyc_txHwl6c-ZUKlBHFfbZFDKHbiBsmf1hPZdYnD8lRwyXUmqX69oSABwOUHDZIcXU/s320/Clipboard+js+copy+to+clipboard+using+javascript.jpg" /></a>
</div>
<a name='more'></a>
<b>HTML Code</b><br />
<pre class="slctincls line-numbers"><code class="language-markup">
<div id="btn" data-clipboard-text="This will copy"><br />
<span>Click here</span><br />
</div></code></pre>
<br />
<b>Script</b><br />
<pre class="slctincls line-numbers"><code class="language-clike language-javascript">
var clipboard = new Clipboard('#btn');</code></pre>
<br />
<!--Ads placed by merbin Start-->
<br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<!--Ads placed by merbin End-->
<br />
<b>Example Program:- (Editor)</b><br />
<script type="text/javascript">
$(window).load(function(){
$("#iiffrraammee").on("load", function () {
$("#iframe_html_loading").hide();
$("#iframe_html_div").show();
});
init();
});
var editboxHTML =
'<html class="expand close">' +
'<head>' +
'<style type="text/css">' +
'.expand { width: 100%; height: 100%; }' +
'.close { border: none; margin: 0px; padding: 0px; }' +
'html,body { overflow: hidden; }' +
'<\/style>' +
'<\/head>' +
'<body class="expand close" onload="document.f.ta.select();">' +
'<form class="expand close" name="f">' +
'<textarea class="expand close samplecls" id="newtxtid" name="ta" wrap="hard" spellcheck="false">' +
'<\/textarea>' +
'<\/form>' +
'<\/body>' +
'<\/html>';
//EDIT THE FOLLOWING CONTENT START
var defaultStuff="";
defaultStuff += "<!DOCTYPE html>\n";
defaultStuff += "<html>\n";
defaultStuff += "\n";
defaultStuff += "<head>\n";
defaultStuff += " <title>target-div<\/title>\n";
defaultStuff += "<\/head>\n";
defaultStuff += "\n";
defaultStuff += "<body>\n";
defaultStuff += "\n";
defaultStuff += " <!-- Copy directly the text -->\n";
defaultStuff += " <div id=\"btn\" data-clipboard-text=\"This will copy\">\n";
defaultStuff += " <span>Click here<\/span>\n";
defaultStuff += " <\/div>\n";
defaultStuff += "\n";
defaultStuff += " <br>\n";
defaultStuff += " <br>\n";
defaultStuff += " <textarea placeholder=\"After copy just ctrl+v here\" style=\"width:100%;\" rows=\"10\"><\/textarea>\n";
defaultStuff += "\n";
defaultStuff += " <!-- Include library -->\n";
defaultStuff += " <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/clipboard.js\/1.5.3\/clipboard.min.js\"><\/script>\n";
defaultStuff += "\n";
defaultStuff += " <script>\n";
defaultStuff += " <!-- Copy directly the text -->\n";
defaultStuff += " var clipboard = new Clipboard('#btn');\n";
defaultStuff += "\n";
defaultStuff += " clipboard.on('success', function(e) {\n";
defaultStuff += " alert(\"copied to clipboard (ctrl+v to paste)\");\n";
defaultStuff += " });\n";
defaultStuff += "\n";
defaultStuff += " clipboard.on('error', function(e) {\n";
defaultStuff += " console.log(e);\n";
defaultStuff += " });\n";
defaultStuff += " <\/script>\n";
defaultStuff += "\n";
defaultStuff += "<\/body>\n";
defaultStuff += "\n";
defaultStuff += "<\/html>\n";
//EDIT THE FOLLOWING CONTENT END
var extraStuff = '';
var buttons='<script>function html_convert()'+
'{parent.tml_convert();}function Clear_all(){parent.Clr_all();return false;}<\/script>'+
'<a href="#" onclick="html_convert();return false;" class="allinworldclass">Submit Changes<\/a>'+
'<a href="#" onclick="Clear_all();return false;" class="allinworldclass">Reset<\/a>';
var old = '';
function tml_convert()
{
update();
}
function Clr_all()
{
init();
}
function init()
{
window.editbox.document.write(editboxHTML);
window.editbox.document.close();
window.editbox.document.f.ta.value = defaultStuff;
update();
window.buttons_frame.document.write(buttons);
window.buttons_frame.document.close();
window.buttons_frame.document.value = buttons;
var css_cls=CommonClassCreateFunction();
var $head = $("#iiffrraammee").contents().find("head");
$head.append('<style type="text/css">'+css_cls+'</style>');
var css_cls_button=CommonClassButtonFunction();
var $head = $("#iframeButtonID").contents().find("head");
$head.append('<style type="text/css">'+css_cls_button+'</style>');
//$('#iiffrraammee').contents().find('#newtxtid').css(css_cls);
}
function update()
{
var textarea = window.editbox.document.f.ta;
var d = dynamicframe.document;
d.open();
old = textarea.value;
d.write(old);
if (old.replace(/[\r\n]/g,'') == defaultStuff.replace(/[\r\n]/g,''))
d.write(extraStuff);
d.close();
}
</script>
<br />
<div id="iframe_html_loading">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh_R7uc-9_N6A70zU8A_5iYZ-B4hnKJ1cirv9fVsjIsHfPpNj62AK2xwDwqtSmsBwKqkmVUfqlMb-zdK-1Be-Qz6sy2pSzTni8DznJiiZ3Br3-ClYKlDHgDIixqqj6_Vb7v-OM_wqQIMSw/s320/Loading+Code.GIF"><br><b>Editor is Loading...</b></center>
</div>
<div id="iframe_html_div" style="display:none;">
<iframe class="commonEditboxIframeClass" frameborder="0" style="height:372px !important;" id="iiffrraammee" name="editbox" noresize="noresize" src="javascript:'';"></iframe>
<iframe class="commonbuttoniframe" id="iframeButtonID" frameborder="0" name="buttons_frame" src="javascript:'';"></iframe>
<!--Ads placed by merbin Start-->
<br/>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br/>
<!--Ads placed by merbin End-->
<b>Output:-</b>
<br/>
<iframe style="height: 460px !important;" class="commonDynamicFrameClass" frameborder="0" name="dynamicframe" noresize="noresize" src="javascript:'';"></iframe>
</div>
<br />
<b>Advertisement</b><br />
<div class="boxed" style="width: 360px !important;">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* large rectangle */
google_ad_slot = "8508305497";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script></div>
<br />Merbin Joehttp://www.blogger.com/profile/10482002526923883942noreply@blogger.com0tag:blogger.com,1999:blog-4457383778865341080.post-91186692936758005932015-12-22T18:08:00.000+05:302017-05-22T21:28:36.023+05:30slice in jQuery simpla example Given a jQuery object that represents a set of DOM elements, the .slice() method constructs a new jQuery object containing a subset of the elements specified by the start and, optionally, end argument. The supplied start index identifies the position of one of the elements in the set; if end is omitted, all elements after this one will be included in the result.<br />
<br />
<br />
<div style="display:none">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoT8SuBRGyusqQWn1UNhw0fMqyEcTfygRmfF19HfRg11Ko6y9JpT1cfxbUfNg-XRsyPErm1GfXabYyHFxp3TlAY4uXgNGcsSUwa_79cFQ4C0jgRiIEPOgHMy3aSwz7FQ_fHnOzi7OZ6BET/s1600/Slice+in+jquery.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoT8SuBRGyusqQWn1UNhw0fMqyEcTfygRmfF19HfRg11Ko6y9JpT1cfxbUfNg-XRsyPErm1GfXabYyHFxp3TlAY4uXgNGcsSUwa_79cFQ4C0jgRiIEPOgHMy3aSwz7FQ_fHnOzi7OZ6BET/s320/Slice+in+jquery.jpg" /></a>
</div>
<a name='more'></a>
<!--Ads placed by merbin Start-->
<br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<!--Ads placed by merbin End-->
<br />
<b>Example Program:- (Editor)</b><br />
<script type="text/javascript">
$(window).load(function(){
$("#iiffrraammee").on("load", function () {
$("#iframe_html_loading").hide();
$("#iframe_html_div").show();
});
init();
});
var editboxHTML =
'<html class="expand close">' +
'<head>' +
'<style type="text/css">' +
'.expand { width: 100%; height: 100%; }' +
'.close { border: none; margin: 0px; padding: 0px; }' +
'html,body { overflow: hidden; }' +
'<\/style>' +
'<\/head>' +
'<body class="expand close" onload="document.f.ta.select();">' +
'<form class="expand close" name="f">' +
'<textarea class="expand close samplecls" id="newtxtid" name="ta" wrap="hard" spellcheck="false">' +
'<\/textarea>' +
'<\/form>' +
'<\/body>' +
'<\/html>';
//EDIT THE FOLLOWING CONTENT START
var defaultStuff="";
defaultStuff += "<html>\n";
defaultStuff += "\n";
defaultStuff += "<head>\n";
defaultStuff += " <title>Slice in jQuery<\/title>\n";
defaultStuff += " <style>\n";
defaultStuff += " .box {\n";
defaultStuff += " width: 75px;\n";
defaultStuff += " height: 75px;\n";
defaultStuff += " float: left;\n";
defaultStuff += " border: 1px solid;\n";
defaultStuff += " margin-right: 5px;\n";
defaultStuff += " }\n";
defaultStuff += " <\/style>\n";
defaultStuff += "\n";
defaultStuff += " <script src=\"https:\/\/code.jquery.com\/jquery-2.1.1.min.js\" type=\"text\/javascript\"><\/script>\n";
defaultStuff += " <script>\n";
defaultStuff += " function change(v1, v2) {\n";
defaultStuff += " $('div').css('background', '');\n";
defaultStuff += "\n";
defaultStuff += " $('div').slice(v1, v2).css('background', 'red');\n";
defaultStuff += "\n";
defaultStuff += " }\n";
defaultStuff += " <\/script>\n";
defaultStuff += "<\/head>\n";
defaultStuff += "\n";
defaultStuff += "<body>\n";
defaultStuff += " <div class=\"box\"><\/div>\n";
defaultStuff += " <div class=\"box\"><\/div>\n";
defaultStuff += " <div class=\"box\"><\/div>\n";
defaultStuff += " <div class=\"box\"><\/div>\n";
defaultStuff += " <div class=\"box\"><\/div>\n";
defaultStuff += " <div class=\"box\"><\/div>\n";
defaultStuff += " <div class=\"box\"><\/div>\n";
defaultStuff += " <div class=\"box\"><\/div>\n";
defaultStuff += " <div class=\"box\"><\/div>\n";
defaultStuff += " <div class=\"box\"><\/div>\n";
defaultStuff += "\n";
defaultStuff += " <input type=\"button\" onclick=\"change(0,3);\" value=\"0,3\">\n";
defaultStuff += " <input type=\"button\" onclick=\"change(3,4);\" value=\"3,4\">\n";
defaultStuff += " <input type=\"button\" onclick=\"change(7,8);\" value=\"7,8\">\n";
defaultStuff += " <input type=\"button\" onclick=\"change(6);\" value=\"6\">\n";
defaultStuff += " <input type=\"button\" onclick=\"change(3,6);\" value=\"3,6\">\n";
defaultStuff += " <input type=\"button\" onclick=\"change(0,9);\" value=\"0,9\">\n";
defaultStuff += "\n";
defaultStuff += "<\/body>\n";
defaultStuff += "\n";
defaultStuff += "<\/html>\n";
//EDIT THE FOLLOWING CONTENT END
var extraStuff = '';
var buttons='<script>function html_convert()'+
'{parent.tml_convert();}function Clear_all(){parent.Clr_all();return false;}<\/script>'+
'<a href="#" onclick="html_convert();return false;" class="allinworldclass">Submit Changes<\/a>'+
'<a href="#" onclick="Clear_all();return false;" class="allinworldclass">Reset<\/a>';
var old = '';
function tml_convert()
{
update();
}
function Clr_all()
{
init();
}
function init()
{
window.editbox.document.write(editboxHTML);
window.editbox.document.close();
window.editbox.document.f.ta.value = defaultStuff;
update();
window.buttons_frame.document.write(buttons);
window.buttons_frame.document.close();
window.buttons_frame.document.value = buttons;
var css_cls=CommonClassCreateFunction();
var $head = $("#iiffrraammee").contents().find("head");
$head.append('<style type="text/css">'+css_cls+'</style>');
var css_cls_button=CommonClassButtonFunction();
var $head = $("#iframeButtonID").contents().find("head");
$head.append('<style type="text/css">'+css_cls_button+'</style>');
//$('#iiffrraammee').contents().find('#newtxtid').css(css_cls);
}
function update()
{
var textarea = window.editbox.document.f.ta;
var d = dynamicframe.document;
d.open();
old = textarea.value;
d.write(old);
if (old.replace(/[\r\n]/g,'') == defaultStuff.replace(/[\r\n]/g,''))
d.write(extraStuff);
d.close();
}
</script>
<br />
<div id="iframe_html_loading">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh_R7uc-9_N6A70zU8A_5iYZ-B4hnKJ1cirv9fVsjIsHfPpNj62AK2xwDwqtSmsBwKqkmVUfqlMb-zdK-1Be-Qz6sy2pSzTni8DznJiiZ3Br3-ClYKlDHgDIixqqj6_Vb7v-OM_wqQIMSw/s320/Loading+Code.GIF"><br><b>Editor is Loading...</b></center>
</div>
<div id="iframe_html_div" style="display:none;">
<iframe class="commonEditboxIframeClass" frameborder="0" style="height:372px !important;" id="iiffrraammee" name="editbox" noresize="noresize" src="javascript:'';"></iframe>
<iframe class="commonbuttoniframe" id="iframeButtonID" frameborder="0" name="buttons_frame" src="javascript:'';"></iframe>
<!--Ads placed by merbin Start-->
<br/>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br/>
<!--Ads placed by merbin End-->
<b>Output:-</b>
<br/>
<iframe style="height: 460px !important;" class="commonDynamicFrameClass" frameborder="0" name="dynamicframe" noresize="noresize" src="javascript:'';"></iframe>
</div>
<br />
<b>Advertisement</b><br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* large rectangle */
google_ad_slot = "8508305497";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<br />
Merbin Joehttp://www.blogger.com/profile/10482002526923883942noreply@blogger.com0tag:blogger.com,1999:blog-4457383778865341080.post-56552752017060555972015-12-24T22:36:00.000+05:302017-05-22T21:28:07.074+05:30How to create tab design? jQuery have default design for tabs. We need to import the jquery plugin and jQuery UI plugin then only the tabs() method works properly with good design.<br />
A single content area with multiple panels, each associated with a header in a list.<br />
<br />
<br />
<div style="display:none;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMFbgZc_ZG7LLeouy68apd8IUemBkZnpIpHhrQ8TuZ73yGozvSdjJv6RT8St_J-EqwiEwBgjtH9Gj0rk0XUOe5yRXtdizCPNSV-bVZGFXlakrZCehHngDZZbz_r67SvFot-8GH8cVGIotS/s1600/tabs+in+jquery.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMFbgZc_ZG7LLeouy68apd8IUemBkZnpIpHhrQ8TuZ73yGozvSdjJv6RT8St_J-EqwiEwBgjtH9Gj0rk0XUOe5yRXtdizCPNSV-bVZGFXlakrZCehHngDZZbz_r67SvFot-8GH8cVGIotS/s320/tabs+in+jquery.jpg" /></a>
</div>
<a name='more'></a>
<!--Ads placed by merbin Start-->
<br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<!--Ads placed by merbin End-->
<br />
<b>Example Program:- (Editor)</b><br />
<script type="text/javascript">
$(window).load(function(){
$("#iiffrraammee").on("load", function () {
$("#iframe_html_loading").hide();
$("#iframe_html_div").show();
});
init();
});
var editboxHTML =
'<html class="expand close">' +
'<head>' +
'<style type="text/css">' +
'.expand { width: 100%; height: 100%; }' +
'.close { border: none; margin: 0px; padding: 0px; }' +
'html,body { overflow: hidden; }' +
'<\/style>' +
'<\/head>' +
'<body class="expand close" onload="document.f.ta.select();">' +
'<form class="expand close" name="f">' +
'<textarea class="expand close samplecls" id="newtxtid" name="ta" wrap="hard" spellcheck="false">' +
'<\/textarea>' +
'<\/form>' +
'<\/body>' +
'<\/html>';
//EDIT THE FOLLOWING CONTENT START
var defaultStuff="";
defaultStuff += "<!doctype html>\n";
defaultStuff += "<html>\n";
defaultStuff += "\n";
defaultStuff += "<head>\n";
defaultStuff += " <meta charset=\"utf-8\">\n";
defaultStuff += " <title>Tabs in jQuery UI<\/title>\n";
defaultStuff += " <link rel=\"stylesheet\" href=\"https:\/\/code.jquery.com\/ui\/1.11.4\/themes\/smoothness\/jquery-ui.css\">\n";
defaultStuff += "\n";
defaultStuff += "<\/head>\n";
defaultStuff += "\n";
defaultStuff += "<body>\n";
defaultStuff += "\n";
defaultStuff += " <div id=\"tabs\">\n";
defaultStuff += " <ul>\n";
defaultStuff += " <li><a href=\"#tabs-1\">Tab1<\/a><\/li>\n";
defaultStuff += " <li><a href=\"#tabs-2\">Tab2<\/a><\/li>\n";
defaultStuff += " <li><a href=\"#tabs-3\">Tab3<\/a><\/li>\n";
defaultStuff += " <\/ul>\n";
defaultStuff += " <div id=\"tabs-1\">\n";
defaultStuff += " <p>Here you can write the <b>first tab<\/b> contents or place anything like text box radio button or whatever you want.<\/p>\n";
defaultStuff += " <\/div>\n";
defaultStuff += " <div id=\"tabs-2\">\n";
defaultStuff += " <p>Here you can write the <b>Second tab<\/b> contents or place anything like text box radio button or whatever you want.<\/p>\n";
defaultStuff += " <\/div>\n";
defaultStuff += " <div id=\"tabs-3\">\n";
defaultStuff += " <p>Here you can write the <b>Third tab<\/b> contents or place anything like text box radio button or whatever you want.<\/p>\n";
defaultStuff += " <\/div>\n";
defaultStuff += " <\/div>\n";
defaultStuff += "\n";
defaultStuff += " <script src=\"https:\/\/code.jquery.com\/jquery-1.10.2.js\"><\/script>\n";
defaultStuff += " <script src=\"https:\/\/code.jquery.com\/ui\/1.11.4\/jquery-ui.js\"><\/script>\n";
defaultStuff += "\n";
defaultStuff += " <script>\n";
defaultStuff += " $(function() {\n";
defaultStuff += " $(\"#tabs\").tabs();\n";
defaultStuff += " });\n";
defaultStuff += " <\/script>\n";
defaultStuff += "\n";
defaultStuff += "<\/body>\n";
defaultStuff += "\n";
defaultStuff += "<\/html>\n";
//EDIT THE FOLLOWING CONTENT END
var extraStuff = '';
var buttons='<script>function html_convert()'+
'{parent.tml_convert();}function Clear_all(){parent.Clr_all();return false;}<\/script>'+
'<a href="#" onclick="html_convert();return false;" class="allinworldclass">Submit Changes<\/a>'+
'<a href="#" onclick="Clear_all();return false;" class="allinworldclass">Reset<\/a>';
var old = '';
function tml_convert()
{
update();
}
function Clr_all()
{
init();
}
function init()
{
window.editbox.document.write(editboxHTML);
window.editbox.document.close();
window.editbox.document.f.ta.value = defaultStuff;
update();
window.buttons_frame.document.write(buttons);
window.buttons_frame.document.close();
window.buttons_frame.document.value = buttons;
var css_cls=CommonClassCreateFunction();
var $head = $("#iiffrraammee").contents().find("head");
$head.append('<style type="text/css">'+css_cls+'</style>');
var css_cls_button=CommonClassButtonFunction();
var $head = $("#iframeButtonID").contents().find("head");
$head.append('<style type="text/css">'+css_cls_button+'</style>');
//$('#iiffrraammee').contents().find('#newtxtid').css(css_cls);
}
function update()
{
var textarea = window.editbox.document.f.ta;
var d = dynamicframe.document;
d.open();
old = textarea.value;
d.write(old);
if (old.replace(/[\r\n]/g,'') == defaultStuff.replace(/[\r\n]/g,''))
d.write(extraStuff);
d.close();
}
</script>
<br />
<div id="iframe_html_loading">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh_R7uc-9_N6A70zU8A_5iYZ-B4hnKJ1cirv9fVsjIsHfPpNj62AK2xwDwqtSmsBwKqkmVUfqlMb-zdK-1Be-Qz6sy2pSzTni8DznJiiZ3Br3-ClYKlDHgDIixqqj6_Vb7v-OM_wqQIMSw/s320/Loading+Code.GIF"><br><b>Editor is Loading...</b></center>
</div>
<div id="iframe_html_div" style="display:none;">
<iframe class="commonEditboxIframeClass" frameborder="0" style="height:372px !important;" id="iiffrraammee" name="editbox" noresize="noresize" src="javascript:'';"></iframe>
<iframe class="commonbuttoniframe" id="iframeButtonID" frameborder="0" name="buttons_frame" src="javascript:'';"></iframe>
<!--Ads placed by merbin Start-->
<br/>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br/>
<!--Ads placed by merbin End-->
<b>Output:-</b>
<br/>
<iframe style="height: 460px !important;" class="commonDynamicFrameClass" frameborder="0" name="dynamicframe" noresize="noresize" src="javascript:'';"></iframe>
</div>
<br />
<b>Advertisement</b><br />
<div class="boxed" style="width: 360px !important;">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* large rectangle */
google_ad_slot = "8508305497";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script></div>
<br />Merbin Joehttp://www.blogger.com/profile/10482002526923883942noreply@blogger.com0tag:blogger.com,1999:blog-4457383778865341080.post-69704706879328863572015-12-30T11:44:00.000+05:302017-05-22T21:27:28.881+05:30Convert to lower case letter using javascript/jquery JavaScript have toLowerCase() method for converting the text to Lowercase letters.<br /><br />
<div style="display:none">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ4QKmzITOR508XIjaLZ1hLIRPuMEsgWuDqNIebMEvUqNwCBE98yzcV_MaEy0OJXtODqz8kNd7zeNIJcMKrY12E87TtxqfOJsoCxCHEa8j94nMdCLQ_F6r8BJQWgKGzJXbBfSXq8gm0J3u/s1600/javascript+toUpperCase%2528%2529.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ4QKmzITOR508XIjaLZ1hLIRPuMEsgWuDqNIebMEvUqNwCBE98yzcV_MaEy0OJXtODqz8kNd7zeNIJcMKrY12E87TtxqfOJsoCxCHEa8j94nMdCLQ_F6r8BJQWgKGzJXbBfSXq8gm0J3u/s320/javascript+toUpperCase%2528%2529.jpg" /></a>
</div>
<a name='more'></a>
<pre class="slctincls line-numbers"><code class="language-clike language-javascript">
("String").toLowerCase();</code></pre><br />
<br />
<!--Ads placed by merbin Start-->
<br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<!--Ads placed by merbin End-->
<br />
<b>Example Program:- (Editor)</b><br />
<script type="text/javascript">
$(window).load(function(){
$("#iiffrraammee").on("load", function () {
$("#iframe_html_loading").hide();
$("#iframe_html_div").show();
});
init();
});
var editboxHTML =
'<html class="expand close">' +
'<head>' +
'<style type="text/css">' +
'.expand { width: 100%; height: 100%; }' +
'.close { border: none; margin: 0px; padding: 0px; }' +
'html,body { overflow: hidden; }' +
'<\/style>' +
'<\/head>' +
'<body class="expand close" onload="document.f.ta.select();">' +
'<form class="expand close" name="f">' +
'<textarea class="expand close samplecls" id="newtxtid" name="ta" wrap="hard" spellcheck="false">' +
'<\/textarea>' +
'<\/form>' +
'<\/body>' +
'<\/html>';
//EDIT THE FOLLOWING CONTENT START
var defaultStuff="";
defaultStuff += "<html>\n";
defaultStuff += "\n";
defaultStuff += "<head>\n";
defaultStuff += "\n";
defaultStuff += " <title>Lower case in javascript<\/title>\n";
defaultStuff += "\n";
defaultStuff += " <script>\n";
defaultStuff += " function fun_lower() {\n";
defaultStuff += " document.getElementById('txtupr').value = document.getElementById('txtval').value.toLowerCase();\n";
defaultStuff += " }\n";
defaultStuff += " <\/script>\n";
defaultStuff += "\n";
defaultStuff += "<\/head>\n";
defaultStuff += "\n";
defaultStuff += "<body>\n";
defaultStuff += " Enter the Value\n";
defaultStuff += " <br>\n";
defaultStuff += " <input type=\"text\" id=\"txtval\" onkeyup=\"fun_lower();\">\n";
defaultStuff += " <br> Lower Case Value\n";
defaultStuff += " <br>\n";
defaultStuff += " <input type=\"text\" id=\"txtupr\">\n";
defaultStuff += "\n";
defaultStuff += "<\/body>\n";
defaultStuff += "\n";
defaultStuff += "<\/html>\n";
//EDIT THE FOLLOWING CONTENT END
var extraStuff = '';
var buttons='<script>function html_convert()'+
'{parent.tml_convert();}function Clear_all(){parent.Clr_all();return false;}<\/script>'+
'<a href="#" onclick="html_convert();return false;" class="allinworldclass">Submit Changes<\/a>'+
'<a href="#" onclick="Clear_all();return false;" class="allinworldclass">Reset<\/a>';
var old = '';
function tml_convert()
{
update();
}
function Clr_all()
{
init();
}
function init()
{
window.editbox.document.write(editboxHTML);
window.editbox.document.close();
window.editbox.document.f.ta.value = defaultStuff;
update();
window.buttons_frame.document.write(buttons);
window.buttons_frame.document.close();
window.buttons_frame.document.value = buttons;
var css_cls=CommonClassCreateFunction();
var $head = $("#iiffrraammee").contents().find("head");
$head.append('<style type="text/css">'+css_cls+'</style>');
var css_cls_button=CommonClassButtonFunction();
var $head = $("#iframeButtonID").contents().find("head");
$head.append('<style type="text/css">'+css_cls_button+'</style>');
//$('#iiffrraammee').contents().find('#newtxtid').css(css_cls);
}
function update()
{
var textarea = window.editbox.document.f.ta;
var d = dynamicframe.document;
d.open();
old = textarea.value;
d.write(old);
if (old.replace(/[\r\n]/g,'') == defaultStuff.replace(/[\r\n]/g,''))
d.write(extraStuff);
d.close();
}
</script>
<br />
<div id="iframe_html_loading">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh_R7uc-9_N6A70zU8A_5iYZ-B4hnKJ1cirv9fVsjIsHfPpNj62AK2xwDwqtSmsBwKqkmVUfqlMb-zdK-1Be-Qz6sy2pSzTni8DznJiiZ3Br3-ClYKlDHgDIixqqj6_Vb7v-OM_wqQIMSw/s320/Loading+Code.GIF"><br><b>Editor is Loading...</b></center>
</div>
<div id="iframe_html_div" style="display:none;">
<iframe class="commonEditboxIframeClass" frameborder="0" style="height:372px !important;" id="iiffrraammee" name="editbox" noresize="noresize" src="javascript:'';"></iframe>
<iframe class="commonbuttoniframe" id="iframeButtonID" frameborder="0" name="buttons_frame" src="javascript:'';"></iframe>
<!--Ads placed by merbin Start-->
<br/>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br/>
<!--Ads placed by merbin End-->
<b>Output:-</b>
<br/>
<iframe style="height: 460px !important;" class="commonDynamicFrameClass" frameborder="0" name="dynamicframe" noresize="noresize" src="javascript:'';"></iframe>
</div>
<br />
<b>Advertisement</b><br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* large rectangle */
google_ad_slot = "8508305497";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<br />
Merbin Joehttp://www.blogger.com/profile/10482002526923883942noreply@blogger.com0tag:blogger.com,1999:blog-4457383778865341080.post-27686458322028614252015-12-30T14:52:00.002+05:302017-05-22T21:27:09.076+05:30How to change the button text using jquery <b>val()</b> is used to change the button text value, in the following example we are used two buttons and change its text dynamically when pressing on the button.<br />
<div style="display:none">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7i5JP2bzHTAaaBe-ga5_JSrqsQfWQm_hEheSiKdfvP0OYjdhlKAh1eG-vSEU7ZW15x92A-l_n_BZ6EJhUbg1aWBKZW7951bKa40ZEXqbZHtbhfAcmuqiV_woBxt4r2v8Iwb3Osa9iFDbh/s1600/Change+button+text+value+dynamically+using+jquery.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7i5JP2bzHTAaaBe-ga5_JSrqsQfWQm_hEheSiKdfvP0OYjdhlKAh1eG-vSEU7ZW15x92A-l_n_BZ6EJhUbg1aWBKZW7951bKa40ZEXqbZHtbhfAcmuqiV_woBxt4r2v8Iwb3Osa9iFDbh/s320/Change+button+text+value+dynamically+using+jquery.jpg" /></a>
</div>
<a name='more'></a>
<b><a href="https://allinworld99.blogspot.com/2015/12/change-button-text-using-javascript.html" target="_blank">Same Example in JavaScript Click Here</a></b><br />
<br />
<pre class="slctincls line-numbers"><code class="language-clike language-javascript"> $("#btnid").val("Second Button");</code></pre><br />
<br />
<!--Ads placed by merbin Start-->
<br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<!--Ads placed by merbin End-->
<br />
<b>Example Program:- (Editor)</b><br />
<script type="text/javascript">
$(window).load(function(){
$("#iiffrraammee").on("load", function () {
$("#iframe_html_loading").hide();
$("#iframe_html_div").show();
});
init();
});
var editboxHTML =
'<html class="expand close">' +
'<head>' +
'<style type="text/css">' +
'.expand { width: 100%; height: 100%; }' +
'.close { border: none; margin: 0px; padding: 0px; }' +
'html,body { overflow: hidden; }' +
'<\/style>' +
'<\/head>' +
'<body class="expand close" onload="document.f.ta.select();">' +
'<form class="expand close" name="f">' +
'<textarea class="expand close samplecls" id="newtxtid" name="ta" wrap="hard" spellcheck="false">' +
'<\/textarea>' +
'<\/form>' +
'<\/body>' +
'<\/html>';
//EDIT THE FOLLOWING CONTENT START
var defaultStuff="";
defaultStuff += "<html>\n";
defaultStuff += "\n";
defaultStuff += "<head>\n";
defaultStuff += "\n";
defaultStuff += " <title>Change button text in jQuery<\/title>\n";
defaultStuff += "\n";
defaultStuff += " <script src='https:\/\/code.jquery.com\/jquery-2.1.1.min.js' type='text\/javascript'><\/script>\n";
defaultStuff += "\n";
defaultStuff += " <script>\n";
defaultStuff += " function chg1() {\n";
defaultStuff += " $(\"#btn1\").val(\"First Button\");\n";
defaultStuff += " $(\"#btn2\").val(\"button 2\");\n";
defaultStuff += " }\n";
defaultStuff += "\n";
defaultStuff += " function chg2() {\n";
defaultStuff += " $(\"#btn2\").val(\"Second Button\");\n";
defaultStuff += " $(\"#btn1\").val(\"button 1\");\n";
defaultStuff += " }\n";
defaultStuff += " <\/script>\n";
defaultStuff += "\n";
defaultStuff += "<\/head>\n";
defaultStuff += "\n";
defaultStuff += "<body>\n";
defaultStuff += "\n";
defaultStuff += " <input type=\"button\" id=\"btn1\" value=\"button 1\" onclick=\"chg1();\">\n";
defaultStuff += " <br>\n";
defaultStuff += " <br>\n";
defaultStuff += " <input type=\"button\" id=\"btn2\" value=\"button 2\" onclick=\"chg2();\">\n";
defaultStuff += "\n";
defaultStuff += "<\/body>\n";
defaultStuff += "\n";
defaultStuff += "<\/html>\n";
//EDIT THE FOLLOWING CONTENT END
var extraStuff = '';
var buttons='<script>function html_convert()'+
'{parent.tml_convert();}function Clear_all(){parent.Clr_all();return false;}<\/script>'+
'<a href="#" onclick="html_convert();return false;" class="allinworldclass">Submit Changes<\/a>'+
'<a href="#" onclick="Clear_all();return false;" class="allinworldclass">Reset<\/a>';
var old = '';
function tml_convert()
{
update();
}
function Clr_all()
{
init();
}
function init()
{
window.editbox.document.write(editboxHTML);
window.editbox.document.close();
window.editbox.document.f.ta.value = defaultStuff;
update();
window.buttons_frame.document.write(buttons);
window.buttons_frame.document.close();
window.buttons_frame.document.value = buttons;
var css_cls=CommonClassCreateFunction();
var $head = $("#iiffrraammee").contents().find("head");
$head.append('<style type="text/css">'+css_cls+'</style>');
var css_cls_button=CommonClassButtonFunction();
var $head = $("#iframeButtonID").contents().find("head");
$head.append('<style type="text/css">'+css_cls_button+'</style>');
//$('#iiffrraammee').contents().find('#newtxtid').css(css_cls);
}
function update()
{
var textarea = window.editbox.document.f.ta;
var d = dynamicframe.document;
d.open();
old = textarea.value;
d.write(old);
if (old.replace(/[\r\n]/g,'') == defaultStuff.replace(/[\r\n]/g,''))
d.write(extraStuff);
d.close();
}
</script>
<br />
<div id="iframe_html_loading">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh_R7uc-9_N6A70zU8A_5iYZ-B4hnKJ1cirv9fVsjIsHfPpNj62AK2xwDwqtSmsBwKqkmVUfqlMb-zdK-1Be-Qz6sy2pSzTni8DznJiiZ3Br3-ClYKlDHgDIixqqj6_Vb7v-OM_wqQIMSw/s320/Loading+Code.GIF"><br><b>Editor is Loading...</b></center>
</div>
<div id="iframe_html_div" style="display:none;">
<iframe class="commonEditboxIframeClass" frameborder="0" style="height:372px !important;" id="iiffrraammee" name="editbox" noresize="noresize" src="javascript:'';"></iframe>
<iframe class="commonbuttoniframe" id="iframeButtonID" frameborder="0" name="buttons_frame" src="javascript:'';"></iframe>
<!--Ads placed by merbin Start-->
<br/>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br/>
<!--Ads placed by merbin End-->
<b>Output:-</b>
<br/>
<iframe style="height: 460px !important;" class="commonDynamicFrameClass" frameborder="0" name="dynamicframe" noresize="noresize" src="javascript:'';"></iframe>
</div>
<br />
<b>Advertisement</b><br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* large rectangle */
google_ad_slot = "8508305497";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<br />
Merbin Joehttp://www.blogger.com/profile/10482002526923883942noreply@blogger.com0tag:blogger.com,1999:blog-4457383778865341080.post-83981469987739598152016-02-04T16:43:00.000+05:302017-05-22T21:26:47.106+05:30show and hide a div in single button using jquery
jQuery two methods for <b>show </b>and <b>hide </b>a div, but in some time we need to do the process from a single button there we can use <b>toggle()</b> method.<br />
<br />
<div style="display:none">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNInn6Wywh43qWmiEy_9dsvzrZuV-wNbhl_JOEokAwIWjMDs5vPy90kR0DdU6szMkUQ9XWgknbKyZ9zbNJt6FU6KBd7CsB_cODWQl74BEKkEtLdU-NXB7Xnxg3C6nIAN6Ty0XhgkggPq6b/s1600/toggle%2528%2529+in+jquery.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNInn6Wywh43qWmiEy_9dsvzrZuV-wNbhl_JOEokAwIWjMDs5vPy90kR0DdU6szMkUQ9XWgknbKyZ9zbNJt6FU6KBd7CsB_cODWQl74BEKkEtLdU-NXB7Xnxg3C6nIAN6Ty0XhgkggPq6b/s320/toggle%2528%2529+in+jquery.jpg" /></a>
</div>
<a name='more'></a>
<b>syntax</b><br />
<pre class="slctincls line-numbers"><code class="language-clike language-javascript">
$("selector").toggle();</code></pre>
<br />
<b>Example</b><br />
<pre class="slctincls line-numbers"><code class="language-clike language-javascript">
$("#idname").toggle();</code></pre>
<!--Ads placed by merbin Start-->
<br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<!--Ads placed by merbin End-->
<br />
<b>Example Program:- (Editor)</b><br />
<script type="text/javascript">
$(window).load(function(){
$("#iiffrraammee").on("load", function () {
$("#iframe_html_loading").hide();
$("#iframe_html_div").show();
});
init();
});
var editboxHTML =
'<html class="expand close">' +
'<head>' +
'<style type="text/css">' +
'.expand { width: 100%; height: 100%; }' +
'.close { border: none; margin: 0px; padding: 0px; }' +
'html,body { overflow: hidden; }' +
'<\/style>' +
'<\/head>' +
'<body class="expand close" onload="document.f.ta.select();">' +
'<form class="expand close" name="f">' +
'<textarea class="expand close samplecls" id="newtxtid" name="ta" wrap="hard" spellcheck="false">' +
'<\/textarea>' +
'<\/form>' +
'<\/body>' +
'<\/html>';
//EDIT THE FOLLOWING CONTENT START
var defaultStuff="";
defaultStuff += "<!DOCTYPE html>\n";
defaultStuff += "<html>\n";
defaultStuff += "\n";
defaultStuff += "<head>\n";
defaultStuff += " <script src='https:\/\/code.jquery.com\/jquery-2.1.1.min.js' type='text\/javascript'><\/script>\n";
defaultStuff += " <script>\n";
defaultStuff += " function show_hide() {\n";
defaultStuff += " $(\"#divid\").toggle();\n";
defaultStuff += " }\n";
defaultStuff += " <\/script>\n";
defaultStuff += "\n";
defaultStuff += "<\/head>\n";
defaultStuff += "\n";
defaultStuff += "<body>\n";
defaultStuff += " <input type=\"button\" value=\"show\/hide\" onclick=\"show_hide();\">\n";
defaultStuff += "\n";
defaultStuff += " <div id=\"divid\">This is the div<\/div>\n";
defaultStuff += "<\/body>\n";
defaultStuff += "\n";
defaultStuff += "<\/html>\n";
//EDIT THE FOLLOWING CONTENT END
var extraStuff = '';
var buttons='<script>function html_convert()'+
'{parent.tml_convert();}function Clear_all(){parent.Clr_all();return false;}<\/script>'+
'<a href="#" onclick="html_convert();return false;" class="allinworldclass">Submit Changes<\/a>'+
'<a href="#" onclick="Clear_all();return false;" class="allinworldclass">Reset<\/a>';
var old = '';
function tml_convert()
{
update();
}
function Clr_all()
{
init();
}
function init()
{
window.editbox.document.write(editboxHTML);
window.editbox.document.close();
window.editbox.document.f.ta.value = defaultStuff;
update();
window.buttons_frame.document.write(buttons);
window.buttons_frame.document.close();
window.buttons_frame.document.value = buttons;
var css_cls=CommonClassCreateFunction();
var $head = $("#iiffrraammee").contents().find("head");
$head.append('<style type="text/css">'+css_cls+'</style>');
var css_cls_button=CommonClassButtonFunction();
var $head = $("#iframeButtonID").contents().find("head");
$head.append('<style type="text/css">'+css_cls_button+'</style>');
//$('#iiffrraammee').contents().find('#newtxtid').css(css_cls);
}
function update()
{
var textarea = window.editbox.document.f.ta;
var d = dynamicframe.document;
d.open();
old = textarea.value;
d.write(old);
if (old.replace(/[\r\n]/g,'') == defaultStuff.replace(/[\r\n]/g,''))
d.write(extraStuff);
d.close();
}
</script>
<br />
<div id="iframe_html_loading">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh_R7uc-9_N6A70zU8A_5iYZ-B4hnKJ1cirv9fVsjIsHfPpNj62AK2xwDwqtSmsBwKqkmVUfqlMb-zdK-1Be-Qz6sy2pSzTni8DznJiiZ3Br3-ClYKlDHgDIixqqj6_Vb7v-OM_wqQIMSw/s320/Loading+Code.GIF"><br><b>Editor is Loading...</b></center>
</div>
<div id="iframe_html_div" style="display:none;">
<iframe class="commonEditboxIframeClass" frameborder="0" style="height:372px !important;" id="iiffrraammee" name="editbox" noresize="noresize" src="javascript:'';"></iframe>
<iframe class="commonbuttoniframe" id="iframeButtonID" frameborder="0" name="buttons_frame" src="javascript:'';"></iframe>
<!--Ads placed by merbin Start-->
<br/>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br/>
<!--Ads placed by merbin End-->
<b>Output:-</b>
<br/>
<iframe style="height: 460px !important;" class="commonDynamicFrameClass" frameborder="0" name="dynamicframe" noresize="noresize" src="javascript:'';"></iframe>
</div>
<br />
<b>Advertisement</b><br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* large rectangle */
google_ad_slot = "8508305497";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<br />
<br/><br/><br/>
Tags:<br>
toggle() in allinworld99, show/hide using single button in allinworld99, jQuery in allinworld99
Merbin Joehttp://www.blogger.com/profile/10482002526923883942noreply@blogger.com0tag:blogger.com,1999:blog-4457383778865341080.post-23964439018009329702016-02-08T17:25:00.001+05:302017-05-22T21:26:18.530+05:30back and next button in html In the following code can use show your div one by one when clicking on the <b>next</b> or <b>back</b> button, just I wrote the main program. Copy the code and you can change the design.<br />
<br />
<b>Example</b><br />
<b> </b>In the following example just I used 7 <b> </b>div, you can used more div by the changing the class name like <b>page-1</b>, <b>page-2</b>, <b>page-3</b>, <b>page-4</b>,<b> page-5</b>, <b>page-6</b>, <b>page-7</b>, <b>page-8</b>, <b>page-9</b>, etc..<br />
<br />
<div style="display:none;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtWBYDXeYhi5VNq2MGcywO8rHvD5At7y3ePSvduWAEG0-uuCv9oO7b8Ong8ssNzQcc6teCf8Nlity0HjGnph_1pUVw5VpkeBoP6UUeTdhuC8mJCrfknadHdaHy7xIoPBDit1Czpw9whUns/s1600/next+and+back+in+html+using+jquery.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtWBYDXeYhi5VNq2MGcywO8rHvD5At7y3ePSvduWAEG0-uuCv9oO7b8Ong8ssNzQcc6teCf8Nlity0HjGnph_1pUVw5VpkeBoP6UUeTdhuC8mJCrfknadHdaHy7xIoPBDit1Czpw9whUns/s320/next+and+back+in+html+using+jquery.jpg" /></a>
</div>
<a name='more'></a>
<!--Ads placed by merbin Start-->
<br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<!--Ads placed by merbin End-->
<br />
<b>Example Program:- (Editor)</b><br />
<script type="text/javascript">
$(window).load(function(){
$("#iiffrraammee").on("load", function () {
$("#iframe_html_loading").hide();
$("#iframe_html_div").show();
});
init();
});
var editboxHTML =
'<html class="expand close">' +
'<head>' +
'<style type="text/css">' +
'.expand { width: 100%; height: 100%; }' +
'.close { border: none; margin: 0px; padding: 0px; }' +
'html,body { overflow: hidden; }' +
'<\/style>' +
'<\/head>' +
'<body class="expand close" onload="document.f.ta.select();">' +
'<form class="expand close" name="f">' +
'<textarea class="expand close samplecls" id="newtxtid" name="ta" wrap="hard" spellcheck="false">' +
'<\/textarea>' +
'<\/form>' +
'<\/body>' +
'<\/html>';
//EDIT THE FOLLOWING CONTENT START
var defaultStuff="";
defaultStuff += "<!DOCTYPE html>\n";
defaultStuff += "<html>\n";
defaultStuff += "\n";
defaultStuff += "<body>\n";
defaultStuff += "\n";
defaultStuff += " <div class=\"page-1\">\n";
defaultStuff += " <h1>Page 1<\/h1>\n";
defaultStuff += " <\/div>\n";
defaultStuff += "\n";
defaultStuff += " <div class=\"page-2\" style=\"display:none;\">\n";
defaultStuff += " <h1>Page 2<\/h1>\n";
defaultStuff += " <\/div>\n";
defaultStuff += "\n";
defaultStuff += " <div class=\"page-3\" style=\"display:none;\">\n";
defaultStuff += " <h1>Page 3<\/h1>\n";
defaultStuff += " <\/div>\n";
defaultStuff += "\n";
defaultStuff += " <div class=\"page-4\" style=\"display:none;\">\n";
defaultStuff += " <h1>Page 4<\/h1>\n";
defaultStuff += " <\/div>\n";
defaultStuff += "\n";
defaultStuff += " <div class=\"page-5\" style=\"display:none;\">\n";
defaultStuff += " <h1>Page 5<\/h1>\n";
defaultStuff += " <\/div>\n";
defaultStuff += "\n";
defaultStuff += " <div class=\"page-6\" style=\"display:none;\">\n";
defaultStuff += " <h1>Page 6<\/h1>\n";
defaultStuff += " <\/div>\n";
defaultStuff += "\n";
defaultStuff += " <div class=\"page-7\" style=\"display:none;\">\n";
defaultStuff += " <h1>Page 7<\/h1>\n";
defaultStuff += " <\/div>\n";
defaultStuff += "\n";
defaultStuff += " <input class=\"back\" type=\"button\" value=\"<previous\" \/>\n";
defaultStuff += " <input data-next=\"page-1\" class=\"next\" type=\"button\" value=\"next>\" \/>\n";
defaultStuff += "<\/body>\n";
defaultStuff += "\n";
defaultStuff += "<script src=\"https:\/\/code.jquery.com\/jquery-2.2.0.min.js\"><\/script>\n";
defaultStuff += "\n";
defaultStuff += "<script>\n";
defaultStuff += " \n";
defaultStuff += "$(window).load(function()\n";
defaultStuff += "{\n";
defaultStuff += " $(\".next\").click(function()\n";
defaultStuff += " {\n";
defaultStuff += " var str = $(this).attr(\"data-next\").split(\"-\");\n";
defaultStuff += " var nxtnumber = parseInt(parseInt(str[1]) + 1);\n";
defaultStuff += " if ($(\".page-\" + nxtnumber).length > 0)\n";
defaultStuff += " {\n";
defaultStuff += " $(\".next\").attr(\"data-next\", \"page-\" + nxtnumber);\n";
defaultStuff += " $(\"[class^=page]\").hide();\n";
defaultStuff += " $(\".\" + $(this).attr(\"data-next\")).show();\n";
defaultStuff += " }\n";
defaultStuff += " else\n";
defaultStuff += " {\n";
defaultStuff += " alert(\"End of the page\");\n";
defaultStuff += " }\n";
defaultStuff += " });\n";
defaultStuff += " \n";
defaultStuff += " $(\".back\").click(function()\n";
defaultStuff += " {\n";
defaultStuff += " var str = $(\".next\").attr(\"data-next\").split(\"-\");\n";
defaultStuff += " var nxtnumber = parseInt(parseInt(str[1]) - 1);\n";
defaultStuff += " if ($(\".page-\" + nxtnumber).length > 0)\n";
defaultStuff += " {\n";
defaultStuff += " $(\".next\").attr(\"data-next\", \"page-\" + nxtnumber);\n";
defaultStuff += " $(\"[class^=page]\").hide();\n";
defaultStuff += " $(\".page-\" + nxtnumber).show();\n";
defaultStuff += " }\n";
defaultStuff += " else\n";
defaultStuff += " {\n";
defaultStuff += " alert(\"Starting of the page\");\n";
defaultStuff += " }\n";
defaultStuff += " });\n";
defaultStuff += "});\n";
defaultStuff += "\n";
defaultStuff += "<\/script>\n";
defaultStuff += "\n";
defaultStuff += "<\/html>\n";
//EDIT THE FOLLOWING CONTENT END
var extraStuff = '';
var buttons='<script>function html_convert()'+
'{parent.tml_convert();}function Clear_all(){parent.Clr_all();return false;}<\/script>'+
'<a href="#" onclick="html_convert();return false;" class="allinworldclass">Submit Changes<\/a>'+
'<a href="#" onclick="Clear_all();return false;" class="allinworldclass">Reset<\/a>';
var old = '';
function tml_convert()
{
update();
}
function Clr_all()
{
init();
}
function init()
{
window.editbox.document.write(editboxHTML);
window.editbox.document.close();
window.editbox.document.f.ta.value = defaultStuff;
update();
window.buttons_frame.document.write(buttons);
window.buttons_frame.document.close();
window.buttons_frame.document.value = buttons;
var css_cls=CommonClassCreateFunction();
var $head = $("#iiffrraammee").contents().find("head");
$head.append('<style type="text/css">'+css_cls+'</style>');
var css_cls_button=CommonClassButtonFunction();
var $head = $("#iframeButtonID").contents().find("head");
$head.append('<style type="text/css">'+css_cls_button+'</style>');
//$('#iiffrraammee').contents().find('#newtxtid').css(css_cls);
}
function update()
{
var textarea = window.editbox.document.f.ta;
var d = dynamicframe.document;
d.open();
old = textarea.value;
d.write(old);
if (old.replace(/[\r\n]/g,'') == defaultStuff.replace(/[\r\n]/g,''))
d.write(extraStuff);
d.close();
}
</script>
<br />
<div id="iframe_html_loading">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh_R7uc-9_N6A70zU8A_5iYZ-B4hnKJ1cirv9fVsjIsHfPpNj62AK2xwDwqtSmsBwKqkmVUfqlMb-zdK-1Be-Qz6sy2pSzTni8DznJiiZ3Br3-ClYKlDHgDIixqqj6_Vb7v-OM_wqQIMSw/s320/Loading+Code.GIF"><br><b>Editor is Loading...</b></center>
</div>
<div id="iframe_html_div" style="display:none;">
<iframe class="commonEditboxIframeClass" frameborder="0" style="height:540px !important;" id="iiffrraammee" name="editbox" noresize="noresize" src="javascript:'';"></iframe>
<iframe class="commonbuttoniframe" id="iframeButtonID" frameborder="0" name="buttons_frame" src="javascript:'';"></iframe>
<!--Ads placed by merbin Start-->
<br/>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br/>
<!--Ads placed by merbin End-->
<b>Output:-</b>
<br/>
<iframe style="height: 460px !important;" class="commonDynamicFrameClass" frameborder="0" name="dynamicframe" noresize="noresize" src="javascript:'';"></iframe>
</div>
<br />
<b>Advertisement</b><br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* large rectangle */
google_ad_slot = "8508305497";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<br />
<br />
<br />
Tags:<br />
back and next button in allinworld99, In div back and next button, page by page moving using jquery.Merbin Joehttp://www.blogger.com/profile/10482002526923883942noreply@blogger.com0tag:blogger.com,1999:blog-4457383778865341080.post-54084339284016158682016-02-08T18:11:00.001+05:302017-05-22T21:25:57.421+05:30How to create dynamic row and column in html? In the following example, just I created two text box input for getting the number of column and rows and when you click the <b>generate </b>button the dynamic table will create.<br />
<br />
<b><span style="color: red;">Note:</span></b><br />
<span style="color: red;"> If you have any doubt about this example please type comments below, ill help you.</span><br />
<div style="display:none">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnF3YcDM6IXx7S4XJXVMVCsln8K5iKnNYRN8vZt-Av40sKLbeD_GNkw3Xqv-pIFqzlIY-xers6Riyy0b4Wuz5Od3z78CWpjHVOzZoMvN8RTRr8d0tGPPbE5cE_lywr8-lNlDoiM6D7Yflk/s1600/Dynamic+table+columns+and+rows.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnF3YcDM6IXx7S4XJXVMVCsln8K5iKnNYRN8vZt-Av40sKLbeD_GNkw3Xqv-pIFqzlIY-xers6Riyy0b4Wuz5Od3z78CWpjHVOzZoMvN8RTRr8d0tGPPbE5cE_lywr8-lNlDoiM6D7Yflk/s320/Dynamic+table+columns+and+rows.jpg" /></a>
</div>
<a name='more'></a>
<!--Ads placed by merbin Start-->
<br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<!--Ads placed by merbin End-->
<br />
<b>Example Program:- (Editor)</b><br />
<script type="text/javascript">
$(window).load(function(){
$("#iiffrraammee").on("load", function () {
$("#iframe_html_loading").hide();
$("#iframe_html_div").show();
});
init();
});
var editboxHTML =
'<html class="expand close">' +
'<head>' +
'<style type="text/css">' +
'.expand { width: 100%; height: 100%; }' +
'.close { border: none; margin: 0px; padding: 0px; }' +
'html,body { overflow: hidden; }' +
'<\/style>' +
'<\/head>' +
'<body class="expand close" onload="document.f.ta.select();">' +
'<form class="expand close" name="f">' +
'<textarea class="expand close samplecls" id="newtxtid" name="ta" wrap="hard" spellcheck="false">' +
'<\/textarea>' +
'<\/form>' +
'<\/body>' +
'<\/html>';
//EDIT THE FOLLOWING CONTENT START
var defaultStuff="";
defaultStuff += "<!DOCTYPE html>\n";
defaultStuff += "\n";
defaultStuff += "<html>\n";
defaultStuff += "\n";
defaultStuff += "<head>\n";
defaultStuff += " <title>Dynamically create rows and columns<\/title>\n";
defaultStuff += "\n";
defaultStuff += " <script src='https:\/\/code.jquery.com\/jquery-2.1.1.min.js' type='text\/javascript'><\/script>\n";
defaultStuff += "\n";
defaultStuff += " <script>\n";
defaultStuff += " \n";
defaultStuff += " function gentable() {\n";
defaultStuff += "\n";
defaultStuff += " var head = \"\";\n";
defaultStuff += "\n";
defaultStuff += " for (i = 0; i < parseInt($(\"#txt2\").val()); i++) {\n";
defaultStuff += " head += \"<th>H\" + (i + 1) + \"<\/th>\";\n";
defaultStuff += " }\n";
defaultStuff += "\n";
defaultStuff += " head = \"<tr>\" + head + \"<\/tr>\";\n";
defaultStuff += "\n";
defaultStuff += " var rows = \"\";\n";
defaultStuff += " var data = \"\";\n";
defaultStuff += " for (j = 0; j < parseInt($(\"#txt1\").val()); j++) {\n";
defaultStuff += "\n";
defaultStuff += " for (k = 0; k < parseInt($(\"#txt2\").val()); k++) {\n";
defaultStuff += "\n";
defaultStuff += " data += \"<td>C\" + (k + 1) + \"R\" + (j + 1) + \"<\/td>\";\n";
defaultStuff += "\n";
defaultStuff += " }\n";
defaultStuff += "\n";
defaultStuff += " rows += \"<tr>\" + data + \"<\/tr>\";\n";
defaultStuff += " data = \"\";\n";
defaultStuff += "\n";
defaultStuff += " }\n";
defaultStuff += "\n";
defaultStuff += " var tbl = \"<table border='1px'>\" + head + rows + \"<\/table>\";\n";
defaultStuff += "\n";
defaultStuff += " $(\"#dydiv\").empty();\n";
defaultStuff += " $(\"#dydiv\").append(tbl);\n";
defaultStuff += "\n";
defaultStuff += " }\n";
defaultStuff += " <\/script>\n";
defaultStuff += "\n";
defaultStuff += "<\/head>\n";
defaultStuff += "\n";
defaultStuff += "<body>\n";
defaultStuff += "\n";
defaultStuff += " columns : \n";
defaultStuff += " <input type=\"text\" id=\"txt2\" \/>\n";
defaultStuff += " rows :";
defaultStuff += " <input type=\"text\" id=\"txt1\" \/>\n";
defaultStuff += "\n";
defaultStuff += " <input type=\"button\" value=\"generate\" onclick=\"gentable();\" \/>\n";
defaultStuff += "\n";
defaultStuff += " <div id=\"dydiv\"><\/div>\n";
defaultStuff += "\n";
defaultStuff += "<\/body>\n";
defaultStuff += "\n";
defaultStuff += "<\/html>\n";
//EDIT THE FOLLOWING CONTENT END
var extraStuff = '';
var buttons='<script>function html_convert()'+
'{parent.tml_convert();}function Clear_all(){parent.Clr_all();return false;}<\/script>'+
'<a href="#" onclick="html_convert();return false;" class="allinworldclass">Submit Changes<\/a>'+
'<a href="#" onclick="Clear_all();return false;" class="allinworldclass">Reset<\/a>';
var old = '';
function tml_convert()
{
update();
}
function Clr_all()
{
init();
}
function init()
{
window.editbox.document.write(editboxHTML);
window.editbox.document.close();
window.editbox.document.f.ta.value = defaultStuff;
update();
window.buttons_frame.document.write(buttons);
window.buttons_frame.document.close();
window.buttons_frame.document.value = buttons;
var css_cls=CommonClassCreateFunction();
var $head = $("#iiffrraammee").contents().find("head");
$head.append('<style type="text/css">'+css_cls+'</style>');
var css_cls_button=CommonClassButtonFunction();
var $head = $("#iframeButtonID").contents().find("head");
$head.append('<style type="text/css">'+css_cls_button+'</style>');
//$('#iiffrraammee').contents().find('#newtxtid').css(css_cls);
}
function update()
{
var textarea = window.editbox.document.f.ta;
var d = dynamicframe.document;
d.open();
old = textarea.value;
d.write(old);
if (old.replace(/[\r\n]/g,'') == defaultStuff.replace(/[\r\n]/g,''))
d.write(extraStuff);
d.close();
}
</script>
<br />
<div id="iframe_html_loading">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh_R7uc-9_N6A70zU8A_5iYZ-B4hnKJ1cirv9fVsjIsHfPpNj62AK2xwDwqtSmsBwKqkmVUfqlMb-zdK-1Be-Qz6sy2pSzTni8DznJiiZ3Br3-ClYKlDHgDIixqqj6_Vb7v-OM_wqQIMSw/s320/Loading+Code.GIF"><br><b>Editor is Loading...</b></center>
</div>
<div id="iframe_html_div" style="display:none;">
<iframe class="commonEditboxIframeClass" frameborder="0" style="height:540px !important;" id="iiffrraammee" name="editbox" noresize="noresize" src="javascript:'';"></iframe>
<iframe class="commonbuttoniframe" id="iframeButtonID" frameborder="0" name="buttons_frame" src="javascript:'';"></iframe>
<!--Ads placed by merbin Start-->
<br/>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br/>
<!--Ads placed by merbin End-->
<b>Output:-</b>
<br/>
<iframe style="height: 460px !important;" class="commonDynamicFrameClass" frameborder="0" name="dynamicframe" noresize="noresize" src="javascript:'';"></iframe>
</div>
<br />
<b>Advertisement</b><br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* large rectangle */
google_ad_slot = "8508305497";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<br />
<br><br><br>
Tags:<br>
Dynamic create rows and columns in allinworld99, allinworld99 to create dynamic table. Create rows and columns dynamicallyMerbin Joehttp://www.blogger.com/profile/10482002526923883942noreply@blogger.com0tag:blogger.com,1999:blog-4457383778865341080.post-52028563872948208072016-05-03T01:13:00.000+05:302017-04-27T00:06:29.018+05:30Get more multiple values from dropdown list using jquery Usually we will two values from dropdown list one is option value and option text, but in some situation we need to get more values from dropdown options using jQuery.
<div style="display:none;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjErHY-RnEI8K_xh43dttf61kZWIRXLR4nngdrMPpuye_jTInxHlvQOulgFgxY2NfLa-YvsqSSx8hfNVWtSoeBFTXGRDUxE8qJr4Qrru6SEJanLBoM1-P6nISNrolhUQXQMvu54Z3pYipgv/s1600/Drow+down+list+data+value.jpeg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjErHY-RnEI8K_xh43dttf61kZWIRXLR4nngdrMPpuye_jTInxHlvQOulgFgxY2NfLa-YvsqSSx8hfNVWtSoeBFTXGRDUxE8qJr4Qrru6SEJanLBoM1-P6nISNrolhUQXQMvu54Z3pYipgv/s320/Drow+down+list+data+value.jpeg" /></a>
</div>
<a name='more'></a>
<!--Ads placed by merbin Start-->
<br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script src="https://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<!--Ads placed by merbin End-->
<br />
<b>Example Program:- (Editor)</b><br />
<script type="text/javascript">
$(window).load(function(){
$("#iiffrraammee").on("load", function () {
$("#iframe_html_loading").hide();
$("#iframe_html_div").show();
});
init();
});
var editboxHTML =
'<html class="expand close">' +
'<head>' +
'<style type="text/css">' +
'.expand { width: 100%; height: 100%; }' +
'.close { border: none; margin: 0px; padding: 0px; }' +
'html,body { overflow: hidden; }' +
'<\/style>' +
'<\/head>' +
'<body class="expand close">' +
'<form class="expand close" name="f">' +
'<textarea class="expand close samplecls" id="newtxtid" name="ta" wrap="hard" spellcheck="false">' +
'<\/textarea>' +
'<\/form>' +
'<\/body>' +
'<\/html>';
//EDIT THE FOLLOWING CONTENT START
var defaultStuff="";
defaultStuff += "<!DOCTYPE html>\n";
defaultStuff += "<html>\n";
defaultStuff += "\n";
defaultStuff += "<body>\n";
defaultStuff += " <select id=\"ddl1\">\n";
defaultStuff += " <option value=\"1\" data-color=\"Yellow Color\">Bannana<\/option>\n";
defaultStuff += " <option value=\"2\" data-color=\"Black Color\">Graps<\/option>\n";
defaultStuff += " <option value=\"3\" data-color=\"Red Color\">Apple<\/option>\n";
defaultStuff += " <option value=\"3\" data-color=\"Orange Color\">Mango<\/option>\n";
defaultStuff += " <\/select>\n";
defaultStuff += " <br \/>\n";
defaultStuff += " <input type=\"button\" value=\"Check Color\" onclick=\"chk_clor();\">\n";
defaultStuff += "\n";
defaultStuff += " <script src=\"https:\/\/code.jquery.com\/jquery-2.1.1.min.js\"><\/script>\n";
defaultStuff += "\n";
defaultStuff += " <script>\n";
defaultStuff += " function chk_clor()\n";
defaultStuff += " {\n";
defaultStuff += " var selected = $(\"#ddl1\").find('option:selected');\n";
defaultStuff += " var extra = selected.data('color');\n";
defaultStuff += " alert(extra);\n";
defaultStuff += " }\n";
defaultStuff += " <\/script>\n";
defaultStuff += "\n";
defaultStuff += "<\/body>\n";
defaultStuff += "\n";
defaultStuff += "<\/html>\n";
//EDIT THE FOLLOWING CONTENT END
var extraStuff = '';
var buttons='<script>function html_convert()'+
'{parent.tml_convert();}function Clear_all(){parent.Clr_all();return false;}<\/script>'+
'<a href="#" onclick="html_convert();return false;" class="allinworldclass">Submit Changes<\/a>'+
'<a href="#" onclick="Clear_all();return false;" class="allinworldclass">Reset<\/a>';
var old = '';
function tml_convert()
{
update();
}
function Clr_all()
{
init();
}
function init()
{
window.editbox.document.write(editboxHTML);
window.editbox.document.close();
window.editbox.document.f.ta.value = defaultStuff;
update();
window.buttons_frame.document.write(buttons);
window.buttons_frame.document.close();
window.buttons_frame.document.value = buttons;
var css_cls=CommonClassCreateFunction();
var $head = $("#iiffrraammee").contents().find("head");
$head.append('<style type="text/css">'+css_cls+'</style>');
var css_cls_button=CommonClassButtonFunction();
var $head = $("#iframeButtonID").contents().find("head");
$head.append('<style type="text/css">'+css_cls_button+'</style>');
//$('#iiffrraammee').contents().find('#newtxtid').css(css_cls);
}
function update()
{
var textarea = window.editbox.document.f.ta;
var d = dynamicframe.document;
d.open();
old = textarea.value;
d.write(old);
if (old.replace(/[\r\n]/g,'') == defaultStuff.replace(/[\r\n]/g,''))
d.write(extraStuff);
d.close();
}
</script>
<br />
<div id="iframe_html_loading">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh_R7uc-9_N6A70zU8A_5iYZ-B4hnKJ1cirv9fVsjIsHfPpNj62AK2xwDwqtSmsBwKqkmVUfqlMb-zdK-1Be-Qz6sy2pSzTni8DznJiiZ3Br3-ClYKlDHgDIixqqj6_Vb7v-OM_wqQIMSw/s320/Loading+Code.GIF"><br><b>Editor is Loading...</b></center>
</div>
<div id="iframe_html_div" style="display:none;">
<iframe class="commonEditboxIframeClass" frameborder="0" style="height:428px !important;" id="iiffrraammee" name="editbox" noresize="noresize" src="javascript:'';"></iframe>
<iframe class="commonbuttoniframe" id="iframeButtonID" frameborder="0" name="buttons_frame" src="javascript:'';"></iframe>
<!--Ads placed by merbin Start-->
<br/>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript" src="https://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br/>
<!--Ads placed by merbin End-->
<b>Output:-</b>
<br/>
<iframe style="height: 460px !important;" class="commonDynamicFrameClass" frameborder="0" name="dynamicframe" noresize="noresize" src="javascript:'';"></iframe>
</div>
<br />
<b>Advertisement</b><br />
<div class="boxed" style="width: 360px !important;">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* large rectangle */
google_ad_slot = "8508305497";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script src="https://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script></div>
<br />
Merbin Joehttp://www.blogger.com/profile/10482002526923883942noreply@blogger.com0tag:blogger.com,1999:blog-4457383778865341080.post-19144531988139140362016-05-03T01:05:00.001+05:302017-04-27T00:04:10.046+05:30set and get multiple values from drop down list using javascript Usually we will two values from dropdown list one is option value and option text, but in some situation we need to get more values from dropdown options.
<div style="display:none;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjErHY-RnEI8K_xh43dttf61kZWIRXLR4nngdrMPpuye_jTInxHlvQOulgFgxY2NfLa-YvsqSSx8hfNVWtSoeBFTXGRDUxE8qJr4Qrru6SEJanLBoM1-P6nISNrolhUQXQMvu54Z3pYipgv/s1600/Drow+down+list+data+value.jpeg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjErHY-RnEI8K_xh43dttf61kZWIRXLR4nngdrMPpuye_jTInxHlvQOulgFgxY2NfLa-YvsqSSx8hfNVWtSoeBFTXGRDUxE8qJr4Qrru6SEJanLBoM1-P6nISNrolhUQXQMvu54Z3pYipgv/s320/Drow+down+list+data+value.jpeg" /></a>
</div>
<a name='more'></a>
<!--Ads placed by merbin Start-->
<br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script src="https://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<!--Ads placed by merbin End-->
<br />
<b>Example Program:- (Editor)</b><br />
<script type="text/javascript">
$(window).load(function(){
$("#iiffrraammee").on("load", function () {
$("#iframe_html_loading").hide();
$("#iframe_html_div").show();
});
init();
});
var editboxHTML =
'<html class="expand close">' +
'<head>' +
'<style type="text/css">' +
'.expand { width: 100%; height: 100%; }' +
'.close { border: none; margin: 0px; padding: 0px; }' +
'html,body { overflow: hidden; }' +
'<\/style>' +
'<\/head>' +
'<body class="expand close" onload="">' +
'<form class="expand close" name="f">' +
'<textarea class="expand close samplecls" id="newtxtid" name="ta" wrap="hard" spellcheck="false">' +
'<\/textarea>' +
'<\/form>' +
'<\/body>' +
'<\/html>';
//EDIT THE FOLLOWING CONTENT START
var defaultStuff="\n";
defaultStuff += "<!DOCTYPE html>\n";
defaultStuff += "<html>\n";
defaultStuff += "\n";
defaultStuff += "<body>\n";
defaultStuff += " <select id=\"ddl1\">\n";
defaultStuff += " <option value=\"1\" data-color=\"Yellow Color\">Bannana<\/option>\n";
defaultStuff += " <option value=\"2\" data-color=\"Black Color\">Graps<\/option>\n";
defaultStuff += " <option value=\"3\" data-color=\"Red Color\">Apple<\/option>\n";
defaultStuff += " <option value=\"3\" data-color=\"Orange Color\">Mango<\/option>\n";
defaultStuff += " <\/select>\n";
defaultStuff += "\n";
defaultStuff += " <br \/>\n";
defaultStuff += " <input type=\"button\" value=\"Check Color\" onclick=\"chk_clor();\">\n";
defaultStuff += "\n";
defaultStuff += " <script>\n";
defaultStuff += " function chk_clor()\n";
defaultStuff += " {\n";
defaultStuff += " \/\/ Plain old JavaScript\n";
defaultStuff += " var sel = document.getElementById('ddl1');\n";
defaultStuff += " var selected = sel.options[sel.selectedIndex];\n";
defaultStuff += " var clr = selected.getAttribute('data-color');\n";
defaultStuff += " alert(clr);\n";
defaultStuff += " }\n";
defaultStuff += " <\/script>\n";
defaultStuff += "\n";
defaultStuff += "<\/body>\n";
defaultStuff += "\n";
defaultStuff += "<\/html>\n";
//EDIT THE FOLLOWING CONTENT END
var extraStuff = '';
var buttons='<script>function html_convert()'+
'{parent.tml_convert();}function Clear_all(){parent.Clr_all();return false;}<\/script>'+
'<a href="#" onclick="html_convert();return false;" class="allinworldclass">Submit Changes<\/a>'+
'<a href="#" onclick="Clear_all();return false;" class="allinworldclass">Reset<\/a>';
var old = '';
function tml_convert()
{
update();
}
function Clr_all()
{
init();
}
function init()
{
window.editbox.document.write(editboxHTML);
window.editbox.document.close();
window.editbox.document.f.ta.value = defaultStuff;
update();
window.buttons_frame.document.write(buttons);
window.buttons_frame.document.close();
window.buttons_frame.document.value = buttons;
var css_cls=CommonClassCreateFunction();
var $head = $("#iiffrraammee").contents().find("head");
$head.append('<style type="text/css">'+css_cls+'</style>');
var css_cls_button=CommonClassButtonFunction();
var $head = $("#iframeButtonID").contents().find("head");
$head.append('<style type="text/css">'+css_cls_button+'</style>');
//$('#iiffrraammee').contents().find('#newtxtid').css(css_cls);
}
function update()
{
var textarea = window.editbox.document.f.ta;
var d = dynamicframe.document;
d.open();
old = textarea.value;
d.write(old);
if (old.replace(/[\r\n]/g,'') == defaultStuff.replace(/[\r\n]/g,''))
d.write(extraStuff);
d.close();
}
</script>
<br />
<div id="iframe_html_loading">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh_R7uc-9_N6A70zU8A_5iYZ-B4hnKJ1cirv9fVsjIsHfPpNj62AK2xwDwqtSmsBwKqkmVUfqlMb-zdK-1Be-Qz6sy2pSzTni8DznJiiZ3Br3-ClYKlDHgDIixqqj6_Vb7v-OM_wqQIMSw/s320/Loading+Code.GIF"><br><b>Editor is Loading...</b></center>
</div>
<div id="iframe_html_div" style="display:none;">
<iframe class="commonEditboxIframeClass" frameborder="0" style="height:452px !important;" id="iiffrraammee" name="editbox" noresize="noresize" src="javascript:'';"></iframe>
<iframe class="commonbuttoniframe" id="iframeButtonID" frameborder="0" name="buttons_frame" src="javascript:'';"></iframe>
<!--Ads placed by merbin Start-->
<br/>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* horizontal link */
google_ad_slot = "3605697093";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript" src="https://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br/>
<!--Ads placed by merbin End-->
<b>Output:-</b>
<br/>
<iframe style="height: 460px !important;" class="commonDynamicFrameClass" frameborder="0" name="dynamicframe" noresize="noresize" src="javascript:'';"></iframe>
</div>
<br />
<b>Advertisement</b><br />
<div class="boxed" style="width: 360px !important;">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6969637115269724";
/* large rectangle */
google_ad_slot = "8508305497";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script src="https://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script></div>
<br />Merbin Joehttp://www.blogger.com/profile/10482002526923883942noreply@blogger.com0tag:blogger.com,1999:blog-4457383778865341080.post-28591147493310304902016-12-12T22:26:00.000+05:302017-04-19T09:22:09.346+05:30World's Biggest chicken egg<div dir="ltr" style="text-align: left;" trbidi="on">
The image given below is the egg laid by an ordinary hen which is <span style="background-color: white;"><span style="font-family: inherit;">6.3 centimeters wide and 9.2 cm long</span><span style="color: #595959; font-family: "verdana" , "arial" , "helvetica" , sans-serif; font-size: xx-small;"> </span><span style="font-family: inherit;">and weighs 201 grams</span></span><span style="font-family: inherit;"> <span style="background-color: white;">three times heavier than an ordinary egg.</span></span><br />
<span style="font-family: inherit;"><span style="background-color: white;"><br /></span></span>
<span style="font-family: inherit;"><span style="background-color: white;"> </span><span style="background-color: white;">The </span><span style="background-color: white;"> </span></span><span style="background-color: white;">Biggest chicken egg was </span><span style="font-family: inherit;"><span style="background-color: white;">laid by a hen in northeast China's Heilongjiang Province.It </span></span><span style="background-color: white; font-family: inherit;">looks like any other chicken egg, except that its shell is a bit rough.</span><span style="background-color: white; font-family: inherit;"> </span><br />
<br />
<br />
<br />
<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizJpdHfgdpjsr_T5_TWGZgqEjptDKnXvw6V6qAtA_znyObPUZnp3utxK0NSjWJWciUo39oA8pTDMBU8ibJ1m4dl2hWO3B1KK64gVxszRdYbZ0zcQ_ruOQmB0xrcgRq2yZtJac-aYCJyVge/s1600/Finalize+huge+egg.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="334" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizJpdHfgdpjsr_T5_TWGZgqEjptDKnXvw6V6qAtA_znyObPUZnp3utxK0NSjWJWciUo39oA8pTDMBU8ibJ1m4dl2hWO3B1KK64gVxszRdYbZ0zcQ_ruOQmB0xrcgRq2yZtJac-aYCJyVge/s640/Finalize+huge+egg.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b><span style="background-color: white; font-family: "verdana" , "arial" , "helvetica" , sans-serif; font-size: xx-small;"> Photo: The </span><span style="background-color: white; text-align: start;"><span style="font-family: "verdana" , "arial" , "helvetica" , sans-serif; font-size: xx-small;">Biggest chicken egg and an ordinary chicken egg</span></span></b></td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqbCqxSUUO1dFt8mHRPGyvIxv6wBv-HRAhDjzwzydSm5BWfigokWvbLeYoTvtparPCAGM4rvGv8q467dH32dSH23m_9TR8O_mkks4pjgtzBU86VDkVzwRYOsYGfLNRKmTaWGZLIVuyDbpI/s1600/IMG_20161123_184937.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqbCqxSUUO1dFt8mHRPGyvIxv6wBv-HRAhDjzwzydSm5BWfigokWvbLeYoTvtparPCAGM4rvGv8q467dH32dSH23m_9TR8O_mkks4pjgtzBU86VDkVzwRYOsYGfLNRKmTaWGZLIVuyDbpI/s640/IMG_20161123_184937.jpg" width="480" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br /></div>
Merbin Joehttp://www.blogger.com/profile/10482002526923883942noreply@blogger.com1tag:blogger.com,1999:blog-4457383778865341080.post-20935036288916243962015-04-13T22:20:00.001+05:302017-04-09T00:27:04.677+05:30Transparent Image Converter<h1>
Transparent Image Converter</h1>
This software is used to convert your Image to transparent (*. png) image, so you no need spend more time in Photoshop or other software, here you can easily to create the transparent background.<br />
<h3>
Features</h3>
<ol>
<li>Select the color and convert it to transparent background.</li>
<li>Manually adjust the Threshold level</li>
<li>You can covert two different color to transparent using <b>Reconvert</b> option.</li>
<li>Change the original size to any size.</li>
<li><b>Fixed</b> option is convert the image to exactly you given size.</li>
</ol>
<b> Available Versions</b><br />
<b>Download <a href="https://docs.google.com/uc?export=download&id=0B9ptyqA3VyDxRTNUN1NuLS1sYk0" rel="nofollow" target="_blank">Transparent Image Converter 1.0</a></b><br />
<a href="http://allinworld99.blogspot.com/2016/01/transparent-image-converter-11.html"><b><span id="goog_1393771828"></span>Download Transparent Image Converter 1.1</b><span id="goog_1393771829"></span></a><br />
<br />
<!--
<b>Downlaod </b><b><a href="https://docs.google.com/uc?export=download&id=0B9ptyqA3VyDxRTNUN1NuLS1sYk0" rel="nofollow">Transparent Image Converter</a></b><b><a href="https://docs.google.com/uc?export=download&amp;id=0B-CxWBF6hsj-WmpoODZLTHFpT2M" rel="nofollow">1.1</a></b><br />
-->
<br />
Download Using <a href="http://www.softpedia.com/get/Multimedia/Graphic/Graphic-Editors/Transparent-Image-Converter.shtml" rel="nofollow" target="_blank">Softpedia</a><br />
Download Using <a href="http://www.freewarefiles.com/Transparent-Image-Converter_program_104098.html" rel="nofollow" target="_blank">Freewarefiles</a><br />
<br />
<b>Step 1:</b><br />
<b> </b>Install the <a href="https://docs.google.com/uc?export=download&id=0B9ptyqA3VyDxRTNUN1NuLS1sYk0">downloaded application</a> and open, this will appear like below. In there many options are in disabled mode, because avoid confusions. First you load a image after only the disabled controls will enable depend on your action.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtBoVXECsqttKcbwUb5DxLO_DKGT2VpZkm-2kbJ4DxJrw2ddTp5nxKffBdFlG58oDlyDKsq28WHjZsoAH0lWQMY0xR0FkB9y_fBucgiOUtxwY2PrwFsbZsjkwj75UfVBqWrH659lktY4Jc/s1600/frm00001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Transparent Image converter 1.0" border="0" height="273" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtBoVXECsqttKcbwUb5DxLO_DKGT2VpZkm-2kbJ4DxJrw2ddTp5nxKffBdFlG58oDlyDKsq28WHjZsoAH0lWQMY0xR0FkB9y_fBucgiOUtxwY2PrwFsbZsjkwj75UfVBqWrH659lktY4Jc/s1600/frm00001.jpg" title="Transparent Image converter" width="400" /></a></div>
<br />
<b><br /></b>
<b>Step 2:</b><br />
<b> </b>Select your image, drag to window or select your image using <b>Select Image</b> button<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkx1WQI_9bZbBzVivH0UIGzecWSYrYfldmTD05SNNDX8Cs4ytEmI_hJvJXCNOt-5rr8WXxLy8c1MW7Ey20KVtYJvTsd8A-DtOSrIFB1ErN_jsATNnpBhaJ4UnrVzolB7vG0lJpNzfupP43/s1600/frm00002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Transparent Image converter 1.0" border="0" height="273" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkx1WQI_9bZbBzVivH0UIGzecWSYrYfldmTD05SNNDX8Cs4ytEmI_hJvJXCNOt-5rr8WXxLy8c1MW7Ey20KVtYJvTsd8A-DtOSrIFB1ErN_jsATNnpBhaJ4UnrVzolB7vG0lJpNzfupP43/s1600/frm00002.jpg" title="" width="400" /></a></div>
<br />
<b>Step 3:</b><br />
<b> </b>After select the image you need to select the color, which want to remove. In the given below image we are choosing <b>blue </b>color for convert to transparent area, also we are show the Hex value of the color under the <b>selected color</b> title.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMSIWHEzbSiHmwY6vKVWYTULP-4m5hOFlV-vuukGIhkOM4cSBJpHWQkIkvIdQjka0NFTuZem3lMVZNzmQGBc2l_LvqIzPDwbdKO7_g-qAkjswsEv3QHAjuUkQjp4EORpqcbSLsn_ksCHBI/s1600/frm00003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Transparent Image converter 1.0" border="0" height="273" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMSIWHEzbSiHmwY6vKVWYTULP-4m5hOFlV-vuukGIhkOM4cSBJpHWQkIkvIdQjka0NFTuZem3lMVZNzmQGBc2l_LvqIzPDwbdKO7_g-qAkjswsEv3QHAjuUkQjp4EORpqcbSLsn_ksCHBI/s1600/frm00003.jpg" title="" width="400" /></a></div>
<br />
<b>Step 4:</b><br />
<b> </b>Now just press the <b>preview</b> button, or adjust the <b>Threshold level </b>slider bar, this will increase the color mode so when we increase the slider bar, it will select and convert the most possible selected color.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk92eKh3T5WJYBdss0Tgkryvl58R3HP3gQJY4GRq7gX8FBwRgaIMkK-YHGR6ZpwPIh9YpZqE2nUtiZUatwbKwf9yk0cQqlBlFxl3FUlHRJBLxTMD4tE9GuED2G4fevxEt93D2hJ2puOUfc/s1600/frm00004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Transparent Image converter 1.0" border="0" height="273" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk92eKh3T5WJYBdss0Tgkryvl58R3HP3gQJY4GRq7gX8FBwRgaIMkK-YHGR6ZpwPIh9YpZqE2nUtiZUatwbKwf9yk0cQqlBlFxl3FUlHRJBLxTMD4tE9GuED2G4fevxEt93D2hJ2puOUfc/s1600/frm00004.jpg" title="" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b>Step 5:</b></div>
<div class="separator" style="clear: both; text-align: left;">
<b> </b>If you want to remove the yellow color again, just press the <b><<Reconvert </b>button, so the converted image will appear in the first box, now you can select the yellow color and adjust the <b>Threshold level.</b></div>
<div class="separator" style="clear: both; text-align: left;">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm3BZonL0ZWm5-iboWONR621lc2tqWjkeDOTdC8Oqwf-00AvNQGH_-kPdn0733iWM_rMUDcMBTfWliafpFqE0F4_rE-AK-C3VisYA39Vc-S1qDIsJgwE2oVWjtgb_Njw3upLtEW15pdfv2/s1600/frm00001_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Transparent Image converter 1.0" border="0" height="273" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm3BZonL0ZWm5-iboWONR621lc2tqWjkeDOTdC8Oqwf-00AvNQGH_-kPdn0733iWM_rMUDcMBTfWliafpFqE0F4_rE-AK-C3VisYA39Vc-S1qDIsJgwE2oVWjtgb_Njw3upLtEW15pdfv2/s1600/frm00001_2.jpg" title="" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<b><br /></b></div>
Now you can choose the yellow color and adjust the level (<b>From Step 3</b>)<br />
<br />
<b>Step 6:</b><br />
<b> </b>You can customize the size.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxg3OHo9l-vvQJBe-bCiPCve5zFPcJfK8SO_AhGYutjD4_qq0vN96Surql2_ceKPx9d_MxvisZRqQFe5OxkODyv9Rb8XaNlZbCq3B8QYmSzVeb3_yenfq0FBmNu5SrUVDowpQRBW9Xxhvm/s1600/frm00005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Transparent png converter , remove background" border="0" height="273" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxg3OHo9l-vvQJBe-bCiPCve5zFPcJfK8SO_AhGYutjD4_qq0vN96Surql2_ceKPx9d_MxvisZRqQFe5OxkODyv9Rb8XaNlZbCq3B8QYmSzVeb3_yenfq0FBmNu5SrUVDowpQRBW9Xxhvm/s1600/frm00005.jpg" title="" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
If you want to customize the size just enable the <b>Custom Size </b>button, and specify your width and height of the image (If you checked the <b>Fixed </b>button, exact size or max width and max height).</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b>Step 7:</b></div>
<div class="separator" style="clear: both; text-align: left;">
<b> </b>Finally save your image.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhifGmOB4SW1sIUmawff9VTF8tPmzBpGfVLhOyHjv1wf3Z1EfYDklDq1D9C0nViUJr_L7rnwBqKR1PcURd-xh-S4QZm6zCCuVd0_K_zKt3ZHHlDbgS3HGWZviHsuEXax91e61DKh4cdpmhyphenhyphen/s1600/frm00006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Transparent Image converter 1.0" border="0" height="273" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhifGmOB4SW1sIUmawff9VTF8tPmzBpGfVLhOyHjv1wf3Z1EfYDklDq1D9C0nViUJr_L7rnwBqKR1PcURd-xh-S4QZm6zCCuVd0_K_zKt3ZHHlDbgS3HGWZviHsuEXax91e61DKh4cdpmhyphenhyphen/s1600/frm00006.jpg" title="" width="400" /></a></div>
<br />
<br />
<a href="https://docs.google.com/uc?export=download&id=0B9ptyqA3VyDxRTNUN1NuLS1sYk0">Freeware Transparent Image Converter 1.0 Download</a><br />
<br />
<br />
<style>
.tbrdr{border: 1px solid;}
</style>
<br />
<table class="tbrdr">
<tbody>
<tr class="tbrdr">
<th class="tbrdr">Abroad Customer</th>
<th class="tbrdr">Indian Customer</th>
</tr>
<tr class="tbrdr">
<td class="tbrdr"><form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input name="cmd" type="hidden" value="_s-xclick" />
<input name="hosted_button_id" type="hidden" value="HA9FT7HHBSQEL" />
<br />
<table>
<tbody>
<tr><td><input name="on0" type="hidden" value="Donate Us to Improve Software Developing" />Donate Us to Improve Software Developing</td></tr>
<tr><td><select name="os0">
<option value="Donate 1">Donate 1 $1.00 USD</option>
<option value="Donate 2">Donate 2 $5.00 USD</option>
<option value="Donate 3">Donate 3 $10.00 USD</option>
<option value="Donate 4">Donate 4 $15.00 USD</option>
<option value="Donate 5">Donate 5 $20.00 USD</option>
</select> </td></tr>
</tbody></table>
<input name="currency_code" type="hidden" value="USD" />
<input alt="PayPal – The safer, easier way to pay online." border="0" name="submit" src="https://www.paypalobjects.com/webstatic/en_US/btn/btn_donate_pp_142x27.png" type="image" />
<img alt="" border="0" height="1" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" />
</form>
</td>
<td class="tbrdr"><div class="pm-button">
<a href="https://www.payumoney.com/paybypayumoney/#/AB7A5929EC20604419F5D78220007219"><img src="https://www.payumoney.com//media/images/payby_payumoney/buttons/113.png" /></a></div>
</td>
</tr>
</tbody></table>
<br />
<div>
<b>Developed By</b></div>
<div>
<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<img alt="Transparent Image Converter Developer author" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhciL8ZPtRlBflqgsVgupzCY-Ys5N_tT6AX-F5CeE_U4WXeoxADiDirzH9I_DC0O3rBBV6C0-iDJkZyBylK77HM9ns8pF1GCJyV36WSKAp4DBZIio0TMHdmJcw59ZMu8nWK9tn-eexSMkbt/s1600/Merbin.jpg" width="126" /></div>
<br />
<div style="text-align: justify;">
This software was developed by Merbin Joe T, and I am from India. Now I am working as asp.net developer in Technopark. This Transparent Image Converter 1.0 is totally freeware, anyone can use without a license and the next version will publish with more features and it will be paid version.</div>
</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
Merbin Joehttp://www.blogger.com/profile/10482002526923883942noreply@blogger.com5tag:blogger.com,1999:blog-4457383778865341080.post-56922012891407437042016-01-12T21:56:00.000+05:302017-01-24T12:32:58.637+05:30Transparent Image Converter 1.1 Compare to the previous version just I have added the transparent background while display the preview. If you upload this software on your website you should mention this URL.<br />
<br />
Comments are always welcome, please if you feel this software is good or bad please leave a comment below it will encourage me to develop more freeware software in feature.<br />
<br />
<a href="http://allinworld99.blogspot.in/2015/04/transparent-image-converter-10.html" target="_blank">Download Transparent Image Converter 1.0</a><br />
<a href="https://docs.google.com/uc?export=download&id=0B-CxWBF6hsj-cDlmSFBkX1Q4MHM">Download Transparent Image Converter 1.1</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCnwvebPziPh3mt8yVKiSP_ykySZyJuBkeB09EbwxLZ-2RWHQTJE5tOJmkONCxumXP6KFIcpcnVdnHJT_J3VKJVcihXLP4qp0TxtddAnTxcRD0dCXDL4vKiDSrH9xmXiXPALXoJ81ipjzn/s1600/Transparent+Image+Converter+1.1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Transparent Image Converter 1.1" border="0" height="272" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCnwvebPziPh3mt8yVKiSP_ykySZyJuBkeB09EbwxLZ-2RWHQTJE5tOJmkONCxumXP6KFIcpcnVdnHJT_J3VKJVcihXLP4qp0TxtddAnTxcRD0dCXDL4vKiDSrH9xmXiXPALXoJ81ipjzn/s400/Transparent+Image+Converter+1.1.jpg" title="Transparent Image Converter 1.1" width="400" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8YZGyZdAIZtfZaAx9UiRSI0y-KMemUGvuHFRIZlxh_rGKy13obaD94zxi9hgoylZGz301KooM94Xb6dh3DKZP_yulDL4lQzWgGLhRVXiySpMcnKTedIntpFc3PiIr-meDfMpsEl9KbVTy/s1600/Transparent+Image+Converter+Converted+Image.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Transparent Image Converter Converted Image" border="0" height="275" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8YZGyZdAIZtfZaAx9UiRSI0y-KMemUGvuHFRIZlxh_rGKy13obaD94zxi9hgoylZGz301KooM94Xb6dh3DKZP_yulDL4lQzWgGLhRVXiySpMcnKTedIntpFc3PiIr-meDfMpsEl9KbVTy/s400/Transparent+Image+Converter+Converted+Image.jpg" title="Transparent Image Converter Converted Image" width="400" /></a></div>
<br />
<br />
<br />
<b><span style="color: red;">Note:</span></b><br />
<b><span style="color: red;"> </span>Please mention this url on your website or blog.</b><br />
<b><br /></b>
<b><br /></b>
<b><br /></b>Merbin Joehttp://www.blogger.com/profile/10482002526923883942noreply@blogger.com1tag:blogger.com,1999:blog-4457383778865341080.post-66005736243122741862016-08-16T02:18:00.000+05:302017-01-16T11:28:24.603+05:30Different image for focused,pressed and normal state in android button<div dir="ltr" style="text-align: left;" trbidi="on">
In this tutorial we are going to learn about the android button and every state (pressed,focused and normal) of an image when placed on that button.<br />
<br />
1) First create a new project in android studio <a href="http://allinworld99.blogspot.com/2016/08/how-to-create-new-project-in-android.html" rel="nofollow" target="_blank">more details...</a><br />
<br />
<div style="display: none;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUPx_rjERxq2eGqgb6WBopRanM7IvZ76nvYNEqKLQPNb4Tzp45Ur7Kg9h6AHUk8QxBJ7YJJIN1QFGp9bprggfzkxPrVDNdU21vYTJ8iV-kWwy1kKC_vDfcGyheN7D7VbaiVGRiwOBoTaAC/s1600/On+hover+effect.jpeg" imageanchor="1"><img border="0" height="243" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUPx_rjERxq2eGqgb6WBopRanM7IvZ76nvYNEqKLQPNb4Tzp45Ur7Kg9h6AHUk8QxBJ7YJJIN1QFGp9bprggfzkxPrVDNdU21vYTJ8iV-kWwy1kKC_vDfcGyheN7D7VbaiVGRiwOBoTaAC/s320/On+hover+effect.jpeg" width="320" /></a>
</div>
<a name='more'></a>2) Remove the <b>TextView</b> code from <b>activity_main.xml</b>, create a button in your project by using the following code or tools.<br />
<br />
<div class="boxed">
<pre style="color: black; width: 100%;"><span style="color: #a65700;"><</span><span style="color: #5f5035;">Button</span>
<span style="color: #007997;">android</span><span style="color: purple;">:</span><span style="color: #274796;">layout_height</span><span style="color: #808030;">=</span><span style="color: maroon;">"</span><span style="color: #0000e6;">wrap_content</span><span style="color: maroon;">"</span>
<span style="color: #007997;">android</span><span style="color: purple;">:</span><span style="color: #274796;">layout_width</span><span style="color: #808030;">=</span><span style="color: maroon;">"</span><span style="color: #0000e6;">wrap_content</span><span style="color: maroon;">"</span>
<span style="color: #007997;">android</span><span style="color: purple;">:</span><span style="color: #274796;">background</span><span style="color: #808030;">=</span><span style="color: maroon;">"</span><span style="color: #0000e6;">@drawable/btnhome_new</span><span style="color: maroon;">"</span> <span style="color: #a65700;">/></span>
</pre>
</div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvHhV-miY4BJDE1s5XKQDqVsvNOpMSTVPuUky9JdD7OqPc4RJgvkaVd1cGoWOopnQuIPpjU93JmrdUUMbjc8F5wIp6yKatOVZQZA63A7k8OV8qhjlPOOo9nnmAJ3XBJ0gneE5TLbPkaPIM/s1600/Add+Button+in+android.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="android add button in main_activity.xml" border="0" height="281" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvHhV-miY4BJDE1s5XKQDqVsvNOpMSTVPuUky9JdD7OqPc4RJgvkaVd1cGoWOopnQuIPpjU93JmrdUUMbjc8F5wIp6yKatOVZQZA63A7k8OV8qhjlPOOo9nnmAJ3XBJ0gneE5TLbPkaPIM/s400/Add+Button+in+android.jpeg" title="android add button" width="400" /></a></div>
<br />
<b>Note:</b><br />
In the above image you can see an error <span style="color: red;">@drawable/btnhome_new</span>. This is because the program contains the file <b>btnhome_new.xml</b> on <b>drawable</b> directory, which is not yet created.<br />
<br />
3) Now we are going to create a file <b>btnhome_new.xml</b> on <b>drawable</b> directory.<br />
a) Right click on the <b>drawable</b> directory => New => Drawable resource file<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit39DJEGUwMOwYb0Nc5JstCKfncgw5MVkBTUdwM08JbQsjc5CaLVSAkRRv6dP0DypDKNbo5Nl6qhAQeRLJzmtqvv6UT0CUI6ecJuagDoCbvcwMX9RLDSS3gp0MEBm5chwOrksFfgY5QZjm/s1600/Create+new+xml+file+in+android.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Create new xml file in android" border="0" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit39DJEGUwMOwYb0Nc5JstCKfncgw5MVkBTUdwM08JbQsjc5CaLVSAkRRv6dP0DypDKNbo5Nl6qhAQeRLJzmtqvv6UT0CUI6ecJuagDoCbvcwMX9RLDSS3gp0MEBm5chwOrksFfgY5QZjm/s400/Create+new+xml+file+in+android.jpeg" title="Create new xml file in android" width="400" /></a></div>
<br />
b) Now a file is opened <b>btnhome_new.xml </b>just remove all the code from that file and replace with the code given below.<br />
<br />
<b>Note : </b>Once we create this file the error(<span style="color: red;">@drawable/btnhome_new</span>) will be removed from <b>activity_main.xml.</b><br />
<br />
<div class="boxed">
<pre style="color: black; width: 100%;"><span style="color: #004a43;"><?</span><span style="color: maroon; font-weight: bold;">xml</span><span style="color: #004a43;"> </span><span style="color: #074726;">version</span><span style="color: #808030;">=</span><span style="color: maroon;">"</span><span style="color: #7d0045;">1.0</span><span style="color: maroon;">"</span><span style="color: #004a43;"> </span><span style="color: #074726;">encoding</span><span style="color: #808030;">=</span><span style="color: maroon;">"</span><span style="color: #0000e6;">utf-8</span><span style="color: maroon;">"</span><span style="color: #004a43;">?></span>
<span style="color: #a65700;"><</span><span style="color: #5f5035;">selector</span> <span style="color: #666616;">xmlns</span><span style="color: purple;">:</span><span style="color: #074726;">android</span><span style="color: #808030;">=</span><span style="color: maroon;">"</span><span style="color: #666616;">http</span><span style="color: purple;">:</span><span style="color: maroon; font-weight: bold;">//</span><span style="color: #5555dd;">schemas.android.com</span><span style="color: #40015a;">/apk/res/android</span><span style="color: maroon;">"</span><span style="color: #a65700;">></span>
<span style="color: #a65700;"><</span><span style="color: #5f5035;">item</span> <span style="color: #007997;">android</span><span style="color: purple;">:</span><span style="color: #274796;">drawable</span><span style="color: #808030;">=</span><span style="color: maroon;">"</span><span style="color: #0000e6;">@drawable/btnblue</span><span style="color: maroon;">"</span>
<span style="color: #007997;">android</span><span style="color: purple;">:</span><span style="color: #274796;">state_pressed</span><span style="color: #808030;">=</span><span style="color: maroon;">"</span><span style="color: #0000e6;">true</span><span style="color: maroon;">"</span> <span style="color: #a65700;">/></span>
<span style="color: #a65700;"><</span><span style="color: #5f5035;">item</span> <span style="color: #007997;">android</span><span style="color: purple;">:</span><span style="color: #274796;">drawable</span><span style="color: #808030;">=</span><span style="color: maroon;">"</span><span style="color: #0000e6;">@drawable/btnrose</span><span style="color: maroon;">"</span>
<span style="color: #007997;">android</span><span style="color: purple;">:</span><span style="color: #274796;">state_focused</span><span style="color: #808030;">=</span><span style="color: maroon;">"</span><span style="color: #0000e6;">true</span><span style="color: maroon;">"</span> <span style="color: #a65700;">/></span>
<span style="color: #a65700;"><</span><span style="color: #5f5035;">item</span> <span style="color: #007997;">android</span><span style="color: purple;">:</span><span style="color: #274796;">drawable</span><span style="color: #808030;">=</span><span style="color: maroon;">"</span><span style="color: #0000e6;">@drawable/btnred</span><span style="color: maroon;">"</span> <span style="color: #a65700;">/></span>
<span style="color: #a65700;"></</span><span style="color: #5f5035;">selector</span><span style="color: #a65700;">></span>
</pre>
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbIaILcnwqQS7ejwZVfmeRZe850qteVzS2yw-i7XHd0qlwBDuJNb5EGRXU24AKfEOWNPFefdnQfNaeW_7-KuzSobNhxcorf22zdGSok40L4BdO_DdbNjtiYOx5_nAfyegfMGe4W-i9lGB2/s1600/Selector+added+in+a+xml+file+in+android.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Selector added in a xml file in android.jpeg" border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbIaILcnwqQS7ejwZVfmeRZe850qteVzS2yw-i7XHd0qlwBDuJNb5EGRXU24AKfEOWNPFefdnQfNaeW_7-KuzSobNhxcorf22zdGSok40L4BdO_DdbNjtiYOx5_nAfyegfMGe4W-i9lGB2/s400/Selector+added+in+a+xml+file+in+android.jpeg" title="Selector added in a xml file in android.jpeg" width="400" /></a></div>
<br />
You can see some errors in this code<br />
<span style="font-weight: bold;"><span style="color: red;">@drawable/btnblue</span></span>
<br />
<span style="font-weight: bold;"><span style="color: red;">@drawable/btnrose</span></span>
<br />
<span style="font-weight: bold;"><span style="color: red;">@drawable/btnred</span></span>
<br />
<br />
<span style="font-family: "times new roman";"><span style="white-space: normal;"> Because <b>btnBlue.jpg </b>, <b>btnRose.jpg</b> and <b>btnRed.jpg</b> are not in drawable directory.</span></span><br />
<span style="font-family: "times new roman";"><span style="white-space: normal;">4) Now we are going to create all these files in <b>drawable </b>directory.</span></span>
<br />
<span style="font-family: "times new roman";"><span style="white-space: normal;"><br /></span></span>
<span style="font-family: "times new roman";"><span style="white-space: normal;"> Copy the images to <b>drawable</b> directory.</span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu-WOWVrb1uRdSE6OcWDXevZW2ItCQbBLZFd-uQozCv9yb3Wnnr2LRu5QubtjiTPZnzG3GAT8qwKpPHLkYRkiHd_uVKyzu1-9MizokJJryMuxiCFMkkjUubYbDZplBJ4bS1jfAm0ko01VH/s1600/Copy+images+to+android+directory.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu-WOWVrb1uRdSE6OcWDXevZW2ItCQbBLZFd-uQozCv9yb3Wnnr2LRu5QubtjiTPZnzG3GAT8qwKpPHLkYRkiHd_uVKyzu1-9MizokJJryMuxiCFMkkjUubYbDZplBJ4bS1jfAm0ko01VH/s320/Copy+images+to+android+directory.jpeg" width="203" /></a></div>
<pre><span style="font-family: "times new roman";"><span style="white-space: normal;">
</span></span></pre>
<pre><span style="font-family: "times new roman";"><span style="white-space: normal;"> Paste the copied images to <b>drawable</b> directory.</span></span></pre>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPsdJEssVkJKhcgZCaGpEmmJtRoKIFOFd_SL_0ZAt7C87C2n2hhM9tCnBjC8qn547y4G7nJd2Q1lLoVrHzvT28PKjnH6SZYSrYeG-uhKKB1gKVgo6ua_9sSIRlq32Ho7INRmAoxqW8mtSS/s1600/Paste+the+copied+images+to+android+drawable+folder.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Paste the copied images to android drawable folder" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPsdJEssVkJKhcgZCaGpEmmJtRoKIFOFd_SL_0ZAt7C87C2n2hhM9tCnBjC8qn547y4G7nJd2Q1lLoVrHzvT28PKjnH6SZYSrYeG-uhKKB1gKVgo6ua_9sSIRlq32Ho7INRmAoxqW8mtSS/s400/Paste+the+copied+images+to+android+drawable+folder.jpeg" title="Paste the copied images to android drawable folder" width="400" /></a></div>
<pre><span style="font-family: "times new roman";"><span style="white-space: normal;">
</span></span></pre>
<pre><span style="font-family: "times new roman";"><span style="white-space: normal;"> A dialog box will ask for confirmation, just press ok.</span></span></pre>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlVY07AtVAoEKWWLNi4cRjWfZ2iZWrceDUM7ww8_Mqay2NfUK4NAa5QnRFxHND6aRY7lm3BFlyAiD7GT7bo0mpm-g1vKrAPi1FqeLKebjKK84L1q04RRcTLwkFNrPKHKO1YH50gs6xMRrl/s1600/Paste+dialog+box+in+adndroid+studio.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Paste dialog box in adndroid studio" border="0" height="99" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlVY07AtVAoEKWWLNi4cRjWfZ2iZWrceDUM7ww8_Mqay2NfUK4NAa5QnRFxHND6aRY7lm3BFlyAiD7GT7bo0mpm-g1vKrAPi1FqeLKebjKK84L1q04RRcTLwkFNrPKHKO1YH50gs6xMRrl/s320/Paste+dialog+box+in+adndroid+studio.jpeg" title="Paste dialog box in adndroid studio" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<pre><span style="font-family: "times new roman";"><span style="white-space: normal;"> Now the images are placed into <b>drawable </b>folder, and you can see that the <b>error </b>has been removed.</span></span></pre>
<pre><span style="font-family: "times new roman";"><span style="white-space: normal;">
</span></span></pre>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxS6kfcoBHV85kFEheXI6u6BhnId9hM5QmciOUJIrO5SNpe7MPG726W_P3u8U48CNXXLkCKQmRDit3fIX7g6fgknuTdr-ProRJ2ScUaJpWM2m93PNKyK2KExfI8TtZzlJrexyGmr7lzyim/s1600/Successfully+removed+the+error+in+android.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Successfully removed the error in android" border="0" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxS6kfcoBHV85kFEheXI6u6BhnId9hM5QmciOUJIrO5SNpe7MPG726W_P3u8U48CNXXLkCKQmRDit3fIX7g6fgknuTdr-ProRJ2ScUaJpWM2m93PNKyK2KExfI8TtZzlJrexyGmr7lzyim/s400/Successfully+removed+the+error+in+android.jpeg" title="Successfully removed the error in android" width="400" /></a></div>
<pre><span style="font-family: "times new roman";"><span style="white-space: normal;">
</span></span></pre>
<div class="separator" style="clear: both; text-align: center;">
</div>
<pre><span style="color: red; font-family: "times new roman";"><span style="white-space: normal;"><b>Note : Image name should not contain capital letters.</b></span></span></pre>
<pre><span style="font-family: "times new roman";"><span style="white-space: normal;">
</span></span></pre>
<pre><span style="font-family: "times new roman";"><span style="white-space: normal;">
</span></span></pre>
<div style="text-align: center;">
<a href="https://github.com/merbin2012/Android-button-hover-clicked-and-normal-image" rel="nofollow" target="_blank"><img alt=" Download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ3Iw8wSS9Qdu5fbn5NzKmgx2_A5yFzERM9viOMlmjfIvaEav5wJn-zwTexASNhKlt4S0A0OYOoS-Fi9PfCaH5nXv181FYUBayfprDBoTX0D4EYhPdDwBXj3ecq6YC6FigK8nomgN3hM3G/s1600/GitHub-Mark-32px.png" />Download</a>
</div>
</div>
Merbin Joehttp://www.blogger.com/profile/10482002526923883942noreply@blogger.com0tag:blogger.com,1999:blog-4457383778865341080.post-64591682421951259482016-08-19T00:20:00.001+05:302017-01-16T10:45:04.970+05:30How to create webview and load html code into that WebView using android java<div dir="ltr" style="text-align: left;" trbidi="on">
This post shares some useful information about the WebView. We will see how to create a new WebView and how to load a html code into the newly created WebView in android. In the previous post we saw about creating WebView in android studio.<br />
<br />
In case if you missed it <a href="http://allinworld99.blogspot.com/2016/08/create-first-webview-in-android-studio.html" rel="nofollow" target="_blank">please click here</a><br />
<br />
<div style="text-align: left;">
<span style="background-color: white; font-size: 15px; text-align: justify;"><span style="font-family: inherit;">WebView is a view that display web pages inside an application. We can also specify html string and can show it inside your application using WebView. WebView turns your application to a web application.</span></span></div>
<br />
To load a html code into a WebView use the following code<br />
<br />
<b>Code to load html code directly into WebView</b><br />
<div class="boxed">
<pre style="color: black; width: 100%;"><span style="color: #0000e6;">String</span><span style="color: #808030;"> </span>html <span style="color: #808030;">=</span> "<span style="color: #808030;"><</span>html<span style="color: #808030;">></span><span style="color: #808030;"><</span>body<span style="color: #808030;">></span>This is the test webview<span style="color: #808030;"><</span><span style="color: #808030;">/</span>body<span style="color: #808030;">></span><span style="color: #808030;"><</span><span style="color: #808030;">/</span>html<span style="color: #808030;">></span>"<span style="color: #808030;">;</span>
<span style="color: #0000e6;">String</span><span style="color: #808030;"> </span>mime <span style="color: #808030;">=</span> "text<span style="color: #808030;">/</span>html"<span style="color: #808030;">;</span>
<span style="color: #0000e6;">String</span><span style="color: #808030;"> </span>encoding <span style="color: #808030;">=</span> "utf<span style="color: #808030;">-</span>8"<span style="color: #808030;">;</span>
<div style="display: none;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN5nmS3Y0h5g2oqmeBLlpwpsQqqgwub-w-1uGnm2FbXe4UWMjnls3pS6JEOK2BB-yj16TywaCFabzgaUTinvoswgx_BCvttF6jE7NDnQMc_5bqxrGzp-ht_sKmlhRa9Tr33hscCcmZKA75/s1600/HTML+into+webview.jpeg" imageanchor="1"><img border="0" height="243" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN5nmS3Y0h5g2oqmeBLlpwpsQqqgwub-w-1uGnm2FbXe4UWMjnls3pS6JEOK2BB-yj16TywaCFabzgaUTinvoswgx_BCvttF6jE7NDnQMc_5bqxrGzp-ht_sKmlhRa9Tr33hscCcmZKA75/s320/HTML+into+webview.jpeg" width="320" /></a>
</div>
<a name='more'></a>
<span style="color: #0000e6;">WebView</span><span style="color: #808030;"> </span>myWebView <span style="color: #808030;">=</span> <span style="color: #808030;">(</span>WebView<span style="color: #808030;">)</span>this<span style="color: #808030;">.</span>findViewById<span style="color: #808030;">(</span>R<span style="color: #808030;">.</span>id<span style="color: #808030;">.</span>myWebView<span style="color: #808030;">)</span><span style="color: #808030;">;</span>
<span style="color: #0000e6;">myWebView.getSettings().setJavaScriptEnabled(true);</span>
<span style="color: #0000e6;">myWebView.loadDataWithBaseURL(null,</span><span style="color: #808030;"> </span>html<span style="color: #808030;">,</span> mime<span style="color: #808030;">,</span> encoding<span style="color: #808030;">,</span> null<span style="color: #808030;">)</span><span style="color: #808030;">;</span>
</pre>
</div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTSIk9uXIeyI4VT0_Wkza5wxg1t2p7Q33_FLFnzEMQYEuXW0a-nvVy7Rmbw9bTktQeGaVkCQsPUsPxnt_L_EC84DDLzgETCVjgpaYEDBMXjOAGdN_iiifCwEGxGpS1Rgxxf-Zk6xAINBJ5/s1600/Html+code+into+webview.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Html code into webview" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTSIk9uXIeyI4VT0_Wkza5wxg1t2p7Q33_FLFnzEMQYEuXW0a-nvVy7Rmbw9bTktQeGaVkCQsPUsPxnt_L_EC84DDLzgETCVjgpaYEDBMXjOAGdN_iiifCwEGxGpS1Rgxxf-Zk6xAINBJ5/s400/Html+code+into+webview.png" title="Html code into webview" width="225" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://github.com/merbin2012/Test-webview-into-htmlcode" rel="nofollow" target="_blank"><img alt=" Download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ3Iw8wSS9Qdu5fbn5NzKmgx2_A5yFzERM9viOMlmjfIvaEav5wJn-zwTexASNhKlt4S0A0OYOoS-Fi9PfCaH5nXv181FYUBayfprDBoTX0D4EYhPdDwBXj3ecq6YC6FigK8nomgN3hM3G/s1600/GitHub-Mark-32px.png" />Download</a></div>
</div>
Merbin Joehttp://www.blogger.com/profile/10482002526923883942noreply@blogger.com0tag:blogger.com,1999:blog-4457383778865341080.post-24083054496250286552016-11-22T14:11:00.001+05:302017-01-13T21:37:54.827+05:30How to find motherboard model, version and serial number?<div dir="ltr" style="text-align: left;" trbidi="on">
If you bought a new or second handed motherboard, it may not have a proper driver software. It will be very difficult to find the suitable driver software. This post will be helpful to find the suitable driver software like sound driver, video driver, chip set driver and all motherboard related softwares.<br />
<br />
In your computer just open the comment prompt(Window key + R => cmd=> enter) and type the following command.<br />
<br />
<div style="display: none;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQh9tNde3W8HqGZpW4ag71VBGV65TIljquNZWupmNynuW5Knn5Tq4u8A3fO52NPuGZZUm9NQuqkA_pFMYKGrgGYCSIs2R8_WSLvXk_X-USGaIQPZ8SM72E0OeDDnhXT9xAvjSRrFyCI6Ak/s1600/Motherboard+Model+number.png" imageanchor="1"><img border="0" height="243" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQh9tNde3W8HqGZpW4ag71VBGV65TIljquNZWupmNynuW5Knn5Tq4u8A3fO52NPuGZZUm9NQuqkA_pFMYKGrgGYCSIs2R8_WSLvXk_X-USGaIQPZ8SM72E0OeDDnhXT9xAvjSRrFyCI6Ak/s320/Motherboard+Model+number.png" width="320" /></a>
</div>
<a name='more'></a><div class="boxed">
<div style="text-align: center;">
<b> wmic baseboard get product,Manufacturer,version,serialnumber</b></div>
</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjFxt8aTvcQG6WnOfsi68PwSBVgnEQHXRWKcJJPiGc8DKjyrM_aZgfVVt_kVwamVHyQzMXkuRvZYlrfkJKfXwEGDzrPvYqKl8d6r9sHQLeM_JVnAvnO5DCcfl18dt_FwwgzxjhPrMuyCeO/s1600/Find+motherborad+serial+number+and+model+number.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjFxt8aTvcQG6WnOfsi68PwSBVgnEQHXRWKcJJPiGc8DKjyrM_aZgfVVt_kVwamVHyQzMXkuRvZYlrfkJKfXwEGDzrPvYqKl8d6r9sHQLeM_JVnAvnO5DCcfl18dt_FwwgzxjhPrMuyCeO/s400/Find+motherborad+serial+number+and+model+number.png" width="400" /></a></div>
<br />
<br />
<b>Step 1:</b><br />
Click on <b>Start => Run</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDaE8Y-hR1CzLr_Ce1EMqRs8CQu6MuPKNLEkM8sj336Ea82tXy84texG7SBQGxP559Tr91JT9k5f65sWvrtWZZlj6eEUqP2InpBSmRjXiw1XY8YhaOlQSiSbcYIurUk3ou43ICbVraysqn/s1600/Start+run+from+windows+7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Start run from windows 7" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDaE8Y-hR1CzLr_Ce1EMqRs8CQu6MuPKNLEkM8sj336Ea82tXy84texG7SBQGxP559Tr91JT9k5f65sWvrtWZZlj6eEUqP2InpBSmRjXiw1XY8YhaOlQSiSbcYIurUk3ou43ICbVraysqn/s400/Start+run+from+windows+7.png" title="Start run from windows 7" width="321" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghptOro6qQ6P6enugTior8ex-jV_mwiwLx5eAocKWqrJOeeDkwtecnY0OcxGjmak_rGL-sKr6N5lCDXcFMgRZdSNd9hbGUrmX2gBg5Uu7NCxOLJ_EslEfhPmkmuy8g3Wq0gXCmnb0M3anE/s1600/Run+dialog+box.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Run dialog box" border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghptOro6qQ6P6enugTior8ex-jV_mwiwLx5eAocKWqrJOeeDkwtecnY0OcxGjmak_rGL-sKr6N5lCDXcFMgRZdSNd9hbGUrmX2gBg5Uu7NCxOLJ_EslEfhPmkmuy8g3Wq0gXCmnb0M3anE/s320/Run+dialog+box.png" title="Run dialog box" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<b>Step 2:</b><br />
Type <b>cmd </b>and press <b>OK.</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVBnElc_F00skNE_rsU-p8rREAUt3RmxqFsk_2LwTaW0PRzLz8CSibwGcM8vkBdDNc5FXysBEcoqEXK9nA22zRUdqGniV4GdZLEUv-6Xg8aUcuHo1iNpU-XF_DLq32oVLzI4CMA0VXgKUe/s1600/open+command+prompt.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="open command prompt" border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVBnElc_F00skNE_rsU-p8rREAUt3RmxqFsk_2LwTaW0PRzLz8CSibwGcM8vkBdDNc5FXysBEcoqEXK9nA22zRUdqGniV4GdZLEUv-6Xg8aUcuHo1iNpU-XF_DLq32oVLzI4CMA0VXgKUe/s400/open+command+prompt.png" title="open command prompt" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYDYTeoGY9dbxn2B4rAWcpD7v1JILsB1fcF8UtDG4Bs9BfDceOQHcIOw8guqxaHvu7pdMGB7ijc0EX0Va8MDQ57ZNCAIABDEIpnmr95EPP8AwkPT8QcT7Lnu8A8sPpgURVor2IH71h02Eo/s1600/Command+prompt.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Command prompt" border="0" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYDYTeoGY9dbxn2B4rAWcpD7v1JILsB1fcF8UtDG4Bs9BfDceOQHcIOw8guqxaHvu7pdMGB7ijc0EX0Va8MDQ57ZNCAIABDEIpnmr95EPP8AwkPT8QcT7Lnu8A8sPpgURVor2IH71h02Eo/s400/Command+prompt.png" title="Command prompt" width="400" /></a></div>
<br />
<br />
<b>Step 3:</b><br />
Right click and paste this commands "<b>wmic baseboard get product,Manufacturer,version,serialnumber</b>" then press <b>Enter.</b><br />
<span style="color: red;">Note: ctrl </span><span style="color: red;">+ v shortcut does not work here.</span><br />
<b><br /></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg92Sl1mG-nIvFqVhzbT-ZqaMGBEWeSn8vmC-eYhXCGI-AE1UNrKAlZ4yqQSgC-u6EutfHuRvO1zEG8ZAp8xfFImBxvVIypw-CI7ZLpeWuP1BPouMCdbVCg6xZSCXGnhUsd5abZ-mc5xElp/s1600/Mother+board+serial+number+command.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Mother board serial number command" border="0" height="202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg92Sl1mG-nIvFqVhzbT-ZqaMGBEWeSn8vmC-eYhXCGI-AE1UNrKAlZ4yqQSgC-u6EutfHuRvO1zEG8ZAp8xfFImBxvVIypw-CI7ZLpeWuP1BPouMCdbVCg6xZSCXGnhUsd5abZ-mc5xElp/s400/Mother+board+serial+number+command.png" title="Mother board serial number command" width="400" /></a></div>
<b><br /></b>
<b><br /></b>
<b><br /></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCuO-61oevziuFZYAuVnob_b1yrcq2BNEeeRI59YHAYHtJglGBDCDaWP-4DBnPo7nxw7bKxj3_3nN4dmvOvE8z39e0gg0CrwoYyhKCRmmgcdkTpQk_R5wb4On4u3-ehbtrbt5vihTf4kYi/s1600/Mother+board+model.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="152" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCuO-61oevziuFZYAuVnob_b1yrcq2BNEeeRI59YHAYHtJglGBDCDaWP-4DBnPo7nxw7bKxj3_3nN4dmvOvE8z39e0gg0CrwoYyhKCRmmgcdkTpQk_R5wb4On4u3-ehbtrbt5vihTf4kYi/s640/Mother+board+model.png" width="640" /></a></div>
<br />
Now you can search using the model number ( here <b>DH61WW</b>) in internet.</div>
Merbin Joehttp://www.blogger.com/profile/10482002526923883942noreply@blogger.com0