0

i need a little bit of help, I am trying to use JavaScript embedded in a SharePoint Content editor web part to hide specific web parts as the items are clicked, however it does not seem to work can anyone give me any hints/ideas?

<script type="text/javascript">
function hidepart() 
var hlf = document.getElementById("MSOZoneCell_WebPartWPQ3");
    MSOZoneCell_WebPartWPQ3.style.display="none";
    }
</script>
enter code here


 <a id="myLink" href="#" onclick="hidepart();return false;">Test</a>
BenMorel
  • 34,448
  • 50
  • 182
  • 322
OQpls
  • 3
  • 1
  • 1
  • 3

3 Answers3

1
<script type="text/javascript">
function hidepart() {
var hlf = document.getElementById("MSOZoneCell_WebPartWPQ3");
hlf.style.display="none";
}
</script>

enter code here

<a id="myLink" href="#" onclick="hidepart();return false;">Test</a>

you misspelled function and you were not using the hlf variable correctly. This should do it

ok fixed you were missing a opening bracket too

Daniel Ward
  • 165
  • 8
0

You could use the following code :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script language="JavaScript">
function hidepart()
 {
 $('#MSOZoneCell_WebPartWPQ3').hide(); 
 }
</script>
enter code here
<a id="myLink" href="#" onclick="hidepart();return false;">Test</a>
Jinxed
  • 738
  • 7
  • 27
0

I've managed to get it working like this, thank you harshini, your version also seems to work and looks a lot nicer. 

<script type="text/javascript">

function hidepart1() {
document.getElementById("MSOZoneCell_WebPartWPQ5").style.display = "none";} 
</script>

<a id="myLink" href="#" onclick="hidepart1();return false;">Test</a>

Thanks guys for helping me out thought I should share this with you, maybe someone else needs this

OQpls
  • 3
  • 1
  • 1
  • 3