Hi there,
I would like to get the code of this please:
link ► prepostseo dot com/word-counter
Who can help me?
Thank you very much!
On Window left mouse click and expect element
Yes thanks but i would like to enhance that code with new functionalities…
You would have to either copy paste the entire code and make your own version
Or log in that site an modify it from the back-end this can only be done it the site is either owned by you our you are hired to do so
The button “upload” doesn’t work, why?
i can’t run the html page from local drive?
I need additional information there. Can you provide screenshot/code?
Sure
======
<div class="leftcol">
<div class="col-md-12 shadowBox">
<h1 class="h_tool">Word Counter</h1>
<p class="text16 text-center">To use <strong>word counter</strong>, copy and paste text in the input box below or upload DOC, PDF or DOCX to count words and characters.</p>
<div class="col-xs-12 text-center" style="margin-top:10px;">
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- desktop 300x250 -->
<ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-7155931151667823" data-ad-slot="6951547584"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<form action="" method="post" id="form1" enctype="multipart/form-data" class="AVAST_PAM_nonloginform">
<div class="col-xs-12 form">
<div class="text-sec forsingle">
<div class="row wordBox">
<div class="col-xs-6 col-md-3">
<div class="bg-white">
<span class="card-value" id="num_word">0</span>
<span class="card-name">WORDS</span>
</div>
</div>
<div class="col-xs-6 col-md-3">
<div class="bg-white">
<span class="card-value" id="num_character">0</span>
<span class="card-name">CHARACTERS</span>
</div>
</div>
<div class="col-xs-6 col-md-3">
<div class="bg-white">
<span class="card-value" id="num_sentence">0</span>
<span class="card-name">SENTENCE</span>
</div>
</div>
<div class="col-xs-6 col-md-3">
<div class="bg-white">
<span class="card-value" id="read_time">0</span>
<span class="card-name">Read Time</span>
</div>
</div>
</div>
<div class="wrap">
<input type="file" name="file" style="display:none;" id="uploadFile" accept=".doc, .docx, .txt, .pdf" multiple="">
<textarea placeholder="Type or Paste text here.." ondragover="_ondragover(event)" ondrop="_ondrop(event)" ondragleave="_ondragleave(event)" ondragenter="_ondragenter(event)" class="form-control dragbg" style="height:280px;" id="textbox" onkeyup="cont()" name="text"></textarea>
<div class="btn-group col-lg-8 col-sm-12 noP">
<div class="col-lg-8 col-xs-5 noP">
<span class="pull-left"><span class="btn btn-sm btn-default" id="uploadBtn"><i class="fa fa-paperclip fa-rotate-90 text-primary"></i> Select Files (up to 50) </span></span>
<span id="fileName" class="filename pull-left" data-toggle="tooltip" data-placement="top" data-original-title="" title=""></span>
</div>
</div>
</div>
<input type="hidden" name="tool_submit" value="1">
<input type="submit" id="submitBtn" name="submit" value="1" style="display:none;">
<div><div class="grecaptcha-badge" data-style="bottomright" style="width: 256px; height: 60px; position: fixed; visibility: hidden; display: block; transition: right 0.3s ease 0s; bottom: 14px; right: -186px; box-shadow: gray 0px 0px 5px; border-radius: 2px; overflow: hidden;"><div class="grecaptcha-logo"><iframe src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Le2mnYUAAAAABxIETPi7aXvxTVCuav6AicdFq5U&co=aHR0cHM6Ly93d3cucHJlcG9zdHNlby5jb206NDQz&hl=fr&v=qpy2aGtSgsYPZzCoYWjcaBCo&size=invisible&cb=trnf5lyvb00c" width="256" height="60" role="presentation" name="a-gy152pyrq6pw" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox"></iframe></div><div class="grecaptcha-error"></div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div></div><button class="g-recaptcha" id="wordcaptcha" data-sitekey="6Le2mnYUAAAAABxIETPi7aXvxTVCuav6AicdFq5U" style="display: none;" data-callback="onSubmit"></button>
<span id="singleFilename" class="text-center">Filename:<b><span class="singleFilename"></span></b></span>
</div>
<div class="ajax-result" style="display: none;">
<table class="table table-responsive" id="resulttable">
<thead>
<tr>
<th width="5%" class="text-center">No.</th>
<th width="45%">File</th>
<th width="15%" class="text-center">Words</th>
<th width="15%" class="text-center">Characters</th>
<th width="20%" class="text-center">Check Plagiarism</th>
</tr>
</thead>
<tbody class="body-result">
</tbody>
</table>
</div>
<p class="text-center">
<span class="btn btn-lg btn-success active" style="margin:20px 0;display: none;" id="checkBtnCap">Count Words</span>
<a class="btn btn-lg btn-success active newSession" style="display: none" href="https://www.prepostseo.com/word-counter">Check New Files</a>
</p>
</div>
</form>
<div class="col-xs-12 text-center pps-spr pps-spr-lumba-daba pps-spr-after-button" style="margin-top:10px;">
</div>
<div class="col-sm-12 top-fact clear">
<h3 class="text-info"><strong>— Random Fact —</strong></h3>
<p class="fd" id="top-fact-details" style="">Only 2 of the <strong>Top 10</strong> Most Popular Sites on the Web Are Content Sites — Cognitive SEO</p>
<p>
<span class="brnb-r active" id="refreshFactTop" onclick="getRandomfactTop()"><i class="fa fa-refresh"></i> Refresh</span>
</p>
</div>
<script>$(document).ready(function(e) {getRandomfactTop();});</script>
<form target="_blank" action="" id="remoteForm" style="display:none;" method="post">
<textarea name="remoteData" id="remoteData" style="display:none;"></textarea>
</form>
<div class="normal-section">
<!--./Content Section -->
<!-- Result Section --->
<!-- Result Section --->
<style>table td{text-align:center}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}button{outline:0px!important}.w_tbody{padding:0!important;border:1px solid #F4F3F3;border-bottom:0}.w_tbody .col-md-6{padding:10px}.w_tbody .col-md-6.br-right{background:#FCFCFC}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{display:none}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ea5050;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:2px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s}input:checked + .slider{background-color:#0f804a}input:focus + .slider{box-shadow:0 0 1px #1e70b9}input:checked + .slider:before{-webkit-transform:translateX(28px);-ms-transform:translateX(28px);transform:translateX(28px)}.on{display:none}.on,.off{color:white;position:absolute;transform:translate(-50%,-50%);top:25%;left:25%;font-size:10px;font-family:Verdana,sans-serif}.on{top:17px}.off{left:auto;right:-4px;top:17px}input:checked + .slider .on{display:block}input:checked + .slider .off{display:none}.slider.round{border-radius:17px}.slider.round:before{border-radius:50%}
.toolf{padding:40px 20px;background:#F8F9FA;display:block;margin-bottom:20px;border-radius:7px}
.toolf i{border:1px solid #337AB7;font-size:54px;line-height:100px;width:100px;height:100px;border-radius:50%;margin-bottom:15px}
.toolf .title{font-weight:500;display:block;padding-bottom:20px;text-transform:uppercase}
</style>
<div class="noP results-sec hide" id="ressultSec">
<div class="row">
<div class="col-sm-6" id="densityResults">
<table class="table table-bordered">
<tbody><tr style="background:#D56C25; color:#fff;">
<td colspan="2">
TOP WORD DENSITY
</td>
</tr>
<tr style="background:#F5F5F5;">
<td width="40%">
<strong>TOP:</strong> <input class="topwords" id="number_of_top_keywords_value" value="3" size="4" type="number" style="width:75px; border-radius:2px; border:1px solid #333;">
</td>
<td>
<span id="Exclude" style="float:left; margin-top:8px;">Exclude Grammar Words</span>
<label class="switch">
<input id="slideThree" name="exclude-grammar-word-switcher" style="display:none;" value="None" checked="checked" type="checkbox">
<div class="slider round">
<span class="on">ON</span>
<span class="off">OFF</span>
</div>
</label>
</td>
</tr>
<tr>
<td colspan="2">
<div class="tab" style="padding:15px 0px;">
<button class="tablinks active btn btn-default" onclick="wordDensity(event, 'keyword_density-tab-1')" id="ui-id-1">1 Word</button>
<button class="tablinks btn btn-default" onclick="wordDensity(event, 'keyword_density-tab-2')" id="ui-id-2">2 Word</button>
<button class="tablinks btn btn-default" onclick="wordDensity(event, 'keyword_density-tab-3')" id="ui-id-3">3 Word</button>
</div>
<div style="height:205px; overflow-y:scroll;">
<div id="keyword_density-tab-1" class="tabcontent col-md-12 pn" style="display: block;">
<div id="keyword_density-tab-1-table"></div>
</div>
<div id="keyword_density-tab-2" class="tabcontent col-md-12 pn" style="display: none;">
<div id="keyword_density-tab-2-table"></div>
</div>
<div id="keyword_density-tab-3" class="tabcontent col-md-12 pn" style="display: none;">
<div id="keyword_density-tab-3-table"></div>
</div>
</div>
</td>
</tr>
</tbody></table>
</div>
<div class="col-sm-6" id="readingTable">
<table class="table table-bordered">
<tbody><tr style="background:#96108D; color:#fff;">
<td colspan="2">
READING TIME
</td>
</tr>
<tr>
<td width="70%">Estimated Reading Time</td>
<td id="estimate_reading_time">0 min.</td>
</tr>
<tr>
<td>Estimated Speaking Time</td>
<td id="estimate_speaking_time">0 min.</td>
</tr>
</tbody></table>
<table class="table table-bordered" id="extraCount">
<tbody><tr style="background:#206B68; color:#fff;">
<td colspan="2">
EXTRA WORD COUNT STATISTICS
</td>
</tr>
<tr>
<td width="60%">Unique Words</td>
<td id="num_unique_word">0 <span class="stat_percentage">(0%)</span></td>
</tr>
<tr>
<td>Average Word Length (char)</td>
<td id="avg_word_length">0</td>
</tr>
<tr>
<td>Average Sentence Length (words)</td>
<td id="avg_sentence_length">0</td>
</tr>
<tr>
<td>Total Paragraph</td>
<td id="num_paragraph">0</td>
</tr>
<tr>
<td>Default Words</td>
<td id="num_difficult_word">0 <span class="stat_percentage">(0%)</span></td>
</tr>
</tbody></table>
</div>
<div class="col-sm-12" id="lengthTable">
<table class="table table-bordered">
<tbody><tr style="background:#4f5d73; color:#fff;">
<td colspan="2">LENGTH STATISTICS</td>
</tr>
<tr>
<td width="40%">
Short Word
</td>
<td id="num_short_word">0 <span class="stat_percentage">(0%)</span></td>
</tr>
<tr>
<td>
Long Word
</td>
<td id="num_long_word">0 <span class="stat_percentage">(0%)</span></td>
</tr>
<tr>
<td>
Longest Sentence (by number of characters)
</td>
<td id="longest_sentence_by_characters"></td>
</tr>
<tr>
<td>
Longest Words (by number of characters)
</td>
<td id="longest_word_by_characters"></td>
</tr>
</tbody></table>
</div>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<br>
<div class="col-lg-12 noP tool-content">
</div>
</div>
</div>
I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.
Note: Backticks are not single quotes.
Thank you, i note your reply