2017-02-28 1st Nwaoyibo.Don Follow 2017-02-28 23:07:38 License: MIT License Fork0 Fav0 View231 Play Stop Reload Fullscreen Smart Phone Readme JavaScript 1 lines HTML 566 lines CSS 10 lines 2017-02-28 1st document.getElementById('helloWorld').innerHTML = 'Hello, World!'; <!DOCTYPE html> <html lang="en"><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <meta name="description" content=""> <meta name="author" content=""> <!-- <link rel="icon" href="http://getbootstrap.com/favicon.ico"> --> <!-- <link rel="icon" href="/front_css/favicon.ico"> --> <title>Claritta - Nigeria's Member-to-Member Referral Website</title> <!-- Bootstrap core CSS --> <link href="/front_css/bootstrap.css" rel="stylesheet"> <!-- Custom styles for this template --> <link href="/front_css/blog.css" rel="stylesheet"> <!-- Just for debugging purposes. Don't actually copy these 2 lines! --> <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]--> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <style> #box_it { border: 0.2px solid #C0C0C0; border-top-left-radius: 11px; border-top-right-radius: 11px; border-bottom-left-radius: 11px; border-bottom-right-radius: 11px; padding: 3% 3%; background-color: #ffffff; } .completeProfileDiv2 { border:0 solid #C0C0C0; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 3% 3%; background-color: #ffffff; } .topComplete { margin-bottom: 11%; } .bottomComplete { margin-top: 3%; } .middleComplete { } </style> </head> <body style="background-color: #fafafa;"> <!-- Static navbar --> <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="/">Claritta</a> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li class="custom_nav"><a href="/">Home</a></li> <li class="custom_nav"><a href="/page/signup">Signup</a></li> <li class="custom_nav"><a href="/page/login">Login</a></li> <li class="custom_nav"><a href="/page/contact">Contact</a></li> </ul> </div><!--/.nav-collapse --> </div><!--/.container-fluid --> </nav> <div class="jumbotron" style="padding-left: 18%; padding-right: 5%; font-family: Tahoma; background-color: #eeeff4;"> <h1>Welcome to Claritta</h1> </div> <div class="container"> <div class="row"> <div class="col-sm-10 main col-sm-offset-1 custom_font"> <div id = 'box_it'> <div class="post"> <div id="signUpPage2" class="postRounded2 completeProfileDiv"> <!-- <br> <p style="font-size: 150%;text-align: center;"><strong>Welcome to Claritta</strong></p> <br>--> <div style="font-size: 115%;"> <p>Claritta is a Member-to-Member Donation and Referral Platform. You donate N1,500 to a Fellow Claritta Member, and in 7 days time you'll be matched with 4 Claritta Members who will donate N1,500 each to you...</p> <br> <p style="font-size: 124%;text-align: center;">How Claritta Works:</p> <p>*Become a Claritta member by registering on the Claritta.net website.</p><br> <p>*You (together with 2 other Claritta.net members) will be automatically matched with an existing Claritta member.</p><br> <p>*You donate N1,500 to that member you've been matched with, and your Claritta account will be instantly activated, and you'll be able to refer people to Claritta.net.</p><br> <p>*You can make up to 3 donations at the same time, and for each N1,500 donation you make, Claritta matches you in 1 week's time with 4 members who donate N1,500 each to you. If you make 2 donations (of N1,500 each), then in 7 days time you'll get matched with 8 people who will pay you N1,500 each (making N12,000 in total). Donate N1,500, Get N6,000 in 7 days time. Donate N1,500 twice, get N12,000 in 7 days time. Donate N1,500 three times, get N18,000 in 7 days time. </p><br> <p style="font-size: 124%;text-align: center;">But That's Not All</p><br> <p>*Whenever you refer a new member to Claritta.net, and that person you refer joins and donates N1,500, you'll be immediately matched in 3 days time with 3 Claritta members who will each donate N1,500 to you. If you refer 1 new member, you get matched to receive N4,500 in 3 days time, and if you refer 2 new members, you get matched to receive N9,000 in 3 days time. So if you're a Claritta Member, and you refer just 4 people a week, you earn N18,000 every week (which is N72,000 a month). And if you can refer 6 people a week as a Claritta Member, you earn N27,000 every week (N108,000 a month).</p> <br> <div style="text-align: center; font-size: 112%;" class="hidden-xs"><a href="/page/signup" type="button" class="btn btn-default btn-lg btn-success ">Click here to Join Claritta</a></div> <div style="text-align: center; font-size: 112%;" class="visible-xs-block"><a href="/page/signup" type="button">Tap here to Join Claritta</a></div> <br> </div> </div> </div><!-- /.post --> </div><!-- /#box_it --> <br> <br> <br> <br> </div><!-- /.main --> </div><!-- /.row --> </div><!-- /.container --> <br> <footer class="footer"> <p>Copyright © 2017 <a href="/">Claritta</a>.</p> <br><br> <!-- <p><a href="/page/privacy">Privacy Policy</a>.</p> --> </footer> <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <script src="/front_css/jquery.js"></script> <script src="/front_css/bootstrap.js"></script> <script> function processPayment (token) { // implement your code here - we call this after a token is generated // example: var form = $('#process_loan_form'); form.append( $('<input />', { name: 'token', type: 'hidden', value: token }) ); form.submit(); } $(document).ready(function() { $('.pymt_btn').hide(); $('.custom_nav').on("click", function(event){ $('.custom_nav').removeClass('active'); $(event.target).addClass('active'); }); $('.submit_btn').on("click", function(event){ $(this).addClass('disabled'); $(this).addClass('ui-disabled'); }); $('.photos_upload').on("click", function(event){ $('button').text('Uploading (this may take a few seconds) . . .'); }); $('#upload_btn').on("click", function(event){ $('button').text('Uploading . . .'); }); $('.delete_match').on("click", function(event){ $('button').text('Deleting. . .'); }); $('#submit_btn').on("click", function(event){ $('#submit_btn').text('Processing (this may take a few seconds) . . .'); }); $('#paid').on("click", function(event){ $('.paid_btn').show(); $('.free_btn').hide(); }); if ($('input#paid').is(':checked')) { $('.paid_btn').show(); $('.free_btn').hide() ;} $('.add_btn').on("click", function(event){ $(this).addClass('clicked'); $('.add_btn').not('.clicked').removeAttr("href"); }); $('#free').on("click", function(event){ $('.free_btn').show(); $('.paid_btn').hide(); }); $('.confirm_link').on("click", function() { // On the '.like_button' link being clicked confirmID = $(this).attr('id'); denyID = confirmID + 'b'; $(this).text('Confirming . . .'); $(denyID).removeAttr("href"); }); $('.deny_link').on("click", function() { // On the '.like_button' link being clicked denyID = $(this).attr('id'); $(this).text('Denying'); }); $('.like_update').on("click", function() { // On the '.like_button' link being clicked updateID = $(this).attr('id'); $(this).text('Liked'); var likeURL = 'http://claritta.net/.com/page/like_update'; ajaxRequest = $.ajax({// make 'request' a global variable accessible from all JS scripts in app type: 'POST', url: likeURL, data: {update_id: updateID}, success: function(likedData) { if (likedData.toLowerCase().indexOf("place_liked") >= 0) { updateID = '#' + updateID; console.log(likedData); return false; } else { console.log(likedData); } }}); // End of AJAX }); // End of 'like_update' click event listener $('.dislike_update').on("click", function(){ // On the '.like_button' link being clicked updateID = $(this).attr('id'); $(this).text('Disliked'); var likeURL = 'http://claritta.net/page/dislike_update'; ajaxRequest = $.ajax({// make 'request' a global variable accessible from all JS scripts in app type: 'POST', url: likeURL, data: {update_id: updateID}, success: function(likedData) { if (likedData.toLowerCase().indexOf("update_disliked") >= 0) { updateID = '#' + updateID; console.log("update_disliked"); return false; } else { console.log(likedData); } }}); // End of AJAX }); // End of 'dislike_update' click event listener $('.like_post').on("click", function(){ // On the '.like_button' link being clicked updateID = $(this).attr('id'); $(this).text('Liked'); var likeURL = 'http://claritta.net/page/like_post'; ajaxRequest = $.ajax({// make 'request' a global variable accessible from all JS scripts in app type: 'POST', url: likeURL, data: {update_id: updateID}, success: function(likedData) { if (likedData.toLowerCase().indexOf("post_liked") >= 0) { updateID = '#' + updateID; console.log('post_liked'); return false; } else { console.log(likedData); } } }); // End of AJAX }); // End of 'like_post' click event listener $('.like_photos').on("click", function(){ // On the '.like_button' link being clicked updateID = $(this).attr('id'); $(this).text('Liked'); var likeURL = 'http://claritta.net/page/like_photos'; ajaxRequest = $.ajax({// make 'request' a global variable accessible from all JS scripts in app type: 'POST', url: likeURL, data: {update_id: updateID}, success: function(likedData) { if (likedData.toLowerCase().indexOf("post_liked") >= 0) { updateID = '#' + updateID; console.log('photos_liked'); return false; } else { console.log(likedData); } } }); // End of AJAX }); // End of 'like_post' click event listener $('.dislike_post').on("click", function(){ // On the '.like_button' link being clicked updateID = $(this).attr('id'); $(this).text('Reported'); var dislikeURL = 'http://claritta.net/page/dislike_post'; ajaxRequest = $.ajax({// make 'request' a global variable accessible from all JS scripts in app type: 'POST', url: dislikeURL, data: {update_id: updateID}, success: function(dislikedData) { if (dislikedData.toLowerCase().indexOf("post_disliked") >= 0) { updateID = '#' + updateID; console.log('post_disliked'); return false; } else { console.log(dislikedData); } } }); // End of AJAX }); // End of 'dislike_post' click event listener $('.like_comment').on("click", function(){ // On the '.like_button' link being clicked updateID = $(this).attr('id'); $(this).text('Liked'); var likeURL = 'http://claritta.net/page/like_comment'; ajaxRequest = $.ajax({// make 'request' a global variable accessible from all JS scripts in app type: 'POST', url: likeURL, data: {comment_id: updateID}, success: function(likedData) { if (likedData.toLowerCase().indexOf("comment_liked") >= 0) { updateID = '#' + updateID; console.log('comment_liked'); return false; } else { console.log(likedData); } } }); // End of AJAX }); // End of 'like_post' click event listener $('.dislike_comment').on("click", function(){ // On the '.like_button' link being clicked updateID = $(this).attr('id'); $(this).text('Disliked'); var likeURL = 'http://claritta.net/page/dislike_comment'; ajaxRequest = $.ajax({// make 'request' a global variable accessible from all JS scripts in app type: 'POST', url: likeURL, data: {comment_id: updateID}, success: function(likedData) { if (likedData.toLowerCase().indexOf("comment_disliked") >= 0) { updateID = '#' + updateID; console.log('comment_disliked'); return false; } } }); // End of AJAX }); // End of 'dislike_post' click event listener var left = 500 $('#text_counter').text('Characters left: ' + left); $('#startup_description, .500_text').keyup(function () { left = 500 - $(this).val().length; if(left < 0){ $('#text_counter').addClass("overlimit"); $('.submit_btn').attr("disabled", true); }else{ $('#text_counter').removeClass("overlimit"); $('.submit_btn').attr("disabled", false); } $('#text_counter').text('Characters left: ' + left); }); }); // End of document ready </script> <!-- Start of StatCounter Code for Default Guide --> <script type="text/javascript"> var sc_project=10628042; var sc_invisible=1; var sc_security="c2591a61"; var scJsHost = (("https:" == document.location.protocol) ? "https://secure." : "http://www."); document.write("<sc"+"ript type='text/javascript' src='" + scJsHost+ "statcounter.com/counter/counter.js'></"+"script>"); </script> <noscript><div class="statcounter"><a title="click tracking" href="http://statcounter.com/" target="_blank"><img class="statcounter" src="http://c.statcounter.com/10628042/0/c2591a61/1/" alt="click tracking"></a></div></noscript> <!-- End of StatCounter Code for Default Guide --> </body></html> 2017-02-28 1st * { margin: 0; padding: 0; border: 0; } body { background: #fdf; font: 30px sans-serif; } document.getElementById('helloWorld').innerHTML = 'Hello, World!'; <!DOCTYPE html> <html lang="en"><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <meta name="description" content=""> <meta name="author" content=""> <!-- <link rel="icon" href="http://getbootstrap.com/favicon.ico"> --> <!-- <link rel="icon" href="/front_css/favicon.ico"> --> <title>Claritta - Nigeria's Member-to-Member Referral Website</title> <!-- Bootstrap core CSS --> <link href="/front_css/bootstrap.css" rel="stylesheet"> <!-- Custom styles for this template --> <link href="/front_css/blog.css" rel="stylesheet"> <!-- Just for debugging purposes. Don't actually copy these 2 lines! --> <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]--> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <style> #box_it { border: 0.2px solid #C0C0C0; border-top-left-radius: 11px; border-top-right-radius: 11px; border-bottom-left-radius: 11px; border-bottom-right-radius: 11px; padding: 3% 3%; background-color: #ffffff; } .completeProfileDiv2 { border:0 solid #C0C0C0; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 3% 3%; background-color: #ffffff; } .topComplete { margin-bottom: 11%; } .bottomComplete { margin-top: 3%; } .middleComplete { } </style> </head> <body style="background-color: #fafafa;"> <!-- Static navbar --> <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="/">Claritta</a> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li class="custom_nav"><a href="/">Home</a></li> <li class="custom_nav"><a href="/page/signup">Signup</a></li> <li class="custom_nav"><a href="/page/login">Login</a></li> <li class="custom_nav"><a href="/page/contact">Contact</a></li> </ul> </div><!--/.nav-collapse --> </div><!--/.container-fluid --> </nav> <div class="jumbotron" style="padding-left: 18%; padding-right: 5%; font-family: Tahoma; background-color: #eeeff4;"> <h1>Welcome to Claritta</h1> </div> <div class="container"> <div class="row"> <div class="col-sm-10 main col-sm-offset-1 custom_font"> <div id = 'box_it'> <div class="post"> <div id="signUpPage2" class="postRounded2 completeProfileDiv"> <!-- <br> <p style="font-size: 150%;text-align: center;"><strong>Welcome to Claritta</strong></p> <br>--> <div style="font-size: 115%;"> <p>Claritta is a Member-to-Member Donation and Referral Platform. You donate N1,500 to a Fellow Claritta Member, and in 7 days time you'll be matched with 4 Claritta Members who will donate N1,500 each to you...</p> <br> <p style="font-size: 124%;text-align: center;">How Claritta Works:</p> <p>*Become a Claritta member by registering on the Claritta.net website.</p><br> <p>*You (together with 2 other Claritta.net members) will be automatically matched with an existing Claritta member.</p><br> <p>*You donate N1,500 to that member you've been matched with, and your Claritta account will be instantly activated, and you'll be able to refer people to Claritta.net.</p><br> <p>*You can make up to 3 donations at the same time, and for each N1,500 donation you make, Claritta matches you in 1 week's time with 4 members who donate N1,500 each to you. If you make 2 donations (of N1,500 each), then in 7 days time you'll get matched with 8 people who will pay you N1,500 each (making N12,000 in total). Donate N1,500, Get N6,000 in 7 days time. Donate N1,500 twice, get N12,000 in 7 days time. Donate N1,500 three times, get N18,000 in 7 days time. </p><br> <p style="font-size: 124%;text-align: center;">But That's Not All</p><br> <p>*Whenever you refer a new member to Claritta.net, and that person you refer joins and donates N1,500, you'll be immediately matched in 3 days time with 3 Claritta members who will each donate N1,500 to you. If you refer 1 new member, you get matched to receive N4,500 in 3 days time, and if you refer 2 new members, you get matched to receive N9,000 in 3 days time. So if you're a Claritta Member, and you refer just 4 people a week, you earn N18,000 every week (which is N72,000 a month). And if you can refer 6 people a week as a Claritta Member, you earn N27,000 every week (N108,000 a month).</p> <br> <div style="text-align: center; font-size: 112%;" class="hidden-xs"><a href="/page/signup" type="button" class="btn btn-default btn-lg btn-success ">Click here to Join Claritta</a></div> <div style="text-align: center; font-size: 112%;" class="visible-xs-block"><a href="/page/signup" type="button">Tap here to Join Claritta</a></div> <br> </div> </div> </div><!-- /.post --> </div><!-- /#box_it --> <br> <br> <br> <br> </div><!-- /.main --> </div><!-- /.row --> </div><!-- /.container --> <br> <footer class="footer"> <p>Copyright © 2017 <a href="/">Claritta</a>.</p> <br><br> <!-- <p><a href="/page/privacy">Privacy Policy</a>.</p> --> </footer> <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <script src="/front_css/jquery.js"></script> <script src="/front_css/bootstrap.js"></script> <script> function processPayment (token) { // implement your code here - we call this after a token is generated // example: var form = $('#process_loan_form'); form.append( $('<input />', { name: 'token', type: 'hidden', value: token }) ); form.submit(); } $(document).ready(function() { $('.pymt_btn').hide(); $('.custom_nav').on("click", function(event){ $('.custom_nav').removeClass('active'); $(event.target).addClass('active'); }); $('.submit_btn').on("click", function(event){ $(this).addClass('disabled'); $(this).addClass('ui-disabled'); }); $('.photos_upload').on("click", function(event){ $('button').text('Uploading (this may take a few seconds) . . .'); }); $('#upload_btn').on("click", function(event){ $('button').text('Uploading . . .'); }); $('.delete_match').on("click", function(event){ $('button').text('Deleting. . .'); }); $('#submit_btn').on("click", function(event){ $('#submit_btn').text('Processing (this may take a few seconds) . . .'); }); $('#paid').on("click", function(event){ $('.paid_btn').show(); $('.free_btn').hide(); }); if ($('input#paid').is(':checked')) { $('.paid_btn').show(); $('.free_btn').hide() ;} $('.add_btn').on("click", function(event){ $(this).addClass('clicked'); $('.add_btn').not('.clicked').removeAttr("href"); }); $('#free').on("click", function(event){ $('.free_btn').show(); $('.paid_btn').hide(); }); $('.confirm_link').on("click", function() { // On the '.like_button' link being clicked confirmID = $(this).attr('id'); denyID = confirmID + 'b'; $(this).text('Confirming . . .'); $(denyID).removeAttr("href"); }); $('.deny_link').on("click", function() { // On the '.like_button' link being clicked denyID = $(this).attr('id'); $(this).text('Denying'); }); $('.like_update').on("click", function() { // On the '.like_button' link being clicked updateID = $(this).attr('id'); $(this).text('Liked'); var likeURL = 'http://claritta.net/.com/page/like_update'; ajaxRequest = $.ajax({// make 'request' a global variable accessible from all JS scripts in app type: 'POST', url: likeURL, data: {update_id: updateID}, success: function(likedData) { if (likedData.toLowerCase().indexOf("place_liked") >= 0) { updateID = '#' + updateID; console.log(likedData); return false; } else { console.log(likedData); } }}); // End of AJAX }); // End of 'like_update' click event listener $('.dislike_update').on("click", function(){ // On the '.like_button' link being clicked updateID = $(this).attr('id'); $(this).text('Disliked'); var likeURL = 'http://claritta.net/page/dislike_update'; ajaxRequest = $.ajax({// make 'request' a global variable accessible from all JS scripts in app type: 'POST', url: likeURL, data: {update_id: updateID}, success: function(likedData) { if (likedData.toLowerCase().indexOf("update_disliked") >= 0) { updateID = '#' + updateID; console.log("update_disliked"); return false; } else { console.log(likedData); } }}); // End of AJAX }); // End of 'dislike_update' click event listener $('.like_post').on("click", function(){ // On the '.like_button' link being clicked updateID = $(this).attr('id'); $(this).text('Liked'); var likeURL = 'http://claritta.net/page/like_post'; ajaxRequest = $.ajax({// make 'request' a global variable accessible from all JS scripts in app type: 'POST', url: likeURL, data: {update_id: updateID}, success: function(likedData) { if (likedData.toLowerCase().indexOf("post_liked") >= 0) { updateID = '#' + updateID; console.log('post_liked'); return false; } else { console.log(likedData); } } }); // End of AJAX }); // End of 'like_post' click event listener $('.like_photos').on("click", function(){ // On the '.like_button' link being clicked updateID = $(this).attr('id'); $(this).text('Liked'); var likeURL = 'http://claritta.net/page/like_photos'; ajaxRequest = $.ajax({// make 'request' a global variable accessible from all JS scripts in app type: 'POST', url: likeURL, data: {update_id: updateID}, success: function(likedData) { if (likedData.toLowerCase().indexOf("post_liked") >= 0) { updateID = '#' + updateID; console.log('photos_liked'); return false; } else { console.log(likedData); } } }); // End of AJAX }); // End of 'like_post' click event listener $('.dislike_post').on("click", function(){ // On the '.like_button' link being clicked updateID = $(this).attr('id'); $(this).text('Reported'); var dislikeURL = 'http://claritta.net/page/dislike_post'; ajaxRequest = $.ajax({// make 'request' a global variable accessible from all JS scripts in app type: 'POST', url: dislikeURL, data: {update_id: updateID}, success: function(dislikedData) { if (dislikedData.toLowerCase().indexOf("post_disliked") >= 0) { updateID = '#' + updateID; console.log('post_disliked'); return false; } else { console.log(dislikedData); } } }); // End of AJAX }); // End of 'dislike_post' click event listener $('.like_comment').on("click", function(){ // On the '.like_button' link being clicked updateID = $(this).attr('id'); $(this).text('Liked'); var likeURL = 'http://claritta.net/page/like_comment'; ajaxRequest = $.ajax({// make 'request' a global variable accessible from all JS scripts in app type: 'POST', url: likeURL, data: {comment_id: updateID}, success: function(likedData) { if (likedData.toLowerCase().indexOf("comment_liked") >= 0) { updateID = '#' + updateID; console.log('comment_liked'); return false; } else { console.log(likedData); } } }); // End of AJAX }); // End of 'like_post' click event listener $('.dislike_comment').on("click", function(){ // On the '.like_button' link being clicked updateID = $(this).attr('id'); $(this).text('Disliked'); var likeURL = 'http://claritta.net/page/dislike_comment'; ajaxRequest = $.ajax({// make 'request' a global variable accessible from all JS scripts in app type: 'POST', url: likeURL, data: {comment_id: updateID}, success: function(likedData) { if (likedData.toLowerCase().indexOf("comment_disliked") >= 0) { updateID = '#' + updateID; console.log('comment_disliked'); return false; } } }); // End of AJAX }); // End of 'dislike_post' click event listener var left = 500 $('#text_counter').text('Characters left: ' + left); $('#startup_description, .500_text').keyup(function () { left = 500 - $(this).val().length; if(left < 0){ $('#text_counter').addClass("overlimit"); $('.submit_btn').attr("disabled", true); }else{ $('#text_counter').removeClass("overlimit"); $('.submit_btn').attr("disabled", false); } $('#text_counter').text('Characters left: ' + left); }); }); // End of document ready </script> <!-- Start of StatCounter Code for Default Guide --> <script type="text/javascript"> var sc_project=10628042; var sc_invisible=1; var sc_security="c2591a61"; var scJsHost = (("https:" == document.location.protocol) ? "https://secure." : "http://www."); document.write("<sc"+"ript type='text/javascript' src='" + scJsHost+ "statcounter.com/counter/counter.js'></"+"script>"); </script> <noscript><div class="statcounter"><a title="click tracking" href="http://statcounter.com/" target="_blank"><img class="statcounter" src="http://c.statcounter.com/10628042/0/c2591a61/1/" alt="click tracking"></a></div></noscript> <!-- End of StatCounter Code for Default Guide --> </body></html> * { margin: 0; padding: 0; border: 0; } body { background: #fdf; font: 30px sans-serif; } use an iframe compat browser, deer Play on jsdo.it games Author Share ブログに埋め込む QR Tag Download Complete! Description What kind of game? Control Device Smartphone Controllerjsdo.it WebSocket Controller» Mouse Keyboard Touch Device Fullscreen Activated Inactivated jsdo.it games から削除する Submit Author Nwaoyibo.Donatus.Junior Tweet Default Panel Auto play Screenshot Readme JavaScript HTML CSS Size Width: px Height: px code <script type="text/javascript" src="http://jsdo.it/blogparts/iOXN/js"></script> smartphones&tablets Discussion Questions on this code? Tags smartphones&tablets