Web Developer | A little something about everything...

Web Developer

A little something about everything...

Windows Explorer 10 is Slow, unusable, unstable, high CPU, issues

I've run into this issue several times now where windows explorer 10 has some sort of conflict with windows search service. This happens on clean installs and more frequently to those that have upgraded from windows 7 or 8 to windows 10.

Here is the quick fix to resolve this:

Ctrl+Alt+Del > Select "Task Manager"

Once task manager opens select the wind and type "w" until it selects "Windows Explorer", right click and end task. This will cause all of your windows explorer items to be removed from the windows interface and you should notice the pc has returned to normal, no longer slow.

If this is the case continue with the next step,

Choose "file" from "Task Manager" then enter "services.msc" and click "ok", now scroll down to "Windows Search" double click and change the startup type to "Disabled" then "Stop" the service.

(please note, this will disable your windows search function)

To restore windows explorer select "file" from the task manager and "run new task" enter "explorer.exe" and click ok. Everything should now be working properly other than "Windows Search" which is now disabled.

lightweight Javascript toggle function without jquery to display block/none for an element

Here is a quick lightweight javascript toggle function for sites where you dont want to use jquery.

The JavaScript:

<script>
function toggle(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
var list = document.getElementsByClassName("tmc");
for (var i = 0; i < list.length; i++) {
list[i].style.display="none";
e.style.display = 'block';
}
}
</script>

Some example CSS:

<style>
.dbn {
display:block;
float:right;
width:40vw;
border:.05em solid #000;
padding:.8em;
margin:1em;
box-shadow:0 0 .3em #000;
}
#aa {background-color:#f00;}
#bb {background-color:#0f0;}
#cc {background-color:#00f;}
</style>

Some excmple HTML:

<ul>
<li><a onclick="toggle('aa');" style="cursor:pointer ">one</a></li>
<li><a onclick="toggle('bb');" style="cursor:pointer ">two</a></li>
<li><a onclick="toggle('cc');" style="cursor:pointer ">three</a></li>
</ul>
<div id="aa" class="dbn">
Content of Div aa
</div>
<div id="bb" class="dbn">
Content of Div bb
</div>
<div id="cc" class="dbn">
Content of Div cc
</div>

Example:

Content of Div aa
Content of Div bb
Content of Div cc